.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slides {
    padding: 0 15px;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .slide-top .credits {
    bottom: unset;
    top: 0;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .img-cont::after {
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
    opacity: 1;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .content-section {
    height: fit-content;
    align-items: flex-start;
    padding: 22px 15px;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .content-section:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 9px;
    background: var(--lime);
    transition: height ease 0.3s;
}

.ccl-v2-widget.callout-tiles-v2-4-across:not(.full-width) .slides {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.ccl-v2-widget.callout-tiles-v2-3-across:not(.full-width) .slides {
    gap: 11px;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .slide-title {
    line-height: 1;
}

.ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide:hover .slide-title {
    z-index: 2;
}

.ccl-v2-widget.core-v2-callout-tiles.callout-tiles-v2-3-across:not(.full-width) .slide .slide-title {
    font-size: 1.313rem;
}

.ccl-v2-widget.core-v2-callout-tiles.callout-tiles-v2-4-across:not(.full-width) .slide .slide-title {
    font-size: 1.125rem;
}

/*----- black theme -----*/

.theme-microsite .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .content-section:before {
    background: var(--black);
}

/*----- lavender theme -----*/

.theme-lavender .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .content-section:before {
    background: var(--lavender-light);
}

/*----- media queries -----*/

@media(min-width:40em) {
    .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slides {
        max-width: 1191px;
    }

    .ccl-v2-widget.callout-tiles-v2-4-across:not(.full-width) .slides {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 40px;
    }

    .ccl-v2-widget.callout-tiles-v2-3-across:not(.full-width) .slides {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 21px;
    }
}

@media(min-width: 64em) {
    .ccl-v2-widget.core-v2-callout-tiles.callout-tiles-v2-3-across:not(.full-width) .slide .slide-title {
        font-size: 1.831rem;
    }

    .ccl-v2-widget.core-v2-callout-tiles.callout-tiles-v2-4-across:not(.full-width) .slide .slide-title {
        font-size: 1.375rem;
    }

    .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .content-section {
        padding: 23px 15px 25px 15px;
    }
}

@media(hover:hover) {
    .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide .slide-img {
        scale: 1;
    }
    
    .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide:hover .slide-title {
        color: var(--gray-dark);
        text-decoration: none;
    }

    .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide:hover .content-section:before {
        height: 100%;
        z-index: -1;
    }

    .theme-microsite .ccl-v2-widget.core-v2-callout-tiles:not(.full-width) .slide:hover .slide-title {
        color: var(--white);
    }
}