@font-face {
    font-family: 'CormorantGaramond';
    src: url('/CormorantGaramond.ttf') format('truetype') ;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --body-font-family: 'CormorantGaramond', sans-serif;
    --bs-font-sans-serif: 'CormorantGaramond', sans-serif;
    --bs-body-font-family: 'CormorantGaramond', sans-serif;
    --heading-font-family: 'CormorantGaramond', sans-serif;
}

.section.sec-scoreboard .nav-pills .nav-link.active {    color: var(--bs-tertiary); }
.section.sec-countdown .component-countdown.layout-standard .countdown-digit {    color: white;}
.site-footer .footer-details .title { font-size: 1.4rem !important;}

/*Social Stream*/
.sec-social-stream .item { margin-top:0 }
.sec-social-stream .item .social-widgets-wrap { background-color:transparent!important; padding:0!important }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon { border:none; padding-bottom:0!important; margin-bottom:.5rem;     background: #102543; }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon span { color:var(--bs-white)!important; font-size:1.25rem!important; position:relative; display:block; text-align:right; padding:0.8rem 0.5rem 0.8rem; width: 100%; }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon span:after { position:absolute; left:.5rem; top:.8rem; font-weight:600; font-family:var(--bs-body-font-family); text-transform:uppercase }
.sec-social-stream .item#component-social-widget-twitter .social-widgets-wrap .social-embed-icon span:after { content:'Twitter' }
.sec-social-stream .item#component-social-widget-facebook .social-widgets-wrap .social-embed-icon span:after { content:'Facebook' }
.sec-social-stream .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after { content:'Instagram' }
.sec-social-stream .item#component-social-widget-youtube .social-widgets-wrap .social-embed-icon span:after { content:'Youtube' }
.sec-social-stream .item .social-widgets-wrap .social-embed-content { background-color:var(--bs-white); border:.5rem solid #EAEDED;     height: 400px;    overflow-y: scroll; }
.sec-social-stream .item .social-widgets-wrap { margin-left: 0!important; margin-right: 0!important; margin-bottom: 0 !important }


.social-stream-wrap .sec-navbar-social-mobile .accordion-item {    background-color: transparent;   border-radius: 0; }
.social-stream-wrap .sec-navbar-social-mobile button.accordion-button {    background-color: transparent;    color: #fff;    font-size: 1.2rem;    font-weight: 600;   text-transform: uppercase; }
.social-stream-wrap .sec-navbar-social-mobile .accordion-button:not(.collapsed)::after {   color: #fff; }
.sec-social-stream .layout-wrapper .social-widgets {    max-width: 1024px;   margin: 0 auto; }


.visually-hidden-focusable[href="#component-navbar-offcanvas"], .visually-hidden-focusable[href="#site-footer"], .visually-hidden-focusable[href="#site-main"]{background:#fff; color:#000;}
.inc-hostedby a .visually-hidden, h1.page-heading.visually-hidden, #heading-top-stories, #heading-countdown, #heading-scoreboard, #heading-banner, #heading-tabs, #heading-social-stream{background:#000; color:#fff;}



@media (min-width: 992px) {
    .sec-social-stream .item .social-widgets-wrap { margin-left:.5rem!important; margin-right:.5rem!important }
}

@media (max-width: 576px) {
    .sec-social-stream .item .social-widgets-wrap .social-embed-icon { border-left:0; border-right:0 }
    .sec-social-stream .item .social-widgets-wrap .social-embed-content { margin-left: calc(var(--bs-gutter-x) * .5)!important; margin-right: calc(var(--bs-gutter-x) * .5) !important; border: 0; width: 100%;   margin: 0 !important; }
    .section.sec-social-stream .layout-wrapper{padding:0}
}

@media (max-width: 991px) and (min-width: 576px) {
    .sec-social-stream .item .social-widgets-wrap { padding-right: calc(var(--bs-gutter-x) * .5) !important; padding-left: calc(var(--bs-gutter-x) * .5) !important }
}

.component-scoreboard.layout-standard .slick-arrow { 
    color: var(--bs-white);
    border-color: var(--bs-white)}
.component-scoreboard.layout-standard .slick-arrow:hover,
.component-scoreboard.layout-standard .slick-arrow:focus,
.component-scoreboard.layout-standard .slick-arrow:active { 
    color: #a1a1a1; border-color: #a1a1a1 }