.ccl-v2-widget.imagebox-v2-1-across-fullwidth {
	margin-bottom: 60px;
	color: var(--gray-dark);
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .img-cont::before {
	display: none;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .img-cont::after {
	position: absolute;
	inset: auto 0 -15px;
	z-index: 2;
	display: block;
	height: 30px;
	content: '';
	background: url('/includes/public/assets/shared/edge-texture-white.svg') repeat-x center top / auto 100%;
	pointer-events: none;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .content-section {
	inset: auto auto 0 50%;
	translate: -50% 70.42%;
	display: block;
	width: calc(100% - 60px);
	max-width: 470px;
	padding: 0;
	background: var(--white);
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.15);
	pointer-events: all;
	text-align: center;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .content-upper {
	gap: 15px;
	padding: 24px 40px;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .info-flag.cat {
	display: none;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-title {
	display: block;
	font-family: var(--font-barlow-condensed);
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1;
	text-transform: uppercase;
	color: inherit;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-title a {
	display: block;
	text-decoration: none !important;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-desc {
	font-family: var(--font-body);
	font-weight: normal;
	font-size: var(--text-base);
	line-height: 1.5;
	color: inherit;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-footer {
	display: block;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more {
	display: block;
	padding: 14px;
	font-family: var(--font-display);
	font-weight: bold;
	font-size: var(--text-lg);
	line-height: 1.5;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none !important;
	color: inherit;
	background: var(--yellow);
	border: none;
	transition: color var(--transition-appendix);
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more .button-text {
	position: relative;
	z-index: 2;
}

.ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more .button-text::before {
	position: absolute;
	inset: -4px;
	z-index: -1;
	scale: 1 0;
	transform-origin: center bottom;
	display: block;
	content: '';
	background: var(--black);
	pointer-events: none;
	opacity: 0;
	transition:
		scale var(--transition-appendix),
		opacity var(--transition-appendix);
}

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

.theme-microsite .ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more {
	color: var(--white);
	background: var(--black);
}

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

.theme-lavender .ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more {
	background: var(--lavender-light);
}

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

@media (hover: hover) {
	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more:hover {
		color: var(--white);
		background: var(--yellow);
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more:hover .button-text::before {
		scale: 1;
		opacity: 1;
	}

	.imagebox-v2-1-across-fullwidth.animation-expand .slide:hover .slide-img {
		scale: 1.02;
	}

	.theme-microsite .ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more:hover {
		color: var(--white);
		background: var(--black);
	}

	.theme-lavender .ccl-v2-widget.imagebox-v2-1-across-fullwidth .read-more:hover {
		color: var(--white);
		background: var(--lavender-light);
	}
}

@container (min-width: 64em) {
	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide > .inner {
		padding-bottom: 80px;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .img-cont {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .img-cont::after {
		bottom: -2px;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .img-cont a {
		position: absolute;
		inset: 0;
		display: block;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-img {
		display: none;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .content-section {
		inset: auto auto 0 142px;
		translate: 0;
	}
}

@media (min-width: 64em) {
	.ccl-v2-widget.imagebox-v2-1-across-fullwidth {
		margin-bottom: 110px;
	}
}

@container (min-width: 90em) {
	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .content-upper {
		padding: 50px;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-title {
		font-size: 3.75rem;
	}

	.ccl-v2-widget.imagebox-v2-1-across-fullwidth .slide-desc {
		font-size: var(--text-lg);
		line-height: calc(5 / 3);
	}
}