/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Slider family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.ccl-widget.core-hero-image.hero-image.core-styles { margin-bottom: 17; }

/* Hide non-comped items */
.ccl-widget.core-hero-image.hero-image.core-styles .img-cont::after { content: none; }

.ccl-widget.core-hero-image.hero-image.core-styles .banner-content { display: none; }

@media (min-width: 64em) {
	.ccl-widget.core-hero-image.hero-image.core-styles { margin-bottom: 0; }
}

/* parallax params */
@media (min-width: 64em) {	
	.ccl-widget.core-hero-image.hero-image.core-styles .slides { height: 68vh; }
	
	.ccl-widget.core-hero-image.hero-image.core-styles .slides .img-cont img {
		height: 80vh;
		object-fit: cover;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
	}

	#main-content { background: #fff; }
	
	.footer-container { 
		z-index: 1; 
		background: #fff;
	}
}