/*
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.1677149718
Updated: 2023-02-23 11:55:18

*/


/* -----COULEURS - BACKGROUND------*/
:root {
    --principale: #F18E87; 
	 --secondaire: #808285; 
	 --complementaire: #FAE8D3; 
    --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: 0px 0px 20px #000000,1px 1px 20px #000000,-1px -1px 20px #000000;}
.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;}



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


/*Panier*/
.xoo-wsc-sc-bki{color: var(--principale);}





/* BOUTONS */
.boutton-1, .wp-element-button, .glsr-button {
    background-color: var(--principale) !important;
    color:black !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
}
.boutton-1:hover, .wp-element-button:hover  {
  
    color:white !important; 
}


.boutton-2{
    padding: 20px !important;
    background-color: white !important;
    color: black !important;
    border: 1px solid var(--secondaire) !important;
}


.boutton-2.is-checked {
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    color: var(--principale);
    box-shadow: inset 0px 0px 10px black;
}







/*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: #000000 !important;}
#menu-menu-principal>li>a:hover {color: var(--principale) !important;background-color: white !important;}
.menu-item>.active{border-radius: 20px ;background-color: var(--principale) !important; color: black !important;font-weight: bold;}
.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-number,
#contact_section .wpcf7-textarea,
#contact_section .wpcf7-quiz {
  width: 100% !important;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 21px;
  border: none;
  padding: 20px;
  color: black;
}
#contact_section .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: none !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: rgb(0, 0, 0);
    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-toggler:focus{border: none !important; box-shadow: none !important;}
  .navbar-toggler{border: none !important; box-shadow: none !important;}







  /* PARALLAX MOBILE */
@media (min-width: 1199.98px) { 
    .parallax {
        padding-top: 200px; 
        padding-bottom: 200px; 
        overflow: hidden; 
        position: relative; 
        width: 100%; 
        background-attachment: fixed; 
        
        -moz-background-size: cover; 
        -webkit-background-size: cover; 
        background-repeat: no-repeat; 
        background-position: top center;
    }
}