/* Range navigation block on homepage — bigger marker images, tighter cards.
 * Section is appended in the Zion postmeta with css_class "fc-range-nav-cards".
 * This stylesheet only affects markup inside that section. */

.fc-range-nav-cards .znColumnElement {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.fc-range-nav-cards .znColumnElement-innerWrapper,
.fc-range-nav-cards .znColumnElement-innerContent {
    padding: 0 !important;
}

.fc-range-nav-cards .kl-iconbox {
    margin: 0 !important;
}

.fc-range-nav-cards .kl-iconbox__icon-wrapper {
    margin: 0 !important;
    overflow: hidden;
    border-radius: 6px;
}

.fc-range-nav-cards img.kl-iconbox__icon {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    transition: transform 0.35s ease;
}

.fc-range-nav-cards .kl-iconbox a:hover img.kl-iconbox__icon,
.fc-range-nav-cards .kl-iconbox:hover img.kl-iconbox__icon {
    transform: scale(1.04);
}

.fc-range-nav-cards .kl-iconbox__title {
    margin-top: 14px;
    transition: color 0.2s ease;
}

.fc-range-nav-cards .kl-iconbox a:hover .kl-iconbox__title {
    color: #cd2122;
}

@media (max-width: 991px) {
    .fc-range-nav-cards .znColumnElement {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 24px;
    }
}

@media (max-width: 480px) {
    .fc-range-nav-cards .znColumnElement {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}