/*
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', Arial, Helvetica, sans-serif;}

:root {
	--principale: #00CDE5;
	--secondaire: black;
	--complementaire: white;
    --principalevarrgb: 0, 205, 229;
}

.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: 50px 0 50px 0 !important;
}


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

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

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

.button-1, .cf7mls_next, .wpcf7-submit {
    border-radius: 50px 0 50px 0 !important;
    color: var(--complementaire) !important;
    background-color: var(--principale) !important;
    padding:20px 30px !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: var(--principale);
    -webkit-animation:  1s ease-in-out 0.2s infinite alternate CallToAction;

}
/* -------------------------------------- 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 */
@keyframes CallToAction {from {color: var(--principale);box-shadow: none;}to{color: var(--secondaire);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}}
@-moz-keyframes CallToAction {from {color: var(--principale);box-shadow: none;}to{color: var(--secondaire);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}}
@-ms-keyframes CallToAction {from {color: var(--principale);box-shadow: none;}to{color: var(--secondaire);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}}
@-webkit-keyframes CallToAction {from {color: var(--principale);box-shadow: none;}to{color: var(--secondaire);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}}

/* --------------------------------------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;
}
/* --------------------------------------FORMULAIRE -------------------------*/


/* --------------------------------------CUSTOM-------------------------*/
#titre-custom{
    
    opacity:0.9;
    font-size:2em; 
    color:var(--principale);  
    text-shadow:0 1px #808d93,-1px 0 #cdd2d5,-1px 2px #808d93,-2px 1px #cdd2d5,-2px 3px #808d93,-3px 2px #cdd2d5,-3px 4px #808d93,
    -4px 3px #cdd2d5,-4px 5px #808d93,-5px 4px #cdd2d5,-5px 6px #808d93,-6px 5px #cdd2d5,-6px 7px #808d93,-7px 6px #cdd2d5,-7px 8px #808d93,-8px 7px #cdd2d5;
    -webkit-text-shadow:0 1px #808d93,-1px 0 #cdd2d5,-1px 2px #808d93,-2px 1px #cdd2d5,-2px 3px #808d93,-3px 2px #cdd2d5,-3px 4px #808d93,-4px 3px #cdd2d5,
    -4px 5px #808d93,-5px 4px #cdd2d5,-5px 6px #808d93,-6px 5px #cdd2d5,-6px 7px #808d93,-7px 6px #cdd2d5,-7px 8px #808d93,-8px 7px #cdd2d5;
}

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

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


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


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


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

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