/* 
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
Author: Rémy PENET
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.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
*/

body, #content{
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

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

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

.grecaptcha-badge { 
    visibility: hidden;
}

.hero-home {
	position: relative;
}

.elementor-field-group .elementor-field::placeholder {
  opacity: 1 !important;
}

.hero-home::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 160px;

	background: linear-gradient(
		to bottom,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,0.65) 55%,
		#fff 100%
	);

	pointer-events: none;
	z-index: 1;
}

/* Widget Elementor WPML */
#header-sticky .elementor-widget-wpml-language-switcher {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto;
    color: #fff;
}

/* Conteneurs WPML */
#header-sticky .wpml-elementor-ls,
#header-sticky .wpml-ls-legacy-dropdown-click {
    width: auto !important;
    max-width: none !important;
}

/* Nettoyage des listes */
#header-sticky .wpml-ls-legacy-dropdown-click ul,
#header-sticky .wpml-ls-legacy-dropdown-click li {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

/* Langue actuellement sélectionnée */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;

    width: auto;
    min-width: 0;
    padding: 6px 24px 6px 0;

    color: #fff;
    background: transparent !important;
    border: 0 !important;
}

/* Masque le nom de la langue */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-native,
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-display {
    display: none;
}

/* Drapeaux */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    display: block;
    width: 20px !important;
    max-width: 20px !important;
    height: auto !important;
    margin: 0;
}

/* Chevron blanc */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;

    width: 7px;
    height: 7px;

    border: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;

    transform: translateY(-70%) rotate(45deg);
}

/* Menu déroulant */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    top: calc(100% + 8px);
    left: 50%;

    width: auto;
    min-width: 44px;

    background: #d0d0d070;
    border: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);

    transform: translateX(-50%);
}

/* Liens des autres langues */
#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 10px 12px;

    color: #fff;
    background: transparent !important;
    border: 0 !important;
}

#header-sticky .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}


/*
 * Glass Morphism 
 */
.gm{
	box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(30px);
}

/*
 * Fix Slider Display
 */
.swiper-wrapper {
    display: inline-flex !important;
}

/*
 * CookieYes 
 */
.cky-btn{
    background-color : var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}
.cky-btn.cky-btn-customize {
    background-color: white !important;
    color: var(--e-global-color-primary)!important;
}

/**
 * Buttons
 **/
.elementor-button-info,
.elementor-button-success {
	--color: var(--e-global-color-primary);
	--hover: var(--e-global-color-6c7c2ab);
	--shadow: 0 10px 10px #D8DFDE1A inset, 0 -10px 10px #D8DFDE1A inset;
}

.elementor-button-success {
	--color: #FFF;
	--hover: #D0D0D0;
	--shadow: 0 10px 15px #FFFFFF1A inset;
}

:is(.elementor-button-info, .elementor-button-success) .elementor-button {
	background: transparent !important;
	border: 1px solid var(--color) !important;
	color: var(--color) !important;
}

:is(.elementor-button-info, .elementor-button-success) .elementor-button:hover {
	color: var(--hover) !important;
	border-color: var(--hover) !important;
	box-shadow: var(--shadow) !important;
}

/*
 * Annimations 
 */
.hover-effect {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.fadeInRight{
    animation-name: fadeInRightCustom !important;
}
.fadeInLeft{
    animation-name: fadeInLeftCustom !important;
}
.fadeInUp{
    animation-name: fadeInUpCustom !important;
}
.fadeInDown{
    animation-name: fadeInDownCustom !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;
    }
}
@keyframes fadeInDownCustom {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}