.blue-background {
	background: var(--blue);
    padding: var(--space-4) 0px;
	margin: 0 0 var(--widget-margin-bottom);
}

.blue-background .video-player {
	padding: var(--space-4) 0;
}

.blue-background .video-player .title {
	font-family: var(--font-body-bold);
	font-size: var(--text-4xl);
	color: var(--white);
}

.grey-background {
	background: var(--primary-color-700);
    padding: var(--space-4) 0px;
	margin: 0 0 var(--widget-margin-bottom);
}

.grey-background .ccl-widget .widget-title,
.blue-background .ccl-widget .widget-title,
.blue-background .ccl-widget .widget-subtitle p,
.grey-background .ccl-widget .widget-subtitle p,
.grey-background .core-cards .slide .slide-title,
.blue-background .core-cards .slide .slide-title,
.blue-background .core-callout-tiles .slide .content-section h3,
.grey-background .core-callout-tiles .slide .content-section h3,
.grey-background .core-imagebox .content-section .slide-title,
.blue-background .core-imagebox .content-section .slide-title,
.grey-background .core-imagebox .slide .content-section p,
.blue-background .core-imagebox .slide .content-section p,
.grey-background .core-imagebox .slide .content-section h3 a,
.blue-background .core-imagebox .slide .content-section h3 a,
.grey-background .ccl-widget .slide .slide-footer a,
.blue-background .ccl-widget .slide .slide-footer a,
.grey-background .core-callout-tiles .slide .content-section h3 a,
.blue-background .core-callout-tiles .slide .content-section h3 a,
.grey-background .core-side-by-side .slide .slide-title,
.blue-background .core-side-by-side .slide .slide-title,
.grey-background .sub-heading h2,
.blue-background .sub-heading h2,
.grey-background .contentRender_name_plugins_core_textbox,
.blue-background .contentRender_name_plugins_core_textbox,
.grey-background .contentRender_name_plugins_core_textbox a,
.blue-background .contentRender_name_plugins_core_textbox a,
.grey-background .panel-accordion .accordion-item > button > i,
.blue-background .panel-accordion .accordion-item > button > i,
.grey-background .ccl-widget.core-list .slide p,
.blue-background .ccl-widget.core-list .slide p,
.grey-background .core-list .slide .slide-title,
.blue-background .core-list .slide .slide-title,
.grey-background .ccl-widget .slide .slide-title > a:hover,
.blue-background .ccl-widget .slide .slide-title > a:hover,
.grey-background .core-side-by-side .slide p,
.blue-background .core-side-by-side .slide p,
.grey-background .ccl-widget .slide a.read-more:not(p *):hover, 
.blue-background .ccl-widget .slide .slide-footer a:hover {
    color: #ffffff;
}

.blue-background .core-cards .slides,
.grey-background .core-cards .slides {
    padding-bottom: 0px;
}

.grey-background .video-player {
	padding: var(--space-4) 0;
}

.grey-background .video-player .title {
	font-family: var(--font-body-bold);
	font-size: var(--text-4xl);
	color: var(--white);
}

.grey-background .panel-accordion .accordion-item.active > button,
.blue-background .panel-accordion .accordion-item.active > button,
.grey-background .panel-accordion .accordion-item > button,
.blue-background .panel-accordion .accordion-item > button {
    color: var(--white);
    background-color: var(--primary-color-700);
}

@media (min-width: 40em) {
	.blue-background .video-player {
		padding: var(--space-12);
	}

	.blue-background .video-player .title {
		font-size: var(--text-6xl);
	}
	.grey-background .video-player {
		padding: var(--space-12);
	}

	.grey-background .video-player .title {
		font-size: var(--text-6xl);
	}
}