/*
Theme Name: Thème Belay Avocats
Description: Thème enfant de Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://www.commenge-design.fr
Template: salient
Version: 17.3.0
*/
/* ------------------------------------------------------------------------------------------------------------
                                        CONTACT
-----------------------------------------------------------------------------------------------------------------------------*/
/*Texte coordonnées : couleur blanc*/
.container-wrap .contact-coordonnees, .container-wrap .contact-coordonnees * {
  color: #FFFFFF !important;
}
/*Plan : suppression du padding*/
body .twentytwenty-wrapper {
  padding: 0 !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       MENU PRINCIPAL
-----------------------------------------------------------------------------------------------------------------------------*/
/*LOGO : hauteur et position*/
@media (min-width: 1024px) {
  #logo img {
    margin-top: 20px !important; /* ajuste cette valeur à ton besoin */
  }
}
#top nav > ul > li > a {}
/*Menu Langue*/
#header-outer.transparent #top nav > ul > li:last-child a {
  color: #f6f6f6 !important;
}
/*Dégradé bleu en haut des visuels*/
#header-outer[data-transparent-header="true"]::before {
  background: linear-gradient(to bottom, #00a8ff, rgba(0, 168, 255, 0)) !important;
  height: 120px !important; /*Hauteur du dégradé*/
  mix-blend-mode: screen !important; /* ou multiply, overlay, soft-light, etc. */
  pointer-events: none !important;
}
@media (max-width: 1023px) {
  #header-outer.transparent #top #logo img {
    margin-top: 20px !important;
    padding-left: 15px !important;
  }
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          PAGE HEADER
-----------------------------------------------------------------------------------------------------------------------------*/
/*Header > Titre des pages sans photo bannière*/
#page-header-bg[data-alignment-v=middle] .container {
  text-align: center !important;
}
/*VISUEL EN BACKGROUD : TAILLES (Voir Javascript dans Salient) */
/*----------------------------------------------------------------------------------------------------------------------------
                                       EQUIPE > ACCUEIL
-----------------------------------------------------------------------------------------------------------------------------*/
/*Titre h2 des associées et collaborateurs*/
.wpb_wrapper .titre-les-associees h2 {
  color: #00a8ff !important;
  padding-top: 25px !important;
  padding-bottom: 35px !important;
}
/*Fond de page gris total sur le contenu*/
.page-id-110 .container-wrap {
  background-color: #f6f6f6 !important;
}
/*Titre h2collaborateur et partenaires*/
.wpb_wrapper .titre-collaborateur-partenaires h2 {
  color: #00a8ff !important;
  background-color: #FFFFFF !important;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 35px;
  text-align: center !important;
  margin-bottom: -25px !important;
}



/* Ajustement dimensions photos portrait spécifique pour les tablettes (600px à 1024px) */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .nectar-flip-box .flip-box-front,
  .nectar-flip-box .flip-box-back {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/*----------------------------------------------------------------------------------------------------------------------------
                                       EQUIPE > BIO
-----------------------------------------------------------------------------------------------------------------------------*/
/*Typo : Couleur blanc*/
.container-wrap .bio-texte-droit h3, .container-wrap .bio-texte-droit p {
  color: #FFFFFF !important;
}
/*Col texte droit*/
.col-bio-texte-droit {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.bio-texte-droit h3 {
  font-size: 30px !important;
  padding-bottom: 20px !important;
}
/*Rangée 2 : Expérience et formation */
.row-bio-2 {
  margin-top: 45px !important;
}
/*Coordonnées sous la photo*/
.row-bio-coordonnees-sous-photo {
  margin-top: -15px !important;
  padding: 35px 35px !important;
  background-color: #FFFFFF !important;
}
.container-wrap .row-bio-coordonnees-sous-photo p, .container-wrap .row-bio-coordonnees-sous-photo p a {
  text-align: center !important;
}
/*BOUTONS EXPERTISES====================================================*/
/*Titre "Principaux domaines d’intervention"*/
div.bio-boutons-expertises h4 {
  color: #FFFFFF !important;
  margin-bottom: -40px !important;
}
/*"Boutons" expertises sous le texte de droite  */
div.bio-boutons-expertises ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 16px !important; /* espace entre les boutons */
  row-gap: 0px !important; /* interligne réduit */
  justify-content: flex-start;
  margin-top: 50px !important; /* espace au-dessus */
}
div.bio-boutons-expertises ul li {
  background-color: #ffffff !important;
  color: #00a8ff !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  border: 2px solid #00a8ff !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
}
/*WIGGLE : position des 3 accordéons (Expériences, Formation...) ====================================================*/
.row-equipe-bio-wiggle-1 {
  padding-top: 25px !important;
}
.row-equipe-bio-wiggle-2 {
  margin-top: -5px !important;
  padding-top: 15px !important;
  padding-bottom: 70px !important;
}
/*Wiggle collaborateurs ; quans il n'y a pas le wiggle "Expérience" au-dessus*/
.row-equipe-bio-wiggle-3 {
  padding-top: 45px !important;
  padding-bottom: 70px !important;
}
/*Wiggle : position des 3 accordéons (Expériences, Formation...)*/
/*.equipe-bio-wiggle-1{
    margin-top: 0px;
}*/
/*.equipe-bio-wiggle-2, .equipe-bio-wiggle-3{
    margin-top: -35px;
}*/
@media only screen and (max-width: 1023px) {
  .equipe-bio-wiggle-3 {
    margin-top: -15px !important;
  }
}
/*----------------------------------------------------------------------------------------------------------------------------
                                         HOME > EQUIPE > FLIBOX
-----------------------------------------------------------------------------------------------------------------------------*/
.nectar-flip-box .flip-box-back {
  background-color: #00a8ff !important;
}
/*Verso Flip box : centrage verticalement*/
.nectar-flip-box .flip-box-back .inner {
  position: absolute;
  top: 50% !important;
  transform: translateZ(60px) scale(.94) translateY(-50%) !important;
}
/*Verso Flip box : texte : Centrer et remonter*/
.nectar-flip-box .flip-box-back .inner h3, .home .nectar-flip-box .flip-box-back .inner h4, .home .nectar-flip-box .flip-box-back .inner p {
  text-align: center !important;
  color: white !important;
}
/*Verso flip box : titre h3*/
.nectar-flip-box .flip-box-back .inner h3 {
  font-size: 20px !important;
}
/*Verso flip box : sous-titre h4*/
.nectar-flip-box .flip-box-back .inner h4 {
  font-size: 17px !important;
  margin-top: -15px !important;
  padding-bottom: 15px !important;
}
/*Verso flip box: Texte courant*/
.nectar-flip-box .flip-box-back .inner p {
  font-size: 15px !important;
  line-height: 23px !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          VOS BESOINS
-----------------------------------------------------------------------------------------------------------------------------*/
.vos-besoins-transactionnel {
  padding-left: 35px;
}
@media only screen and (max-width: 1023px) {
  .vos-besoins-transactionnel, .vos-besoins-techanddata {
    padding-left: 0px !important;
    padding-top: 35px;
    padding-bottom: 45px;
  }
}
.vos-besoins-plugandplay {
  padding-right: 35px;
  padding-top: 35px;
}
@media only screen and (max-width: 1023px) {
  .vos-besoins-plugandplay {
    padding-bottom: 45px;
  }
}
.vos-besoins-techanddata {
  padding-left: 35px;
  padding-top: 35px;
}
/*TEMOIGNAGE CLIENT =====================================================*/
/*Contenu bulle*/
.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-2"] blockquote.is-selected p {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  color: #FFFFFF !important;
} /*Guillemet (à gauche du contenu)*/
.testimonial_slider[data-style=multiple_visible][data-color*="-color"] blockquote.is-selected p:before {
  color: #FFFFFF !important;
}
/*Logo*/
.nectar_single_testimonial .image-icon, .testimonial_slider .image-icon {
  width: 90px !important;
  height: 90px !important;
  margin-bottom: 17px;
}
/*Titre (ex : nom du client)*/
.testimonial_slider blockquote span {
  color: #000000 !important;
}
/*Sous-titre (ex : société)*/
.testimonial_slider blockquote .title {
  color: #000000 !important;
}
/* =====================================================================*/
/*----------------------------------------------------------------------------------------------------------------------------
                                          POST (ACTUALITE)
-----------------------------------------------------------------------------------------------------------------------------*/
/*ACTU > HOME"*/
/*Masquer la catégorie "EN AVANT SUR L'ACCUEIL(Attention, si le nom de la catégorie change,elle apparaîtra dans la liste des catégories en affichage des articles)*/
.home .accueil-et-vos-besoins,
.home .home-and-your-needs,
.accueil-et-vos-besoins,
.home-and-your-needs {
  display: none !important;
}
/*Actualités > Accueil*/
.nectar-post-grid-filters[data-sortable=yes] {
  margin-bottom: 0 !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          POST > SINGLE
-----------------------------------------------------------------------------------------------------------------------------*/
/*TITRE H1*/
.single.single-post .heading-title[data-header-style=default] h1 {
  font-size: 30px !important;
  line-height: 42px !important;
  color: black !important;
}
.single .heading-title {
  border: none !important;
  padding-bottom: 0px !important;
  margin-bottom: 35px !important;
}
/*SOUS-TITRE H2 : Réduire */
body.single .post .content-inner > h2 {
  font-size: 22px !important;
  line-height: 30px !important;
  margin-bottom: 15px !important;
  color: #00a8ff !important;
}
/*DATE + CATEGORIE : taille + grande*/
.blog-title #single-below-header > span {
  font-size: 17px !important;
  padding-left: 0px !important;
  color: black !important;
}
/*Supprier catégorie "Actualité" à droite de la date*/
.single #single-below-header .meta-category {
  display: none !important;
}
/*Photo : marge sous la photo*/
.single-post .post-content > .audio-wrap, .single-post .post-content > .post-featured-img > img, .single-post .post-content > .quote-inner, .single-post .post-content > .video {
  margin-bottom: 15px !important;
}
/*Réduire hauteur des visuels*/
.single-post .post-content .post-featured-img img {
  max-height: 580px !important;
  object-fit: cover;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       POST > SINGLE > CREDIT PHOTO (avec SCF)
-----------------------------------------------------------------------------------------------------------------------------*/
.post-featured-img, .credit-image {
  display: block;
}
.credit-image {
  font-size: 0.9em;
  color: #777;
  margin-top: -10px;
  font-style: italic;
  opacity: 0.8;
  margin-left: auto;
  width: fit-content;
}
.credit-image::after {
  content: "";
  display: block;
  height: 20px; /*Remplace le margin-bottom sous la légende*/
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       HOME
-----------------------------------------------------------------------------------------------------------------------------*/
.home #page-header-bg h1 {
  display: none !important;
}
/*Premier titre h2 (Notre vision) */
.home .wpb_wrapper .premier-titre {
  margin-top: -15px;
}
/*Titre "Nos opérations" à remonter
.home .wpb_wrapper .titre-nos-operations h2 {
  margin-top: -20px;
}*/
.home .wpb_wrapper .titre-nos-expertises h2 {
  color: #FFFFFF !important;
  padding-bottom: 10px !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       SALIENT > TOGGLE (ACCORDEON)
-----------------------------------------------------------------------------------------------------------------------------*/
/*Toggle 3 : remonter pour mogile*/
@media only screen and (max-width: 768px) {
  .row-toogle-3 {
    margin-top: -50px;
  }
}
/*Style identique pour toggle ouvert et fermé*/
div[data-style="default"] .toggle .toggle-title a {
  border: 1px solid #00a8ff !important;
  background-color: #FFFFFF !important;
  color: #00a8ff !important;
  font-size: 26px !important;
  line-height: 34px !important;
}
/*Icone plus / moins (en haut à gauche) : supprimer*/
.fa-plus-circle:before, .fa-minus-circle:before {
  display: none !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       MENU SECONDAIRE (Au-dessus du menu principal)
-----------------------------------------------------------------------------------------------------------------------------*/
/*Texte ajouté dans le menu
#header-secondary-outer .nectar-center-text {
    text-align: right!important;
}*/
/*Langue : texte et lien dans Salient > Secundary header bar
body.material #header-secondary-outer nav>ul>li>a {
    max-width: 85%!important;
}
#header-secondary-outer .nectar-center-text,
body.material #header-secondary-outer nav>ul>li>a{
        font-size: 13px!important;
}*/
/*----------------------------------------------------------------------------------------------------------------------------
                                       SALIENT > FANCY BOX 
-----------------------------------------------------------------------------------------------------------------------------*/
/* Appliquer une bordure sur l’élément ou son hover + Taille texte courant*/
.nectar-fancy-box {
  border: 1px solid #FFF !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}
/* Cibler uniquement les listes dans les Fancy Box */
.container .nectar-fancy-box ul li {
  list-style-image: url(img/list-tiret-blanc.png) !important;
  margin-top: 3px !important;
}
/*Retour à la ligne : limiter le retour à la ligne en Ipad Pro*/
.nectar-fancy-box[data-style=hover_desc] .hover-content {
  max-width: 90% !important;
}
/*Fonds couleur dégradés : Supprimer*/
.nectar-fancy-box[data-style=hover_desc] .parallax-layer {
  display: none !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          FORMATAGE
-----------------------------------------------------------------------------------------------------------------------------*/
/*CONTENU PAGE : Hauteur
body[data-bg-header=true] .container-wrap {
  margin-top: 70px !important;
}*/
/*HOME =========================================================*/
/*Home : contenu des pages*/
.home .main-content {
  margin-top: 40px !important;
}
/*Home : grand titre H3*/
.home .container-wrap h3 {
  color: #FFFFFF !important;
}
/*STYLES =========================================================*/
/*Grand titre h1*/
.row .col.section-title h1 {
  color: #00a8ff !important;
}
/*Titre h2*/
.container-wrap h2, .container-wrap h4 {
  color: #000 !important;
}
/*Titre h3*/
.container-wrap h3 {
  color: #00a8ff !important;
}
/*Texte courant p*/
.container-wrap p {
  padding-bottom: 14px !important;
  text-align: justify !important;
  color: #000 !important;
}
/*Texte courant p : survol*/
.container-wrap p a {
  border-top: 1px solid #00a8ff;
  border-bottom: 1px solid #00a8ff;
}
/*FORMATAGE GENERAL*/
/*H1
    .container h1 {
      margin-bottom: 80px !important;
    }
    @media only screen and (max-width: 1024px) {
      .home .container h1 {
      margin-bottom: 180px !important;

      }
    }

    @media only screen and (max-width: 768px) {
      .home .container h1 {
      margin-bottom: 180px !important;

      }
    }
*/
/*.container h2 {
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 1024px) {
  .home .container h2 {
    font-size: 40px !important;
    line-height: 46px !important;
    word-spacing: 5px !important;
  }
}
.container h3 {
  padding-top: 12px !important;
  padding-bottom: 4px !important;
}
.container h4 {
  padding-bottom: 8px !important;
}

}*/
/*----------------------------------------------------------------------------------------------------------------
              									LISTE
-----------------------------------------------------------------------------------------------------------------*/
.container-wrap ul li, .container-wrap ul ul li {
  list-style-type: none !important;
  margin-top: 8px !important;
  margin-left: -8px !important;
}
.container-wrap ul li {
  list-style-image: url(img/list-tiret-noir.png) !important;
}
.container-wrap .entry-content ul ul li {
  list-style-image: url(img/list-tiret-noir-niveau2.png) !important;
}
.container-wrap ol li {
  list-style-image: none !important;
  margin-top: 8px !important;
  list-style-position: outside !important;
  list-style-type: decimal !important;
  margin-left: -8px !important;
}
/*----------------------------------------------------------------------------------------------------------------
              									FOOTER
-----------------------------------------------------------------------------------------------------------------*/
/*ICONE SOCIAL PERSONNALISEE ==============================================*/
#footer-outer .custom-social-icon {
  margin-top: -15px !important;
}
#footer-outer .custom-social-icon li a {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #bfbfbf !important; /* CERCLE GRIS CLAIR */
  border-radius: 50% !important;
  background-color: transparent !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}
#footer-outer .custom-social-icon li a:hover {
  border-color: #ffffff !important; /* DEVIENT BLANC AU SURVOL */
  background-color: transparent !important;
}
#footer-outer .custom-social-icon li a i {
  color: inherit !important;
  font-size: 16px !important;
  position: relative !important;
  top: -1px !important;
}
/*FOOTER  ===================================================*/
#footer-outer .row {
  padding-bottom: 0px !important;
}
/*Footer avec image de fond calé à droite de la deuxième colonne*/
#footer-outer #footer-widgets {
  background-image: url('https://www.belay-avocats.fr/wp-content/uploads/2025/07/symbole-footer-belay.png');
  background-repeat: no-repeat;
  background-position: calc(50% - 150px) top;
  background-size: 280px auto;
}
/* Version mobile : image calée à droite et en hauteur totale */
@media screen and (max-width: 768px) {
  #footer-outer #footer-widgets {
    background-position: right top;
    background-size: auto 100%;
  }
}
/*Footer + Copyright > Texte centré sinon c'est le style p qui prémpte =========================*/
#footer-outer #footer-widgets .col p, #footer-outer #copyright p {
  color: #FFF !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          STYLES CUSTOM
-----------------------------------------------------------------------------------------------------------------------------*/
/*BOUTON CERCLE */
.bouton-cercle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 2px solid white;
  margin: 60px auto 0 auto;
  background-color: transparent;
  transition: background-color 0.4s ease, border-color 0.4s ease;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.bouton-cercle a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
  z-index: 2;
  font-size: inherit;
  font-family: inherit;
  border-radius: 50%;
  overflow: hidden;
  transition: color 0.4s ease;
  /* ⛔️ Supprimer effets bleus natifs */
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Hover */
.bouton-cercle:hover {
  background-color: white;
  border-color: transparent;
}
.bouton-cercle a:hover {
  color: #00a8ff;
  border: none !important; /*Supprime résidu de cercle. bleu en hover)*/
}
/* Zone cliquable */
.bouton-cercle a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
  background: transparent;
}
/*TEXTE EXERGUE BLEU CLAIR========================================*/
.texte-exergue {
  color: #fff !important;
  background-color: #00a8ff !important;
  padding-top: 0px !important;
  padding-bottom: 1px !important;
  /*    font-weight: 900 !important;*/
}
/*TEXTE EXERGUE BLANC========================================*/
.texte-exergue-blanc-texte-bleu {
  color: #00a8ff !important;
  background-color: #FFF !important;
  padding-top: 0px !important;
  padding-bottom: 1px !important;
  /*    font-weight: 900 !important;*/
}
/*BOUTON SOURCE ARTICLE===========================================*/
.container .bouton-large a {
  transition: 0.5s !important; /*Transition hover*/
  font-size: 18px !important;
  background-color: #00a8ff;
  padding-top: 8px;
  padding-right: 24px;
  padding-bottom: 9px;
  padding-left: 24px;
  text-align: center !important;
  color: #FFF !important;
  display: block !important;
  margin-top: 15px !important;
}
.container .bouton-large a:hover {
    color: #FFFFFF !important;
    background-color: #4E4E4E;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 35px;
}
.credit-photo {
  font-size: 14px !important;
  color: #999 !important;
  text-align: left !important;
  font-style: italic !important;
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
#footer-widgets h3 {
  color: #5F5F5F !important;
  margin-bottom: -15px !important;
}