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

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

/* COLORS

#D9302A Red
#0C0C0E Black
#EAEAEB Gray
#EFA324 Orange

*/

body { background: #FFFFFF; color: #0A0A0D; font-family: "brandon-grotesque", sans-serif; font-size: 18px; line-height: 28px; margin: 0; min-height: calc(100vh - 40px); }
h1 { font-family: "sheepman", serif; font-weight: 400; font-size: 64px; line-height: 70px; text-transform: uppercase; }
h2 { font-family: "sheepman", serif; font-weight: 400; font-size: 42px; line-height: 48px; text-transform: uppercase;  }
h3 { font-weight: 400; font-size: 28px; line-height: 34px; color: #D9302A; }
a { color: #D9302A; }
a:hover, a:active { color: #B2241F; }

@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; color: #D9302A; }
}

@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 #D9302A !important; }

/* Content */
.content { margin-top: -120px; min-height: calc(100vh - 530px); }
a.button { display: inline-block; background: #EfA324; color: #000000; padding: 10px 20px; margin: 0 4px 4px 0; text-decoration: none; transition: 500ms; font-size: 22px; }
a.button:hover { background: #F2B650; 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; }