/* ------------> 1.7.20 <------------ */

/* ################################## */
/*            OLDEST STYLE            */
.--scroll-nav {
    position: absolute;
    top: 155px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-bg900);
    border: 1px solid var(--color-bgTheme-default);
    cursor: pointer;
    z-index: 5;
    transition: opacity 0.2s ease;
    opacity: 0;
    pointer-events: none;
}

.--scroll-nav.show { 
    opacity: 0.7; 
    pointer-events: auto; 
}

.--scroll-nav:hover { 
    background-color: var(--color-bg800);
    opacity: 1 !important;
}

.--scroll-nav-left { left: 0px; }
.--scroll-nav-right { right: 0px; }

@media (min-width: 1185px) {
    .--scroll-nav-left { left: -16px; }
    .--scroll-nav-right { right: -16px; }
}

@media (max-width: 728px) { 
    .--scroll-nav { display: none !important; } 
}

.--latest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 12px;
}

@media (max-width: 600px) {
    .--latest-grid {
        grid-template-columns: 1fr;
    }
}
/*            OLDEST STYLE            */
/* ################################## */