:root{
    --bs-body-color:#444;
}
body { background:#eaeaea; overflow-x: hidden; }

#site-main > .container,
#site-main > .container-fluid { background:#fff; }

#site-footer > .container,
#site-footer > .container-fluid { background:#fff; }

.developer-logo .inc-hostedby { min-width:200px; }

.bg-primary,
.bg-secondary { color:#fff; }

.bg-primary a,
.bg-secondary a{ color:#fff; }

.site-title { letter-spacing: 1.2px; font-weight:bold; }

.macro-primary-navigation > .container,
.macro-primary-navigation > .container-fluid { padding:0 !important; }

.header.sticky-top.is-pinned { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); transition: 0.15s all ease; }
.header.sticky-top.is-pinned .site-logo img { max-height: 4rem; transition: 0.15s all ease;}
.header.sticky-top.is-pinned .sh-1 { padding: 1rem !important; transition: 0.15s all ease;}
.header.sticky-top.is-pinned .macro-primary-navigation > .container,
.header.sticky-top.is-pinned .macro-primary-navigation > .container-fluid{ padding:0.25rem 0 !important; transition: 0.15s all ease; }

.header-top { color:#555; background:#eaeaea; margin-right:-100%; padding-right:100%; }
.header-top .ht-links .component-nav .nav,
.header-top .ht-social .component-nav .nav { --bs-nav-link-padding-x:0.5rem; }
.header-top .ht-links .component-nav .nav .nav-link {  }

.component-headlines.layout-grid .item .details .date { font-size:0.85rem; color:#555; }
.component-headlines.layout-grid .item .details .card-title { line-height:normal;}

.macro-secondary-navigation { margin:0 -100%;}

.component-hero.layout-carousel { color:#fff; }

.section-blocks > div > .section { padding: 1.5rem 0; border-top:1px solid var(--bs-border-color); }
.section.sec-scoreboard { border-top:0 !important; }
.section.sec-scoreboard .component-tabs .tab-content .component-headings {display:none !important;}

@media (min-width: 992px) {
    .header .component-navbar-primary .navbar-brand { display:none !important; }
    .component-navbar-primary.layout-standard .navbar { position:static; }
    .component-navbar-primary.layout-standard > .layout-wrapper { position:static!important;}
    .component-navbar-primary.layout-standard .navbar .dropdown-menu {
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, .15);
    }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent > .nav-link { font-size:1.15rem; }
    .macro-primary-navigation > .container,
    .macro-primary-navigation > .container-fluid { padding:1rem !important; }

    .component-navbar-primary.layout-standard .navbar .megamenu { padding:1.5rem; }

    .component-hero.layout-carousel .carousel-caption { color:#fff; }
    .component-hero.layout-carousel.has-buttons .carousel-caption .carousel-caption-inner { color:#fff; padding: 2rem 15%; }
}
