/*
Theme Name: Thème Storrer 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
*/
/*----------------------------------------------------------------------------------------------------------------------------
                                       MENU PRINCIPAL
-----------------------------------------------------------------------------------------------------------------------------*/
/*LOGO : hauteur et position*/
@media (min-width: 1024px) {
  #logo img {
    margin-top: 20px !important; /* ajuste cette valeur à ton besoin */
  }
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          PAGE HEADER > TITRES H1
-----------------------------------------------------------------------------------------------------------------------------*/
/*GRANDS TITRES DE PAGE =========================================================*/
/*Grand titre h1
.row .col.section-title h1 {
  color: #00a8ff !important;
}
   @media only screen and (max-width: 1024px) {
      .container-wrap h1 {
      margin-bottom: 180px !important;

      }
    }

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

      }
    }
*/
/*----------------------------------------------------------------------------------------------------------------------------
                                          PAGE HEADER (pages d'administration sans photo)
-----------------------------------------------------------------------------------------------------------------------------*/
/*Header > Titre des pages sans photo bannière*/
#page-header-bg[data-alignment-v=middle] .container {
  text-align: center !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       HOME
-----------------------------------------------------------------------------------------------------------------------------*/
/*Home : masquer Page header*/
.home #page-header-wrap {
  display: none !important;
}
/*Home : Accroche*/
.home .home-accroche h2 {
  color: #FFFFFF !important;
  font-size: 20px !important;
  line-height: 30px !important;
  text-align: center !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;
}*/
/*Titre h2*/
.container-wrap h2 {
  margin-bottom: 20px !important;
}
/*Titre h3 */
.container-wrap h3 {
  color: #696420 !important;
}
/*Texte courant p*/
.container-wrap p {
  padding-bottom: 14px !important;
  text-align: justify !important;
}
/*Texte courant p : survol
.container-wrap p a {
  border-top: 1px solid #00a8ff;
  border-bottom: 1px solid #00a8ff;
}*/
/*.container-wrap h2 {
}
*/
/*----------------------------------------------------------------------------------------------------------------
              									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;
}
/* ------------------------------------------------------------------------------------------------------------
                                        CONTACT
-----------------------------------------------------------------------------------------------------------------------------*/
/*Texte coordonnées : couleur blanc*/
.container-wrap .contact-coordonnees, .container-wrap .contact-coordonnees * {
  text-align: left !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          SALIENT > TOUS LES ELEMENTS
-----------------------------------------------------------------------------------------------------------------------------*/
/*WIGGLE (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;
}
/*FLIPBOX =====================================================================================*/
/*Fond couleur*/
.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;
}
/*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;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                         MEDIA QUERIES
-----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px) {}
/*----------------------------------------------------------------------------------------------------------------------------
                                          POST > ACCUEIL
-----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------
                                          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*/
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       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;
}
/*----------------------------------------------------------------------------------------------------------------
              									FOOTER
-----------------------------------------------------------------------------------------------------------------*/
/*Row footer : padding top et bottom*/
@media only screen and (min-width: 1000px) {
  body #footer-outer .row {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
  }
}
/*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; 
  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; 
  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 + 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;
}