/* 
Theme Name: FCBS Thème
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


body{font-family: 'Josefin Sans', sans-serif;font-size:20px;line-height:1.2em;}

a {color: #C41D27;}

/*background-color: #652123*/
/*header{margin-top:20px;background-color: #652123;}*/

/*h1{margin-top:1.8em !important;text-align:center;}*/



#masthead{background-color: #652123;}
body.home #masthead,body.page-id-156 #masthead,body.page-id-158 #masthead{background-color: transparent; position: absolute !important;top: 0;width: 100%;}

.titre-abs{width:100%;position:absolute;bottom:30%;text-align:center;}

.header-social {width: 100% !important;}
.header-social img{margin-left:15px;width: 35px;height: 35px;}

.header-logo {margin:0 auto;z-index:10;width: 40%;}
.header-logo img{max-width: 60%;}

#footer-1{margin:2vw 0 0 0 ;padding:6vw 0 0 0 ;font-size:0.8em;}

#footer-1:before{width: 90%;content: " ";background-image: url(/wp-content/themes/hello-elementor-child/img/footer-sepa.svg);background-repeat:no-repeat;position :absolute;height:21px;background-position: center;background-size: cover;top: 3.2vw;left:5%;}

.leaflet-container{z-index: 5;}

  /*
  .menu-top-right a{padding-left: 1vw !important;;padding-right: 1vw !important;}
  .menu-top-left a{padding-left: 0.6vw !important;;padding-right: 0.6vw !important;}
  */

#menu-menu li a{border-bottom:1px solid #ffffff;}
#menu-menu li.accueil-img a{border-bottom:none;width:210px;}
#menu-menu li.accueil-img  img{/*margin:0 2.4vw 0 2.4vw;*/max-width: 160px;}
#menu-menu li a {line-height: 40px;/*padding-left: 0.8vw;padding-right: 0.8vw;*/;padding-left: 0;padding-right: 0;width:160px;}

#menu-menu li{padding-top: 83px;}
#menu-menu li.accueil-img{padding-top: 0;}

#menu-menu li.current-menu-ancestor>a, #menu-menu li:hover>a, #menu-menu li.current-menu-item>a {
    background-color:transparent;color:#C41D27;
}

#menu-menu li.current-menu-item>a {background-color: transparent !important;}


#menu-footer{margin: 0;padding: 0;list-style: none;}
#menu-footer li{display: inline-block;}
#menu-footer li a {font-size: inherit;font-weight: 400;line-height: inherit;text-align:left;color: #fff;padding:0;}
#menu-footer li.current-menu-ancestor>a, #menu-footer li:hover>a, #menu-footer li.current-menu-item>a {background-color:transparent;}
#menu-footer li:not(:last-child):after{content: " - ";display: inline-block;margin: 0 5px 0 5px;color:#fff;}


/* slider accueil */
/*#block-slider-principal{position: absolute;top: 0;}*/

#block-slider-principal .caption-wrap {
    bottom: 25vw;
    left: 0;
    background: none;
    color: white;
    opacity: 1;
    font-size:3em;
    font-weight:700;
    line-height: 1.2em;
    text-align:center;
    text-transform: uppercase;
}

#block-slider-principal .caption-wrap .caption{
    max-width:1200px;
    margin:0 auto;
}


/*
.sepa-1:after {
    width: 100%;
    display: block;
    content: " ";
    background-image: url(/wp-content/themes/hello-elementor-child/img/sepa-1.svg);
    background-repeat: no-repeat;
    height: 30px;
    background-position: center;
    margin-top: 1.5em;
}
*/


.bloc-cadre {

    background: 
        url(/wp-content/themes/hello-elementor-child/img/angle-news.png) left -1px top -1px no-repeat, 
        url(/wp-content/themes/hello-elementor-child/img/angle-news-hd.png) right -1px top -1px no-repeat, 
        url(/wp-content/themes/hello-elementor-child/img/angle-news-bg.png) left -1px bottom -1px no-repeat, 
        url(/wp-content/themes/hello-elementor-child/img/angle-news.png) right -1px bottom -1px no-repeat, 
        #ffffff;
        padding: 40px;
        width: 90%;
        margin: 0 auto;
  }

.bloc-cadre .titre-cadre{text-transform:uppercase;font-size:2.2em;font-weight: 600;text-align: center;color:#C41D27;line-height:1em;}
.bloc-cadre .titre-cadre sup{font-size:1.6rem;line-height: 0;position: relative; vertical-align:text-top;top:0.6em; }
.bloc-cadre .accroche-cadre {font-size:1em;text-align:center;line-height: 1em; margin: 5px 0 5px 0;}

.bloc-partenaire {float: left;width: 14.5%;margin-left: 2%;}
.bloc-partenaire .img-part img {border-radius: 50%; }
.bloc-partenaire .title {text-align:center;}

.produit-bloc{float:left;max-width:33.3%;position:relative;line-height: 0;}

.produit-bloc::after {
  content: "";
  background: url(/wp-content/themes/hello-elementor-child/img/produit-hover.png);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 10;
  opacity:0;
  transition: opacity 0.5s ease-out;
}

.produit-bloc .picto {
    position: absolute;
    top: 0;
    left: 0;
    /*max-width:50%;*/
    /*
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
     */
     opacity:0;
     transition: opacity 0.5s ease-out;
    
}

.produit-bloc.prod-hover::after{opacity:1;}
.produit-bloc.prod-hover .picto { opacity:1;}


.elementor-swiper-button{top: auto;bottom: 0;font-size:1.5em;}
.elementor-swiper-button-prev {left:40%;}
.elementor-swiper-button-next {right:40%;}
.eicon-chevron-left::before {content: '\e909';}
.eicon-chevron-right::before {content: '\e90a';}


/*
@media only screen and (min-width : 1200px) {
    .menu-header li.accueil-img  img{margin:0 2.5vw 0 2.5vw;max-width: 200px;}
}
*/

.liste-expert .elementor-shortcode {  
    display: flex;
    flex-flow: row wrap;
    width: 80%;
    /* height: 100%; */
    margin:0 auto;
}

.liste-expert .elementor-shortcode  .bloc-expert {
    width: calc(33%  - 15px);

}

.liste-expert .bloc-expert {
    margin: 15px 15px 15px 0;  
}

.liste-tous-expert .elementor-shortcode {  
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    /* height: 100%; */
    margin:0 auto;
}


.liste-tous-expert .elementor-shortcode .bloc-expert {
    width: calc(20% - 15px);
}


.liste-tous-expert .bloc-expert {
   margin: 15px 15px 15px 0;
}


body:not([class*=elementor-page-]) .site-main {
    max-width: 1450px;
}
.actu-icon {max-width: 35px;margin: 0 auto;}

.bloc-expert .info{text-align:center;line-height:1em;}
.entreprise-2c {margin-top: -7em !important;}



.liste-tous-actu .elementor-shortcode {  
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    /* height: 100%; */
    margin:0 auto;
}

.liste-tous-actu .elementor-shortcode .actu-bloc {width: 27%;margin:2%;position: relative;}
.liste-tous-actu .actu-img{position: relative;}
.liste-tous-actu .actu-title{position: absolute;bottom: 30px;left:15px;text-transform:uppercase;color:#ffffff;font-weight:700;font-size:1.2em;width:50%;z-index: 20;}
.liste-tous-actu .actu-accroche{line-height:1em;padding-top:5px;font-size:0.9em;}



.liste-tous-actu .actu-img::after {
    content: '';
    background: url(/wp-content/themes/hello-elementor-child/img/produit-hover.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 10px;
    position: absolute;
    z-index: 10;
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease-out;
  }

  .liste-tous-actu .actu-img:hover::after{opacity: 0;}


/* detail actualité */

.bloc-contenu-actu h1{font-size:2.5em;}

.bloc-contenu-actu{margin-top:4em;}
.bloc-contenu-actu .entete{max-width:70%;margin:0 auto;}
.bloc-contenu-actu .entete .titre-actu{text-align:center;margin-top:1.8em;}
.bloc-contenu-actu .entete .titre-actu h1::after{width: 100%;display: block;content: " ";background-image: url(/wp-content/uploads/2022/06/sepa-2.svg);background-repeat: no-repeat;height: 35px;background-position: center;margin: 0.6em 0 1em 0;}
.bloc-contenu-actu .accroche-actu{margin-top: 1.2em;}
.bloc-contenu-actu .contenu-actu {margin-top:2em;display: flex;margin-right: auto;margin-left: auto;position: relative;}
.bloc-contenu-actu .contenu-actu .img-principale-actu{width: 44%;margin:0 3% 0 3%;}
.bloc-contenu-actu .contenu-actu .txt-principale-actu{width: 44%;margin:0 3% 0 3%;}
.bloc-contenu-actu .retour-actu{text-align: right;margin: 1em 0 1em 0;}
.bloc-contenu-actu .retour-actu a{line-height: 1em;background-color: #652123;color: #ffffff;text-transform: uppercase;text-decoration: none;font-size: 0.6em;padding:10px 15px 8px 15px;}
.bloc-contenu-actu .retour-actu a::before{content: '\e909';font-family: eicons;font-size: 1.6em;font-weight: 400;font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;vertical-align: -16%;}

.bloc-contenu-actu .autres-images{margin:0 2.7% 0 2.7%;}

.bloc-contenu-actu .actu-gallery {display: flex;flex-flow: row wrap;width: 100%;margin-top:2em;}
.bloc-contenu-actu .actu-gallery a {max-width: 24.3%;flex: 2 0 21%; margin: 0.2em;}


/* nous contacter */
.elementor-widget-divider{--divider-element-spacing: 4em !important;--divider-icon-size: 14px !important;}
.leaflet-popup-content label{text-transform: uppercase;color: #C41D27;font-weight: 600;padding-bottom: 10px;}
.wpcf7-form .row{clear: both;}
.wpcf7-form input{padding: 7px;}
.wpcf7-form .left{width:46%;padding-right:2%;;float:left;margin-bottom: 30px;}
.wpcf7-form .right{width:46%;padding-left:2%;;float:right;margin-bottom: 30px;}
.wpcf7-form .all{width:100%;;margin-bottom: 30px;}
.wpcf7-form p:empty{ display: none; }
.form-contact .wpcf7-form input[type=text],.form-contact .wpcf7-form input[type=email],.form-contact .wpcf7-form  textarea{border-width:0px;border:none;outline:none;background-color: #f3eeee;}
.wpcf7-form  label{font-weight: 600;}
.form-contact .wpcf7-form .wpcf7-submit{float: left;padding: 10px 30px 10px 30px !important;text-transform: initial !important;font-size: 1em !important;}

.wpcf7-form .left input,.wpcf7-form .right input{width:100%;}

.wpcf7-form textarea{height:140px;}

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {

    padding: 15px 60px 10px 60px;
}

.wpcf7-not-valid-tip{font-size:14px;}
/*  newsletter */
.email-news .adresse-mail{display: flex; flex-flow: row wrap; width: 100%;align-items: center;}

.email-news .label{text-transform:uppercase;color:#C41D27;font-size:1.2em;font-weight:600;width: 27%;}
.email-news .email{width: 45%;}
.email-news .submit{width: 20%;height: 60px;}
.email-news input[type=email]{width:98%;border: none;border-bottom:1px solid #C41D27; border-radius: 0; padding: 0 1rem;font-size:1.8rem;}
.email-news input[type=email]:focus{outline: none;}
.email-news .accept{text-align:center;margin-top: 15px;font-size:0.8em;}
.email-news .accept .wpcf7-list-item{margin:0;}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color: #652123;padding:15px;}


.uk-open .uk-modal-dialog{text-align: center;}
#surbma-yes-no-popup h2{font-size: 1.2em;}
#surbma-yes-no-popup button{padding: 0 2em;font-size:1em !important;}
.uk-modal-footer {margin-top: 2em !important;}
#surbma-yes-no-popup .uk-modal-footer.surbma-yes-no-popup-button-left{text-align: center !important;}


.age-gate-wrapper { background-color: #ffffff29;}


#cookie-notice{z-index:9500;}


/* Medium devices (tablets, less than 1024px)*/
@media (min-width: 1023px){
  #menu-menu{display:flex;flex-wrap:wrap;justify-content: center;}
  #menu-menu li a{font-size:1em !important;}
  

  
} 




/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1400px) { 
  #block-slider-principal .caption-wrap{bottom: 20vw;font-size:3em;}
  .email-news .label{font-size: 1em;width: 27%;}
  /*.email-news .email {width: 40%;}*/
  .email-news input[type="submit"]{font-size:1em;padding: 15px 40px 10px 40px;}
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {
  .menu-header li.accueil-img  img{/*margin:0 1.8vw 0 1.8vw;*/max-width: 130px !important;}
  
  #menu-menu li {padding-top: 60px;}
  
  .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li{padding-top: 90px;}
  .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li.accueil-img{padding-top: 0;}
  #block-slider-principal .caption-wrap{bottom: 15vw;font-size:2.5em;}
  /*#menu-menu li a {padding-left: 0.5vw;padding-right: 0.5vw;}*/
  #menu-menu li a{font-size:0.85em !important;width: 130px;}
  .titre-abs{bottom: 15%;}
  .email-news .label{font-size: 0.8em;}
  .bloc-cadre .titre-cadre {font-size: 2em;}

}

/* Medium devices (tablets, less than 1024px)*/
@media (max-width: 1024px){
    .menu-header li.accueil-img{display:none !important;font-size:20px;}
    .top-header{position: absolute;right: 0;top: 0;width: 100%;}
    .header-logo img{max-width: 40%;margin-top:5px;}
    #menu-menu li{padding: 10px 0 10px 0;text-align:center;}
    #menu-menu li:first-child{margin-top:20vw;}
    #menu-menu li:last-child{margin-bottom:15vw;}
    #menu-menu li a{border-bottom: none;}
    .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal{top: 0;background-color: #652123 !important;}
    #menu-menu li{border-bottom: 1px solid #ffffff;}
    button.eael-simple-menu-toggle{margin:10px;z-index:10;border-radius: 10px 10px 10px 10px !important;}
    .eael-simple-menu-toggle-text{display: none;}
    .bloc-contenu-actu .entete {max-width: 100%;margin: 0 15px;}
} 

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {

    .bloc-cadre .titre-cadre{font-size:2em;}
    .bloc-cadre .titre-cadre sup{font-size:1.4rem;top:0.6em; }
    .bloc-cadre .email-news label{font-size: 1.2em;}
    .bloc-partenaire{width:31%;margin-left: 1%;}
    #menu-menu li:first-child{margin-top:25vw;}
    .header-social img{margin-left: 5px;width: 30px;height: 30px;}
    .titre-abs{bottom: 10%;}
    .bloc-contenu-actu .contenu-actu .img-principale-actu {width: 100%;text-align: center; margin: 0 auto;}
    .bloc-contenu-actu .contenu-actu{margin-top: 2em;display: block;margin-right: 15px;margin-left: 15px;}
    .bloc-contenu-actu .contenu-actu .txt-principale-actu {width: 100%;margin: 1em auto;}

    .email-news .adresse-mail {flex-direction: column;}
    .email-news .label {width: 100%;text-align:center;}
    .email-news .email { width: 100%;}

    .bloc-cadre .accroche-cadre {font-size: 1.1em;}

    .email-news input[type="email"] {font-size: 1.2rem;}
    .email-news .submit {width: 100%;height: auto;text-align: center;margin-top: 1em;}


}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) { 
    .header-logo img{max-width: 60%;}
    #block-slider-principal .caption-wrap{bottom: 10vw;font-size:2em;}
    .entreprise-2c {margin-top: 1em !important;}
    .liste-expert .elementor-shortcode {width: 100%;}
    #cookie-notice #cn-accept-cookie,#cookie-notice #cn-refuse-cookie,#cookie-notice #cn-more-info {margin-bottom:10px;}
}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) { 
    .header-logo img{max-width: 70%;}
    .produit-bloc{max-width:50%;}
    #block-slider-principal .caption-wrap{bottom: 4vw;font-size:1.2em;}
    .bloc-cadre .titre-cadre{font-size:1.4em;}
    .bloc-cadre .titre-cadre sup{font-size:1rem;top:0.6em; }
    .titre-abs{bottom: 5%;}
    .liste-tous-actu .elementor-shortcode .actu-bloc{width: 48%;margin: 1%;}
    .liste-tous-actu .actu-title {font-size: 1em;width: 75%;}
    #footer-1{padding:12vw 0 0 0 ;}
    #footer-1::before{top: 6vw;}
    .liste-tous-expert .elementor-shortcode .bloc-expert {width:48%;margin: 1%;}



}