@font-face {
    font-family: 'MicrogrammaD-MediExte';
    src: url('/MicrogrammaD-MediExte.woff2') format('woff2'),
        url('/MicrogrammaD-MediExte.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MicrogrammaNormal';
    src: url('/MicrogrammaNormal.woff2') format('woff2'),
        url('/MicrogrammaNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.section.header,
.navbar.navbar-primary { font-family: "MicrogrammaNormal", sans-serif; }
.component-heading, .hash-tag { font-family: "MicrogrammaD-MediExte", sans-serif; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
.hash-tag { font-size:0.9rem; }
.mod-site-header .header-text { font-family: "MicrogrammaNormal", sans-serif }

@media only screen and (min-width:992px) {
    
.header-top { padding:0.25rem }
.header-top .header-text { width:860px; text-transform:uppercase; letter-spacing:2px; font-size: 0.875em; font-weight:400!important }
.header-top .header-text b { font-weight:700; font-size:1rem }
.header-top .header-text > span { display:flex; align-items:center; justify-content:space-between }

div.mod-site-header.style1 .mod-site-social-links .hash-tag { display:none }   


.navbar-primary .navbar-brand { margin-top:10px }
.navbar-primary .navbar-brand img { max-height:130px !important }

div.mod-site-header.style1 .navbar.navbar-primary .nav-link { padding: 1.0rem 1rem }
.mod-site-header.style1 .navbar-primary .navbar-logo img { max-height:110px; margin-top: -60px; }

}

@media only screen and (min-width:1200px) {

.header-top .header-text { width:1040px; letter-spacing:3px }
.header-top .header-text b {  font-size:1.28rem }
    
}

@media only screen and (max-width:991px) {

.more-headlines-btn { display:none }

    
}

.mod-scoreboard.style1 .btn-outline-secondary { border-color: var(--color-light); color: var(--color-light) }

.more-headlines-btn { position:absolute; bottom:84px; right:0;  margin:0!important; border-radius:0; background:var(--color-light); border:none; max-width:180px; text-transform:uppercase; font-weight:700 }


.component.parallax { background:var(--color-primary)!important; }