/*
Theme Name: BT5 5.3.1 Child
Theme URI: https://them.es/starter
Template: bt5-5-3-1
Author: them.es
Author URI: https://them.es/
Tags: custom-background,custom-colors,featured-images,flexible-header,microformats,post-formats,rtl-language-support,theme-options,translation-ready,accessibility-ready
Version: 3.5.0.1701176765
Updated: 2023-11-28 14:06:05

*/




body {
	font-family: 'Poppins', sans-serif!important;
}


.font-2{

font-family: 'Syne', sans-serif;
}




.underline-custom {
    position: relative; /* Ajoutez une position relative à l'élément h1 parent */
  }

.underline-custom::after{
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background-color: red;
    position: absolute; /* Utilisez une position absolue */
    bottom: 0; /* Placez le pseudo-élément en bas par rapport à l'élément parent */
    left: 10%; /* Centrez-le par rapport à la moitié du titre */
  }
  



  .pulse::after {
    animation: pulse 1s infinite ease-in-out alternate;
  }
  @keyframes pulse {
    from { transform: scale(0.8); }
    to { transform: scale(1.2); }
  }







/* -----COULEURS - BACKGROUND------*/
:root {
    --principale: #A7001E; 
	 --secondaire: #4E4E4E; 
	 --complementaire: linear-gradient(0deg, rgba(41, 145, 241, 0.70) 0%, rgba(41, 145, 241, 0.70) 100%); 
    --principalevarrgb: 255, 255, 255
}

.color-principale{color:var(--principale);}
.bg-principale {background-color: var(--principale) ;}
.color-secondaire {color: var(--secondaire) !important;}
.bg-secondaire {background-color: var(--secondaire) !important;}
.color-complementaire {color: var(--complementaire) !important;}
.bg-complementaire {background-color: var(--complementaire) !important;}

/* ------SHADOW ------*/
.textstroke{text-stroke: 1px black;-webkit-text-stroke: 1px black;}
.textstrokewhite{text-stroke: 1px white;-webkit-text-stroke: 1px white;}
.textshadow{text-shadow: 0.08em 0.08em 0.19em rgba(0,0,0,0.4),  0.08em 0.08em 0.19em rgba(0,0,0,0.4)}
.textshadowwhite{text-shadow: 0px 0px 20px #fff,1px 1px 20px #fff,-1px -1px 20px #fff;}
/* .textshadowwhite{text-shadow: 0px 0px 5px #ffffff,1px 1px 5px #ffffff,-1px -1px 5px #ffffff;}  */
.boxshadow{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

/* TITRES */



 .bg-principale h1,
.bg-principale h2,
.bg-principale h3,
.bg-principale h4 {
	color: #fff!important;
} 


/*----HOVER SCALE ----*/
.hover-scale:hover{
    transform: scale(1.02);
    transition: all 200ms ease-in-out;
}
.hover-scale{
    transform: scale(1);
    transition: all 200ms ease-in-out;
}


/*Liens WYSIWYG */ 
p a {color:var(--principale) !important;text-decoration: underline !important;}
p a:hover {color:var(--secondaire) !important;text-decoration: none !important;}





/* BOUTONS */
.boutton-1, .wp-element-button, .glsr-button {
    background-color: var(--principale) !important ;
    text-shadow: 0.08em 0.08em 0.19em rgba(0,0,0,0.4),  0.08em 0.08em 0.19em rgba(0,0,0,0.4);
    color:white !important;
    border-radius: 24px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
  
}
.boutton-1:hover, .wp-element-button:hover  {
    text-shadow: none;
    color:black !important; 
}


.boutton-2{
    background-color: var(--secondaire) !important;
    color:white !important;
    border-radius: 24px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
    border: solid 2px var(--principale);
}
.boutton-2:hover {
  
    color:var(--principale) !important; 
}







/*SUBMIT BOUTON*/
input[type=submit] {
    background-color: var(--secondaire);
    color:white;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
}
input[type=submit]:hover{
    background-color: var(--secondaire);
    color:var(--principale);
}





/*MENU HOVER */ 
.dropdown:hover .dropdown-menu,.dropdown.show .dropdown-menu {display: block !important;}

@media (max-width: 1199px) { 
    .dropdown-menu {display: block !important;}

    .dropdown-toggle:after {
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        border-right: 3em solid transparent;
        border-top: 0.3em solid;
        content: "";
        /* display: inline-block; */
        display: none;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        font-size: 0em;
        position: absolute;
        right: 20px;
        top: 15px;
    }

    .dropdown-toggle{
        background-color: #e2e2e2;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .dropdown-menu li a {
        text-align: center;
    }
}


a[href="#"]:hover {
    cursor:default;
  }

/*MENU STYLE*/
#menu-menu-principal>li>a {color: black !important;padding: 30px 10px;}


#menu-menu-principal>li>a:hover, #menu-menu-principal>li>.active {color: white !important; background-color: var(--principale);text-shadow: 0.08em 0.08em 0.19em rgba(0,0,0,0.4),  0.08em 0.08em 0.19em rgba(0,0,0,0.4);}
.menu-item>.active{ color: var(--principale) !important;}
.menu-item>.dropdown-item:hover{background-color: rgba(199,217,191,0.48) !important; color: var(--principale) !important;}
.menu-item>.dropdown-item{color: black !important;}


@media screen and (min-width: 1200px) {
    /* #menu-menu-principal>li>a:after {    
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        background: #fff;
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 0;
    } */
    #menu-menu-principal>li>a:hover:after { 
        width: 100%; 
        left: 0; 
    }
}

@media screen and (max-width: 1200px) {
    .dropdown-toggle{background:rgba(199,217,191,0.48);}
}






/* CONTACT */
.wpcf7-text:focus-visible,
.wpcf7-textarea:focus-visible {
  outline: unset !important;
}
#contact_section {
  padding: 20px;
  
  
}
#contact_section .wpcf7-text,
#contact_section .wpcf7-textarea,
#contact_section .wpcf7-quiz,
#contact_section .f12c  {
  width: 100% !important;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 21px;
  border:solid 2px  black !important;
  padding: 20px;
  color: black;
}
 .wpcf7-text::placeholder,
#contact_section .wpcf7-textarea::placeholder {
  color: var(--principale);
}
#contact_section textarea,
#contact_section p,
#contact_section label,
#contact_section span {
  width: 100% !important;
}



#contact_section .wpcf7-submit {
  border:  solid 2px  black !important;
    
}
#contact_section .wpcf7-spinner{

    width: 24px !important;
}





/*BURGER EFFECT*/

#checkbox {
display: none;
}

.toggle {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
transition-duration: .5s;
}

.bars {
width: 100%;
height: 4px;
background-color: red;
border-radius: 4px;
}

#bar2 {
transition-duration: .8s;
}

#bar1,#bar3 {
width: 100%;
}

#checkbox:checked + .toggle .bars {
position: absolute;
transition-duration: .5s;
}

#checkbox:checked + .toggle #bar2 {
transform: scaleX(0);
transition-duration: .5s;
}

#checkbox:checked + .toggle #bar1 {
width: 100%;
transform: rotate(45deg);
transition-duration: .5s;
}

#checkbox:checked + .toggle #bar3 {
width: 100%;
transform: rotate(-45deg);
transition-duration: .5s;
}

#checkbox:checked + .toggle {
transition-duration: .5s;
transform: rotate(180deg);
}



.navbar{background-image: none !important;}/*RETIRER LE GRADIENT BTS*/
.navbar-toggler:focus{border: none !important; box-shadow: none !important;}
.navbar-toggler{border: none !important; box-shadow: none !important;}

















/* BEFORE AFTER */



img.slider-image {
    width: 100%;
    display: block;
    aspect-ratio:1/1;
    object-fit:cover;
}

.container-slider {
    /* width: 100%; */
    display: block;
    /* margin: 30px auto; */
}

.before-after-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 3px solid white;
}

.after-image {
    display: block;
}

.before-image {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
}

.resizer {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 5;
    top: 0;
    left: 50%;
    height: 100%;
    width: 4px;
    background: white;
    /* Stop vertical scrolling on touch */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.resizer:after {
    background: linear-gradient(62deg, var(--principale) 5%, var(--secondaire)); 
    font-family: "FontAwesome";
    content: '\f07e';
    cursor:pointer;
    
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    margin: 0 0 0 -18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid white;
}

@media (max-width: 767px) {
    .container-slider {
        width: 100%;
        padding: 0 20px;
    }
}






.footer .nav-item a{
    color: white !important;
} 







#footernav a:hover{
    color: var(--principale) !important;
}