@import url("https://use.typekit.net/ruq4agd.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Other CSS Files */
@import url('content.css');
@import url('footer.css');
@import url('header.css');
@import url('home.css');

/* 

Website Colors:
Dark Blue: #13224A
Light Blue: #72A1BF
Dark Green: #5A6E4C
Light Green: #99AE8A
Tan: #EBEAE0
Black: #050708

*/

/* Core Styles */
body { background: #FFFFFF; color: #050708; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 28px; margin: 0; }
h1 { font-size: 57px; line-height: 65px; margin: 35px 0; font-family: "industry-inc-base", sans-serif; font-weight: 400; font-style: normal; }
h2 { font-size: 40px; line-height: 48px; margin: 30px 0; font-family: "industry-inc-base", sans-serif; font-weight: 400; font-style: normal; }
h3 { font-size: 24px; line-height: 32px; margin: 25px 0; color: #13224A; }

.contentRight h2 { font-size: 34px; line-height: 42px; }
.contentRight h3 { font-size: 22px; line-height: 30px; }

a { color: #13224A; }
a:hover, a:active { text-decoration: none; color: #24408C; }

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

/* Overall Content */
.content { min-height: calc(100vh - 355px); }
.clear { clear: both; }

/* Buttons */
a.button { display: inline-block; margin: 0 auto; background: #13224A; color: #FFFFFF; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; text-transform: uppercase; font-weight: 600; transition: 500ms; }
a.button:hover { background: #24408C; }

/* 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: 50px; line-height: 57px; }
    h2, .homeNewsHeaderText h2 { font-size: 36px; line-height: 44px; }
}

/* Alerts */
.alert { width: calc(100% - 20px); padding: 10px; background: #631D0C; color: #FFFFFF; font-size: 20px; line-height: 32px; font-weight: 600; text-align: center; }
.alert a { color: #FFFFFF; text-decoration: none; }
.alert a:hover { color: #FFFFFF; }
.alertButton { display: inline-block; background: #872710; margin: -2.5px 0 -2.5px 10px; padding: 2.5px 10px; }