/* header#header {
    display: none;
}

.theme-hero {
    display: none;
}

div#block-olivero-subtheme-views-block-about-us-block-1 {
    display: none;
}

.featured-products.featured-1.section-spacing {
    display: none;
} */

/* footer {
    display: none;
} */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ======================================================= */
/* ---------------------- Top Header --------------------- */
/* ======================================================= */
.new-top-header-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--white-color);
    font-size: var(--fs-base);
    font-family: var(--font-primary);
    overflow: hidden;
    background-color: #E0E0E0;
}
.left-info, .right-info {
    width: 600px;
    gap: 5px;
}
.left-info {
    position: relative;
    background: #741012;
    transform: skewX(28deg);
    margin-left: -20px;
    padding-left: 25px;
}
.info-wrapper {
    display: flex;
    padding: 10px 15px;
    height: 100%;
    gap: 5px;
}
.left-info .info-wrapper {
    transform: skewX(-28deg);
    animation: fade-right 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.25s both;
}
.info-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
/* .info-icon {
    width: 20px;
} */
.info-content a, .info-content p {
    white-space: nowrap;
}
.info-content a:hover {
    color: #ffffff;
}
.info-divide {
    width: 1px;
    background: #fff;
    margin: 0px 8px;
}
.center-logo-wrapper {
    width: 360px;
    padding: 5px;
    margin: 0 auto;
}
.center-logo-wrapper img {
    max-height: 100%;
    margin: 0 auto;
}
.right-info {
    position: relative;
    background: #404042;
    transform: skewX(-28deg);
    margin-right: -20px;
    padding-right: 25px;
}
.right-info .info-wrapper {
    transform: skewX(28deg);
    justify-content: end;
    animation: fade-left 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.25s both;
}



/* ======================================================= */
/* ---------------------- Responsive --------------------- */
/* ======================================================= */

/* Max-Width -1440px */

@media (max-width: 1440px) {
    .center-logo-wrapper {
        width: 320px;
        padding: 10px 30px;
    }
}

@media (max-width: 1200px) {
    .new-top-header {
        display: none;
    }
}


@keyframes fade-right {
    from{
        left: -33%;
    }
    to{
        left: 0%;
    }
}
@keyframes fade-left {
    from{
        right: -33%;
    }
    to{
        right: 0%;
    }
}