/* 
Theme Name: Hello Theme Child by Growwwup
Theme URI: https://github.com/elementor/hello-theme/
Description: Thème enfant développé par Rémy PENET de Growwwup.
Author: Rémy PENET - Growwwup
Author URI: https://growwwup.com/
Template: hello-elementor
Version: 1.3.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
*/

/*
  Add your custom styles here
*/
body{
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.comments-area {
    padding: 13px 37px 22px 38px;
}

.title-comments, #reply-title {
    font-size: 1.5em;
    font-weight: bold;
}

.elementor-widget-posts .elementor-pagination{
    margin-top: 20px;
}

.elementor-widget-text-editor h2{
	font-size : 1.75em;
	font-weight: 600;
	letter-spacing: 2px;
}
.elementor-widget-text-editor .elementor-widget-container h2,
.elementor-widget-text-editor .elementor-widget-container h3 {
    margin-block-start: 1.5em;
}

h2,h3,h4,h5,h6{
    font-family: var(--e-global-typography-primary-font-family);
}

button.cky-btn{
	padding: 8px;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.hard-light {
    mix-blend-mode: hard-light;
}


/**
 * Button
 **/
.elementor-element.elementor-button-info .elementor-button{
	background-color: var(--e-global-color-secondary) !important;
	color : var(--e-global-color-primary)!important;
}

.elementor-element.elementor-button-info .elementor-button:hover{
	background-color: var(--e-global-color-primary) !important;
	color : var(--e-global-color-secondary) !important;
}

/*
 * Home Slideshow 
 */

.swiper-slide {
	transition: transform 0.5s ease, filter 0.5s ease;
}

.swiper-slide.swiper-slide-next,
.swiper-slide.swiper-slide-prev{
	transform: scale(0.85);
	filter: brightness(0.6);
}

.wpml-ls-item ul img{
	margin: 0 1em;
	max-width: 100% !important;
}


/* Cacher le texte et afficher la flèche quand aria-expanded est true */
.custom-accordion .e-n-accordion-item-title-header .e-n-accordion-item-title-text{
	border: solid white;
	padding: 15px;
}
.custom-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
    display: none;
}

.custom-accordion .e-n-accordion-item-title[aria-expanded="true"]::after {
    content: "↑"; 
	border: solid white;
    padding: 15px; 
}

/*
 * Destinations Dropdown 
 */
.destinations-dropdown {
	position: absolute;
	background: var(--e-global-color-secondary);
	color: var(--e-global-color-text);
	width: 200px;
	border: 1px solid #ccc;
	display: none;
	z-index: 1000;
}
.destinations-dropdown div {
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid white;
}
.destinations-dropdown div:last-child {
	border-bottom: none;
}
.destinations-dropdown div:hover {
	background: var(--e-global-color-primary);
	color: var(--e-global-color-secondary);
}

/*
 * Priceless Services 
 */
.priceless-image::before {
	opacity: 1;
	content: '';
}

.priceless-service:hover > .priceless-image::before{
	background-color : #11111166;
	content: '';
  	position: absolute;
	 transition: background var(--overlay-transition, 0.3s),
              opacity var(--overlay-transition, 0.3s);
}

.priceless-service:hover > .priceless-button .elementor-widget-container {
	background-color : var(--e-global-color-3bf7763);
}

/*
 * Media Query 
 */
/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) {
	#header-sticky {
  		transform: translateY(0); /* Position par défaut */
  		transition: transform 0.5s ease; /* Transition fluide */
		position: relative;
	}

	.header-hidden {
  		transform: translateY(-100%) !important; /* Fait disparaître le header vers le haut */
	}
}

/* Medium devices (tablets, 767px and below) */
@media only screen and (max-width: 1023px) {
	#header-sticky {
		position: relative;
	}
	.hard-light {
    	mix-blend-mode: normal;
	}
}

/* Large devices (large laptops and desktops, 1168px and up) */
@media only screen and (min-width: 1168px) {
	/*#header-sticky {
		mix-blend-mode: difference;
	}
	
	.page-id-779 #header-sticky img{
		filter: brightness(70%) contrast(100%);
	}*/
}


/*
 * Annimations 
 */
.fadeInRight{
	animation-name: fadeInRightCustom !important;
}
.fadeInLeft{
	animation-name: fadeInLeftCustom !important;
}
.fadeInUp{
	animation-name: fadeInUpCustom !important;
}
@keyframes fadeInRightCustom {
	from {
		opacity: 0;
		transform: translate3d(20%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftCustom {
	from {
		opacity: 0;
		transform: translate3d(-20%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUpCustom {
	from {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}