/*--GENERAL--*/
.ccl-widget.callout-tiles-4-across-marquee {
}
.ccl-widget.callout-tiles-4-across-marquee .slides {
    gap: var(--space-2);
}
/*--IMAGE--*/
.ccl-widget.callout-tiles-4-across-marquee .slide .img-cont {
    border-radius: 15px 2px;
}
.core-callout-tiles .slide .img-cont::after {
    background: linear-gradient(to top, rgba(0, 0, 0) -15%, transparent);
}
.core-callout-tiles .slide .img-cont:hover::after {
    background: url("https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/fishermanswharfca-redesign/marquee_hover_e323c130-3960-4591-9aa4-d7d603c55c6e.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    
}
.ccl-widget.callout-tiles-4-across-marquee .slide .img-cont.promoted:hover::after {
    background: url("https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/fishermanswharfca-redesign/marquee_hover_promo_6fb4cc40-1ccd-4435-a839-afec7c59e592.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.ccl-widget.callout-tiles-4-across-marquee .slide .img-cont-promoted::after {
    background: linear-gradient(to top, rgba(0, 0, 0) -15%, transparent);
}
/*--CONTENT--*/
.ccl-widget.callout-tiles-4-across-marquee .slide .content-section {
    align-items: flex-end;
    padding: var(--space-6);
}

.ccl-widget.callout-tiles-4-across-marquee .slide .slide-title {
    font-size: 24px;
    font-weight: 100;
    line-height: 1.2;
    text-transform: uppercase;
    overflow: hidden;
}
.ccl-widget.callout-tiles-4-across-marquee .slide .slide-title .icon {
    width: 51px;
    margin: auto;
    margin-bottom: 10px;
}

@media screen and (min-width:40em) {
    /*--GENERAL--*/
    .ccl-widget.core-callout-tiles.callout-tiles-4-across-marquee .slides {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .ccl-widget.core-callout-tiles.callout-tiles-4-across-marquee .slide:nth-child(1) {
        grid-column: 1 / span 1;
        grid-row: 1 / span 2;
    }
    .ccl-widget.core-callout-tiles.callout-tiles-4-across-marquee .slide:nth-child(2) {
        grid-column: 2 / span 1;
        grid-row:  1 / span 1;
    }
    .ccl-widget.core-callout-tiles.callout-tiles-4-across-marquee .slide:nth-child(3) {
        grid-column: 2 / span 1;
        grid-row: 2 / span 2;
    }
    .ccl-widget.core-callout-tiles.callout-tiles-4-across-marquee .slide:nth-child(4) {
        grid-column: 3 / span 1;
        grid-row: 1 / span 2;
    }
    /*--CONTENT--*/
    .ccl-widget.callout-tiles-4-across-marquee .slide .content-section {
        align-items: flex-end;
        text-transform: uppercase;
    }
    .ccl-widget.callout-tiles-4-across-marquee .slide .slide-title .icon {
        width: 51px;
        margin: auto;
        margin-bottom: 15px;
    }
}

@media screen and (min-width:64em) {
    .ccl-widget.callout-tiles-4-across-marquee .slide .slide-title {
        font-size: 27px;
        font-weight: 100;
    }
    .ccl-widget.callout-tiles-4-across-marquee .slide .slide-title .icon {
        width: 57px;
    }
}