/*
Theme Name: BT5 Child
Theme URI: https://them.es/starter
Template: bt5
Author: BT5
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.1695643946
Updated: 2023-09-25 14:12:26

*/


:root {
    --color-1: #111016; 
	 --color-2: #CBAF62; 
	 --color-3: #FCF7EB; 

     --swiper-pagination-color: var(--color-2);
     --swiper-theme-color :var(--color-2);
  
}


/* SWIPPER JS */
.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--color-2);
  }

  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--color-2);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }














.color-1{color:var(--color-1);}
.bg-color-1 {background-color: var(--color-1) !important;}
.color-2 {color: var(--color-2) !important;}
.bg-color-2 {background-color: var(--color-2) !important;}
.color-3 {color: var(--color-3) !important;}
.bg-color-3 {background-color: var(--color-3) !important;}



.link-1, .cf7mls_next, .cf7mls_back{
    background-color: var(--color-1) !important;
    border-radius: 5px !important;
    border: 0.5px solid var(--color-2) !important;
    color: white !important;
    transition: all ease 0.2s !important;
    display: inline-flex !important;
    padding: 0px 15px 1px 15px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    
}

.link-1:hover{
    transform: scale(1.02) !important;
    color: var(--color-1) !important;
    background-color: var(--color-2) !important;
    
}


.link-2, .wpcf7-submit{
    background-color: var(--color-2);
    border-radius: 5px;
    border: 0.5px solid var(--color-2);
    color: white;
    transition: all ease 0.2s;
    display: inline-flex;
    padding: 0px 15px 1px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    
}

.link-2:hover{
    transform: scale(1.02);
    color: var(--color-1);
    background-color: var(--color-2);
    
}








.wrapper{
    background: var(--color-1);
   
}

body {
    font-family: 'Lato', sans-serif !important;
    /* letter-spacing: 1.5px !important; */
    /* color : white; */
}



.trp-language-switcher{
    width: unset !important;
    height: unset !important;
}




.navbar {
    background-image: none !important;
}

.nav-link{
    color: white !important;
}


/* #menu-menu-principal li:last-child{
    background-color: var(--color-2) !important;
    color: black !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;
  }





@font-face {
    font-family: 'Boska';
    src: url('/wp-content/themes/bt5-child/asset/font/Boska-Regular.otf') format('opentype');
}

.boska {
    font-family: 'Boska Variable', sans-serif;
}
h1.boska, h2.boska, h3.boska {
    font-family: 'Boska', sans-serif;
}

.box{
padding-bottom: 50px;
margin-left:-450px;
}
.button{
    background-color:var(--color-2);
    text-align: center;
    color:white;
}













/* CONTACT */
.wpcf7-text:focus-visible,
.wpcf7-textarea:focus-visible {
  outline: unset !important;
}
#contact_section {
  padding: 20px;
  background-color: #0E1116;
  border: solid 2px white;
  border-radius: 5px;;
  
  
}
#contact_section .wpcf7-text,
#contact_section .wpcf7-textarea,
#contact_section .wpcf7-quiz,
#contact_section .wpcf7-date,
#contact_section .wpcf7-select,
#contact_section .wpcf7-number  {
  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;
    
}

input[type="date"], select {
    -webkit-appearance: none;
    appearance: none;
    /* Vos autres styles */
}










@media (max-width: 991.98px) {  /* Pour les tailles d'écran inférieures à lg */
    .m-reset-below-lg {
        margin: 0 !important;
    }
}