body { color:var(--bs-dark); background-color:var(--bs-white) }
.landing main > div { margin-top:1rem !important; margin-bottom:0 !important }
.internal-page main > div { padding:2rem }
.site-main { z-index:2 }
.section .component-sub-title { display:none }

/* Header */
.site-header:not(.sticky-lg-top) { position:relative; z-index:3 }
.site-header > div { display:flex; flex-direction:column }
.macro-small-scoreboard a[rel="wiki-link"] { color:var(--bs-white) }
.macro-small-scoreboard .slick-arrow-controls { display:none }
.macro-small-scoreboard .slider.slick-initialized ~ .slick-arrow-controls { display:flex }
.macro-small-scoreboard .slick-arrow-controls .slick-arrow { --bs-link-color:var(--bs-white); --bs-link-hover-color:var(--bs-white); border-color:rgba(255,255,255,.5) }
.macro-small-scoreboard .component-tabs .layout-wrapper > div { flex-direction:row !important; align-items:center !important }
.macro-small-scoreboard .component-tabs .form-floating { display:none; width:auto !important; min-width:10rem; margin:1rem }
.macro-small-scoreboard .component-tabs .form-floating .form-select { height:calc(2.5rem + 2px); margin:0 !important; line-height:normal; padding:.375rem 2.25rem .375rem .75rem; color:var(--bs-white); font-weight:700; font-family:var(--heading-font-family); text-transform:capitalize; text-overflow:ellipsis; white-space:nowrap; background-color:var(--bs-primary); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
.macro-small-scoreboard .component-tabs .form-floating > label { height:auto; width:auto;padding:0 .75rem; opacity:1; text-transform:uppercase; color:var(--bs-white); background-color:var(--bs-primary); transform:scale(.75) translateY(-.75rem) translateX(.25rem) }
.macro-small-scoreboard .component-scoreboard .event-card .sport { font-family:var(--heading-font-family); text-transform:uppercase }
.macro-small-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow:hover,
.macro-small-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow:focus { filter:brightness(100%); background-color:var(--bs-secondary) }
.site-header .macro-primary-navigation { z-index:2; order:2 }
.site-header .macro-title-bar { order:3 }
.site-header .macro-title-bar > div > div { gap:1rem }
.site-header .macro-title-bar .nav .nav-link { --bs-nav-link-padding-x:.5rem; --bs-nav-link-padding-y:.25rem }
.site-header .macro-title-bar .nav .nav-link:hover { color:var(--bs-white); background-color:var(--bs-primary) }
.site-header .macro-title-bar .header-links .nav li + li { margin-left:.5rem }
.site-header .macro-title-bar .header-links .nav .nav-link { font-family:var(--heading-font-family); font-weight:700; text-transform:uppercase; border:1px solid var(--bs-primary) }
.site-header .macro-title-bar .header-links .nav .nav-link:after { content:'\f0da'; font-family:'Font Awesome 6 Pro' }
.site-header .macro-title-bar .title { display:none; font-family:var(--heading-font-family); letter-spacing:.25rem; text-transform:uppercase }
.site-header .component-navbar-split.layout-standard .navbar-brand { font-family:var(--heading-font-family); text-transform:uppercase; color:var(--bs-white) }
.site-header .component-navbar-split.layout-standard .navbar-toggler { --bs-navbar-toggler-border-color:rgba(255,255,255,.1); color:var(--bs-white) }
.site-header .component-navbar-split.layout-standard .navbar-toggler .icon-bar { background-color:var(--bs-white) }
.site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a  { --bs-nav-link-color:rgba(255,255,255,1); --bs-nav-link-hover-color:rgba(255,255,255,1); position:relative; font-family:var(--heading-font-family); font-weight:700; text-transform:uppercase }
.site-header .component-navbar-split.layout-standard .navbar-nav.top-level ~ a[rel="wiki-link"] { color:var(--bs-white) }
.site-header .macro-secondary-navigation { order:4 }
.site-header .component-navbar-secondary .navbar-page-title { position:relative; z-index:1; font-family:var(--heading-font-family); font-size:1rem; font-weight:700; text-transform:uppercase; padding-right:1.5rem }
.site-header .component-navbar-secondary .navbar-page-title:before { content:''; z-index:-1; position:absolute; top:-.7rem; bottom:-.7rem; right:0; left:-9999px; border-right:2px solid #fff; background-color:var(--bs-primary); transform:skew(-20deg) }
.site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color:var(--bs-white); --bs-nav-link-hover-color:var(--bs-white);  font-family:var(--heading-font-family) }
.site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link:hover { text-decoration:underline }
.site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle { font-family:var(--heading-font-family); text-transform:uppercase; color:var(--bs-primary) }
.site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-toggle { font-family:var(--heading-font-family) }
.site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .nav-link { color:var(--bs-dark) }
.site-header .component-navbar-split.layout-standard .navbar .nav-item[class*="-icon"] .nav-link { color:var(--bs-primary) }

@media only screen and (min-width:768px) {
    .site-header .macro-title-bar .nav .nav-link { --bs-nav-link-padding-x:.75rem }
    .site-header .macro-title-bar .header-links .nav li + li { margin-left:1rem }
}

@media only screen and (min-width:992px) {
    .macro-small-scoreboard .component-tabs .form-floating { display:block }
    .site-header .macro-title-bar { order:2 }
    .site-header .macro-title-bar > div > div { flex-direction:row; gap:0 }
    .site-header .macro-title-bar .title { display:block }
    .site-header .component-navbar-split.layout-standard .navbar-brand .navbar-title-text { display:none }
    .site-header .component-navbar-split.layout-standard .navbar .navbar-brand-centered { position:absolute; left:50%; top:-.75rem; padding:0; margin:0; border:0; transform:translateX(-50%) }
    .site-header .component-navbar-split.layout-standard .navbar > div { position:relative; }
    /* THIS BREAKS THE SITE IF SITE WIDTH IS NOT WIDE ENOUGH. Its probally best to reset to the default container settings if im undersatnding the reason correctly. - DS.
        .site-header .component-navbar-split.layout-standard .navbar > div { max-width:var(--ps-site-width) }
     */
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a  { padding:.75rem 1.75rem }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li + li > a:before { content:''; position:absolute; top:0; bottom:0; left:0; width:2px; background-color:var(--bs-white); transform:skew(-20deg) }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level { margin:0 5rem 0 0 }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level ~ .navbar-nav.top-level { margin:0 0 0 5rem }
    .site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle { font-size:1rem; border-bottom-color:var(--bs-primary) }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover { text-decoration:underline }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item[class*="-icon"] .nav-link:hover { color:var(--bs-white); background-color:var(--bs-primary) }
    .site-header .component-navbar-split.layout-standard .navbar .dropdown-menu { border-radius:0 }
    .site-header .component-navbar-secondary { margin-top:1rem }
}

/* Footer */
.site-footer .affiliate-logos ul { flex-direction:row !important; flex-wrap:wrap; margin:0; gap:2rem !important }
.site-footer .affiliate-logos ul li { flex-grow:0 !important }
.site-footer .affiliate-logos img { max-height:3rem }
.site-footer .hostedby { width:14rem }
.site-footer .copyright { font-weight:500 }
.site-footer .links li a { font-weight:700 }
.site-footer .links li a:hover { text-decoration:underline !important }

@media only screen and (min-width:992px) {
    .site-footer .affiliate-logos img { max-height:4rem }
    .site-footer .hostedby { width:18rem }
}

/* Hero */
.sec-top-stories .component-hero.layout-split .item .details .title { font-weight:700; text-transform:uppercase }
.sec-top-stories .component-hero .archive-link a { font-family:var(--heading-font-family); font-weight:700; font-size:.875rem; text-transform:uppercase; border:0 }
.sec-top-stories .component-hero .archive-link a:hover { text-decoration:underline }
.sec-top-stories .paginated-hero .carousel .carousel-indicators { display:none }
.sec-top-stories .paginated-hero .carousel .pagination-controls .btn { position:relative; font-family:var(--heading-font-family); font-weight:700; font-size:.875rem; text-transform:uppercase; color:var(--bs-primary); border:0 }
.sec-top-stories .paginated-hero .carousel .pagination-controls .btn:hover { text-decoration:underline }
.sec-top-stories .paginated-hero .carousel .pagination-controls .btn:after { content:''; position:absolute; top:0; right:0; bottom:0; width:1px; background-color:rgba(0,0,0,0.375) }

@media only screen and (max-width: 767px) {
    .sec-top-stories .component-hero.layout-split .grouping:first-child .item .details .title { font-size:1rem }
}

@media only screen and (min-width:992px) {
    .sec-top-stories { position:relative; z-index:2 }
    .sec-top-stories .component-hero { gap:0 !important }
    .sec-top-stories .component-hero .paginate-archive-links { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.5rem) 100%, 1.5rem 100%) }
}

/* Hero Links */
.sec-hero-links .component-nav { flex-direction:row !important; justify-content:center; align-items:baseline; gap:0 !important }
.sec-hero-links .component-title { font-size:.875rem; font-weight:700; text-transform:uppercase }
.sec-hero-links .nav .nav-link { font-family:var(--heading-font-family); font-size:1.125rem; text-transform:uppercase }
.sec-hero-links .nav .nav-link:hover { text-decoration:underline }

@media only screen and (min-width:992px) {
    .sec-hero-links { position:relative; z-index:3; display:inline-flex; align-self:flex-end; margin-top:-3.75rem }
    .sec-hero-links .component-nav { justify-content:flex-end }
}

/* Banners Carousel */
.sec-banners-carousel .carousel-indicators { display:none }
.sec-banners-carousel .carousel-control-prev,
.sec-banners-carousel .carousel-control-next { left:1rem; width:auto; top:50%; bottom:auto; transform:translateY(-50%) }
.sec-banners-carousel .carousel-control-next { left:auto; right:1rem }
.sec-banners-carousel .carousel-control-prev > span:first-of-type,
.sec-banners-carousel .carousel-control-next > span:first-of-type { width:1.25rem; color:var(--bs-primary); background-image:none; background-color:rgba(255,255,255,.5) }
.sec-banners-carousel .carousel-control-prev > span:first-of-type:before,
.sec-banners-carousel .carousel-control-next > span:first-of-type:before { content:'\f0d9'; font-family:'Font Awesome 6 Sharp'; font-weight:900; display:block; line-height:2rem }
.sec-banners-carousel .carousel-control-next > span:first-of-type:before { content:'\f0da' }

/* Primary Tabs */
.sec-primary-tabs .nav-tabs { width:100%; display:flex; justify-content:space-evenly; flex-wrap:nowrap }
.sec-primary-tabs .nav-tabs .nav-item { flex-grow:1; border-left:1px solid var(--bs-white) }
.sec-primary-tabs .nav-tabs .nav-link { font-family:var(--heading-font-family); font-weight:700; font-size:1rem; text-transform:uppercase; text-align:center; color:var(--bs-white); background-color:var(--bs-secondary); border:0; border-radius:0 }
.sec-primary-tabs .nav-tabs .nav-link.active { border:0; background-color:var(--bs-primary) }
.sec-primary-tabs .form-floating { width:auto !important }
.sec-primary-tabs .form-floating > .form-select { height:auto; padding-top:0.25rem; padding-bottom:0.25rem; background-color:rgba(0,0,0,0.05); border-radius:0; border-width:2px }
.sec-primary-tabs .form-floating > label { display:none }
.sec-primary-tabs table { --bs-border-color:var(--bs-secondary); --bs-table-hover-color:var(--bs-white); --bs-table-hover-bg:var(--bs-secondary) }
.sec-primary-tabs table thead tr:first-child th { text-transform:uppercase; color:var(--bs-body-color) !important; background-color:transparent !important }
.sec-primary-tabs table:not(.table-striped) tbody tr:nth-child(odd) { background-color:rgba(0,0,0,0.05) }
.sec-primary-tabs table .thead-dark td { border-color:var(--bs-primary) }
.sec-primary-tabs table tbody tr:hover .logo-holder { border-radius:.25rem; background-color:var(--bs-white) }
.sec-primary-tabs table tbody th { font-weight:400; white-space:initial }

@media only screen and (min-width:992px) {
    .sec-primary-tabs { position:relative; z-index:1; margin-top:-3rem }
    .sec-primary-tabs .nav-tabs { width:calc(100% + 2rem); margin:0 -1rem; border-color:var(--bs-white); background-color:var(--bs-white); clip-path: polygon(1rem 0%, calc(100% - 1rem) 0%, 100% 100%, 0% 100%) }
    .sec-primary-tabs .nav-tabs .nav-item { border:0 }
    .sec-primary-tabs .nav-tabs .nav-link { font-size:1.25rem; line-height:2rem; color:var(--bs-secondary); background-color:var(--bs-white) }
    .sec-primary-tabs .nav-tabs .nav-link.active { color:var(--bs-primary); background-color:var(--bs-white) }
}

/* Secondary Tabs */
.sec-secondary-tabs .page-details { display:none !important }
.sec-secondary-tabs .nav-tabs { width:100%; display:flex; justify-content:space-evenly; flex-wrap:nowrap }
.sec-secondary-tabs .nav-tabs .nav-item { flex-grow:1; border-left:1px solid var(--bs-white) }
.sec-secondary-tabs .nav-tabs .nav-link { font-family:var(--heading-font-family); font-weight:700; font-size:1rem; text-transform:uppercase; text-align:center; color:var(--bs-white); background-color:var(--bs-secondary); border:0; border-radius:0 }
.sec-secondary-tabs .nav-tabs .nav-link.active { border:0; background-color:var(--bs-primary) }

@media only screen and (min-width:992px) {
    .sec-secondary-tabs { border:1px solid var(--bs-secondary) }
    .sec-secondary-tabs .nav-tabs { position:relative; width:auto; margin:-2.25rem 0 .25rem calc(-1rem - 1px) !important; background-color:var(--bs-white); border-width:1px 0 0 1px; border-style:solid; border-color:var(--bs-secondary) }
    .sec-secondary-tabs .nav-tabs:after { content:''; display:block; position:absolute; right:-.4rem; top:-1px; width:2rem; height:1.25rem; background-color:var(--bs-white); border:1px solid var(--bs-secondary); border-width:1px 1px 0 0; transform:skew(20deg) }
    .sec-secondary-tabs .nav-tabs .nav-item { --bs-nav-link-padding-x:2rem; position:relative; border-left:0 }
    .sec-secondary-tabs .nav-tabs .nav-item + .nav-item:before { content:''; position:absolute; left:-1px; top:0.5rem; bottom:0.5rem; width:1px; background-color:var(--bs-secondary) }
    .sec-secondary-tabs .nav-tabs .nav-link { font-size:1.25rem; line-height:2rem; color:var(--bs-secondary); background-color:var(--bs-white) }
    .sec-secondary-tabs .nav-tabs .nav-link.active { color:var(--bs-primary); background-color:var(--bs-white) }
}

/* Videos */
.sec-secondary-tabs .component-video.layout-slider .slick-track { align-items:flex-start }
.sec-secondary-tabs .component-video.layout-slider .slick-dots li { flex:initial }
.sec-secondary-tabs .component-video.layout-slider .item { padding:.5rem; vertical-align:top }
.sec-secondary-tabs .component-video.layout-slider .card { border-radius:0 }
.sec-secondary-tabs .component-video.layout-slider .card .card-title { text-transform:uppercase }
.sec-secondary-tabs .component-video.layout-slider .item:hover .card-title a { text-decoration:underline }
.sec-secondary-tabs .component-video.layout-slider .archive-link a { font-family:var(--heading-font-family); font-weight:700; text-transform:uppercase; color:var(--bs-primary); border:1px solid var(--bs-primary); border-radius:0 }
.sec-secondary-tabs .component-video.layout-slider .archive-link a:hover { color:var(--bs-white); background-color:var(--bs-primary); filter:none }

/* Photos */
.sec-secondary-tabs .component-gallery.layout-slider .slick-track { align-items:flex-start }
.sec-secondary-tabs .component-gallery.layout-slider .slick-dots li { flex:initial }
.sec-secondary-tabs .component-gallery.layout-slider .item { padding:.5rem; vertical-align:top }
.sec-secondary-tabs .component-gallery.layout-slider .card .card-title { text-transform:uppercase }
.sec-secondary-tabs .component-gallery.layout-slider .item .card-img-overlay { top: 0px }
.sec-secondary-tabs .component-gallery.layout-slider .item:hover .card-title a { text-decoration:underline }
.sec-secondary-tabs .component-gallery.layout-slider .archive-link a { font-family:var(--heading-font-family); font-weight:700; text-transform:uppercase; color:var(--bs-primary); border:1px solid var(--bs-primary); border-radius:0 }
.sec-secondary-tabs .component-gallery.layout-slider .archive-link a:hover { color:var(--bs-white); background-color:var(--bs-primary); filter:none }

/* Parallax */
.sec-parallax .component-parallax .layout-wrapper { min-height:40vh }
.sec-parallax .component-parallax  .parallax { background-position-y:center !important }
.sec-parallax .component-parallax .label { 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+20,000000+50,000000+80&0+0,0.65+16,0.8+19,0.8+50,0.8+81,0.65+84,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 16%, rgba(0,0,0,0.8) 19%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.8) 81%, rgba(0,0,0,0.65) 84%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 16%,rgba(0,0,0,0.8) 19%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.8) 81%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 16%,rgba(0,0,0,0.8) 19%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.8) 81%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding:.5rem 5rem;
    font-size:2rem !important;
    font-family:var(--heading-font-family);
    font-weight:700 !important;
    text-transform:uppercase
 }

@media only screen and (min-width:768px) {
    .sec-parallax .component-parallax .layout-wrapper { min-height:60vh }
    .sec-parallax .component-parallax .label { font-size:3.5rem !important }
}

@media only screen and (min-width:1400px) {
    .sec-parallax .component-parallax .label { padding:.5rem 10rem; font-size:5rem !important }
}

/* Sponsors */
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .prev,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .next { height:2rem; width:1.25rem; top:50%; bottom:auto; line-height:2rem; background-color:rgba(0,0,0,0.1); border-radius:0; transform:translateY(-50%) }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .pp { height:1rem !important; width:1.25rem; line-height:1rem; border-radius:0 }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .prev > span:first-of-type,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .next > span:first-of-type { background-image:none }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .prev > span:first-of-type:before,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .next > span:first-of-type:before { content:'\f0d9'; font-family:'Font Awesome 6 Sharp'; font-weight:900; display:block; line-height:2rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .pp > span:first-of-type:before { line-height:1rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .next > span:first-of-type:before { content:'\f0da' }