.ccl-widget.ccl-widget.side-by-side-1-across {
    margin: 0 auto var(--space-4);
}

.ccl-widget.side-by-side-1-across .slide .slide-footer .qv-btn {
    display: none;
}

.ccl-widget.side-by-side-1-across .slide > .inner {
    padding: 0;
}

.ccl-widget.side-by-side-1-across .slide > .inner {
    max-width: 100%;
}

.ccl-widget.side-by-side-1-across .slide .img-cont {
    margin-bottom: 0;
    max-height: 100%;
}

.ccl-widget.side-by-side-1-across .slide .content-section {
    background-color: var(--grey-light);
    padding: var(--space-6) var(--space-4) var(--space-10);
    position: relative;
}

.ccl-widget.side-by-side-1-across .slide .content-section > .inner {
    gap: 0;
}

.ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section {
    background-color: var(--blue);
    color: white;
}

.ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section .slide-title, .ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section .description, .ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section .read-more-button {
    color: white;
}

.ccl-widget.side-by-side-1-across .slide .content-section .slide-title {
    font-size: 2rem;
}

.ccl-widget.side-by-side-1-across .slide .content-section .description {
    font-size: var(--text-lg);
}

.ccl-widget.side-by-side-1-across .slide .content-section .read-more-button {
    color: black;
    text-decoration: none;
    padding: 0;
    margin: 0 var(--space-4);
    position: relative;
    bottom: var(--space-2)
}

.ccl-widget.side-by-side-1-across .slide .content-section .shared-button {
    display: inline-block;
    position: relative;
    top: var(--space-3);
    left: var(--space-2);
}

.ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section .shared-button {
    background-color: white;
    border: 1px solid white;
}

.ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section .shared-button:before {
    background: url("/includes/public/assets/shared/arrow-blue.svg") no-repeat center center / 21px auto;
}

.ccl-widget.ccl-widget.side-by-side-1-across .slide .shared-play-button {
    background-color: white;
    color: var(--blue);
    width: 60px;
    height: 60px;
}

.ccl-widget.ccl-widget.side-by-side-1-across .slide .shared-play-button > i {
    font-size: var(--text-xl);
}

@media(min-width: 40em) {
    .ccl-widget.ccl-widget.side-by-side-1-across {
        max-width: 99%;
        margin-bottom: var(--space-10);
    }

    .ccl-widget.side-by-side-1-across .slide .img-cont {
        border-radius: 5px;
        z-index: 1;
    }

    .ccl-widget.side-by-side-1-across .slide > .inner {
        padding: 0 var(--space-10);
    }

    .ccl-widget.side-by-side-1-across .slide .img-cont {
        position: relative;
        bottom: var(--space-8);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
        max-width: 97%;
    }

    .ccl-widget.side-by-side-1-across .slide img {
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="right"] .slide > .inner {
        grid-auto-flow: dense;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="right"] .slide .content-section > .inner {
        padding-right: 40px;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="left"] .slide .content-section > .inner {
        padding-left: 0;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="right"] .slide .slide-top {
        grid-column: 2;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="right"] .slide .content-section {
        grid-column: 1;
    }

    .ccl-widget.side-by-side-1-across[data-dark="true"] .slide .content-section:before {
        content: "";
        background-color: var(--blue);
        height: 100%;
        width: 150px;
        position: absolute;
        top: 0;
    }
    
    .ccl-widget.side-by-side-1-across[data-dark="false"] .slide .content-section:before {
        content: "";
        background-color: var(--grey-light);
        height: 100%;
        width: 150px;
        position: absolute;
        top: 0;
    }

    .ccl-widget.side-by-side-1-across[data-side="left"] .slide .content-section:before {
        left: -148px;
    }

    .ccl-widget.side-by-side-1-across[data-side="right"] .slide .content-section:before {
        right: -148px;
    }
  
}

.ccl-widget.side-by-side-1-across .featured {
	display: flex;
    margin: 0 auto 7px 0;
	font-size: 10px;
	font-weight: 400;
	padding: 3px 15px;
}

@media(min-width: 64em) {
    .ccl-widget.side-by-side-1-across .slide .img-cont {
        height: 385px;
        padding: 0;
    }

    .ccl-widget.side-by-side-1-across .slide .content-section {
        padding: var(--space-6) var(--space-8) var(--space-10);
    }

    .ccl-widget.side-by-side-1-across .slide > .inner {
        padding: 0 var(--space-24);
    }

    .ccl-widget.ccl-widget.side-by-side-1-across {
        margin-bottom: var(--space-32);
    }

}

@media(min-width: 80em) {
    .ccl-widget.side-by-side-1-across .slide > .inner {
        padding: 0;
        max-width: 1164px;
    }

    .ccl-widget.ccl-widget.side-by-side-1-across[data-side="right"] .slide .content-section {
        right: var(--space-4);
    }
}

@media(min-width: 100em) {
    .ccl-widget.ccl-widget.side-by-side-1-across {
        max-width: 94%;
        margin-bottom: var(--space-20);
    }

    .ccl-widget.ccl-widget.side-by-side-1-across {
        margin-bottom: 165px;
    }
}