/*
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.1679318908
Updated: 2023-03-20 14:28:28

*/

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

*{
    margin: 0;
    padding: 0;

}
:root{
    --principale:#E07D20;
    --secondaire:#21190E;
}

.navbar-toggler,
.navbar-toggler:focus {
	border: none!important;
	box-shadow: none!important;
}

#main {
  margin-top: unset!important;
}


.titre{
  background-image: linear-gradient(to right, #E07D20 0%, #E07D20 100%);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 70px 2px;
  padding-left: 15px;
  width: fit-content;
  
}

#menu-menu-principal-1 {
    list-style: none;
}

.menu-item {
    padding: 0 10px;
}

.nav-link:hover{
  color:var(--principale)!important;
  
}

.active{

  color: var(--principale)!important;
  font-weight: bold!important;
}

.w-content {
  width: fit-content;
}
  
    .btn1{
        background-color: var(--principale);
    }

    .btn2{
        background-color: var(--principale);
        clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
		border: 1px solid transparent;

    }
	
    .btn2:hover{
        background-color: #fff;
		color: var(--principale)!important;
		border: 1px solid var(--principale);

    }

    .card1 {
        background-color: rgba(255,255,255,0.6);
        /*border-bottom-right-radius: 20px;*/
        clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);

      }

      /* Section 3 */
    
      .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        transition: opacity 0.5s ease;
      }
      
	  .card {
		border: none!important;
	  }
	  
      .card:hover .overlay {
        opacity: 1;
      }
	  
	  .card:hover .titre-card {
		display: none;
	  }
      
      .overlay h1, .overlay p {
        color: white;
        opacity: 0;
        animation: fade-in 0.5s ease forwards;
      }
      
      .overlay h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
      }
      
      @keyframes fade-in {
        from {
          opacity: 0;
          transform: translateY(10%);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

/* SECTION 6 : CONTACT */
.wpcf7-text:focus-visible,
.wpcf7-textarea:focus-visible {
  outline: unset !important;
}
#contact_section {
  padding: 50px;
  background-color: white;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
  overflow: hidden;
  margin-bottom: 10px;
}
#contact_section .wpcf7-text,
#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-bottom: solid 1px var(--principale) ;
  border-top: unset;
  border-left: unset ;
  border-right: unset;
  padding: 20px;
}
/* #contact_section .wpcf7-text::placeholder,
#contact_section .wpcf7-textarea::placeholder 
#contact_section.texte_color{
  color: #d16014!important;
} */

#contact_section textarea,
#contact_section p,
#contact_section label,
#contact_section span {
  width: 100% !important;
}
.wpcf7-submit {
  padding: 13px 91px;
  background-color: var(--secondaire);
  transition: 0.5s;
  color: white;
  border: none;
  border-radius: 0.375rem;
  margin-top: 2.5rem;
}

.wpcf7-submit:hover {
  background-color: #d16014;
}

.clip_path_right_custom {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}
.clip_path_left_custom {
    clip-path: polygon(0 80%, 0 0, 100% 0%, 100% 100%, 10% 100%);
}

@media screen and (max-width: 992px) {
    .clip_path_right_custom, .clip_path_left_custom {
        clip-path: unset!important;
    }

    #title_s4 {
      margin-bottom: 1rem!important;
    }
  }