/* Sommaire

***** Header *****
***** Main *****
***** Footer *****
***** Responsive *****
*/

:root {
    --spacing-small: 1rem;
    --spacing-medium: calc(var(--spacing-small) * 2);
    --spacing-big: max(min(5vw, 9vh), var(--spacing-medium));
}
.archin-horizontal-scroll {
    padding: var(--spacing-small) var(--spacing-big) 0;
}

/***** Header *****/
.elementor-location-header .elementor-sticky.elementor-section {
    padding: var(--spacing-medium) var(--spacing-big) 0;
}
#wpadminbar {
	z-index: 999999;
}

/***** Main *****/
.archin-horizontal-scroll > #content .elementor, .gsap-container { /*** container ***/
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}
.archin-horizontal-scroll > #content .elementor .elementor-container, 
.gsap-container .elementor-container { /*** section ***/
    gap: var(--spacing-small);
}
.archin-horizontal-scroll .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0;
}
.elementor-widget-premium-ihover img {
    vertical-align: middle;
}

/***** Responsive *****/
@media (min-width: 768px) {
    .archin-horizontal-scroll {
        padding: calc(var(--spacing-big) + 49px +  var(--spacing-medium)) var(--spacing-big) 0;
        overflow-x: hidden;
    }
    .archin-horizontal-scroll::before,
    .archin-horizontal-scroll::after {
        content: "";
        display: block;
        height: 100vh;
        width: var(--spacing-big);
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 1;
    }
    .archin-horizontal-scroll::after {
        left: initial;
        right: 0;
        background: transparent linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
    .admin-bar .elementor-location-header {
        padding-top: 32px;
    }
    .elementor-location-header {
        position: fixed;
        top: 0;
        left:0;
        width: 100%;
        z-index: 1000;
    }
    .elementor-location-header .elementor-sticky.elementor-section {
        padding: var(--spacing-big) var(--spacing-big) 0;
    }
    .gsap > #content .elementor, 
    .gsap-container {
        flex-direction: row;
    }
    .archin-horizontal-scroll > #content .elementor .elementor-column,
    .archin-horizontal-scroll .gsap-container .elementor-column{
        min-width: 5%;
        /* max-height: calc(100vh - (var(--spacing-big) * 2) - 49px - (var(--spacing-medium) * 3) - 32px); */
        /* margin haut (et bas) / logo / margin autour de main haut et bas / pictos footer */
        overflow: hidden;
        width: max-content;
    }
    .archin-horizontal-scroll .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
        display:initial;
    }
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-description) > p,
    .gsap-container .elementor-column :not(.premium-ihover-description) > p,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h1,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h1,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h2,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h2,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h3,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h3,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h4,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h4,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h5,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h5,
    .archin-horizontal-scroll > #content .elementor .elementor-column :not(.premium-ihover-title-wrap) > h6,
    .gsap-container .elementor-column :not(.premium-ihover-title-wrap) > h6,
    .archin-horizontal-scroll > #content .elementor .elementor-column ul,
    .gsap-container .elementor-column ul,
    .archin-horizontal-scroll > #content .elementor .elementor-column ol,
    .gsap-container .elementor-column ol,
    .archin-horizontal-scroll > #content .elementor .elementor-column dl,
    .gsap-container .elementor-column dl,
    .archin-horizontal-scroll > #content .elementor .elementor-column blockquote,
    .gsap-container .elementor-column blockquote,
    .archin-horizontal-scroll > #content .elementor .elementor-column pre,
    .gsap-container .elementor-column pre,
    .archin-horizontal-scroll > #content .elementor .elementor-column figure,
    .gsap-container .elementor-column figure,
    .archin-horizontal-scroll > #content .elementor .elementor-column summary,
    .gsap-container .elementor-column summary,
    .archin-horizontal-scroll > #content .elementor .elementor-column br,
    .gsap-container .elementor-column br,
    .archin-horizontal-scroll > #content .elementor .elementor-column hr,
    .gsap-container .elementor-column hr,
    .archin-horizontal-scroll > #content .elementor .elementor-column table,
    .gsap-container .elementor-column table,
    .archin-horizontal-scroll > #content .elementor .elementor-column legend,
    .gsap-container .elementor-column legend {
        max-width: 30vw;
        min-width: 20vw;
    }
    .archin-horizontal-scroll .elementor-widget-image {
        min-width: 20vw;
    }
    .admin-bar.archin-horizontal-scroll > #content .elementor .elementor-column img,
    .admin-bar .gsap-container .elementor-column.elementor-element img {
        max-height: calc(100vh - (var(--spacing-big) * 2) - 51px - 32px - var(--spacing-medium));
    }
    .archin-horizontal-scroll > #content .elementor .elementor-column img,
    .gsap-container .elementor-column.elementor-element img {
        max-height: calc(100vh - (var(--spacing-big) * 2) - 51px - var(--spacing-medium));
        max-width: initial;
        width: auto;
    }
    .gsap > .elementor-location-footer {
        position: fixed;
        width: 100vw;
        bottom: 0;
        left: 0;
        padding: 0 5vw;
        background-color: var(--e-global-color-secondary);
    }
    .archin-horizontal-scroll .elementor-section .elementor-container {
        flex-wrap: nowrap;
    }
    .elementor-location-header .elementor-section .elementor-container {
        align-items: baseline;
    }
    .elementor-section .elementor-container {
        align-items: center;
    }
}