/* Hero Alt
--------------------------------------------- */

.hero-alt {
	min-height: 600px;
	margin-top: -20px; 

	.container {
		padding-top: 80px;
		padding-bottom: 120px;
	}
}

.hero-alt__content {
	background: var(--wp--preset--color--white);
	position: relative;
	padding: 40px;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(75,75,75,1);
	-moz-box-shadow: 3px 3px 10px 0px rgba(75,75,75,1);
	box-shadow: 3px 3px 10px 0px rgba(75,75,75,1);

	&::before {
        content: "";
        background: var(--wp--preset--color--emerald);
        width: 250px;
        height: 10px;
        position: absolute;
        top: -10px;
        right: 0;
        display: block;
        z-index: 1;
    }
}

.hero-alt__eyebrow {
    color: var(--wp--preset--color--emerald);
    font-size: var(--wp--preset--font-size--body-xl);
    text-transform: uppercase;
    margin-top: 0;
}

.hero-alt__title {
	color: var(--wp--preset--color--cobalt);
	margin-top: 0;
	margin-bottom: 40px;
}

.hero-alt__body {
	color: var(--wp--preset--color--foreground);

	p {
		margin-top: 0;
	}

	&:last-child p {
		margin-bottom: 0;
	}
}

/* Responsive
--------------------------------------------- */

@media (width >992px) {
	.hero-alt__content {
		margin-left: 50%;
		width: 50%;
	}
}