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

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

body { background: #FFFFFF; color: #000000; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 28px; margin: 0; }

h1 { font-family: 'Handlee'; font-weight: 400; font-size: 70px; line-height: 80px; }
h2 { font-family: 'Handlee'; font-weight: 400; font-size: 52px; line-height: 60px; }
h3 { font-weight: 600; font-size: 26px; line-height: 35px; }
a { color: #912684; }
a:hover, a:active { text-decoration: none; color: #AD2E9E; }

@media screen and (max-width: 1240px) { 
    h1 { font-size: 45px; line-height: 55px; }
    h2 { font-size: 37px; line-height: 45px; }
}
@media screen and (max-width: 600px) { 
    h1 { font-size: 40px; line-height: 48px; }
    h2 { font-size: 30px; line-height: 36px; }
    h3 { font-size: 26px; line-height: 32px; }
}

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 5px solid #07859F !important; }

/* Content */
.content { margin-top: -120px; }
a.button { display: inline-block; background: #F26722; color: #000000; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; font-weight: 600; transition: 500ms; font-size: 22px; }
a.button:hover { background: #F48148; }
.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%; }

/* 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-size: 15px; line-height: 24px; }
#notificationsForm ol input[type="text"], #notificationsForm ol input[type="email"] { font-family: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif; font-size: 16px; color: #FFF; text-align: center; border: 0; background: #25274D; padding: 10px 0; margin: 1.5em 0 0; }

.alert { background: #B51E49; color: #FFFFFF; padding: 10px; width: calc(100% - 20px); min-height: 28px; text-align: center; font-size: 22px; font-weight: 400; }
.alert a { color: #D9D9D9; text-decoration: none; }
.alertButton { background: rgba(255,255,255,.2); padding: 0 10px; margin-left: 10px; display: inline-block; }

a.skip-to-content-link { background: #A4C8DF; height: 27px; left: 10px; padding: 10px 20px; position: absolute; transform: translateY(-123px); transition: transform 0.3s; z-index: 1000; color: #000000; text-decoration: none; }

a.skip-to-content-link:focus { transform: translateY(5px); }

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