@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

@import url('content.css');
@import url('footer.css');
@import url('header.css');
@import url('home.css');

/* 

Website Colors: 
Dark Slate Blue: #2F3F46
Dark Teal: #4F746C
Sage Green: #9DBAA3
Pale Mint: #ECF3EE (Background colors)
Black: #1D1616
Red (Alert): #4F746C

/* Other CSS Files */

body { background: #FFFFFF; color: #1D1616; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 29px; margin: 0; }
h1 { font-size: 56px; line-height: 62px; margin: 35px 0; font-family: 'Merriweather', sans-serif; letter-spacing: 1px; }
h2 { font-size: 42px; line-height: 50px; margin: 30px 0; font-family: 'Merriweather', sans-serif; letter-spacing: 1px; }
h3 { font-size: 28px; line-height: 36px; margin: 25px 0; color: #4F746C; letter-spacing: 1px; letter-spacing: 1px; }
a { color: #4F746C; }
a:hover, a:active { text-decoration: none; color: #37504B; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 1px solid #2F3F46 !important; }

/* Content */
.content { min-height: calc(100vh - 355px); }
a.button { display: inline-block; margin: 0 auto; background: #9DBAA3; color: #1D1616; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; transition: 500ms; border-radius: 5px; }
a.button.btn { cursor: pointer; }
a.button:hover, a.button.activebtn { background: #BACFBF; }
.clear { clear: both; }

/* Alerts */
.alert { width: calc(100% - 20px); padding: 10px; background: #721412; color: #FFFFFF; font-size: 24px; line-height: 34px; font-weight: 700; text-align: center; }
.alert a { color: #FFFFFF; text-decoration: none; }
.alert a:hover { color: #FFFFFF; }
.alertButton { display: inline-block; background: rgba(255, 255, 255, .1); margin: -2.5px 0 -2.5px 10px; padding: 2.5px 0 2.5px 10px; }

/* Videos */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 800px) { 
    h1 { font-size: 58px; line-height: 66px; }
    h2 { font-size: 42px; line-height: 48px; }
    h3 { font-size: 28px; line-height: 34px; }
}

input.inputSearch { width: 100%; padding: 9px; border: 1px solid #000000; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 24px; }
input.inputSearch.spacing { margin: 0 0 20px; }
.listHidden { display: none !important; }
.filterDiv { display: none; }
.show { display: block; }

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}