#emergency-holder>.alert {
	font-size: 16px;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}

* {
	font-family: elza, Arial, sans-serif;
	font-style: normal;
	font-size:19px;
}

strong {
	font-weight: bold;
}

a {
	color: #f03d3a;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #862b27;
}

.btn-primary {
	background-color: #f03d3a;
	border: solid 2px #f03d3a;
	font-weight:bold;
}

.btn-primary:hover {
	background-color: #862b27;
	border: solid 2px #862b27;
}

.btn-secondary {
	background-color: #000;
	font-weight:bold;
}


</style>

<!-- 		homepage specific styles -->
<style>
.alert-light {
	background: #f3f3f3;
	font-weight: 400;
}

h1 {
	font-weight:bold;
	font-size:2em;
}

.intro {
	padding: 1em 1em 0 1em;
}

.intro-buttons {
	display:inline-block;
}			

.intro-cta {
	font-size:1.1em;
	font-weight:400;
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.btn-home {
	border: solid 2px #000;
	border-radius: 0;
	padding-left: 1em;
	padding-right: 1em;
	margin-right: 1em;
	margin-top:0.5em;
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.25em;
}

.btn-home:hover {
	color: white;
	background-color: #000;
	border: solid 3px #000;
	transition: color 0.5s ease;
}

.btn-home-red {
	border: solid 3px #f03d3a;
	background: #f03d3a;
	color:white;
	border-radius: 0;
	padding-left: 1.6em;
	padding-right: 1.6em;
	margin-right: 1em;
	margin-top:0.5em;
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.25em;
}

.btn-home-red:hover {
	color: #f03d3a;
	background-color: #fff;
	border: solid 3px #f03d3a;
	transition: color 0.5s ease;
}

.btn-resource {
	background-color: #f03d3a;
	border: solid 1px #f03d3a;
	font-weight:bold;
}

.btn-resource:hover {
	background-color: #fff;
	font-weight:bold;
}

.gray-row {
	background-color: #f1f6f9;
}

.aerial-margin {
	margin-top:0.5em;
	padding:0;
}

.big-screen {
	display:none;
}

.aerial-mobile {
	display: block;
}

.click {
	font-weight:bold;
	text-decoration: underline 2px #f03d3a;
}

.resource-box {
	border: solid 3px #000;
	background-color: white;
	padding: 1.5em;
	margin: 0.5em;
	color: #f03d3a;
}

.resource-box:hover, .card:hover {
	transform: scale(1.01);
	transition: all .1s ease-in;
}

.resource-box:hover h3, .card:hover h3 {
	color: #f03d3a;
}

.resource-box h3, .card-body h3 {
	color: black;
	font-weight: bold;
	font-size:1.2em;
}

.resource-box p, .card-body p {
	color: black !important;
	font-weight: normal !important;
	font-size: 1.1em;
	text-decoration: none !important;
}			

.resource-action .btn-secondary {					
	border-radius:0;
	border: solid 1px #000;
	font-size:2em;
	padding:1em;
} 

.resource-action .btn-secondary:hover {					
	border-radius:0;
	border: solid 1px #f03d3a;
	background: #f03d3a;
	color:white;
	font-size:2em;
	padding:1em;
} 

.home-section-heading {
	color: #f03d3a;
	font-size: 2.2em;
	font-weight: bold;
	text-align:center;
}

.card.student-card {
	margin-left: 0.5em;
	margin-right:0.5em;
}

.card {
	margin-left: 0em;
	margin-right: 0em;
	border-radius: 0;
}

.card-body.student-type {
	padding:0;
}

.card-title.student-type {
	font-size:1.1em;
	font-weight: bold;
	text-align: center;
	color: white !important;
	background: #f03d3a;
	margin-bottom: .5rem;
	padding: 0.5em;
}

.card-text.student-type {
	padding:0.7em;
	font-size:1em;
}

.card-footer {
	background: #fff;
	border: solid 1px #f3f3f3;
}

.interested-bg {
	background-image:url('/mcpr/images/home/classroom-resources.png'); 
	background-size: cover;
}

.g-6, .gy-6 {
	--bs-gutter-y: 2.5rem;
}

.lw_paginate_count {
	font-weight: bold;
}

.lw_widget_column {
	border: solid 3px #f3f3f3;
	margin: 1em;
	text-align: center;
	background: white;
	padding: 1.5em 1em;
}

.lw_events_title a {
	color: #757575;
	font-size:18px; 
	text-decoration: 2px underline;
}
.lw_events_title a:hover {
	color: #f03d3a;
}

.lw_paginate {
	text-align: right;
}

.lw_paginate_more.lw_paginate_next, .lw_paginate_more.lw_paginate_prev {
	padding: 10px;
	margin: 5px;
}

.lw_paginate_more.lw_paginate_next::after {
	content: " →";
}

.important-dates, .tour {
	font-size: 1.25rem;
}


@media (min-width: 768px) {

	h1 {
		font-weight:bold;
		font-size:3.5em;
	}

	.intro-cta {
		font-size:1.4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}

	.btn-home {
		border: solid 3px #000;
		border-radius: 0;
		padding-left: 2em;
		padding-right: 2em;
		margin-right: 1.5em;
		margin-top: 0;
		text-transform: uppercase;
		font-weight: bold;
		font-size:1.25em;
	}

	.btn-home-red {
		border: solid 3px #f03d3a;
		background: #f03d3a;
		color:white;
		border-radius: 0;
		padding-left: 2.2em;
		padding-right: 2.2em;
		margin-right: 1.5em;
		margin-top:0;
		text-transform: uppercase;
		font-weight: bold;
		font-size:1.25em;

	}

	.home-section-heading {
		text-align: left;
		font-size: 3.2em;
		font-weight: bold;
	}

	.card, .card.student-card {
		margin-left: 1.5em;
		margin-right: 1.5em;
		border-radius: 0;
	}

	.card-body {
		padding: 2.5em;
	}

	.card-body.student-type {
		padding:0;
	}

	.resource-box h3, .card-body h3 {
		color: black;
		font-weight: bold;
		font-size:1.9em;
	}

	.resource-box p, .card-body p {
		color: black !important;
		font-weight: normal !important;
		font-size: 1.2em;
		text-decoration: none !important;
	}


}

@media (min-width: 1200px)  {

	.intro{
		padding-top:2em;
	}

	.aerial-margin {
		margin-top: 0.5em;
	}

	.big-screen {
		display: block;
	}

	.aerial-mobile {
		display:none;
	}
}