/*
 Theme Name:   zeen child
 Theme URI:    https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856
 Description:  A next generation WordPress theme with everything you need to take your site to the next level.
 Author:       Codetipi
 Author URI:   https://www.codetipi.com
 Template:     zeen
 Version:      4.5.4
 License:      https://themeforest.net/licenses/standard
 License URI:  https://themeforest.net/licenses/standard
 Tags:         responsive, modern, next-generation
 Text Domain:  zeen child
*/

/* REPLACEMENT VARIABLES FOR RE-OCCURRING RULES. */
:root {
    --light-bg-color: #ffffff;
    --dark-bg-color: #151515;
    --light-bg-img: url('https://backtobacklog.com/wp-content/uploads/2025/03/headerbg2-2x.png');
    --dark-bg-img: url('https://backtobacklog.com/wp-content/uploads/2025/03/headerbg2dark2-2x.png');
}
/* Navbar light mode. */
.site-header-block .bg-area .logo-main-wrap {
    background: var(--light-bg-img);
}
/* Sticky navbar light mode. */
.site-header-block.sticky-header--active .bg-area .logo-main-wrap {
    background: var(--light-bg-color);
}
/* Post tiles homepage light mode. */
.site-inner .site-content .block-wrap .tipi-row-inner-style .tipi-row-inner-box .tipi-flex {
    background: #f1f1f1;
}
/* Content background light mode. */
.site-inner .site-content .content-area .post-wrap, body.archive .site-content {
    background: var(--light-bg-img);
}
/* Inner content background light mode. */
.site-inner .site-content .content-area .post-wrap .single-content .content-bg, .site-inner .site-content .block-wrap .tipi-row-inner-style .tipi-row-inner-box .tipi-flex {
    background: var(--light-bg-color);
}
/* Mobile background for light mode. */
.site-mob-header .bg-area > * {
    background: var(--light-bg-img);
}
/* Navbar dark mode. */
body.mode--alt--b .site-header-block .bg-area .logo-main-wrap {
    background: var(--dark-bg-img);
}
/* Mobile background for dark mode. */
.mode--alt--b:not(.dark-mode--mobile-header-off) .site-mob-header .bg-area > * {
    background: var(--dark-bg-img);
}
/* Sticky navbar dark mode. */
body.mode--alt--b .site-header-block.sticky-header--active .bg-area .logo-main-wrap {
    background: var(--dark-bg-color);
}
/* Post tiles homepage dark mode. */
body.mode--alt--b .site-inner .site-content .block-wrap .tipi-row-inner-style .tipi-row-inner-box .tipi-flex {
    background: #0f0f0f;
}
/* Content background dark mode. */
body.mode--alt--b .site-inner .site-content .content-area .post-wrap, body.mode--alt--b.archive .site-content {
    background: var(--dark-bg-img);
}
/* Inner content background dark mode. */
body.mode--alt--b .site-inner .site-content .content-area .post-wrap .single-content .content-bg, body.mode--alt--b .site-inner .site-content .block-wrap .tipi-row-inner-style .tipi-row-inner-box .tipi-flex {
    background: var(--dark-bg-color);
}
/* BEGINNING OTHER ADJUSTMENTS. */
/* Correct the subnav overlay menu to ensure it is on top of everything else. */
li.menu-item.active-1 div div ul {
    z-index: 1;
}
/* Remove the overflow of sub-options. */
.sorter.active .options {
    overflow: hidden !important;
}
.mob-menu-wrap .vertical-menu li {
    overflow: hidden;
}
.user-page-box a {
	color: inherit !important;
}
/* Animation to hide flash in dark mode */
body {
    animation: fadeIn 2s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background: black;
    }
}

/* Set the progress bar to a lower index than the wack ass z-index of all the descendants of the parent that is for some reason all set to z-index 11. */
#progress {
    z-index: 10;
}