.panel-imagebox-tidbits {
	position: relative;
	display: grid;
	gap: var(--space-3);
	background: var(--blue);
	padding: var(--space-6) 0 var(--space-8);
	margin-bottom: var(--space-1);
}

.panel-imagebox-tidbits .waves-container {
	position: absolute;
	z-index: 0;
	top: var(--space-16);
	left: 0;
	width: 100%;
	height: 704px;
	overflow: hidden;
	pointer-events: none;
}

.panel-imagebox-tidbits .waves-container img {
	width: 100%;
}

.panel-imagebox-tidbits .view-all-container {
	display: flex;
	justify-content: center;
	margin-top: var(--space-2);
}

.panel-imagebox-tidbits .view-all-container .view-all {
	display: inline-block;
	padding: 10px 17px;
	font-size: var(--text-base);
	font-weight: 600;
	color: var(--white);
	line-height: var(--leading-none);
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid var(--yellow);
	border-radius: 3px;
	background-color: transparent;
	transition: color var(--transition-appendix), background-color var(--transition-appendix), border-color var(--transition-appendix);
}

/* Reset Collections */
.panel-imagebox-tidbits .ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across,
.panel-imagebox-tidbits .ccl-v2-widget.tidbits-4-across {
	margin: 0;
	padding: 0;
	background: unset;
}

/* Image Box, 2-Across */
.panel-imagebox-tidbits .ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across .widget-header .widget-title,
.panel-imagebox-tidbits .ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across .widget-header .widget-desc {
	color: var(--sw-light-text-color);
}

.panel-imagebox-tidbits .ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across .widget-header .widget-view-all {
	background-color: transparent;
	color: var(--white);
	border: 1px solid var(--yellow);
}

@media (hover: hover) {
	.panel-imagebox-tidbits .ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across .widget-header .widget-view-all:hover,
	.panel-imagebox-tidbits .view-all-container .view-all:hover {
		background-color: var(--yellow);
		color: var(--blue-dark);
		border: 1px solid var(--yellow);
	}
}

@media (min-width: 40em) {
	.panel-imagebox-tidbits .waves-container {
		height: 100%;
		top: 0;
	}

	.panel-imagebox-tidbits .waves-container img {
		height: 100%;
	}
}

@media (min-width: 64em) {
	.panel-imagebox-tidbits {
		padding: var(--space-12) 0 var(--space-16);
		margin-bottom: var(--space-2);
	}

	.panel-imagebox-tidbits .waves-container {
		height: calc(100% - var(--space-10));
		top: var(--space-10);
	}

	.panel-imagebox-tidbits .view-all-container {
		margin-top: var(--space-4);
	}

	.panel-imagebox-tidbits .view-all-container .view-all {
		padding: 10px var(--space-5);
		font-size: var(--text-lg);
		letter-spacing: 0.04em;
	}
}