@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('header.css');
@import url('content26.css');
@import url('footer.css');
@import url('home26.css');
@import url('portal.css');

/* COLORS

#153051 (Dark Blue, Primary Color)
#7CAFD4 (Blue)
#BD0000 (Red, Alert Bar)
#BAB9BA (Gray, Background Color)
#363636 (Dark Gray, Divider Line)
#000000 (Text)

*/

body { background: #FFFFFF; color: #000000; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; margin: 0; min-height: calc(100vh - 40px); }
h1 { font-family: 'Lora'; font-size: 66px; line-height: 72px; }
h2 { font-family: 'Lora'; font-size: 42px; line-height: 48px; }
h3 { font-family: 'Bebas Neue'; font-weight: 400; font-size: 28px; line-height: 34px; }
a { color: #153051; }
a:hover, a:active { text-decoration: none; color: #224D82; }

@media screen and (max-width: 800px) { 
    h1 { font-size: 56px; line-height: 62px; }
    h2 { font-size: 32px; line-height: 38px; }
    h3 { font-size: 24px; line-height: 32px; }
}

@media screen and (max-width: 800px) { 
    h1 { font-size: 44px; line-height: 52px; }
}

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

/* Content */
.content { margin-top: -120px; min-height: calc(100vh - 530px); }
a.button { display: inline-block; background: #7CAFD4; color: #000000; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; font-weight: 700; transition: 500ms; }
a.button:hover { background: #A3C7E1; color: #000000; }
.clear { clear: both; }
.listHidden { display: none !important; }

/* Videos */
.embed-container { position: relative; height: 0; padding-bottom: 450px; overflow: hidden; max-width: 800px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 840px) { 
    .embed-container { padding-bottom: 56.25%; width: 100%; }
}

/* Anchor Links */
a[id] {  scroll-margin-top: 100px; }