/* Three Column Grid of Crosslinks */

.banner_full_image.block.gutenburg_block:has(+ .three-column-grid-of-crosslinks) {
    margin-bottom: 60px;
}
@media(max-width: 1599.98px) {
    .banner_full_image.block.gutenburg_block:has(+ .three-column-grid-of-crosslinks) {
        margin-bottom: 30px;
    }
}
@media(max-width: 575.98px) {
    .banner_full_image.block.gutenburg_block:has(+ .three-column-grid-of-crosslinks) {
        margin-bottom: 20px;
    }
}

.three-column-grid-of-crosslinks .custom_padding {
    padding: 80px 0;
}

/* ---- Header ---- */
.three-column-grid-of-crosslinks__header {
    margin-bottom: 40px;
}

h2.three-column-grid-of-crosslinks__heading {
    margin-bottom: 8px;
}

.three-column-grid-of-crosslinks__intro {
    margin-bottom: 0;
}

/* ---- Grid ---- */
.three-column-grid-of-crosslinks__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}

/* ---- Card ---- */

.three-column-grid-of-crosslinks__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
	width: calc(33.3% - 16px);
}
.three-column-grid-of-crosslinks__grid.two_column .three-column-grid-of-crosslinks__card {
    width: calc(50% - 16px);
}
.three-column-grid-of-crosslinks__grid.three_column .three-column-grid-of-crosslinks__card {
    width: calc(33.3% - 16px);
}
.three-column-grid-of-crosslinks__grid.four_column .three-column-grid-of-crosslinks__card {
    width: calc(24% - 16px);
}

.three-column-grid-of-crosslinks__card {

}

/* ---- Image ---- */
.three-column-grid-of-crosslinks__image {
    flex-shrink: 0;
	border-radius: var(--global-border-radius-small);
    margin-bottom: 30px;
}

/* ---- Card Content ---- */
.three-column-grid-of-crosslinks__card-content {
    display: flex;
    flex-direction: column;
}

.three-column-grid-of-crosslinks__card-heading {
    margin-bottom: 0;
}

.three-column-grid-of-crosslinks__card-para {
    margin-bottom: 0;
    flex: 1;
}

/* ---- Link ---- */
.three-column-grid-of-crosslinks__card-link {
	margin-top: 20px;
}

.three-column-grid-of-crosslinks__card-link::after {
    content: '\2192'; /* → */
    display: inline-block;
    transition: transform 0.2s ease;
}

.three-column-grid-of-crosslinks__card-link:hover {
    text-decoration: underline;
}

.three-column-grid-of-crosslinks__card-link:hover::after {
    transform: translateX(3px);
}

/* ---- Responsive ---- */
@media (max-width: 1599.98px) {
    .three-column-grid-of-crosslinks .custom_padding {
        padding: 70px 0;
    }
}

@media (max-width: 1199.98px) {
    .three-column-grid-of-crosslinks .custom_padding {
        padding: 60px 0;
    }
    .three-column-grid-of-crosslinks__grid {
        gap: 20px;
    }
    .three-column-grid-of-crosslinks__card-content {

    }
}

@media (max-width: 991.98px) {
    .three-column-grid-of-crosslinks .custom_padding {
        padding: 50px 0;
    }
    .three-column-grid-of-crosslinks__grid {
        gap: 16px;
    }
    .three-column-grid-of-crosslinks__header {
        margin-bottom: 30px;
    }
    .three-column-grid-of-crosslinks__grid.four_column .three-column-grid-of-crosslinks__card {
        width: calc(50% - 16px);
    }
}

@media (max-width: 767.98px) {
    .three-column-grid-of-crosslinks .custom_padding {
        padding: 40px 0;
    }

    /* Full width slider that butts up to viewport edges */
    .three-column-grid-of-crosslinks__grid.slick-initialized {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        display: block;
        gap: 0;
    }

    /* When NOT yet initialised as a slider, stack normally */
    .three-column-grid-of-crosslinks__grid:not(.slick-initialized) {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .three-column-grid-of-crosslinks__grid:not(.slick-initialized) .three-column-grid-of-crosslinks__card,
    .three-column-grid-of-crosslinks__grid.two_column:not(.slick-initialized) .three-column-grid-of-crosslinks__card,
    .three-column-grid-of-crosslinks__grid.three_column:not(.slick-initialized) .three-column-grid-of-crosslinks__card,
    .three-column-grid-of-crosslinks__grid.four_column:not(.slick-initialized) .three-column-grid-of-crosslinks__card {
        width: 100%;
    }

    /* Slick slide card width */
    .three-column-grid-of-crosslinks__grid.slick-initialized .three-column-grid-of-crosslinks__card {
        width: 100%;
    }

    /* Gap between slides */
    .three-column-grid-of-crosslinks__grid.slick-initialized .slick-slide {
        padding: 0 8px;
    }

    /* Slick dots */
    .three-column-grid-of-crosslinks__grid .slick-dots {
        list-style: none;
        display: flex !important;
        justify-content: center;
        gap: 8px;
        padding: 0 12px;
        margin: 20px 0 0;
    }
    .three-column-grid-of-crosslinks__grid .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        border: none;
        padding: 0;
        cursor: pointer;
    }
    .three-column-grid-of-crosslinks__grid .slick-dots li.slick-active button {
        background: var(--global-primary-color, #333);
    }

    .three-column-grid-of-crosslinks__header {
        margin-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .three-column-grid-of-crosslinks .custom_padding {
        padding: 30px 0;
    }
    .three-column-grid-of-crosslinks__card-content {

    }
    .three-column-grid-of-crosslinks__header {
        margin-bottom: 20px;
    }
}