@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&display=swap');

body { margin: 0; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 32px; color: #000; }
.clear { clear: both; }
h1, h2, h3 { font-family: 'Merriweather', serif; }
a, a:visited { color: #c00000; }
a:hover, a:active { color: #A80004; }
.contentLeft img { max-width: 100%; }

a.button { background: #C00000; color: #FFF; display: block; text-align: center; text-decoration: none; font-weight: 700; padding: 5px 15px 4px; display: inline-block; border-radius: 5px; }
a.button.greenButton { background: #A80004; }

/* ADS */
.adContainer { width: 100%; padding: 20px 0; text-align: center; background: #F6F6F6; border-bottom: 1px solid #DDD; }

/* HEADER */
.header { height: 145px; }
.headerLogo { width: 760px; height: 80px; max-width: calc(100% - 20px); margin: 0 auto; padding: 15px 0 10px; }
.headerLogo img {display: block; width: 760px; max-width: 100%; height: auto; }
.headerRow { background: #C00000; width: 100%; }
.headerContent { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; display: flex; }
.headerNavigation { width: calc(100% - 100px); }
.headerNav { height: 40px; line-height: 40px; font-size: 16px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 700; }
.headerNav a, .headerSearch a { color: #FFF; text-decoration: none; padding: 0 10px; display: inline-block; }
.headerNav a:hover { background: #A80004; transition: 1s; }
.headerSearch { width: 100px; text-align: right; }
.headerSearch i { line-height: 40px !important; }
.topIcon { display: none; }

/* ---- CONTENT ---- */
.intro { width: 100%; font-size: 20px; line-height: 34px; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #EEE; }
.content { width: calc(100% - 40px); max-width: 1420px; margin: 0 auto; padding: 20px; }

.pageHeaderContainer { width: 100%; background: #F6F6F6; padding: 5px 0; }
.pageHeaderContainer h1 { width: calc(100% - 40px); max-width: 1420px; margin: 1em auto; }

/* FOOTER */
.footerContainer { background: #E7E7E7; }
.footer { font-family: 'Montserrat'; width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; padding: 20px; color: #191919; display: flex; font-size: 14px; line-height: 24px; }
.footerLeft { width: 300px; }
.footerSpacer { display: inline-block; width: 17.5px; }
.footerMiddle { width: 300px; }
.footerRight { width: calc(100% - 600px); text-align: right; }
.footerRight img { width: auto; height: 120px; }

#credit { background: #191919; color: #FFF; font-size: 12px; line-height: 30px; padding: 7.5px 0; width: 100%; font-family: 'Montserrat'; }
#credit .container { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; line-height: 30px; height: 30px; overflow: hidden; }
#credit .copyright { width: calc(100% - 120px); float: left; height: 30px; }
#credit .copyright a { color: #DDD; }
#credit .poweredBy { width: 120px; float: right; text-align: right; }
#credit .poweredBy a { color: #FFF; text-decoration: none; }
#credit .poweredByText { display: inline; }
#credit img { height: 30px; width: auto; margin: 0 0 0 7.5px; vertical-align: middle; border: none; }
