﻿: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;
        }
    }
}#NSFNIUQSQH {
    #breadcrumb_NSFNIUQSQH_el>* {
        &:not(:last-of-type):after {
            content: "/";
            padding-inline: 0.5rem;
        }
    }
}#CBQUAHSZFM {
    img {
        height: 65px !important;
        aspect-ratio: 1;
        border-radius: 15px !important;
        object-fit: cover;
    }

    .line-clamp {
        --line-clamp: 2;
    }
}#VYHBIBOQWY {
    .category-wrapper {
        background-color: var(--theme-primary-clr, #a0764f);
        width: fit-content;
        height: auto;
        border-radius: 0.5rem;
    }

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

        &.category {
            --line-clamp: 1;
            min-width: fit-content;
            color: var(--theme-secondary-clr, #fff);
            font-size: small;
            margin: 0.25rem 0.75rem;
        }

        &.description {
            --line-height: 1.75;
            --line-clamp: 2;
        }
    }

    span.date {
        text-align: center;
        max-width: unset;
        min-width: fit-content;
        margin-inline-end: 1rem;
        height: fit-content;
        padding-block: 1rem;
        text-wrap-mode: nowrap;
    }

    img {
        border-radius: 35px !important;
        height: 250px !important;
        object-fit: cover !important;
    }
}#ENIJZXIJRM{
    img {
        height: 70px;
        object-fit: contain;
    }
}