/*
Theme Name: Bootstrap 5 Child
Theme URI: https://them.es/starter
Template: bootstrap-5
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.3.1.1674549474
Updated: 2023-01-24 09:37:54

*/


/* --------------------------------------GENERAL-------------------------*/

*{font-family: 'Montserrat Alternates', Arial, Helvetica, sans-serif;}
h1,h2,h3,h4{font-family: 'Poppins', sans-serif;}


:root {
	--principale: #fffe0e; 
	--secondaire: black;
	--complementaire: white;
    --principalevarrgb: 227, 163, 0;
}

.bg-principale {
    background-color: var(--principale);
}


 .textshadow{
    text-shadow: 0px 0px 5px #000000,1px 1px 5px #000000,-1px -1px 5px #000000;
} 

.boxshadow{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.borderradius{
    border-radius: 20px !important;
}


.color-principale{
    color:var(--principale);
}

/* --------------------------------------FIN GENERAL-------------------------*/

/* --------------------------------------BOUTON -------------------------*/

.button-1, .cf7mls_next, .wpcf7-submit {
    border-radius: 20px !important;
    color: black !important;
    background-color: var(--principale) !important;
    padding:20px 30px !important;   
}


.button-1:hover, .cf7mls_next:hover, .wpcf7-submit:hover {
    
    color: var(--principale) !important;
    background-color: black !important;
     
}






/* Bouton si bandeau CUSTOM */
.bouton_accueil{
    padding: 15px;
    text-align: center;
    /* background-color: rgba(255, 255, 255,0.9); */
    border:none;
    outline:none;
    color: var(--principale);
}
.bouton_accueil:hover{
	border-color: var(--secondaire);
	background: var(--principale);
	border:none;
	outline:none;
	color: var(--complementaire);
	text-align: center;
}
/* Bouton si bandeau CUSTOM */




.pulse-button {
    font-weight: bold;
    position: relative;
    box-shadow: 0 0 0 0 rgba(var(--principalevarrgb), 0.7);
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  }
.pulse-button:hover
{
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
    background-color: var(--complementaire);
    color: var(--principale);
    text-shadow: none;
}
.btnheader{
    background-color: #fff;
    border-radius: 6px;
    color: black;
    

}
.btnheader:hover{
    background-color: #000;
    color: var(--principale);
    
    

}
/* -------------------------------------- FIN BOUTON-------------------------*/

/* --------------------------------------ANIMATIONS -------------------------*/
/* PULSE */
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
  
  
/* Changement couleur */


/* --------------------------------------FIN ANIMATION -------------------------*/

/* --------------------------------------FORMULAIRE -------------------------*/
/* .wpcf7-text:focus-visible, .wpcf7-textarea:focus-visible {
outline: unset!important;
}
.wpcf7-spinner {
    margin: 0!important;
}
#estimation textarea, #estimation p, #estimation label, #estimation span {
    width: 100%!important;
}
.wpcf7-form-control {
    width: 100%;
}

input,label,textarea {
    width: 100%;
} 
input {
    border-bottom: 2px solid #707070;
    border-top: unset;
    border-left: unset;
    border-right: unset;
}
textarea {
    border: 2px solid #707070;
} */



/* CONTACT */
.wpcf7-text:focus-visible,
.wpcf7-textarea:focus-visible {
  outline: unset !important;
}
#estimation {
  padding: 10px;
  
  
}
#estimation label{
    color: white !important;
    font-size: 1.2em;
   
    margin-top: 20px;
}







#estimation label::before {
    font-family: "Font Awesome 6 Pro"; /* change this if you use another font icon */
    content: "\f00c" !important; /* This is the unicode of the specific icon you want to use, change as needed */
    margin-right: 10px;
    color: var(--principale);
}




#estimation .wpcf7-text,#estimation .wpcf7-select,
#estimation .wpcf7-textarea,
#estimation .wpcf7-quiz {
  
  background: #dedcdc;

  border-radius: 21px;
  border: none;
  padding: 10px;
  color: black;
  width: 95%;
 
}
#estimation .wpcf7-text::placeholder,
#estimation .wpcf7-textarea::placeholder {
  color: var(--principale);
}
#estimation textarea,
#estimation p,
#estimation label,
#estimation span {
  width: 100% !important;
}



#estimation .wpcf7-submit {
    border: none !important;
    
}

.wpcf7-response-output {
	color: #fff!important;
}



/* --------------------------------------FORMULAIRE -------------------------*/


/* --------------------------------------CUSTOM-------------------------*/

@media (max-width:768px) { 
    #titre-custom{font-size:2em !important;}
    
}


#titre-custom{
    font-size:4em;font-weight:600 !important;
    line-height: 1em;
    }




@media (min-width: 576px) {
    #titre-custom{
        font-size: 5em;
    }
}

#menu-menu-principal li a {
    font-size: 1.2em;
    color: #fff;
    margin : auto;
}


#menu-footer-menu {
    list-style-type: none;   
}


#menu-footer-menu .nav-link {
    color:white;
    margin: 20px;; 
}


/* #menu-menu-principal li a.active{
    color: var(--principale);
} */

/* --------------------------------------FIN CUSTOM-------------------------*/