@import url("https://use.typekit.net/cvh7use.css");

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

/* Website Colors

Blue: #0E3557 → #0F3A4C
Gold: #D8A338 → #F0B54A
Dark Orange: #A9512A → #B55B2B
Copper (orange-brown): #B6742A → #B8751E
Tan: #D8C8A4 (Backgrounds) → #F3EFE7
Black: #101012
Red: #D32938 (Alert) → #8C401F

*/

/* Other CSS Files */

body { background: #FFFFFF; color: #101012; font-family: 'museo-sans', sans-serif; font-weight: 300; font-size: 20px; line-height: 30px; margin: 0; }
b, strong { font-weight: 700; }

h1 { font-size: 68px; line-height: 76px; margin: 35px 0; }
h2 { font-size: 48px; line-height: 54px; margin: 30px 0; }
h3 { font-family: "capitolina", serif; font-size: 36px; line-height: 42px; margin: 25px 0; }

a { color: #0F3A4C; }
a:hover, a:active { text-decoration: none; color: #17558C; }

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

/* Content */
.content { min-height: calc(100vh - 270px); margin-top: -80px; position: relative; }
a.button { display: inline-block; margin: 0 auto; background: #0F3A4C; color: #FFFFFF; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; border-radius: 5px; transition: 500ms; text-transform: uppercase; }
a.button:hover { background: #17558C; }
.clear { clear: both; }

@media screen and (max-width: 730px) {
    .content { margin-top: -75px; }
}

/* 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%; }

/* Modules - Notifications */
form#notificationsForm { display: block; max-width: 800px; width: 100%; margin: 0 auto 60px; }
#notificationsForm ol { margin: 0; list-style-type: none; padding: 0; }
#notificationsForm ol label { display: block; font-weight: 700; }
#notificationsForm ol input[type="text"], #notificationsForm ol input[type="email"] { font-family: 'museo-sans', sans-serif; font-size: 16px; width: 100%; padding: 5px; border: 1px solid #092841; margin-bottom: 1em; }
#notificationsForm input[type="submit"] { display: block; width: 150px; font-family: 'museo-sans', sans-serif; font-size: 16px; color: #FFF; text-align: center; border: 0; background: #25274D; padding: 10px 0; margin: 1.5em 0 0; }



@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; }
}

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