:root {
    --bs-primary: #007DB3;
    --bs-primary-rgb: 0, 125, 179;
    --bs-secondary: #555555;
    --bs-secondary-rgb: 85, 85, 85;
    --bs-tertiary: #EBEBEB;
    --bs-tertiary-rgb: 235, 235, 235;
}

/*GLOBAL RESETS*/
form[action="/site-search"] button, 
form[action="/site-search"] button:hover, 
:not(.btn-check)+.btn:hover { background-color: var(--bs-secondary); border-color: var(--bs-secondary) }
form[action="/site-search"] button span.btn-text { display: none }
form[action="/site-search"] button span { margin-right: 0 !important }
form[action="/site-search"] input#site-search { text-transform: uppercase }
.slick-dots li button:before{ border-top-width: 10px }
a.disabled span:before { opacity:.7 }

/* HEADER */

.site-header .members-menu-wrap .component-banner.layout-flex picture img{max-height:3rem; max-width:4rem; object-fit:contain}
.site-header .members-menu-wrap .component-banner.layout-flex ul{margin-bottom:0;padding-top:.5rem;padding-bottom:.5rem}
.site-header .members-menu-wrap .component-banner.layout-flex li:hover img { opacity: .7 }
.site-header .site-title { letter-spacing:10px }
.site-header .nav-social-links .component-nav.layout-standard ul.nav { justify-content: end; gap: .5rem }
.site-header .nav-social-links .component-nav.layout-standard ul li{background-color:var(--bs-primary);transform:skew(-15deg)}
.site-header .nav-social-links .component-nav.layout-standard ul a span:before{color:var(--bs-white);font-size:1.25rem;vertical-align:middle;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.site-header .nav-social-links .component-nav.layout-standard ul li a{transform:skew(15deg);padding:5px 20px;position:relative}
.site-header .component-navbar-primary.layout-standard .nav-item.parent>.nav-link,
.site-header .component-navbar-primary.layout-standard .nav-item.parent>.nav-link>span>.nav-link{font-size:1.1rem;text-transform:uppercase;font-weight:700;color:var(--bs-white); border-color: rgba(0, 0, 0, 0.1) !important }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle:after,
.site-header .component-navbar-secondary.layout-standard .navbar .dropdown-toggle:after {transition: .3s ease-in-out; color:var(--bs-white);}
.site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle:hover:after,
.site-header .component-navbar-secondary.layout-standard .navbar .dropdown-toggle:hover:after { transform: rotate(180deg) }
.site-header .search .component-search.layout-modal span{color:var(--bs-white)}
.site-header .search .component-search.layout-modal button>span:last-of-type{position:unset;height:auto;width:auto;margin:0;font-size:1.1rem;text-transform:uppercase;font-weight:700}
.site-header .search .component-search.layout-modal button{display:flex;flex-direction:row-reverse;align-items:center;gap:1rem;text-decoration: none;}
.site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after{ /* content:"\f0d7"; */ font-size:1rem}
.site-header .nav-social-links .component-nav.layout-standard ul a:hover span:before { color: var(--bs-tertiary) }
.site-header .component-navbar-image img:hover { filter: grayscale(100%) }
.site-header .macro-primary-navigation .component-navbar-primary.layout-standard nav > div { padding: 0 }
.site-header .members-menu-wrap .component-navbar-image .dropdown-menu:not(.flush) { z-index: 2 }
.site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu[data-bs-popper]{margin-top:0}
.site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu{border-radius:0}

.site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu a{color:var(--bs-white)}
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true]>.nav-item>.dropdown-toggle{border-color:var(--bs-white) !important;padding-left:0;text-transform:uppercase;}
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column=true]>li.nav-item>a{font-weight:400}
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li>a,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column=true]>li.nav-item>a{padding: .5rem }
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li>a{position:relative;padding-left: 0.75rem;padding-right: 0.75rem}
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link { color: var(--bs-white); position: relative }
.site-header .component-navbar-secondary.layout-standard .layout-wrapper>nav{padding:0}

@media only screen and (min-width: 992px) {
    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard .layout-wrapper,
    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard .layout-wrapper > nav { position:static !important }
    .site-header .search .component-search.layout-modal button { padding-right:1.5rem }
    .site-header .component-navbar-primary.layout-standard .navbar-nav { display:flex!important; width:100%; justify-content:center!important; padding-right:2rem }
    .site-header .component-navbar-primary.layout-standard .nav-item { flex:1 1 auto !important }
    .site-header .component-navbar-primary.layout-standard .nav-item.parent>.nav-link{ display:flex; justify-content:center}
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after { margin-left:0.25rem!important } 
    .site-header .macro-primary-navigation .navigations:after { top: -1px; }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true]>.nav-item>.dropdown-toggle { padding-bottom: .25rem; margin-bottom: .5rem }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li:not(:last-child)>a:after{content:'';height:30%;position:absolute;top:50%;right:-.5px;transform:translate(0%,-50%) skew(-15deg);border-right:2px solid #fff}
    .site-header .component-navbar-secondary.layout-standard div.navbar-collapse > .navbar-nav > .nav-item:not(:nth-last-child(-n + 2)) > .nav-link:before {content:'';border-right:1px solid var(--bs-white); opacity:0.5; position:absolute;display:block;top:50%;right:0;width:100%;height:60%;transform:translate(0%,-50%) skew(-15deg)}
    .site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link {padding: 0.75rem}
    .site-header .component-navbar-primary.layout-standard .nav-item.parent>.nav-link { padding:1.5rem 1rem }
    .site-header .component-navbar-primary.layout-standard ul.navbar-nav>.nav-item.parent>span>a { position:relative }
    .site-header .component-navbar-primary.layout-standard ul.navbar-nav>.nav-item.parent>>span>a:before { content:'';border-right:1px solid var(--bs-white);position:absolute;display:block;top:50%;right:0;height:60%;transform:translate(0%,-50%) skew(-15deg) ; opacity:0.5; }
    .site-header .component-navbar-primary.layout-standard ul.navbar-nav { flex-wrap:wrap }
    .site-header .macro-primary-navigation{ z-index: 1; box-shadow: inset 0 13px 13px -13px rgb(0 0 0 / 30%) }
    .site-header .macro-primary-navigation-wrap { box-shadow: 0 13px 13px -9px rgb(0 0 0 / 30%); }
    .site-header .site-logo img { max-width:142px; }
    .site-header .site-logo { position:absolute;bottom:1rem;left:1rem }
    .site-header .members-menu-wrap > .container > .row,
    .site-header .navigation-wrap { padding-left: 190px }
    .site-header .macro-primary-navigation .navigations:after{content:'';position:absolute;left:-3000px;top:0;bottom:0;width:3190px; transform: skew(-15deg); background:var(--bs-white); z-index:-1 }
}

@media only screen and (min-width: 992px) and (max-width: 1220px) {
    .site-header .component-navbar-primary.layout-standard .nav-item.parent>.nav-link { font-size: 1rem; padding-left: .75rem; padding-right: .75rem }
    .site-header .search .component-search.layout-modal button>span:last-of-type { font-size: 1rem }
    .site-header .site-logo { left: 1rem }
    .site-header .members-menu-wrap > .container > .row,
    .site-header .navigation-wrap { padding-left: 190px }
}

@media only screen and (max-width:991px) {
    .site-header .component-navbar-secondary.layout-standard .layout-wrapper > nav > div > .navbar-page-title { font-size: 1rem }
    .site-header .component-navbar-primary .navbar-light .dropdown .dropdown-toggle.show { border-color: var(--bs-white) !important }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler{border:none;opacity:1}
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler span{background-color:var(--bs-white)}
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler:active,
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler:focus,
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler:hover{border:none;box-shadow:none}
    .site-header .component-navbar-primary.layout-standard ul.navbar-nav { padding-top: 4rem }
    .site-header .site-logo img { max-height: 4.5rem }
    .site-header .site-logo a{position:absolute;background:var(--bs-white);padding: .5rem;top:0; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); }
    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard nav > div { justify-content: end }
}

/*MAIN COMPONENTS*/
#site-main .texture-wrapper{background-image:url(/themes/crossroads/assets/images/texture.png);background-size:cover;background-position:center center;background-attachment:fixed}
#site-main .texture-wrapper.top-gap{padding-top:5rem}

/*USED FOR MULTIPLES*/
.sec-scoreboard .content-switcher-wrapper.layout-pills .nav-pills, 
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs { width:100%;background-color:var(--bs-primary) }
.sec-scoreboard .content-switcher-wrapper.layout-pills .nav-pills .nav-link, 
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs .nav-link{background-color:transparent;font-size:1.25rem;font-weight:700;position:relative;line-height:1;padding:1rem}
.sec-scoreboard .content-switcher-wrapper.layout-pills .nav-pills .nav-link:not(.active) span, 
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs .nav-link:not(.active) span{ color:var(--bs-tertiary) }
.sec-scoreboard .content-switcher-wrapper.layout-pills .nav-pills .nav-item:not(:last-child) .nav-link:after, 
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs .nav-item:not(:last-child) .nav-link:after {content:'';border-right:4px solid var(--bs-white);position:absolute;display:block;top:50%;right:0;width:100%;height:30%;transform:translate(0%,-50%) skew(-15deg)}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating,
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating {position:absolute;top:-3.5rem;width:auto!important;right:8rem;line-height:1}
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating > label { display: none }
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating .form-select option,
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating .form-select option {color:var(--bs-secondary)}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating .form-select,
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating .form-select{margin-bottom:0!important;padding-top:.25rem;padding-bottom:.25rem;height:auto;line-height:1;background-color:transparent;color:var(--bs-white);border-radius:0;border:2px solid var(--bs-white);text-transform:uppercase;font-weight:700;background-image:url(/themes/crossroads/assets/images/arrow-down.png);background-size:15px}
.sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content,
.sec-scoreboard .content-switcher-wrapper.layout-pills.component-tabs .tab-content,
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small,
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls{ overflow: visible }
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard table tr .team-col,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard table tr .team-col { font-weight: bold !important }
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs,
.sec-standings .content-switcher-wrapper.layout-select .form-floating>.form-select{ margin-bottom: .5rem !important }
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard tbody:before,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard tbody:before {line-height:.5rem;content:".";color:transparent;display:block}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard tbody tr:nth-child(odd)>* ,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard tbody tr:nth-child(odd)>*{background-color:var(--bs-white)!important}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard table,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard table {margin-bottom:0}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard {gap:.5rem!important}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard .macro-archive-link a,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard .macro-archive-link a {color:var(--bs-white);font-weight:700}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard thead tr th,
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard thead tr th{background-color:var(--bs-secondary)!important;color:var(--bs-white)!important}
.sec-featured-headlines .component-hero.layout-split .item .details .title:focus, 
.sec-featured-headlines .component-hero.layout-split .item .details .title:hover { text-decoration: underline }

/*FEATURED HEADLINES*/

.sec-featured-headlines .component-hero.layout-split .grouping:last-child>div>div{width:100%;height:100%}
.sec-featured-headlines .component-hero.layout-split .item .details > *:not(.title) { display: none }
.sec-featured-headlines .component-hero.layout-split .item .details .title { font-weight: 600; }
.sec-featured-headlines .component-hero.layout-split .archive-link{position:absolute;top:1rem;left:auto;right:0;width:auto;z-index:2;text-align:right}
.sec-featured-headlines .component-hero.layout-split{position:relative}
.sec-featured-headlines .component-hero.layout-split .archive-link a{background:var(--bs-white);border-radius:0;margin-right:1rem;padding:.25rem 1.5rem;font-weight: bold}
.sec-featured-headlines .component-hero.layout-split .grouping:last-child > div > div:first-of-type .image a.ratio-16x9 { --bs-aspect-ratio: 56.25% !important }

@media only screen and (min-width: 992px){
    .sec-featured-headlines .component-hero.layout-split .grouping:first-child .item .details .title{ font-size:2rem;}
    .sec-featured-headlines .component-hero.layout-split .grouping:first-child{width:75.2%}
    .sec-featured-headlines .component-hero.layout-split .grouping:last-child{width:24.8%}
    .sec-featured-headlines .component-hero.layout-split .archive-link{bottom:1rem;right:25%;top: auto}
    .sec-featured-headlines .component-hero.layout-split .grouping:first-child .item .details .title { padding-right: 130px }
}

@media only screen and (max-width: 767px){
    .component-hero.layout-split .grouping:not(:first-child) .item .image {
        min-width: 30%;
    }
}

/*SCOREBOARD*/
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link{position:absolute;top:-3.4rem;right:1rem}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link a{padding:0;color:var(--bs-white);font-weight:700}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls{ position:unset; border:none }
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls button{position:absolute;left:-2rem;top:50%!important;width:2rem;border:none;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slider{padding:0}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls button.next{left:auto!important;right:-2rem!important}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls button span.fa-chevron-left:before,
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls button span.fa-chevron-right:before{content:'';background-image:url(/themes/crossroads/assets/images/arrow-left.png);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .slick-arrow-controls button span.fa-chevron-right:before{transform:translate(-50%,-50%) rotate(180deg)}
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .team .name { text-transform: capitalize }
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .card .body-top > div { justify-content: start !important }
.sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .component-scoreboard.layout-small .card .body-middle>div{padding-top:0!important;border-top:0!important}

@media only screen and (min-width: 768px) and (max-width: 991px){ 
    .sec-scoreboard .content-switcher-wrapper.layout-pills.component-tabs >div > div > div.tab-content { padding: 0 2rem }
}

@media only screen and (max-width: 767px){ 
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating .form-select, 
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating .form-select { text-overflow: ellipsis; white-space: nowrap; max-width: 8rem }
}

@media only screen and (max-width: 600px){ 
    .sec-scoreboard .content-switcher-wrapper.layout-pills .nav-pills .nav-link{font-size:1rem; padding-left: .5rem; padding-right: .75rem; z-index: 2 }
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating .form-select{font-size:.8rem;padding-left:.3rem;padding-right:1rem;margin-left:auto;background-size:10px}
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating { right: .5rem; top: -3.25rem }
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link{ right:9rem }
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link a{opacity:0;position:absolute;left:-5rem;top:.4rem;line-height:1}
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link:before{content:"\f133";font-family:"Font Awesome 6 Pro";color:var(--bs-white);vertical-align:middle}
}

@media only screen and (min-width: 375px) and (max-width: 600px) { 
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link {right: 10rem}
}

@media only screen and (max-width: 375px){ 
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating{top:-3rem}
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .macro-archive-link{right:6.5rem}
    .sec-scoreboard .content-switcher-wrapper.layout-pills .content-switcher-wrapper.layout-select .form-floating .form-select{font-size:.5rem;width:85%}
}

@media only screen and (min-width: 992px){
    .sec-scoreboard > div{ padding-left: 2rem; padding-right: 2rem }
}

/*BANNER*/
.sec-banner{ position:relative;top: 5rem;margin-top: -5rem;z-index:1; }
.sec-banner:after,
.sec-banner:before{content:'';position:absolute;left:0;right:0;top:45%;width:100%;height:10px;transform:translate(0,-50%);z-index:-1; background: var(--bs-secondary-rgb);background: linear-gradient(90deg, rgba(85,85,85,1) 20%, rgba(var(--bs-secondary-rgb),0) 20%, rgba(var(--bs-secondary-rgb),0) 80%, rgba(85,85,85,1) 80%) }
.sec-banner:after{top:55%}
.sec-banner .component-banner.layout-slider .slick-track .slick-slide { padding: 0 }
.sec-banner .component-banner.layout-slider .item a img { max-height:100%;transform: skew(15deg) scale(1.32)}
.sec-banner .component-banner.layout-slider .slick-slide .item { border: 2px solid var(--bs-white); background-color: var(--bs-white) }
.sec-banner .component-banner.layout-slider .slick-slide:nth-child(odd):hover .item { border-color: var(--bs-primary) }
.sec-banner .component-banner.layout-slider .slick-slide:nth-child(even):hover .item { border-color: var(--bs-secondary) }
.sec-banner .component-banner.layout-slider .slick-track { gap:.2rem }
.sec-banner .component-banner.layout-slider,
.sec-banner .component-banner.layout-slider .slick-list{ overflow: visible }
.sec-banner .row > .col-12 { padding: 0 }
.sec-banner .component-banner.layout-slider .item { transform: skew(-15deg); overflow: hidden }

@media (max-width: 576px){
    .sec-banner .component-banner.layout-slider .slick-track .slick-slide { margin:0 2rem }
}

/*TABS*/
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating { top: -3rem; right: 1rem }
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard .macro-archive-link a { background-color: var(--bs-primary); border-radius: 0; float: right; width: auto }
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs .nav-link { border: none; text-transform: uppercase }
.sec-tabs .content-switcher-wrapper.layout-responsive .nav-tabs .nav-link.active { color: var(--bs-white) }
.sec-tabs .component-tabs.layout-responsive .accordion-item { background: transparent }
.sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content .accordion-body{padding-left:0;padding-right:0}
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard table .team-col a:hover{text-decoration:underline}
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard table .team-namer{font-weight:800}
.sec-tabs .content-switcher-wrapper.layout-responsive .component-standings.layout-standard .table-hover>tbody>tr:hover>* { --bs-table-accent-bg: none !important }
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .component-standings.layout-standard .page-details { position:absolute;top:-2.8rem;z-index:1;right:13rem }
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .component-standings.layout-standard .page-details .component-sub-title { display:none }
.sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .component-standings.layout-standard .page-details .component-title { line-height:1;font-size:1.25rem;color:var(--bs-white) }

@media (max-width: 991px){
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating { top: -3.7rem; right: 1rem }
    .sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content.accordion .accordion-button{background-color:var(--bs-primary);color:var(--bs-white);font-size:1.25rem;font-weight:700;text-transform:uppercase;border-radius:0}
    .sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content.accordion .accordion-button:after{margin-left:0;color:var(--bs-white);content:"\f0d7";font-size:1.25rem}
    .component-tabs.layout-responsive .component-tabs.content-switcher-wrapper.layout-select .tab-content>.tab-pane:not(.active.show) { display:none }
    .sec-tabs .content-switcher-wrapper.layout-responsive .accordion-collapse.show .content-switcher-wrapper.layout-select .form-floating,
    .sec-tabs .content-switcher-wrapper.layout-responsive .accordion-collapse.show .component-standings.layout-standard .page-details { z-index:3 }
    .sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-pane:last-child .accordion-body{padding-bottom:0}
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .component-standings.layout-standard .page-details { top:-3.35rem;right:12rem }
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .component-standings.layout-standard .page-details .component-title { font-size: 1rem }
}

@media (max-width: 767px){
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating .form-select { max-width: 15rem }
}

@media (max-width: 576px){
    .sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content.accordion .accordion-button{padding-left:.5rem;padding-right:.5rem;font-size:1rem}
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating{right:.5rem}
    .sec-tabs .content-switcher-wrapper.layout-responsive.component-tabs .tab-content.accordion .accordion-button:after { font-size: 1rem }
    .sec-tabs .content-switcher-wrapper.layout-responsive .content-switcher-wrapper.layout-select .form-floating .form-select{ background-size: 12px }
}

/*MORE NEWS*/
.sec-more-news .component-headlines.layout-card-slider {position:relative}
.sec-more-news .component-headlines.layout-card-slider .page-details>div:not(.component-headings){display:none!important}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card .card-title{line-height:1; }
.sec-more-news .component-headlines.layout-card-slider .page-details .component-title{font-weight:700;font-size:1.5rem}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider{margin-top:0}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card:hover a { text-decoration: underline }
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card{border-radius:0!important}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card .date,
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card .card-text { display: none !important }
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card-body{ background-color: var(--bs-white)}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card-body>div{gap:0!important}
.sec-more-news .component-headlines.layout-card-slider .macro-archive-link{position:absolute;right:1rem;top:.8rem;line-height:1}
.sec-more-news .component-headlines.layout-card-slider .macro-archive-link a{padding:0;color:var(--bs-white);font-weight:700;line-height:1}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card .category{color:var(--bs-primary)}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .card .card-title a{font-size:1.15rem;color:var(--bs-primary);font-weight:700}
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide>div,
.sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item{height:100%}
@media only screen and (min-width: 576px){
    .sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide:first-child{margin-left:-1rem}
    .sec-more-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide:last-child{margin-right:-1rem}
}

@media only screen and (min-width: 768px){
    .sec-more-news .component-headlines.layout-card-slider .page-details{background-color:var(--bs-primary);padding:.5rem 1rem;color:var(--bs-white)}
}

@media only screen and (max-width: 767px){
    .sec-more-news .component-headlines.layout-card-slider .page-details .component-title{font-size:1.15rem;color:var(--bs-primary)}
    .sec-more-news .component-headlines.layout-card-slider .macro-archive-link{top:0}
    .sec-more-news .component-headlines.layout-card-slider .macro-archive-link a{color:var(--bs-primary)}
    .sec-more-news .component-headlines.layout-card-slider{gap:.5rem!important}
}

@media only screen and (max-width: 575px){
    .sec-more-news .component-headlines.layout-card-slider .slick-track { gap: 0 }
}

/*STANDINGS*/
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard .macro-archive-link a { width:100% }
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard table{color:var(--bs-secondary)}
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard .macro-archive-link {background-color:var(--bs-primary)}
.sec-standings .content-switcher-wrapper.layout-select .form-floating>.form-select{padding-top:1rem!important;padding-bottom:1rem!important;line-height:1;height:auto;background-color:var(--bs-primary);color:var(--bs-white);border-radius:0;font-weight:700;text-transform:uppercase;background-image:url(/themes/crossroads/assets/images/arrow-down.png);background-size:15px;box-shadow:none!important; font-size: 1.25rem}
.sec-standings .content-switcher-wrapper.layout-select .form-floating>label{display:none}
.sec-standings .content-switcher-wrapper.layout-select .form-floating>.form-select option{ background-color: var(--bs-white); color: var(--bs-secondary) }
.sec-standings .content-switcher-wrapper.layout-select .component-standings.layout-standard .table-hover>tbody>tr:hover>* { --bs-table-accent-bg: none !important }

@media only screen and (max-width: 575px){
    .sec-standings .content-switcher-wrapper.layout-select .form-floating>.form-select { font-size: 1rem }
}

/*ADS BANNER*/
.sec-ads-banner .slick-dotted.slick-slider { margin-top:0 }

/*FOOTER*/
.site-footer .inc-hostedby svg.withpoweredby{height:3rem}
.site-footer .affiliate-logos ul{flex-direction:row!important;margin:0;align-items:center !important}
.site-footer .affiliate-logos ul li:first-child { text-align: right !important }
.site-footer .affiliate-logos ul li:last-child { text-align: left !important }
.site-footer .affiliate-logos .component-banner.layout-flex .item img { object-fit:contain;max-height:8rem;width:auto }
.site-footer .privacy-links .tos { position:relative }
.site-footer .privacy-links .tos:after { content:'';background:var(--bs-secondary);width:.1rem;height:80%;position:absolute;top:50%;right:-.2rem;transform:translate(0%,-50%) }

@media only screen and (min-width: 992px) {
    .site-footer .affiliate-logos{max-width:75%}
}

@media only screen and (min-width: 1200px) {
    .site-footer .address span:after,
    .site-footer .copyright span:after{content:'';background:var(--bs-secondary);width:.1rem;height:60%;position:absolute;top:50%;right:.25px;transform:translate(0%,-50%)}
    .site-footer .address,
    .site-footer .copyright{position:relative}
}