.container-fluid {
    width: 92%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.saucefish-custom {
    padding-left: 105px;
    padding-right: 105px;
}

.saucefish-custom-logo {
    width: 105px;
    height: auto;
    z-index: 10;
    justify-items: center;
}

.sub-logo-widget-container {
    display: none;
    position: fixed;
    top: 110px;
}

.logo-fixed {
    margin-top: 10px;
    margin-bottom: 10px;
    position: fixed;
    top: auto;
    display: none;
}

.logo-fixed img {
    height: 60px !important;
    width: auto;
    transition: opacity .2s ease;
    text-indent: -9999px;
    max-width: none;
    margin-bottom: 0;
    display: block;
}

.sub-logo-widget-container .sub-logo img {
    height: 68px;
    width: auto;
    display: block;
    transform: rotate(-90deg);
    transform-origin: top left;
    top: 375px;
    position: relative;
}

.sub-logo-widget-container .sub-logo-widget, .sub-logo-widget-container .sub-logo {
    min-height: 375px;
    width: 68px;
}

.sub-logo-overlay {
    position: fixed;
    background-color: rgb(255 255 255 / 81%);
    height: 200vh;
    width: 68px;
    z-index: 999;
    will-change: transform;
    transition: transform 0.1s ease-out;
}

#header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) {
    box-shadow: unset !important;
}

#footer-outer {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#footer-outer img {
    height: 60px;
    width: auto !important;
}

#footer-outer a {
    color: #000000 !important;
}

body #footer-outer .widget h4 {
    font-weight: 700 !important;
    color: #000000 !important;
}

.sub-logo-text {
    justify-items: center;
}

.sub-logo-text img {
    max-width: 45px !important;
    height: auto;
}

.sub-logo-text p:has(img) {
    transform: none;
}

.sub-logo-text p:not(:has(img)) {
    transform: rotate(-90deg);
    font-size: 60px;
    font-weight: 700;
    padding: 0;
    width: 68px;
    margin-bottom: 45px;
    margin-top: 75px;
    color: #982c1f;
}

@media (min-width: 576px) {
    .container-fluid {
        max-width: 100%;
    }

    .sub-logo-widget-container {
        display: none;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        max-width: 100%;
    }

    .sub-logo-widget-container {
        display: none;
    }

    .logo-fixed {
        display: none;
    }
}

@media (min-width: 999px) {
    .container-fluid {
        max-width: 100%;
    }

    .sub-logo-widget-container {
        display: block;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    .container-fluid {
        padding: 0 15px !important;
        padding-right: 110px !important;
    }

    #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
        opacity: 0;
    }

    .logo-fixed {
        display: block;
    }
}

.sub-logo-mobile-only {
    display: none;
}

@media screen and (max-width: 767.98px) {
    .container-fluid {
        padding: 0 !important;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .container-fluid {
        width: 92%;
    }
    .saucefish-custom{
        padding-left: 0;
        padding-right: 0;
    }

    .container-fluid .span_3{
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        margin-left: 0;
    }

    .sub-logo-mobile-only {
        display: block;
        margin-left: 15px;
    }

    .sub-logo-mobile-only img {
        height: 20px !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .nectar-post-grid[data-grid-spacing="15px"] .nectar-post-grid-item{
        margin-top: 0 !important;
    }
}


#footer-outer #copyright li a i {
    color: #0a0a0a !important;
}

#footer-outer #copyright li a:hover i {
    color: #982c1f !important
}

@media only screen and (min-width: 1000px) {
    .container,body[data-header-format="left-header"] .container,.woocommerce-tabs .full-width-content .tab-container,.nectar-recent-posts-slider .flickity-page-dots,.post-area.standard-minimal.full-width-content .post .inner-wrap,.material #search-outer #search {
        padding: 0 110px;
    }
}

/* Ẩn social icons Salient */
.nectar-social.fixed {
    display: none !important;
}