/*
==========================================================
FantasyFanzone Featured Tools
Version: 4.0
==========================================================
*/

.ffz-featured-tools{
    position:relative;

    padding:var(--ffz-section-padding) 0;
}

/*======================================================
GRID
======================================================*/

.ffz-featured-tools__grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:var(--ffz-grid-gap);
}

.ffz-featured-tools__grid > .ffz-card{
    height:100%;
}

/*======================================================
LOADING
======================================================*/

.ffz-featured-tools--loading{
    pointer-events:none;

    opacity:.75;
}

.ffz-featured-tools--loading .ffz-card{
    animation:
        ffzFeaturedToolsPulse
        1.5s
        ease
        infinite;
}

@keyframes ffzFeaturedToolsPulse{

    0%,
    100%{
        opacity:.65;
    }

    50%{
        opacity:1;
    }

}

/*======================================================
TABLET
======================================================*/

@media(max-width:1200px){

    .ffz-featured-tools__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

/*======================================================
MOBILE
======================================================*/

@media(max-width:768px){

    .ffz-featured-tools__grid{
        grid-template-columns:1fr;

        gap:24px;
    }

}

/*======================================================
REDUCED MOTION
======================================================*/

@media(prefers-reduced-motion:reduce){

    .ffz-featured-tools--loading
    .ffz-card{
        animation:none;
    }

}