/* Import ../components Blog Archive Orange Moon */

@import url(../components/aside-archive.css);
@import url(../components/breadcrumb-header-general.css);
@import url(../components/blog-content.css);
@import url(../components/blog-header.css);
@import url(../components/contact-form.css);
@import url(../components/blog-card.css);
@import url(../components/blog-related.css);

/* Sec Content Single Blog Orange Moon */

/* Remove override to show header image like brands/shop pages */
.single-blog-page .sec-header-OrangeMoon {
    /* Use default styles from breadcrumb-header-general.css */

}

.sec-header-OrangeMoon {
    transform: translateY(-100px);
    margin: 0 !important;
}

.single-blog-page #wrapper {
    height: 100vh;
    overflow: visible;
}

.single-blog-page .sec-breadcrumb {
    padding-left: 0;
}

/* Ensure sticky sidebar works in single blog */
.sec-blog-content {
    position: relative;
}

.sec-blog-content .custom-col {
    position: sticky !important;
    top: 20px !important;
    align-self: flex-start;
    z-index: 10;
}

.sec-blog-content .custom-col.move-down {
    top: 100px !important;
}

/* All Media Queris Sec Content Single Blog Orange Moon */

@media screen and (max-width: 1200px) {
    .sec-breadcrumb {
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 998px) {
    .sec-blog-content div.ml-auto:nth-child(3) {
        margin-top: -135px;
    }
}

@media screen and (max-width: 768px) {
    .sec-blog-content div.flex-order {
        order: -1;
    }

    .single-blog-header {
        transform: translateY(-80px);
    }

    .sec-aside-archive {
        transform: translateY(-80px);
    }
    
    /* Disable sticky on mobile */
    .sec-blog-content .custom-col {
        position: relative !important;
        top: auto !important;
    }
}