/*
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.1697616571
Updated: 2023-10-18 10:09:31

*/


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


.font-2{
    font-family: 'Courgette', cursive;
}

main, #wrapper{
    background-color: #F5F5F5;
}



/* -----COULEURS - BACKGROUND------*/
:root {
    --principale: #004d80; 
	 --secondaire: red; 
	 --complementaire: linear-gradient(0deg, rgba(0, 77, 128, 0.70) 0%, rgba(0, 77, 128, 0.70) 100%); 
    --principalevarrgb: 255, 255, 255
}

.color-principale{color:var(--principale) !important;}
.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-image: 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 */

h2 {
	font-family: 'Anton', sans-serif;
}

h3 {
    color: var(--principale);
    font-size: 2em;
    
}

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


/*----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, input[type=submit] {
    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: 6px !important;
    padding: 10px 20px !important;
    
    border: solid 1px var(--principale);
  
}
.boutton-1:hover, .wp-element-button:hover , input[type=submit]:hover {
    text-shadow: none;
    color:black !important; 
    background-color: white  !important;
}


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



















.parallelogramme{
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
}








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






/*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; border-radius: 12px;}


#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;}


 #menu-menu-principal>.lien-encre.menu-item>.nav-link.active{color: black !important; border-radius: 12px;background: none !important;text-shadow: none !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: 6px;
  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: var(--principale);
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;}


.margin-start-negative-lg{
    margin-left: -100px;
}

@media screen and (max-width: 1200px) {
    .margin-start-negative-lg{
        margin-left: 0;
    }
    .bandeau-responsive{
        margin-bottom: 250px !important;
    }
}