.side-by-side-1-across-fullwidth .slide .blog-feed-header-mobile-container .blog-feed-header,
.side-by-side-1-across-fullwidth .slide .content-section .blog-feed-header,
.side-by-side-1-across-fullwidth.ccl-widget .mini-date-section,
.side-by-side-1-across-fullwidth .slide .details {
	display: none;
}

.side-by-side-1-across-fullwidth {
	--slide-title-font-extra-small: 700 30px/120% var(--font-roboto);

	--slide-title-font-mobile: 700 40px/120% var(--font-roboto);
	--slide-description-font-mobile: 400 16px/150% var(--font-roboto);

	--slide-title-font-tablet: 700 50px/120% var(--font-roboto);
	--slide-description-font-tablet: 400 20px/150% var(--font-roboto);

	--slide-title-font-desktop: 700 60px/120% var(--font-roboto);
	--slide-description-font-desktop: 400 18px/150% var(--font-roboto);

	opacity: 0;
	margin-top: 0;
	overflow: hidden;
}

.side-by-side-1-across-fullwidth .slide .slide-title {
	font: var(--slide-title-font-extra-small);
	color: var(--white);
	opacity: 1;
}

.side-by-side-1-across-fullwidth .slide p {
	font: var(--slide-description-font-mobile);
	color: var(--white);
	padding-inline-start: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.side-by-side-1-across-fullwidth.ccl-widget .slide-footer {
	gap: 15px;
}

@media screen and (min-width: 40em) {
	.side-by-side-1-across-fullwidth.ccl-widget .slide-footer {
		gap: var(--space-8);
	}
}

.side-by-side-1-across-fullwidth.ccl-widget .slide-footer .button-default {
	padding: var(--space-4) var(--space-5);
	font-family: var(--font-display);
}

@media screen and (min-width: 40em) {
	.side-by-side-1-across-fullwidth.ccl-widget .slide-footer .button-default {
		padding: var(--space-5) 30px;
	}
}

.side-by-side-1-across-fullwidth[data-width="full"] .slide > .inner {
	padding: 17px;
}

.side-by-side-1-across-fullwidth .slide .img-cont {
	border-radius: 20px 20px 20px 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.side-by-side-1-across-fullwidth .slide .img-cont .video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.side-by-side-1-across-fullwidth .slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.side-by-side-1-across-fullwidth .slide .slide-top {
	gap: 0;
	order: 2;
}

.side-by-side-1-across-fullwidth .slide::before {
	content: "";
	border-radius: 5px 20px 5px 5px;
	background: var(--orange, #FF7826);
	z-index: -1;
	display: block;
	position: relative;
	width: 85%;
	height: 275px;
	right: 0;
	margin-inline: auto 0;
	margin-bottom: -275px;
	transform: translateX(300px);
	opacity: 0;
}

.side-by-side-1-across-fullwidth .slide::after {
	content: "";
	border-radius: 5px 5px 5px 20px;
	background: var(--teal, #1F979D);
	z-index: -1;
	display: block;
	position: relative;
	width: 35%;
	height: 140px;
	right: 0;
	margin-top: -135px;
	transform: translateX(-300px);
}

@media (min-width: 23.75em) {
	.side-by-side-1-across-fullwidth .slide .slide-title {
		font: var(--slide-title-font-mobile);
	}
}

@media (min-width: 40em) {
	.side-by-side-1-across-fullwidth .slide .slide-title {
		font: var(--slide-title-font-tablet);
	}

	.side-by-side-1-across-fullwidth .slide p {
		font: var(--slide-description-font-tablet);
	}
}

@media (min-width: 64em) {
	.side-by-side-1-across-fullwidth .slide .slide-title {
		font-size: var(--space-10);
	}

	.side-by-side-1-across-fullwidth .slide .content-section p {
		font: var(--slide-description-font-desktop);
	}
}

@media (min-width: 1200px) {
	.side-by-side-1-across-fullwidth .slide .slide-title {
		font: var(--slide-title-font-desktop);
	}
}

.side-by-side-1-across-fullwidth[data-width="full"] .slides {
	padding-block: 22px 0;
	padding-inline: 22px;
}

@media (min-width: 40em) {
	.side-by-side-1-across-fullwidth[data-width="full"] .slides {
		padding-block: 44px 0;
		padding-inline: 36px;
	}
}

.side-by-side-1-across-fullwidth .slide .content-section {
	background-color: var(--blue);
	padding-inline: 15px;
	padding-block: 40px;
	border-radius: 0px 50px 20px 20px;
	margin-top: -85px;
	position: relative;
	z-index: 1;
}

.side-by-side-1-across-fullwidth .slide .content-section .content-top {
	gap: var(--space-5);
}

.side-by-side-1-across-fullwidth .slide .content-section .inner {
	gap: 28px;
}

@media (min-width: 40em) {
	.side-by-side-1-across-fullwidth[data-width="full"] .slide > .inner {
		grid-template-columns: 1fr;
		padding: 44px;
	}

	.side-by-side-1-across-fullwidth .slide .content-section {
		padding: 64px var(--space-10) 96px;
		border-radius: 0px 75px 20px 20px;
		order: 2;
	}

	.side-by-side-1-across-fullwidth .slide::before {
		width: 85%;
		height: 370px;
		margin-inline: auto 0;
		margin-bottom: -370px;
	}

	.side-by-side-1-across-fullwidth .slide::after {
		width: 140px;
		margin-top: -142px;
	}
}

@media (min-width: 64em) {
	.side-by-side-1-across-fullwidth .slide img {
		border-radius: 0px 20px 20px 0px;
	}

	.side-by-side-1-across-fullwidth[data-width="full"] .slide > .inner {
		grid-template-columns: 40.35% minmax(0, 1fr);
	}

	.side-by-side-1-across-fullwidth .slide .content-section {
		padding-inline: 40px;
		border-radius: 20px 75px 0px 20px;
		order: 1;
		margin-top: 0;
		width: 120%;
	}

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

	.side-by-side-1-across-fullwidth .slide::before {
		width: 35%;
		height: 445px;
		margin-inline: auto 0;
		margin-bottom: -450px;
	}

	.side-by-side-1-across-fullwidth .slide::after {
		width: 140px;
		margin-top: -142px;
	}
}


/* * Animations/Transitions * */
.side-by-side-1-across-fullwidth.js-loaded .slide::after {
	transform: translateX(0);
	transition: transform var(--transition-appendix);
	transition-delay: 0.75s;
}

.side-by-side-1-across-fullwidth.js-loaded .slide::before {
	transform: translateX(0);
	opacity: 1;
	transition: transform var(--transition-appendix) .35s, opacity var(--transition-appendix);
}

.side-by-side-1-across-fullwidth.js-loaded {
	opacity: 1;
	transition: opacity var(--transition-appendix);
	transition-delay: 0.25s;
}

.side-by-side-1-across-fullwidth.js-loaded .slide .slide-title {
	opacity: 1;
}

/* * Video Controls * */
.side-by-side-1-across-fullwidth.video-loaded .video-control.playback {
	position: absolute;
	inset: 15px 15px auto auto;
	z-index: 3;
	display: flex;
	justify-content: center;
}


@media screen and (min-width: 40em) {
	.side-by-side-1-across-fullwidth.video-loaded .video-control.playback {
		inset: 20px 20px auto auto;
	}
}
@media screen and (min-width: 64em) {
	.side-by-side-1-across-fullwidth.video-loaded .video-control.playback {
		inset: auto 25px 25px auto;
	}
}

.side-by-side-1-across-fullwidth.video-loaded .video-control.volume {
	position: absolute;
	inset: auto 10px 10px auto;
	z-index: 3;
	display: flex;
	justify-content: center;
}

.side-by-side-1-across-fullwidth.video-loaded.playing .video-control::before {
	opacity: 0;
}

.side-by-side-1-across-fullwidth.video-loaded.playing .video-control::after {
	opacity: 1;
}

.side-by-side-1-across-fullwidth.video-loaded .video-control.volume {
	inset: 45px 10px auto auto
}

@media screen and (min-width: 40em) {
	.side-by-side-1-across-fullwidth.video-loaded .video-control.volume {
		inset: 70px 10px auto auto;
	}
}
@media screen and (min-width: 64em) {
	.side-by-side-1-across-fullwidth.video-loaded .video-control.volume {
		inset: auto 12px 12px auto;
	}
}


.side-by-side-1-across-fullwidth.video-loaded .video-control .fa.fa-pause {
	display: none
}

.side-by-side-1-across-fullwidth .shared-play-button {
	pointer-events: none;
}


@media (max-width: 40em) {
	.side-by-side-1-across-fullwidth .img-cont .credits {
		writing-mode: vertical-lr;
		font-size: 10px;
		margin-right: 1px;
		bottom: 85px;
	}
}

@media (min-width: 40em) and (max-width: 63em) {
	.side-by-side-1-across-fullwidth .slide .img-cont .credits {
		top: 0;
	}
}

.ccl-widget.side-by-side-1-across-fullwidth .slide .img-cont .sponsored {
    position: absolute;
    inset: 0 0 auto auto;
    z-index: 3;
    display: block;
    padding: var(--space-3) 15px;
    margin: 0;
    font-family: var(--font-display);
    font-weight: 450;
    font-size: var(--text-base);
    line-height: 1;
    text-transform: uppercase;
    color: var(--white);
    background: var(--blue);
    border-radius: 0 0 0 10px;
    pointer-events: none;
}

@media (min-width: 46.5em) {
	.ccl-widget.side-by-side-1-across-fullwidth .slide .img-cont .sponsored {
        padding: 15px var(--space-5);
        font-size: var(--text-xl);
    }
}