/*----------------- Categories ----------------*/
.s-block--banners .md\:grid-cols-3,
.s-block--banners .md\:grid-cols-2
{
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.s-block--banners + .s-block--banners
{
    margin-top: 0.5em;
}

.sm\:gap-8
{
    gap: 0.5rem !important;
}

.lazy__bg.loaded
{
    opacity: 1;
    background-color: #fff !important;
    background-size: cover !important;
}

.two-row .banner-entry:first-child
{
    grid-column: span 1/span 1;
    grid-row: span 1/span 2;
}

.has-overlay::after,
.has-overlay:hover::after
{
    background-color: transparent !important;
}

.banner-entry
{
    border: 1px solid var(--primary-color);
    border-radius: 0px;
    box-shadow: 1px 1px 8px 0px var(--primary-color);
    height: 350px !important;
}

.banner-entry a,
.banner-entry a:hover
{
    opacity: 1 !important;
}
/*------------- End of Categories -------------*/


/*---------------- Mobile Screens -------------*/
@media only screen and (max-width: 767px)
{ 
    /*--------------- Categories --------------*/
    salla-slider .slide--one-sixth
    {
        width: 35% !important;
    }
    
    .s-block--banners .md\:grid-cols-3,
    .s-block--banners .md\:grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    
    .s-block--banners + .s-block--banners
    {
        margin-top: 0.25em;
    }
    
    .sm\:gap-8
    {
        gap: 0.25rem !important;
    }
    
    .banner-entry
    {
        height: 150px !important;
    }
}