/*
Theme Name: Hello Elementor Child
Theme URI: https://solaso77.fr/
Description: Thème enfant pour Hello Elementor
Author: Pierre MERVAUX
Author URI: https://wayhappy.fr/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*//* Ajoutez votre CSS personnalisé ici */

/*------------------------------ Reset configuration-----------------------------*/ 
h1.entry-title {
  display: none;
}
a {
  text-decoration: none !important;
}
html, 
body, 
main, 
section,
div{
	margin : 0px;
	padding : 0px;
}


/*---------------- Menu principal ---------------------------------------------------*/
.nav77 {
  position: fixed;  
  top: 30px;
  left: 50%;   
  transform: translateX(-50%);
  background-color: #FCFCFC9C;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 50;
}

.hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow hfe-dropdown menu-is-active {
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  z-index: 50;
}

/*-----------Slider page d'accueil---------------------------------------------*/
.elementor.elementor-12 .elementor-element.elementor-element-5020586 .htslider-slider .slick-dots{
  width: 100px;
  margin: 0 auto !important;
  transform: translate(-20px, 20px);
  z-index: 1;
}
.elementor.elementor-12 .elementor-element.elementor-element-5020586 .htslider-slider .slick-dots li.slick-active button,
.elementor.elementor-12 .elementor-element.elementor-element-5020586 .htslider-slider .slick-dots li button:hover {
  background-color: #F2604F !important;
	border : 1px solid #FFFFFF;
}
/*-----------------------------------------------------------------------------------------
----------------------- Formulaire de contact  ----------------------------------------------
-------------------------------------------------------------------------------------------*/
.form-group {
    margin: 0.2rem;
}
.formEmail{
    width : 100%;
}
.input-field {
    width: 100%;
    padding: 10px;
    border: 1px solid #f8f8f8;
    background-color:#F8F8F8;
    border-radius: 5px;
    font-size: 1rem;
}
.form-group>h4, label {
    color: #212121;
    margin-bottom: 5px;
    display: block;
}
.privacy-label {
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    gap: 8px; /* Espace entre la case à cocher et le texte */
}
.wpcf7-list-item-label{
	font-size: 0.8rem;
}
.privacy-text {
    font-size: 0.8rem;
    color: #212121;
    margin: -30px 0 5px 21px;
}
.wpcf7 .wpcf7-submit{
  	display: block;
 	margin: 0 auto;
    text-align:center;
    background-color: #F2604F;
    color: #FFFFFF;
    border: solid 2px #F2604F;
    padding: 16px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus {
    background-color: #212121;
    border: 1px solid #F2604F;
    color : #FFFFFF;
}
.honeypot-container, .wpcf7-spinner{
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
}
.wpcf7-form-control.wpcf7-textarea {
    height: 100px; /* Réduit la hauteur */
    min-height: 80px; /* Hauteur minimale */
    max-height: 200px; /* Hauteur maximale*/
    resize: vertical; /* Permet à l'utilisateur d'ajuster la hauteur */
}
.wpcf7-response-output{
    border: 1px solid #ff0000 !important; 
    color: #212121 !important;
    padding: 10px; 
    border-radius: 5px; 
}