/*
Theme Name: Urbaser
Theme URI:  https://www.studio-germain.fr
Author:     Studio Germain
Author URI: https://www.studio-germain.fr
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

:root {
    --section-spacing: 92px;
    --section-sides-spacing: 7.08%;
    --large-container: 1600px;
}
@media (max-width: 1600px) {
   :root {
        --section-sides-spacing: 3.89%
    } 
}
@media (max-width: 767px) {
   :root {
        --section-spacing: 80px;
        --section-sides-spacing: 4.44%
    } 
}

*[id] {
    scroll-margin-top: 150px
}

[data-expand-target]{
	overflow:hidden;
	position:relative;
}
[data-expand-link]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

select:not(.pll-switcher-select) {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url("assets/img/ChevronDown.svg");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 12px);
    background-position-y: 50%;
}

ul {
    padding-left: 1em;
}li::marker {
    font-size: .6rem;
}
/* ELEMENTOR */
:is(.elementor-text-editor, .elementor-widget-text-editor) > *:last-child {
    margin-bottom: 0;
}.elementor-widget-button .elementor-button svg {
    width: 20px;
    height: 20px;
}
.elementor-icon-wrapper {
    line-height: 0; /* Remove unwanted space below icons */
}

.elementor-field-type-upload .elementor-field-label::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("assets/img/flowbite_paper-clip-outline.svg");
    background-size: contain;
    background-repeat: no-repeat;
}.elementor-field-type-upload input[type="file"]::file-selector-button {
    display: none;
}
/* CUSTOM ELMENTOR */
.elementor-button-blue :is(a, button).elementor-button {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
}.elementor-button-blue :is(a, button).elementor-button:hover, .elementor-button-blue :is(a, button).elementor-button:focus {
    background-color: #43b1ac;
}
.elementor-button-white a.elementor-button {
    background-color: #fff;
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
}.elementor-button-white a.elementor-button:hover {
    background-color: var(--e-global-color-33ccd9b);
}

.urbaser-hero-1::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 35%;
    height: auto;
    max-width: 650px;
    aspect-ratio: 650/383;
    background-image: url('./assets/img/urbaser-header-wave.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.urbaser-hero-2::before {
    mask-image: url('./assets/img/urbaser-header-wave.svg');
    mask-position: bottom right;
    mask-repeat: no-repeat;
    mask-size: auto calc(100% - 125px);
}
@media ( max-width: 767px ) {
    .urbaser-hero-2::before {
        mask-size: auto 300px;
    }
}

.urbaser-steps .urbaser-step {
    width: 164px;
}
@media ( min-width: 1201px ) {
    .urbaser-steps {
        gap: 10px 80px !important;
    }
}
@media ( min-width: 1301px ) {
    .urbaser-steps {
        gap: 10px 100px !important;
    }
}

@media ( min-width: 1025px ) {
    .urbaser-steps::after {
        content: '';
        position: absolute;
        top: 44px;
        left: 120px;
        width: calc(100% - 240px);
        height: 4px;
        background: linear-gradient(90deg, #CAE0E0 26.92%, #51D1C9 63.46%, #296B67 100%);
        z-index: -1;
    }
    .urbaser-step .elementor-heading-title {
        min-height: 50px;
    }
}
@media ( max-width: 1024px ) {
    .urbaser-steps .urbaser-step {
        max-width: 228px;
    } 
}

.emersus-timeline .emersus-timeline-item {
    width: 438px;
    max-width: 438px;
}.emersus-timeline-item .elementor-widget-text-editor {
    align-self: stretch;
    flex: 1;
}.emersus-timeline-item .elementor-widget-heading {
    width: 102px;
    height: auto;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media ( min-width: 551px ) {
    body:not(.elementor-editor-active) .emersus-timeline .emersus-timeline-item:nth-child(even), 
    body.elementor-editor-active .emersus-timeline .emersus-timeline-item:nth-child(odd) /* FIX ELEMENTOR EDITOR REVERSING */ {
        align-self: flex-end;
        flex-direction: row-reverse;
    }
}
@media ( max-width: 550px ) {
    .emersus-timeline .emersus-timeline-item {
        width: 100%;
        max-width: 100%;
    }
}
/* HEADER */
@media ( min-width: 1101px ) {
    header .main-header:not(.elementor-sticky--effects) {
        background: rgba(5, 54, 48, 0.20) !important;
        backdrop-filter: blur(6.5px);
    }header .main-header.elementor-sticky--effects {
        transform: translateY(-40px);
    }
}