/*
Theme Name:  Sydetom66
Theme URI:   https://sydetom66.wp.attraptemps.dev
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Sydetom66.
Author:      adminAT66
Author URI:  https://sydetom66.wp.attraptemps.dev
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

body {


    &:has(.burger-icon.active) {
        overflow: hidden;
    }
}



#page-container {

    width: 100vw;
    overflow-x: hidden;
}

#map {
    height: 600px;
    border-radius: 30px;
}

.hidden {
    display: none;
}

.link-cursor {
    cursor: pointer;
}

header.et-l--header {
    display: none;
}

.header-home#header-home {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    background: #fff !important;
    transition: 250ms ease-in-out;
    min-height: 152px;

    &:has(.burger-icon.active) {
        background: #ef856f !important;
        min-height: 100vh;
        max-height: 100vh;
        overflow: auto;
    }

    .burger-menu {
        /* max-height: calc(100vh - 152px); */
    }

    #language-switcher {

        .wpml-ls-item {
            .wpml-ls-flag {
                width: 22px;
            }

            &:not(.wpml-ls-current-language) {
                filter: saturate(0.2);
            }
        }
    }

}

.burger-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 42px;
    cursor: pointer;
}

.burger-icon:before,
.burger-icon:after,
.burger-icon div {
    background: #000;
    content: "";
    display: block;
    height: 6px;
    border-radius: 3px;
    margin: 7px 0;
    transition: 0.5s;
}

.burger-icon.active:before {
    transform: translateY(12px) rotate(135deg);
}

.burger-icon.active:after {
    transform: translateY(-12px) rotate(-135deg);
}

.burger-icon.active div {
    transform: scale(0);
}


.title-arrow {
    .end-title {
        position: relative;
        width: fit-content;

        &::after {
            content: "";
            width: 30px;
            height: 80px;
            position: absolute;
            background: url(../../uploads/sites/30/2024/07/Arrow_1.html);
            background-position: center;
            background-size: contain;
            top: calc(100% - 30px);
        }
    }
}

.row-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    width: 100% !important;



    &>div {
        margin: 0 !important;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;

        &:first-child {
            max-width: calc(50% - (15px));
            width: calc(50% - (15px));
        }

        &.arrow-block {
            /* width: 17px;
            translate: 40%; */
        }

        &:last-child {
            max-width: calc(50% - (15px));
            width: calc(50% - (15px));
        }
    }

    &.reverse {
        flex-direction: row-reverse;

    }

    &:nth-child(even) {
        flex-direction: row-reverse;

        .arrow-block {
            /* width: 17px;
            translate: -40%; */
            rotate: 180deg;
        }

        .et_pb_text_inner {
            text-align: left;
        }
    }
}