:root {
    --theme-primary-clr: #3498DB;
    --theme-secondary-clr: #ffffff;
}

.gotop-container {
    position: fixed;
    left: unset !important;
    top: unset !important;
    right: 25px;
    bottom: 25px;
    translate: 100px;
    transition: translate 500ms ease;
    z-index: 10000;

    &.left {
        right: unset !important;
        left: 25px !important;
        translate: -100px;
    }

    &.show {
        translate: 0px;
    }
}

.ata-preloader img {
    max-width: 250px;
    height: auto;
    margin-bottom: 10px;
}

.btn-whatsapp-pulse {
    background: #3498DBff;
    color: #fff;
    right: unset; left: 25px;
}

#YUGBTROETT {
    .overlay-content {
        input {
            border-radius: 0 15px 15px 0 !important;
        }
    }

    .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;

        >* {
            flex: 1;

            &:nth-child(1)>* {
                justify-content: start;
            }

            &:nth-child(3)>* {
                justify-content: end;
            }

            @media (min-width: 768px) {
                width: unset;
            }

            @media (max-width: 767px) {
                width: unset;
            }

            @media (width < 1025px) {
                &:nth-child(1)>* {
                    justify-content: center;
                }
            }
        }

        @media (width < 1025px) {
            .main-menu {
                order: -1;
            }
        }

        a.ata-popsearch {
            padding: 10px;
        }
    }

    img {
        display: block;
        object-fit: contain;
    }

    .menu svg {
        margin-inline-start: 0.25rem;
    }

    #top_header_YUGBTROETT_el {
        background-color: #12161f;

        * {
            color: #fff;
        }
    }

    .main-header {
        background-color: #ffffff;
    }

    .elementor-element-10b31b6,
    .elementor-element-518587f {
        max-width: unset;
        width: fit-content;
    }

    h3.number {
        display: flex;
        flex-direction: row-reverse;
    }

    #logo_YUGBTROETT_el {
        display: grid;
        place-content: center;
    }

    .menu-item {
        text-wrap-mode: nowrap;

        @media (width < 996px) {
            font-size: 0.75rem;
        }
    }

    #mobile_menu_YUGBTROETT_el {
        .menu-item-has-children {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;

            >svg {
                margin-inline-end: 0.25rem;
            }

            .sub-menu {
                flex: 1 0 100%;
            }
        }
    }

    .phone-nav-toggle {
        font-size: 1.25rem;
    }


    img.logo {
        width: -1px;
        height: 60px;
        mix-blend-mode: normal;

        @media (width < 768px) {
            height: 100px;
        }
    }
}#AWUWEGMVFJ {
    #breadcrumb_AWUWEGMVFJ_el>* {
        &:not(:last-of-type):after {
            content: "/";
            padding-inline: 0.5rem;
        }
    }
}html {
    scroll-behavior: smooth;
}

.lg-container {
    direction: ltr;
}

#EUHGKKDTMK {

    .input-group {
        direction: ltr;
    }


    .ata-post-details {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-wrap-mode: nowrap;
        text-align: center;
        align-items: center;

        @media(width < 500px) {
            flex-direction: column;
            text-align: start;
            position: static;
            margin-block-start: 1rem;
            margin-block-end: 0 !important;
            width: 100%;
        }

        >* {
            flex: 1;
        }
    }

    .ata-post-content {
        h1 {
            font-size: 1.75rem;
        }

        h2 {
            font-size: 1.5rem;
        }

        h3 {
            font-size: 1.35rem;
        }

        h4 {
            font-size: 1.25rem;
        }

        h5 {
            font-size: 1.15rem;
        }

        h6 {
            font-size: 1.1rem;
        }
    }

    .loading {
        display: grid;
        place-content: center;
        height: 400px;
        margin-inline: 3rem;
        padding-block: 2rem;
        --alpha: 0.05;


        @media(width < 768px) {
            height: 200px !important;
        }
    }

    time {
        font-size: 0.9rem;
    }

    .ata-video-player-button {
        @media(width < 500px) {
            margin: 89px auto;
        }
        img {
            object-fit: contain;
        }
    }

    .pimg {
        transition: 1s;
        height: 100%;
    }

    #more-comments {
        svg {
            color: red !important;
        }
    }

    .comment-meta.last {
        left: 20px;
    }

    .elementor-element-762789a {
        width: 100%;
    }

    .post-thumbnail {
        margin-block: 1rem;

        &:has(.loading) {
            contain: size layout;
            contain-intrinsic-size: auto 400px;
            margin-block: 3rem;

            @media(width < 768px) {
                contain-intrinsic-size: auto 200px !important;
            }
        }

        .content-img-wrapper {
            border-radius: 25px;
            position: relative;

            .backdrop-img {
                display: block;
                position: absolute;
                inset: 0;
                z-index: 2;
                filter: blur(5px);
                border-radius: 25px;
                height: 400px;

                @media(width < 768px) {
                    display: none;
                }
            }

            .content-img {
                display: block;
                position: relative;
                inset: 0;
                z-index: 2;
                width: auto;
                max-width: 100%;
                margin: auto;
                height: 400px;
                border-radius: 25px;
                object-fit: cover;

                @media(width < 768px) {
                    height: 200px !important;
                }
            }

            .ata-post-details {
                z-index: 2;
            }

        }

        .ata-video-player {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

        .ata-video-border-back {
            filter: blur(5px);
        }

        .ata-video-player video,
        .ata-video-border-back {
            height: 400px;
            object-fit: cover;
            border-radius: 25px;

            @media(width < 768px) {
                height: 250px !important;
                object-fit: cover;
            }
        }

        video {
            width: auto;
        }

    }

    .line-clamp {
        &.video-title {
            --line-clamp: 1;
        }

        &.sound-title {
            --line-clamp: 1;
        }

        &.html-title {
            --line-clamp: 1;
        }

        &.html-description {
            --line-clamp: 2;
        }
    }

    form {
        [type=submit] {
            padding: 0.5rem 2rem !important;
        }

        &.was-validated {

            .form-control:invalid,
            .form-control:valid {
                padding-right: 1.75rem !important;
            }
        }

        [type=tel],
        [type=email] {
            text-align: left;
            direction: ltr;
        }
    }

    .html-item {
        width: 100%;
    }

    .attachments {
        .elementor-section {
            margin: 0;
        }

        .htmls {
            .collapsible {
                background-color: #e8be91;

                &:hover {
                    background-color: #efefef;
                }

                &.active {
                    background-color: #ffffff;
                }
            }

            .content {
                background-color: #fff;

                p {
                    border: 1px solid #e3e3e3;
                    color: #000;
                }
            }
        }

        .pics {
            img {
                width: 100%;
                height: 350px;
                border-radius: 25px;
                object-fit: cover;
            }
        }

        .files {
            .podcast-image i {
                position: static;
            }

            .file-icon-container {
                color: white;
                display: grid;
                place-items: center;
                gap: 1rem;

                svg {
                    margin: 0;
                }
            }
        }
    }

    .ata-video-player video,
    .ata-video-border-back {
        height: 350px;
    }

    .atablog-post-block2 {
        height: 350px;

        img {
            object-fit: cover;
            height: 100%;
        }
    }
}#ENIJZXIJRM{
    img {
        height: 70px;
        object-fit: contain;
    }
}