/**
 * Intro Block Styles
 *
 * @package ericville25
 */

.intro {
    background-color: var(--color-accent);
	background-image: var(--bg-noise-soft); /* Due to color variance, needs a softer noise */
	background-repeat: repeat;
	background-size: var(--bg-size);
	background-blend-mode: var(--bg-effect-blend-light);
    box-shadow: var(--shadow-medium);
	
	color: var(--color-bg);
	
    margin: -50px -20px 50px -20px;
    padding: var(--space-m);
    
	z-index: 100;
    position: relative;
	
	cursor: default;
}

@media (min-width: 700px) {
	.intro {
		padding: var(--space-xl);
		padding-bottom: calc(var(--space-xl)*1.2);
	}
}
@media (min-width: 900px) {
	.intro {
		border-radius: 4px;
	}
}

.intro h1 {
	display: none;
}

.intro h2 {
	margin-top: 0;
    margin-bottom: 10px!important;
	color: #fff6;
}
.intro > p {
    font-size: 1.5rem;
    margin: 0;
	font-family: var(--header-fonts);
}

@media (min-width: 700px) {
	.intro > p {
		font-size: 2rem;
	}
}