/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.visual-intro {
	margin: -146px 0 38px;
}

.slogan p.subtitle {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.7rem;
}

.slogan p.title {
	color: #ef7812;
	font-weight: 700;
	font-size: 6rem;
	line-height: 5rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.slogan-white p.subtitle {
	color: #ffffff;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.7rem;
}

.slogan-white p.title {
	color: #ef7812;
	font-weight: 700;
	font-size: 6rem;
	line-height: 5rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.white-box {
	background: #ffffff;
	padding: 35px 0;
}

@media only screen and (max-width: 900px) {
	.slogan p.title {
		font-size: 5rem;
	}
	.slogan-white p.title {
		font-size: 5rem;
	}
}

.button.orange {
	background-color: #d9541c;
}
.button.light-blue {
	background-color: #ace0f9;
}

.direct-edit-button {
	height: 5px;
	width: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.events-holder {
	margin-top: 20px;
}

.panel {
	display: grid;
}

.program-intro {
	margin: -124px 0 38px !important;
}

.scholarship-search-bar {
	background: #fff !important;
    margin: 0 0 1rem !important;
    padding: 0.5rem;
    display: block;
    border: 1px solid #cacaca !important;
    height: 2.4375rem !important;
}