@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=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');
@import url('fonts.css');

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

/* 
Dark Blue: #1F1D5A
Red: #931A1D (+ Alerts)
Dull Blue: #437898
Yellow: #F2D075
Linen: #F7F4E8 (Background Color)
Black: #111213 (Text)
*/

body { background: #FFFFFF; color: #111213; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 28px; margin: 0; }
a { color: #1F1D5A; }
a:hover, a:active { text-decoration: none; color: #2E2B86; }

h1 { font-family: "STIX Two Text", serif; font-size: 56px; line-height: 66px; margin: 35px 0; text-transform: uppercase; }
h2 { font-family: "STIX Two Text", serif; font-size: 42px; line-height: 50px; margin: 30px 0; }
h3 { font-size: 30px; line-height: 36px; margin: 25px 0; }

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

/* Content */
.content { margin-top: -120px; min-height: calc(100vh - 530px); }
a.button { display: inline-block; background: #1F1D5A; color: #FFFFFF; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; text-transform: uppercase; }
a i.fa-caret-right { width: 10px; }
a i.buttonFirstIcon { margin-left: 8px; }
a.button i { color: #F2D075; }
a.button:hover { background: #2E2B86; }
a.button:hover i { font-weight: 900 !important; }
.clear { clear: both; }

/* 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; }
    #sectionHeader h1 { font-size: 40px; line-height: 40px; }
}

/* Header - Alert */
.alert { background: #931A1D; color: #FFFFFF; padding: 10px; width: calc(100% - 20px); text-align: center; font-size: 22px; font-weight: 600; position: relative; z-index: 1; }
.alert a { color: #FFFFFF; text-decoration: none; }
.alert a:hover { color: #D9D9D9; }
.alertButton { background: rgba(255,255,255,0.8); padding: 0 10px; margin-left: 10px; display: inline-block; }