/*
	README

	This file should only be used to style structure of the widget. It should not
	contain fonts or theme styling. Use the shared_theme.css for that purpose.

	If simply theming the CCL, leave this file alone.

	If your design is very customized, edit this file as needed. 
*/

.core-v2-hero-image {
	margin: 0;
}

.core-v2-hero-image .content-section {
	background-color: var(--white);
	padding: var(--space-5) var(--space-12) var(--space-5) var(--space-5);

}

.core-v2-hero-image .overlap-image .content-section {
	pointer-events: all;
	position: absolute;
	order:2;
            bottom: -1px;
        left: 0;
    clip-path:polygon(0 0, 95% 20%, 100% 100%, 0 100%);
	width: auto;
}


@media (min-width: 40em) {
    .core-v2-hero-image .overlap-image .content-section {
        position: absolute;
        bottom: -1px;
        left: 0;
        pointer-events: none;
        
        bottom:-1px;
        width: auto;
    }
}


.core-v2-hero-image .slide-footer {
	display:none;
}

.core-v2-hero-image .inner {
	display: grid;
}