/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================== */
/*========= GENERAL A MODIFIER */
/* =========================== */

:root{
	--header-height: 80px;
	--bezier : cubic-bezier(.34,.01,.12,.92);
	--white : #FEFEFE;
	--black : #121212;
	--primary : #A88A63;
	--secondary : #FBF7EC;
}

::selection {
  background: var(--black);  /* couleur de fond du surlignement */
  color: var(--white);       /* couleur du texte sélectionné */
}

/* Background image */
html{position: relative}
html::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-image: url('');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.3;
  z-index: -1;
  pointer-events: none;
}

/* Cookie consent bouton (plugin) */
#cn-accept-cookie{
	border-radius: !important;
	color : !important;
}

/*
@font-face {
  font-family: 'writeline';
  src: 
	  url('https://www.domaine-des-aubuisieres.com/wp-content/uploads/2025/06/Writeline.woff2') format('woff2'),
	  url('https://www.domaine-des-aubuisieres.com/wp-content/uploads/2025/06/Writeline.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/

/* =========================== */
/* ============= UTILITIES FIX */
/* =========================== */

body>.elementor{overflow: hidden}
/* marge au defilement */
.section{scroll-margin-top: var(--header-height) !important}

/* icons */
.elementor-widget-icon{min-width: fit-content !important}
.icon-container{ min-width: fit-content !important; }
.elementor-icon-wrapper{
	display: flex !important;
    justify-content: center;
}
.elementor-icon-wrapper svg{
	max-width: 100% !important
}
.kill-effect,
.kill-effect a,
.kill-effect svg,
.kill-effect:hover,
.kill-effect:hover a,
.kill-effect:hover svg{
	font-size: initial !important;
		opacity: 1 !important
	
}



/* Instagram Feed Setup ======== */

#sbi_load,
.sb_instagram_header{
	display: none !important
}


/* =========================== */
/* ================= UTILITIES */
/* =========================== */

.display{display: block !important}
.no-margin, .no-margin p, .no-margin a{margin-bottom: 0 !important}
.overflow{overflow: visible;}
.no-overflow{overflow: hidden !important}
.no-decoration, .no-decoration a, a:has(.no-decoration){text-decoration: none !important}
.no-decoration, .no-decoration a{text-decoration: none !important}

/* Flèche Slider Disabled (premier/dernier élément) */
.mask-arrow .elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{
	opacity: 0 !important
}

/* masque opacité dégradé slider */
.slider-mask .swiper{
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Animation de text */
.anim-title .split-wrapper{display: inline-block; overflow: hidden !important}


/* ============================= */
/* ===================== ELEMENTS */
/* ============================= */


/* Slider Elementor ================== */

/* Bullet dots */
.swiper-pagination-bullet{
	background-color: transparent !important;
	border: 1px solid black !important;
	opacity: 1 !important
	}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color : black !important
}

/* BOUTONS ELEMENTOR ======================= */
.elementor-button:hover,
.elementor-button{
	text-decoration: none !important;
	position: relative;
}

/* buton Animation ===================== */
/* .elementor-button{overflow: hidden}
.elementor-button:after{
	content :"";
	display: block;
	position: absolute;
	width: 100%;
	height: 0%;
	background-color: var(--black);
	transition: var(--bezier) all 200ms;
	bottom: 0;
	left : 0 !important;
	z-index: 0 !important;
  box-sizing: border-box;
}
.elementor-button:hover:after{
	height: 100%;
	transition: var(--bezier) all 200ms;
}
.elementor-button-content-wrapper{
	transition: var(--bezier) all 200ms;
	z-index: 1 !important; position: relative !important
}
.elementor-button:hover .elementor-button-content-wrapper{
	transition: var(--bezier) all 200ms;
	color: var(--white) !important
} */

/* Header =========================== */


/* Header tout en haut */
.home #header.header--at-top{
  background-color: transparent !important;
}

/* Adapter le sélecteur si besoin (ex. .elementor-location-header) */
#header {
  will-change: transform;
  transition: transform .35s ease;
}

.header--pinned  { transform: translateY(0); }
.header--unpinned{ transform: translateY(-100%); }

/* Menu burger Mobile =========================== */
#menu-mobile .elementor-item,
#menu-mobile .elementor-sub-item{
	justify-content: center !important
}

/* Pour que text et icon soient même couleur */
#menu-mobile .menu-item>.highlighted,
#menu-mobile .menu-item>.highlighted svg,
#menu-mobile .menu-item>.highlighted path,
#menu-mobile .elementor-item:hover ,
#menu-mobile .elementor-item:hover svg
#menu-mobile .elementor-item:hover path{
	--color : couleur_a_remplir;
	color: var(--color);
	fill : var(--color);
}

/* Changement d'icon via js */
.burger .open {
  display: none;
}
.burger.active .close {
  display: none;
}
.burger.active .open {
  display: inline;
}


/* Overlay Opacity animation */
#main-header-burger [aria-hidden="true"] .e-off-canvas__overlay{
	transition: all .3s ease;
	opacity: 0 !important;
	background-color : rgba(0,0,0,.5) !important;
}
#main-header-burger [aria-hidden="false"] .e-off-canvas__overlay{
	transition: all .3s ease;
	opacity: 1 !important;
	background-color : rgba(0,0,0,.5) !important;
}


/* FORM ELEMENTOR ======================= */

/* Newsletter (inline form) */
.newsletter{
	--height : 60px;
	--espacement : 5px;
}

.newsletter .elementor-field{height: var(--height)}
.newsletter .elementor-field-type-submit{
	margin-bottom: 0 !important	;
	position: absolute;
	right: 0;
	padding : 5px !important;
	pointer-events: none;
}
.newsletter .elementor-field-type-submit .elementor-button{
	height: calc(var(--height) - (var(--espacement) * 2) ) !important;
	border: none !important;
	flex-basis: auto !important
}
.newsletter .elementor-button {pointer-events: auto}
.newsletter .elementor-field-group:has(.elementor-button){
	justify-content: end; 
}

/* =============== Accordeon FAQ ============ */

.main-accordeon .e-n-accordion .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title{
	border-top: none !important
}


/* ============ MOUSE ===========  */

.custom-mouse {
	--duration: 0.3s;
	--bezier: cubic-bezier(.43,.07,.43,1.02);
	
    position: absolute;
	z-index: 99;
    width: 5px;
    height: 5px;
    margin:  0px 0px;
/*     border: 1px solid #000000; */
    border-radius: 50%;
    pointer-events: none !important;
	box-shadow: 0 0 25px 10px var(--primary);
	transform: translate(-50%, -50%);
	background-color: var(--white);
	opacity: 0.8;	
	transition: 
		width var(--duration) var(--bezier),
		height var(--duration) var(--bezier),
		box-shadow var(--duration) var(--bezier),
		opacity var(--duration) var(--bezier);
}


.custom-mouse.hovered {
	--duration: 0.3s;
	--bezier: cubic-bezier(.43,.07,.43,1.02);
    width: 10px;
    height: 10px;
	box-shadow: 0 0 30px 20px rgba(142, 255, 206, 0.6);
	background-color: #BBFFE2;
	opacity: 0.8;	
	transition: 
		width var(--duration) var(--bezier),
		height var(--duration) var(--bezier),
		box-shadow var(--duration) var(--bezier),
		opacity var(--duration) var(--bezier);
}
 


/* ========================== */
/* =================== CUSTOM */
/* ========================== */


div#form::after {
    content: "";
    width: 130%;
    background: #FBF7EC;
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -100px;
    top: 25px;
}


/* ============ Header =========== */

.elementor-nav-menu li.menu-item-389 {
	 margin-left: auto;
	
}

/* ============Légende images =========== */
.elementor-widget-image figure {
  display: flex;
  flex-direction: column;
}

.elementor-widget-image figcaption {
  order: -1;  /* passe au-dessus */
  margin-bottom: 10px;
  text-align: center;
}


/* ============ hover link =========== */
.menu-item a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.menu-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 1px;
  background-color: currentColor;
 transition: .15s ease-out;
}

.menu-item a:hover::after {
  width: 100% !important;
}

.elementor-button-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
	padding:0 !important;
  padding-bottom: 6px !important; 
  overflow: hidden; 
}

.elementor-button-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height:1px;
  background-color: currentColor; 
  transform: translateY(0);
  opacity: 1;
 transition: .15s ease-out;
}


.elementor-button-link:hover::after {
  transform: translateY(-4px);
}





/* ============================== */
/* =================== RESPONSIVE */
/* =============================== */

/* RESPONSIVE TABLET-PHONE ======================= */
.elementor-nav-menu > li:last-child {
  display: none !important;
}
@media (max-width: 1024px) {
	
div#form::after {
	left:0 !important;
    width: 100% !important;

}
	/*
	.hero__video.elementor-widget-video .elementor-wrapper.e-hosted-video {
		aspect-ratio: 9/16;
		height:100vh;
  }
	*/
	.header__nav-contact{
		display:none;
	}
.elementor-nav-menu > li:last-child {
  display: block !important;
}
}

/* RESPONSIVE PHONE ======================= */

@media (max-width: 759px) {
	.e-con-inner  .elementor-widget.elementor-widget.custom-art__img{
		position :relative;
	}
	
}