/*-----------------------------------------*/
/*	 STYLE ÉCOLE NOTRE DAME DE LA CONSOLATION
/*-----------------------------------------*/

/*
PALETTE COULEURS
Couleur 1 : #a74d93 (RGB : 167, 77, 147) - Logo & Menu primaire
Couleur 2 : #ef7f01 (RGB : 239, 127, 1) - Menu secondaire
Couleur 3 : #faba00 (RGB : 250, 186, 0) - Scope
*/

/*	 {} LOGOTYPE ÉCOLE (ajustements dédiés)
------------------------------------------*/
/* En-tête */
.en-tete .logotype {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  padding-top: 10px;
}

.en-tete .logotype .img-fluid {
  max-height: 100%;
}

/* Pdp */
.pdp .logotype {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.pdp .logotype img {
  width: 80%;
}

/*	 {} EN-TÊTE
------------------------------------------*/
.en-tete h1 {
  color: #a74d93;
}

.en-tete .identite-ecole a:hover {
  color: #ef7f01;
}

.en-tete .identite-ecole a:hover h1 {
  color: #a74d93;
}

/* MENU PRIMAIRE */
#MenuPrimaireResponsive {
  background-color: #a74d93;
}

/* Barre de premier niveau */
.navbar a {
  color: #fff;
}

.navbar a:hover,
.navbar a:focus {
  color: #faba00;
}

/* Encoche dropdown */
.dropdown-toggle::after {
  color: rgba(255, 255, 255, 0.2);
}

.dropdown-toggle:hover::after {
  color: rgba(250, 186, 0, 0.4);
}

/* Barre de second niveau */
.dropdown-menu {
  background-color: #ef7f01;
  border: 0;
}

.dropdown-menu a {
  color: rgba(255, 255, 255, 0.85);
}

.dropdown-menu a:hover,
.dropdown-menu a:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

/* SCOPE */
.scope {
  color: #fff;
  background-color: #faba00;
}

/* Chemin arborescent */
.chemin li:not(:last-child),
.chemin a,
.chemin a:visited {
  color: rgba(255, 255, 255, 0.6);
}

.chemin a:hover,
.chemin a:focus {
  color: #fff;
}

.chemin a::after {
  color: rgba(255, 255, 255, 0.2);
}

/* SURTITRES ET TITRES */
.exergue h4.surtitre {
  color: rgba(0, 0, 0, 0.5);
}

.dernieres-actualites h4.surtitre,
.explorer-actualites h4.surtitre {
  color: rgba(255, 255, 255, 0.6);
}

h3.titre,
h3.titre a {
  color: #a74d93;
}

h2.titre a:hover,
h2.titre a:focus,
h3.titre a:hover,
h3.titre a:focus {
  border-bottom: 2px solid #a74d93;
}

/* LIEN */
a {
  color: #000;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #a74d93;
  text-decoration: none;
}

/* Liens catégories */
.categories a:hover,
.categories a:focus {
  color: #faba00;
  text-decoration: none;
}

/* Lien bouton */
a.lien-btn:hover {
  color: #fff;
  background-color: #a74d93;
  border-color: #a74d93;
}

/*	 {} DERNIÈRES ACTUALITÉS (accueil)
------------------------------------------*/
.dernieres-actualites {
  color: #fff;
  background-color: #a74d93;
}

.dernieres-actualites .date {
  color: #fff;
  background-color: #faba00;
}

.dernieres-actualites h3.titre a {
  color: #fff;
}

.dernieres-actualites .titre a:hover,
.dernieres-actualites .titre a:focus {
  color: #fff;
  border-bottom: 2px solid rgba(255, 255, 255, 1);
  text-decoration: none;
}

.voir-toutes-actualites a.lien-btn {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.voir-toutes-actualites a.lien-btn:hover {
  color: #fff;
  background-color: #faba00;
  border-color: #faba00;
  text-decoration: none;
}

/*	 {} EXPLORER LES ACTUALITES
------------------------------------------*/
.explorer-actualites {
  color: #fff;
  background-color: #a74d93;
}

.explorer-actualites .nav-tabs i {
  color: rgba(255, 255, 255, 0.5);
}

.explorer-actualites .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.explorer-actualites .nav-tabs .nav-link.active,
.explorer-actualites .nav-tabs .nav-item.show .nav-link,
.explorer-actualites .nav-tabs .nav-link:hover,
.explorer-actualites .nav-tabs .nav-link:focus {
  color: #fff;
}

/* Date */
.explorer-actualites .item-post span {
  color: rgba(255, 255, 255, 0.5);
}

/* Marqueur sticky post */
.explorer-actualites .item-post .stickypost {
  background-color: #faba00;
}

.explorer-actualites .item-post .stickypost i {
  color: rgba(255, 255, 255, 0.7);
}

/* Lien vers article */
.explorer-actualites .tab-content a {
  color: #fff;
}

.explorer-actualites .tab-content a:hover,
.explorer-actualites .tab-content a:focus {
  color: #fff;
  border-bottom: 1px solid #fff;
}

/* Rechercher */
.wrapper-search {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#s::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

#s {
  color: #fff;
}

#searchsubmit {
  color: #fff;
  background-color: #faba00;
}

#searchsubmit:hover,
#searchsubmit:focus {
  color: #fff;
  background-color: #ef7f01;
}

/*	 {} PIED DE PAGE
------------------------------------------*/
.pdp .identite-ecole h2 {
  color: #a74d93;
}

/* Logo Accessibilité : flex ou none */
.pdp .accessibilite span {
  display: flex;
}

/*	 [] ACTUALITES - LISTING ET SINGLE
------------------------------------------*/
.liste-actualites h3.titre a {
  color: #000;
}

.liste-actualites h3.titre a:hover,
.liste-actualites h3.titre a:focus {
  color: #000;
  border-bottom: 2px solid #000;
}

/* Article protégé ou privé */
.post-password-form input[type="submit"] {
  color: #fff;
  background-color: #faba00;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
  color: #fff;
  background-color: #a74d93;
}

.bloc-post .picto {
  color: #fff;
  background-color: #faba00;
}

.pagination-actus a:hover,
.pagination-actus span.current {
  background-color: #a74d93;
}

/*
MEDIA QUERIES
------------------------------------------*/
@media (max-width: 767.98px) {
  .en-tete .logotype {
    height: 55px;
  }

  .menu-top a {
    color: #fff;
  }

  .menu-top a:hover,
  .menu-top a:focus {
    color: #fff;
  }

  .navbar {
    background-color: #a74d93;
  }
}

@media (min-width: 992px) {
  .en-tete .logotype {
    height: 75px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .en-tete .logotype {
    height: 65px;
  }
}