/*
Theme Name: Thème Cité du Silence
Description: Thème enfant de Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://pierrecommenge-design.fr
Template: salient
Version: 1.0
*/



/*----------------------------------------------------------------------------------------------------------------------------
                PLUGIN "NECTAR SLIDER" : suppression des titres et légendes - Le numéro (1) le slider concerné
-----------------------------------------------------------------------------------------------------------------------------*/
#nectar-slider-instance-1 .container h2,
#nectar-slider-instance-1 .container .caption,
#nectar-slider-instance-1 .container .content,
#nectar-slider-instance-1 .container .heading {
  display: none !important;
}



/*----------------------------------------------------------------------------------------------------------------------------
                                          Champ créé avec SCF (Secure Custom Field = advanced custom fields)
-----------------------------------------------------------------------------------------------------------------------------*/

/*AFFICHER OU MASQUER L'IMAGE A LA UNE (bouton SCF + code dans functions.php)(*/
.masquer-featured 
.featured-media-under-header__featured-media,
.masquer-featured 
.featured-media-under-header__featured-media .post-featured-img,
.masquer-featured 
.featured-media-under-header__featured-media[data-align="center"] .post-featured-img img,
.masquer-featured 
.featured-media-under-header__featured-media:not([data-format="video"]):not([data-format="audio"]):not([data-has-img="false"]) {
    display: none !important;
}

/*Crédit photo*/    
.credit-photo {
          font-size: 15px !important;
      color: #999 !important;
      text-align: left !important;
      font-style: italic !important;
    margin-top: -6% !important; 
      margin-bottom: 5% !important; 
    display: block!important;
}

/*Bouton "Source et remerciements"*/

    .container .source a {
      transition: 0.5s !important; /*Transition hover*/
      font-size: 18px !important;
      text-transform: uppercase !important;
      background-color: #E5ECF0;
      padding-top: 13px !important;
      padding-bottom: 14px !important;
      padding-right: 24px !important;
      padding-left: 24px !important;
      text-align: center !important;
      color: #00416B !important;
      display: block !important;
    margin-top: -2% !important; 
              margin-bottom: 5% !important; 

        }
    .container .source a:hover {
      color: #FFFFFF !important;
      background-color: #333 !important;
      padding-top: 20px !important;
      padding-bottom: 21px !important;
    }

/*----------------------------------------------------------------------------------------------------------------------------
                                          MENU > SOUS-MENU (DROPDOWN)
-----------------------------------------------------------------------------------------------------------------------------*/

/* Sous-menu global */
#top nav ul.sub-menu {
    background-color: #F3F3F3 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 3px !important;
    list-style: none !important;
}

/* Chaque élément du sous-menu */
#top nav ul.sub-menu li {
    background: transparent !important;
    list-style: none !important; /* C'est ici pour supprimer la puce */
    margin: 0 !important;
    padding: 0 !important;
}

/* Lien du sous-menu */
#top nav ul.sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 15px !important;
    color: #005ea3 !important;
    background: transparent !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease, color 0.3s ease !important; /* <-- ajout ici */
}

/* Pour forcer également le changement de couleur au survol d'un élément actif */
#top nav ul.sub-menu li a:hover{
    color: #fff !important;  /* Couleur du texte personnalisée */
    border-radius: 3px !important;  /* Bordure arrondie */
}

/*----------------------------------------------------------------------------------------------------------------------------
                                          HOME
-----------------------------------------------------------------------------------------------------------------------------*/
    /*Supprimer logo*/
    .home #header-outer[data-header-resize="1"]:not([data-transparent-header="true"]) #logo img {
      display: none !important;
    }
/*SUpprimer le titre sur la home*/
.home #page-header-wrap {
    display: none!important;
}
    /*Bandeau Intro*/
    .home-bandeau-intro-row {
      background-color: #efefef !important;
      padding-bottom: 70px;
      mask: radial-gradient(60% 70px at bottom, red 100%, green);
    }
    /*Manu > outon 'nous soutenir" droite*/
    nav ul li:last-child {
      background-color: #efefef; /* Couleur de fond */
      padding-left: 5px !important;
      padding-right: 5px !important;
      padding-top: 18px !important;
      margin-top: -18px !important; /*Séparation depuis la rubrique gauche*/
      margin-left: 15px !important; /*Séparation depuis la rubrique gauche*/
      border-radius: 5px;
    }

/*----------------------------------------------------------------------------------------------------------------------------
                                          PAGE "Transformation du bâtiment Sainte-Monique"
-----------------------------------------------------------------------------------------------------------------------------*/
.container .date-batiment-sainte-monique h4 {
font-family: 'Payfair Display'!important;
    font-size: 185px!important;
        line-height: 150px!important;

      color: #efefef!important; /* Couleur intérieure du texte */
  text-shadow:
    -1px -1px 0 #005ea3,
     1px -1px 0 #005ea3,
    -1px  1px 0 #005ea3,
     1px  1px 0 #005ea3;
}

    @media only screen and (max-width: 414px) {
.container .date-batiment-sainte-monique h4 {
    font-size: 110px!important;
    line-height: 90px!important;

      }
    }
/*.page .entry-title {
  display: block !important;
}*/
    /*----------------------------------------------------------------------------------------------------------------------------
                                          FORMATAGE
-----------------------------------------------------------------------------------------------------------------------------*/
/* Titres de pages > Texte*/
body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1, .featured-media-under-header h1{
    text-align: center!important;
    color: #005ea3!important;
}
/*Titres de page > Background*/
#page-header-bg {
  background-image: url('img/vague-citedusilence-gris-clair.svg') !important;
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
  background-size: cover !important;
  background-color: transparent!important;
}
/*Titres de page > Background > Supprimer le fond gris overlay*/
.page-header-overlay-color {
  background-color: transparent !important;
}

    /*MENU PRINCIPAL*/
    #top nav ul li a, body[data-header-color=light] .mobile-header, body[data-header-color=light] .span_9 > .slide-out-widget-area-toggle a .label {
      color: #000 !important;
    }
    .container p {
      padding-bottom: 15px !important;
    }

    .container h2 {
      color: #025fa4 !important;
      padding-bottom: 20px !important;
    }
    .container h3 {
      padding-bottom: 10px !important;
    }
    /*SUR-TITRES CAPITALE (utilisé surtout sur la Home)*/
    .container h4 {
      color: #025fa4 !important;
      padding-bottom: 0px !important;
    }
    /*Bouton "On vous en dit plus"*/
    .container h6 a {
      color: #FFF !important;
      padding-top: 5px !important;
      padding-bottom: 5px !important;
      background-color: #C1C1C1 !important;
      display: inline-block !important;
      transition: 0.3s !important; /*Transition hover*/
      line-height: 50% !important;
    }
    /*Bouton "On vous en dit plus" > Hover*/
    .container h6 a:hover {
      display: inline-block !important;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }

    /*----------------------------------------------------------------------------------------------------------------
              									FORMATAGE > LISTE
-----------------------------------------------------------------------------------------------------------------*/
    .container ul li, .container ul ul li, .container ul li, .container ul ul li {
      margin-left: -8px !important;
    }
    .container ul li, .container ul ul li {
      list-style-type: none !important;
      margin-bottom: 8px !important;
    }
    .container ul li {
      list-style-image: url(img/list-tiret-noir.png) !important;
    }
    .container ul ul li {
      list-style-image: url(img/list-tiret-noir-niveau2.png) !important;
    }
    .container ol li {
      list-style-image: none !important;
      margin-top: 12px !important;
      list-style-position: outside !important;
      list-style-type: decimal !important;
      margin-left: -8px !important;
    }
    /*----------------------------------------------------------------------------------------------------------------
              									POST > SINGLE
-----------------------------------------------------------------------------------------------------------------*/
    /*Titre des articles h1*/
    .single .featured-media-under-header h1 {
      color: #005ea3 !important;
      font-size: 36px !important;
      font-weight: 400 !important;
      line-height: 46px !important;
      text-transform: none !important;
      letter-spacing: normal !important;
    }
    /*Ssous-titre h2 : réduire sa taille*/
    .single h2 {
      font-size: 28px !important;
      line-height: 38px !important;
    }
    @media only screen and (max-width: 414px) {
      .single h2 {
        font-size: 22px !important;
        line-height: 32px !important;
        font-weight: 400 !important;
      }
    }
    /*Date : taille + grande*/
    .single .featured-media-under-header__meta-wrap {
      font-size: 24px !important;
      margin-bottom: -20px !important;
    }
    @media only screen and (max-width: 414px) {
      .single .featured-media-under-header__meta-wrap {
        margin-bottom: 0px !important;
      }
    }
    /*Catégorie "Actualité" à droite de la date : Supprimer */
    .single #single-below-header .meta-category, .single .featured-media-under-header__cat-wrap .meta-category {
      display: none !important;
    }

    /*Contenu texte article : remonter sous la photo*/
    .single .main-content > .row {
      margin-top: -45px !important;
    }
    @media only screen and (max-width: 1024px) {
      .single .main-content > .row{
        margin-top: 0px !important;
      }
    }
/*Visuel Lalouvesc du pied de page : remonter*/
.single #footer-motif {
    margin-top: -50px!important;
}
    /*----------------------------------------------------------------------------------------------------------------
              									CONTACT
-----------------------------------------------------------------------------------------------------------------*/
    /*Galerie des logos partenaires*/
    gallerie-partenaires img {
      position: relative !important
    }
    /*----------------------------------------------------------------------------------------------------------------------------
                                          WPBAKERY > TOGGLE (Accordéon)
-----------------------------------------------------------------------------------------------------------------------------*/
    /*---------------------------TOGGLE "MINIMAL"---------------------------------------------------------------------*/
    /*Bandeau > Couleur*/
    body div[data-style*=minimal] .toggle.open > .toggle-title a, body div[data-style*=minimal] .toggle > .toggle-title a {
      background-color: #FFF !important;
    }
    /*Bandeau > PAdding*/
    div[data-style="minimal"] .toggle > .toggle-title a {
      padding-top: 20px !important;
      padding-right: 35px !important;
      padding-left: 35px !important;
      padding-bottom: 20px !important;
      transition: color 0.15s ease;
    }
    /*Bandeau > Titre*/
    .toggle > h3.toggle-title a {
      font-family: Noto Sans !important;
      font-size: 16px !important;
      line-height: 26px;
      font-weight: 400;
    }
    .toggle > .toggle-title a {
      display: block;
      color: rgba(0, 0, 0, .65);
      letter-spacing: 0;
    }
    div[data-style="minimal"] .toggle {
      border-bottom: none !important;
    }
    /*Icône > Position*/
    div[data-style*=minimal] .toggle > .toggle-title i {
      right: 15px !important;
    }
    /*Icône > Cercle*/
    div[data-style*=minimal] .toggle > .toggle-title i {
      width: 50px !important;
      height: 50px !important;
      position: absolute;
      right: 0;
      left: auto;
      top: 30% !important;
      margin-top: -15px;
      border: 1px solid #888;
      border-radius: 30px 30px;
      -ms-transition: border-color .15s ease;
      transition: border-color .15s ease;
      -webkit-transition: border-color .15s ease;
    }
    /*Icône > Croix > Horizontale (before)*/
    div[data-style="minimal"] .toggle > .toggle-title i:before {
      content: " ";
      top: 26px;
      left: 16px;
      margin-top: -2px;
      width: 18px;
      height: 2px;
      position: absolute;
      background-color: #888;
      transition: background-color 0.15s ease;
    }
    /*Icône > Croix > verticale (after)*/
    div[data-style="minimal"] .toggle > .toggle-title i:after {
      FONT-VARIANT: JIS78;
      content: " ";
      top: 16px;
      left: 12px;
      width: 2px;
      margin-left: 12px;
      height: 18px;
      position: absolute;
      background-color: #888;
      transition: transform 0.45s cubic-bezier(.3, .4, .2, 1), background-color 0.15s ease;
    }
    /*---------------------------TOGGLE "DEFAULT"---------------------------------------------------------------------*/
    /*AUgmenter la heuteur du beandeau*/
    div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title {
      line-height: 30px !important;
    }
    /*AUgmenter la heuteur du beandeau > Icône*/
    .toggle > .toggle-title a i {
      line-height: 30px !important;
    }
    /*----------------------------------------------------------------------------------------------------------------------------
                                          STYLES CUSTOM
-----------------------------------------------------------------------------------------------------------------------------*/
    /*BOUTON SOURCE ARTICLE*/
.container .bouton-large a {
      transition: 0.5s !important; /*Transition hover*/
      font-size: 18px !important;
      text-transform: uppercase !important;
      background-color: #E5ECF0;
      padding-top: 13px !important;
      padding-bottom: 14px !important;
      padding-right: 24px !important;
      padding-left: 24px !important;
      text-align: center !important;
      color: #00416B !important;
      display: block !important;
      margin-top: 26px !important;
    }
.container .bouton-large a:hover {
      color: #FFFFFF !important;
      background-color: #333 !important;
      padding-top: 20px !important;
      padding-bottom: 21px !important;
    }
    /*BOUTON BELU STANDARD*/
    .bouton-simple a {
    transition: 0.5s !important; /*Transition hover*/
    font-size: 18px !important;
    background-color: #E5ECF0;
    padding-top: 13px !important;
    padding-bottom: 14px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
    text-align: center !important;
    color: #00416B !important;
    display: inline-block !important;
    border-radius: 3px!important;
                    margin-top: 15px !important;

    }
    .bouton-simple a:hover {
      color: #FFFFFF !important;
      background-color: #333 !important;
      padding-top: 20px !important;
      padding-bottom: 21px !important;
    }
.container .legende {
    font-size: 15px!important;
    font-style: italic!important;
    line-height: 22px!important;
}
.container .legende-photo {
    font-size: 15px!important;
    font-style: italic!important;
    line-height: 22px!important;
    display: block!important
}


    /*----------------------------------------------------------------------------------------------------------------
              									FOOTER
-----------------------------------------------------------------------------------------------------------------*/
    /*Visuel du village au-dessus du footer (dont ajout code dans le fichier footer.php)*/
    #footer-motif {
      background-image: url(img/village-lalouvesc-footer.png);
      background-repeat: no-repeat;
      background-color: #FFF !important;
      background-position: center bottom !important;
      background-size: auto 200px;
      height: 200px !important;
    }
    /*Footer + Copiright > Texte centré sinon c'est le style p qui prémpte*/
    #footer-outer #footer-widgets .col p, #footer-outer #copyright p {
      text-align: center !important;
      color: #CCCCCC !important;
    }
    #footer-widgets h3 {
      color: #909090 !important;
      margin-top: -15px !important;
    }
    #footer-widgets h4 {
      font-size: 18px !important;
      font-weight: 300 !important;
      color: #909090 !important;
      margin-top: -40px !important;
    }
    #footer-widgets p {
      color: #909090 !important;
      margin-top: -35px !important;
      font-size: 16px !important;
    }
    #footer-widgets .footer-legal, #footer-widgets .footer-legal a {
      color: #909090 !important;
      font-size: 14px !important;
      margin-top: 35px !important;
    }
    /*----------------------------------------------------------------------------------------------------------------
              									LEGAL
-----------------------------------------------------------------------------------------------------------------*/
    .page-id-3 #page-header-wrap h1 {
      font-size: 28px !important;
    }
    /*------------------------------------------------------------------------------------------------------------------------
                                          BOUTON BACK TO TOP (ALSACREAT)
-----------------------------------------------------------------------------------------------------------------------------*/
    body[data-button-style*="rounded"] #to-top i {
      display: none !important;
    }
    body[data-button-style*="rounded"] #to-top {
      box-shadow: none !important;
      overflow: visible !important;
      border-radius: 0 !important;
      border-left: 2rem solid #0000 !important;
      border-right: 2rem solid #0000 !important;
      /*Position largeur, pour l'avoir centré : left: 50%*/
      right: 1.8% !important;
      transform: translate(-50%, -50%) !important;
      box-sizing: content-box !important;
    }
    body[data-button-style*="rounded"] #to-top, body[data-button-style*="rounded"] #to-top.dark, body[data-button-style*="rounded"] #to-top:hover, body[data-button-style*="rounded"] #to-top.dark:hover {
      background-color: rgba(0, 0, 0, 0.15) !important;
    }
    body[data-button-style*="rounded"] #to-top::before, body[data-button-style*="rounded"] #to-top::after, body[data-button-style*="rounded"] #to-top:hover::before, body[data-button-style*="rounded"] #to-top:hover::after {
      --to-top-thickness: 2px;
      opacity: 1 !important;
      width: 100% !important;
      height: var(--to-top-thickness) !important;
      background-color: #009cff !important;
      top: calc(50% - var(--to-top-thickness) / 2) !important;
      border-radius: 0 !important;
      transform: rotate(0deg) !important;
    }
    body[data-button-style*="rounded"] #to-top::before {
      left: -49% !important;
    }
    body[data-button-style*="rounded"] #to-top::after {
      left: 49% !important;
    }
    body[data-button-style*="rounded"] #to-top:hover::before {
      transform: translateX(25%) rotate(-60deg) !important;
    }
    body[data-button-style*="rounded"] #to-top:hover::after {
      transform: translateX(-25%) rotate(60deg) !important;
    }
    body[data-button-style*="rounded"] #to-top::before, body[data-button-style*="rounded"] #to-top::after {
      transition: all 0.3s cubic-bezier(.55, 0, .1, 1) !important;
    }