@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap');

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

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

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

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

:root {
    --bs-dark: #000000;
    --bs-dark-rgb: 0, 0, 0;
    --bs-body-font-family: 'MidnightKernboy', Kanit, sans-serif;
    --heading-font-family: 'MidnightKernboy', Kanit, sans-serif;
}

:root {
    --bs-primary: #0e529a;
    --bs-primary-rgb: 14, 82, 154;
    --bs-secondary: #d2d5d9;
    --bs-secondary-rgb: 210, 213, 217;
    --bs-tertiary: #ffffff;
    --bs-tertiary-rgb: 255, 255, 255;
    --bs-dark: #000000;
    --bs-dark-rgb: 0, 0, 0;
    --ps-site-width:1400px;
}

/*GLOBAL RESET*/
.slick-next,
.slick-prev {color:var(--bs-primary);background-color:var(--bs-white);height:2rem;border-radius:3px!important}
.card-title a.item-link:hover { text-decoration: underline }
.fa-circle-pause:before,
.fa-pause-circle:before { content: "\f04c"; font-weight: 900 }
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow ,
.sec-featured-headlines .component-headlines.layout-flow .slick-arrow { width: 2.5rem; height: 2.5rem }
.site-title span,
.site-footer .footer-details .title { font-family: 'CCSU';letter-spacing: 5px }
.modal-dialog form[action="/site-search"] .input-group-text { color: var(--bs-primary) }

/*HEADER*/
.site-header.is-pinned { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .dropdown-toggle:after { display: none }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered { min-width:10rem;position:relative;border: 0 }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent>.nav-link,
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent > .nav-link > span > a.nav-link { color:var(--bs-primary);font-weight:700 }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu,
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul { background-color:var(--bs-primary)!important; border-radius: 0 }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul a:not(.disabled) { color:var(--bs-white)!important }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { position:absolute;top:-1.5rem;left:50%;right:0;transition: all .3s ease;margin:0 auto;max-height:10.5rem;z-index:1;transform:translateX(-50%);z-index:9999 }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li:not(:last-child,.brand-icon)>a:after{content:'';height:30%;position:absolute;top:50%;right:-.5px;transform:translate(0%,-50%);border-right:2px solid #fff}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true]>li >a{position:relative}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true]>.nav-item>.dropdown-toggle{font-size: 1.35rem;border-bottom:1px solid var(--bs-white);padding-left:0}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li .nav-link:hover { text-decoration: underline }
.site-header .headers-icon-links .search span:before,
.site-header .headers-icon-links .nav-social-links a.nav-link:not(.disabled) span:before { color: var(--bs-primary) }
.site-header .headers-icon-links .search span:before,
.site-header .headers-icon-links .nav-social-links a.nav-link span:before { font-size: 1.25rem;position:relative }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard a{color:var(--bs-white)}
.site-header .macro-secondary-navigation .container{max-width:var(--ps-site-width)}
.site-header .macro-secondary-navigation .navbar-collapse{max-width:550px}
.site-header .macro-secondary-navigation .navbar-expand .navbar-nav { align-items: center }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item.flexible-menu span.sr-only{ width:100%; height:100%; margin:0; position:relative; order:-1 }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item.flexible-menu span.fa-bars:before { content:'\f0d7'; padding: 0 5px }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent:hover a:after { transform: rotate(180deg) }

@media screen and (max-width: 991px) {
    .site-header { box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) }
    .site-header  .macro-primary-navigation { background-color: var(--bs-primary) !important }
    .site-header .macro-primary-navigation a.site-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);z-index:1}
    .site-header .macro-primary-navigation a.site-logo img { max-height: 6rem }
    .site-header .headers-icon-links .search span:before { color: var(--bs-white) }
    .site-header a.composite-link span:before{ color:var(--bs-white) }
    .site-header a.composite-link span:before,
    .site-header .headers-icon-links .search span:before { font-size:1.5rem }
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before { color:var(--bs-white);font-size:1.5rem;font-family:"Font Awesome 6 Sharp" }
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle="offcanvas"] > span:not(.fa-solid.fa-bars) { display: none }
    .site-header .mobile-menu .offcanvas-header{padding-top:.5rem;padding-bottom:.5rem}
    .site-header .mobile-menu .navbar-offcanvas-template .nav-link{padding:.5rem;font-size:1.15rem;color:var(--bs-primary);font-weight:700}
    .site-header .mobile-menu a.offcanvas-navigation-logo img { max-height: 10rem }
    .site-header .mobile-menu .offcanvas-title { text-transform:uppercase }
    .site-header .mobile-menu .offcanvas-body { border-bottom: 10px solid var(--bs-primary) }
    .site-header .mobile-menu .navbar-offcanvas-template .submenu-wrapper.show { margin: 0.5rem }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-button:after{background-color:var(--bs-primary);color:var(--bs-white);border-radius:3px;font-size:.8rem;font-weight:lighter;content:'\f105'}
    .site-header .macro-secondary-navigation nav.navbar-secondary { background-color:var(--bs-secondary)!important;color:var(--bs-primary)!important }

    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar-collapse > ul > li > a,
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard a.navbar-page-title {color:var(--bs-primary) !important}
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item.flexible-menu > .nav-link { justify-content: space-between !important; display: flex; align-items: center }
}

@media screen and (min-width: 992px) {
    .site-header.sticky-top.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { max-height: 9rem; top: -.5rem }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu.megamenu { padding-top: 4rem }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent>.nav-link { font-size:1.5rem;padding:1.5rem .75rem }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent:hover { background-color: rgba(0,0,0,0.125) }
    .site-header .headers-icon-links .search button,
    .site-header .headers-icon-links .nav-social-links a.nav-link { margin:0 5px;width:30px;height:30px;padding: 0.5rem !important;display:flex;align-items:center;justify-content:center;position:relative;text-decoration: none }
    .site-header .headers-icon-links .search button:before,
    .site-header .headers-icon-links .nav-social-links li a.nav-link:before{content:'';background:var(--bs-secondary);width:50px;height:50px;left:50%;top:50%;position:absolute;z-index:0;border-radius:50px;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:.3s ease}
    .site-header .headers-icon-links .search button:hover:before,
    .site-header .headers-icon-links .nav-social-links li a.nav-link:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}
    .site-header .headers-icon-links .search button:hover { filter: brightness(1) }
}

@media screen and (min-width: 1400px) {
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .nav-item.parent>.nav-link { padding: 1.5rem }
}

/*FEATURED HEADLINES*/
.component-hero.layout-carousel .carousel-caption{ text-shadow:none; padding:0; background:linear-gradient(180deg,rgba(var(--bs-white-rgb),0) 40%,rgba(var(--bs-white-rgb),1) 100%) }
.component-hero.layout-carousel .carousel-caption a,
.component-hero.layout-carousel .carousel-caption .title{ color:var(--bs-primary) !important; line-height:1 }
.component-hero.layout-carousel .carousel-caption a:hover,
.component-hero.layout-carousel .carousel-caption .title:hover{ color:#000 !important }
.component-hero.layout-carousel .carousel-buttons-wrapper .btn { color:var(--bs-primary) !important }
.component-hero.layout-carousel .carousel-buttons-wrapper .btn:hover,
.component-hero.layout-carousel .carousel-buttons-wrapper .btn:active{ color:var(--bs-dark) !important }
.component-hero.layout-carousel .carousel-indicators [data-bs-target] { background-color:var(--bs-secondary) }
.component-hero.layout-carousel .carousel-indicators [data-bs-target].active { background-color:var(--bs-primary) }

@media screen and (min-width: 992px) {
    .component-hero.layout-carousel .carousel-caption {  background:#fff; color:#000;  }
    .component-hero.layout-carousel .carousel-caption .date-sport.breadcrumb { font-size:1.25rem; }
}

/*SCOREBOARD*/
.sec-scoreboard .component-scoreboard.layout-small .card { min-height: 150px }
.sec-scoreboard .component-scoreboard.layout-small .slick-list{border-width:0 2px 2px;border-color:var(--bs-white)}
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills>.page-details{color:var(--bs-white);padding:.75rem 1rem;border:2px solid var(--bs-white)}
.sec-scoreboard .component-scoreboard.layout-small .macro-archive-link,.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills,
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-select .form-floating{ position:absolute; top:-3.4rem }
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills{right:7rem;top:-4.1rem;margin-right:1rem}
.sec-scoreboard .component-scoreboard.layout-small .macro-archive-link{right:0}
.sec-scoreboard .component-scoreboard.layout-small .macro-archive-link a{color:var(--bs-white);padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;font-weight:500}
.sec-scoreboard .component-tabs .tab-content{overflow:visible}
.sec-scoreboard .component-tabs .tab-content > .tab-pane.fade:not(.show) { opacity: 1 }
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-select .form-floating{width:auto!important;min-width:10rem;right:25rem}
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-select .form-floating > .form-select{ font-size: 1.25rem; height:calc(2.5rem + 2px); margin:0!important; padding:.375rem 2.25rem .375rem .75rem; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; background-color:var(--bs-primary);box-shadow:none;color:var(--bs-white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50px' height='50px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M1419 3161 c-16 -13 -23 -29 -23 -55 0 -35 23 -60 564 -601 530 -530 567 -565 600 -565 32 0 69 35 597 562 310 310 564 572 568 585 6 27 -17 78 -40 87 -9 3 -518 6 -1130 6 -1072 0 -1114 -1 -1136 -19z'/%3E%3C/g%3E%3C/svg%3E"); background-size:35px; background-position:right center; font-weight:500; max-width: 12rem }
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills{gap:0!important}
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills li a.active{background-color:var(--bs-secondary);color:var(--bs-primary);box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px}
.sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills li a{padding-top:1.25rem;padding-bottom:1.25rem;border-radius:0;transform:scale(1.05);z-index:9;position:relative;color:var(--bs-white);font-weight:500}
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls{position:static;overflow:visible!important;width:auto}
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow{-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)!important}
.sec-scoreboard .component-scoreboard button{position:absolute!important;left:0;top:30%!important;bottom:0;z-index:1;width:2rem;height:2rem;padding:0;border:none;font-size:1rem;line-height:3rem;cursor:pointer;text-decoration:none;text-align:center;overflow:hidden;transition:all .2s linear;border-radius:0;background-color:var(--bs-white)}
.sec-scoreboard .component-scoreboard.layout-small .slider{padding:0}
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next{right:-3rem;z-index:99;overflow:visible}
.sec-scoreboard .component-scoreboard.layout-small{overflow:visible}
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev{left:-3rem}
.sec-scoreboard .component-scoreboard button span{display:flex;align-items:center;justify-content:center}
.sec-scoreboard .component-scoreboard.layout-small .slick-arrow.btn-link:active,.component-scoreboard.layout-small .slick-arrow.btn-link:focus,.component-scoreboard.layout-small .slick-arrow.btn-link:hover{background-color:var(--bs-secondary)!important}
.sec-scoreboard .component-scoreboard.layout-small .event-card .sport-name a{font-size:1.65rem;color:var(--bs-primary);line-height:1;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sec-scoreboard .component-scoreboard.layout-small .event-card span.date,.event-card .body-middle{text-transform:capitalize}
.sec-scoreboard .component-scoreboard.layout-small .event-card .body-top>div{justify-content:start!important;gap:1rem!important;font-size: .9rem}
.sec-scoreboard .component-scoreboard.layout-small .event-card .body-top>div .status>div{justify-content:space-between!important}
.sec-scoreboard .component-scoreboard.layout-small .event-card .body-top>div .status{flex:1 1 auto}
.sec-scoreboard .component-scoreboard.layout-small .event-card .body-top>div .date:after{content:'';font-weight:700;position:absolute;right:-.6rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#000;border-radius:100%}
.sec-scoreboard .component-scoreboard.layout-small .event-card span.date{position:relative;font-weight:700}
.sec-scoreboard .component-scoreboard.layout-small .event-links-collapse-wrapper .btn{position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;color:var(--bs-primary)}
.sec-scoreboard .component-scoreboard.layout-small .event-team-name{align-items:center}
.sec-scoreboard .component-scoreboard.layout-small .event-team-name .vs-at-indicator{order:-1;font-weight: bold !important;border-radius:3px;padding:.25rem;font-size:.8rem;background-color: var(--bs-secondary); color: var(--bs-dark)}
.sec-scoreboard .component-scoreboard.layout-small .neutral .event-team-name .vs-at-indicator { background-color: var(--bs-primary); color: var(--bs-white) }
.sec-scoreboard .component-scoreboard.layout-small .event-box .collapse-event-links .btn,
.sec-scoreboard .component-scoreboard.layout-small .event-box .collapse-event-links a { color:var(--bs-white)}
.sec-scoreboard .component-scoreboard.layout-small .event-links-collapse-wrapper a.btn{font-size:1rem;padding:0;line-height:1}
.sec-scoreboard .component-scoreboard.layout-small .event-box .collapse-event-links.show{top:auto;height:auto}
.sec-scoreboard .component-scoreboard.layout-small .event-box .collapse-event-links { background-color:rgba(var(--bs-dark-rgb),.9) }
.sec-scoreboard .component-scoreboard.layout-small .event-box .collapse-event-links>div{padding-top:0!important;padding-bottom:0!important}
.sec-scoreboard .component-scoreboard.layout-small .event-box:hover .collapse-event-links:not(.show) { top: 100% }
.sec-scoreboard .component-scoreboard.layout-small .event-links-collapse-wrapper .bounce-element { animation: none }
.sec-scoreboard .component-scoreboard.layout-small .event-links-collapse-wrapper .bounce-element:hover { color: var(--bs-dark) }
.sec-scoreboard .component-scoreboard.layout-small span.vs-at-indicator { padding-top: 0 !important; margin-top: auto !important }

@media screen and (min-width: 992px) {
    .sec-scoreboard .component-scoreboard button{top:25%!important}
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills li a span{transform:skew(25deg);display:block}
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills li{transform:skew(-25deg);z-index:1;height:100%;padding:0 .5rem}
}

@media screen and (max-width: 991px) {
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls{display:block}
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev{left:-1.85rem}
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next{right:-1.85rem}
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills li a{ padding-top: 0.85rem;transform:scale(1);padding-bottom:.75rem}
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills{top:-3.1rem}
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-select .form-floating { display:none }
    .sec-scoreboard .component-scoreboard.layout-small .macro-archive-link { position: unset }
    .sec-scoreboard .component-scoreboard.layout-small .macro-archive-link a { color:var(--bs-primary);background-color:var(--bs-white);border-radius:0 }
    .sec-scoreboard .component-scoreboard.layout-small .macro-archive-link a:hover { background-color:var(--bs-secondary) }
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills ul.nav-pills { right: 0; margin-right: 0;top:-3.2rem }
    .sec-scoreboard .component-tabs.content-switcher-wrapper.layout-pills>.page-details .component-title,
    .sec-scoreboard .component-scoreboard.layout-small .event-card .sport-name a { font-size: 1.25rem }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow { width:1.5rem; height:1.5rem; display: flex; align-items: center; justify-content: center; text-decoration: none }
}

/*PARALLAX*/
@media screen and (min-width: 1400px) {
    .sec-parallax .component-parallax.layout-standard .overlay { margin-top: -5% }
    .sec-parallax { margin-bottom: -10% }
    .split-comp{ padding-top:10% !important }
}

@media screen and (max-width: 991px) {
    .component-parallax .layout-wrapper { min-height: 30vh }
}

/*SPLIT COMP*/
.split-comp{ background-image:url(/themes/ccsu/assets/images/Overall-Texture.png);background-size:cover;background-position:top center;z-index:2 }

@media screen and (max-width: 1399px) {
    .split-comp{background-image:url(/themes/ccsu/assets/images/mobile-left-texture.png);background-size:contain;background-position:left bottom;background-repeat:no-repeat;background-color:var(--bs-secondary);position:relative}
    .split-comp:before{content:'';background-image:url(/themes/ccsu/assets/images/mobile-top-texture.png);position:absolute;top:-5%;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;z-index:-1}
}

.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .page-details .component-title,
.sec-social-icons .component-nav.layout-standard .page-details .component-title { font-size: 1.35rem }
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .page-details,
.sec-social-icons .component-nav.layout-standard .page-details { padding: 0.5rem 1rem; border: 2px solid var(--bs-primary);background-color: var(--bs-secondary) }

/*GALLERIES TAB*/
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .layout-wrapper .nav-tabs{position:absolute;top:-4rem;border:none;right:5rem;margin-right: 0.5rem}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .layout-wrapper .nav-tabs li.nav-item button{background-color:transparent;border:none!important;text-transform:uppercase;color:var(--bs-primary);font-weight:500;padding-top:.95rem;padding-bottom:.95rem;border-radius:0;font-size:.85rem}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .layout-wrapper .nav-tabs li.nav-item button.active{background-color:var(--bs-primary);color:var(--bs-white);box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .layout-wrapper .nav-tabs li.nav-item{transform:skew(-25deg);z-index:1;padding:0 .5rem}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .layout-wrapper .nav-tabs li.nav-item button span.text{transform:skew(25deg);display:block}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .macro-archive-link,
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .archive-link {position:absolute;top:-3.25rem;right:1rem}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .macro-archive-link a,
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .archive-link a{padding:0;color:var(--bs-primary);font-size:.85rem;font-weight:500}
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item { background-color:transparent }
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay .card-title a:hover,
.sec-tabs .component-video.layout-cards .items .card .card-title a:hover{text-decoration:underline}
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay .card-title a,
.sec-tabs .component-video.layout-cards .items .card .card-title a{color:var(--bs-white)}
.sec-tabs .component-video.layout-cards .items .card .card-title,
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay .card-title {text-align: center;font-size: 1rem!important;text-transform: capitalize;line-height: 20px;}
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card:before,
.sec-tabs .component-video.layout-cards .card:before {content: '';background: var(--bs-primary);background: linear-gradient(180deg, rgba(0,0,0,0) 20%, var(--bs-primary));position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;pointer-events: none; z-index: 1 }
.sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item.fade:not(.show){ opacity:1 }

@media screen and (min-width: 992px) {
    .sec-tabs,
    .sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card,
    .sec-tabs div:not(.card, .item, .page-details, .card-date, .box-large) { height:100% }
}

@media screen and (max-width: 991px) {
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item { border: 2px solid var(--bs-primary) }
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item,
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item button { border-radius: 0 }
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item:first-child { border-bottom-color: var(--bs-secondary); }
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item button{background-color:var(--bs-primary);color:var(--bs-white)}
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item button:after{color:var(--bs-white)}
    .sec-tabs .component-tabs.content-switcher-wrapper.layout-responsive .accordion-item button{box-shadow:none;font-size:1.15rem;font-weight:700;text-transform:uppercase}
}

/*PHOTO GALLERY*/
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large { --bs-aspect-ratio: 75%; width:49% }
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card { padding-top: var(--bs-aspect-ratio); border:unset }
.sec-tabs .component-gallery.layout-flex .layout-wrapper>div{ gap:.5rem!important }
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay{transform:translateY(0);background-color:transparent;justify-content:end !important; z-index: 1 }
.sec-tabs .component-gallery.layout-flex .layout-wrapper .box-large .card-img-overlay .card-title { margin-bottom:0 }

/*VIDEO GALLERY*/
.sec-tabs .component-video.layout-cards .page-details { display:none!important }
.sec-tabs .component-video.layout-cards .items .item { padding: 0;flex: 1 1 auto }
.sec-tabs .component-video.layout-cards .items .card .card-img-overlay { border-radius:0; z-index: 2;background-color:transparent }
.sec-tabs .component-video.layout-cards .items .center-icon-pre .fa-youtube:before{content:"\f144";font-family:"Font Awesome 6 Pro";font-size:1.25rem}
.sec-tabs .component-video.layout-cards .video-btn-overlay{right:10px;left:auto;top:10px;bottom:auto;width:auto;height:auto;font-size: 1.25rem}
.sec-tabs .component-video.layout-cards .items .card .card-date { text-align: center;font-size: .875em }
.sec-tabs .component-video.layout-cards .items { gap: 0.5rem !important; justify-content: space-between; padding:0 }

@media screen and (min-width: 992px) {
    .sec-tabs .component-video.layout-cards .items .item { width:49% }
}

/*AOTW BANNER*/
.sec-athlete-of-the-week,
.sec-athlete-of-the-week div:not(.slick-arrow-controls),
.sec-athlete-of-the-week div img { height: 100% }
.sec-athlete-of-the-week div img { object-fit: cover }
.sec-athlete-of-the-week .slick-dotted.slick-slider{margin-top:0;margin-bottom:0}
.sec-athlete-of-the-week .component-banner.layout-slider{overflow:visible}
.sec-athlete-of-the-week .component-banner.layout-slider .slick-dots{bottom:0}
.sec-athlete-of-the-week .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp{right:0!important;top:0!important;font-size: 1.35rem;color: var(--bs-primary)}
.sec-athlete-of-the-week .component-banner.layout-slider img{max-height:100%;width:100%;height:100%}
.sec-athlete-of-the-week .component-banner.layout-slider .item>a{align-self:stretch;height:100%}
.sec-athlete-of-the-week .component-banner.layout-slider .slick-track .slick-slide{padding:0}
.sec-athlete-of-the-week .component-banner.layout-slider .slick-dots li button:before{background-color:var(--bs-white);opacity: 1}
.sec-athlete-of-the-week .component-banner.layout-slider .slick-dots li.slick-active button:before{background-color:var(--bs-primary)}

/*SOCIAL ICONS BOTTOM*/
.sec-social-icons .component-nav.layout-standard ul li{background-color:var(--bs-primary);width:23%;flex:1 1 auto}
.sec-social-icons .component-nav.layout-standard ul li:hover {background-color:var(--bs-dark)}
.sec-social-icons .component-nav.layout-standard ul li .nav-link{text-align:center;padding:1rem;position: relative}
.sec-social-icons .component-nav.layout-standard ul li .nav-link span:before { font-size:2rem }
.sec-social-icons .component-nav.layout-standard ul  { gap: .5rem }
.sec-social-icons,
.sec-social-icons div:not(.page-details, .page-details div),
.sec-social-icons ul { height: 100% }
.sec-social-icons .component-nav.layout-standard ul li .nav-link:not(.disabled) span:before { color:var(--bs-white) }

@media screen and (min-width: 992px) {
    .sec-social-icons .component-nav.layout-standard ul li .nav-link span:before { font-size:5rem }
    .sec-social-icons .component-nav.layout-standard ul li .nav-link{padding:2rem;height: 100%;width: 100%;position: relative}
    .sec-social-icons .component-nav.layout-standard ul li{width:49%}
}

@media screen and (min-width: 1400px) {
    .sec-social-icons .component-nav.layout-standard ul li .nav-link span { display: flex; justify-content: center; align-items: center; height: 100% }
}

/*BOTTOM BANNER*/
.sec-bottom-banner .item .item-title{font-size:2.5rem;-webkit-text-stroke:1.5px var(--bs-primary);text-shadow: 10px 3px 11px rgba(0, 0, 0, 0.16)}
.sec-bottom-banner .component-banner.layout-carousel .item img { max-height: 15rem; object-fit: cover }
.sec-bottom-banner .component-banner.layout-carousel .carousel-control-next,
.sec-bottom-banner .component-banner.layout-carousel .carousel-control-prev { width: 3rem }

@media screen and (min-width: 992px) {
    .sec-bottom-banner .item .item-title { font-size:5rem;-webkit-text-stroke:2px var(--bs-primary); }
}

/*SOCIAL BANNER*/
.sec-social-banner .component-nav.layout-standard ul.nav a.nav-link span:before{font-size:1.5rem;color:var(--bs-white)}
.sec-social-banner .component-nav.layout-standard ul.nav li{margin:0 1rem}
.sec-social-banner .component-nav.layout-standard ul.nav a.nav-link{background-color:var(--bs-primary);transform:skew(-25deg)}
.sec-social-banner .component-nav.layout-standard ul.nav li a span{transform:skew(25deg)}
.sec-social-banner .component-nav.layout-standard ul.nav a.nav-link:hover { background-color: var(--bs-dark) }
.sec-social-banner .component-nav.layout-standard .page-details .component-sponsor img{max-height:5rem}
.sec-social-banner .component-nav.layout-standard .layout-wrapper{flex:1 1 auto}
.sec-social-banner .component-nav.layout-standard ul.nav{justify-content:center}
.sec-social-banner { background-image: url(/themes/ccsu/assets/images/social-banner-texture.png); background-size: cover }

@media screen and (max-width: 991px) {
    .sec-social-banner .component-nav.layout-standard ul.nav li { margin: 0 0.5rem }
    .sec-social-banner .component-nav.layout-standard .page-details { flex-direction: column-reverse }
}

@media screen and (max-width: 1399px) {
    .sec-social-banner .component-nav.layout-standard .page-details .component-sponsor img{ max-height: 4rem }
    .sec-social-banner .component-nav.layout-standard .page-details .component-headings>div .component-title { font-size: 1.5rem }
}

@media screen and (min-width: 992px) {
    .sec-social-banner { background-size: contain }
    .sec-social-banner .component-nav.layout-standard ul.nav a.nav-link{transform:skew(-25deg) scale(1.1)}
    .sec-social-banner .component-nav.layout-standard ul.nav a.nav-link { padding: 1.5rem 1.8rem }
    .sec-social-banner .component-nav.layout-standard ul.nav{justify-content:end;margin-right:1rem;align-items:center;height:100%}
    .sec-social-banner .component-nav.layout-standard .page-details{z-index:1;margin-left:2rem;flex:1 1 auto}
    .sec-social-banner .component-nav.layout-standard .page-details .component-headings>div .component-title{transform:skew(25deg)}
    .sec-social-banner .component-nav.layout-standard .page-details .component-headings>div{color:var(--bs-white);transform:skew(-25deg) scale(1.05);padding: 1.5rem;background-color:var(--bs-primary)}
    .sec-social-banner .component-nav.layout-standard{flex-direction:row!important;justify-content:space-between!important}
}

@media screen and (min-width:1400px) {
    .sec-social-banner .component-nav.layout-standard .page-details .component-headings>div{padding:2.5rem 2rem;}
    .sec-social-banner .component-nav.layout-standard ul.nav a.nav-link { padding:1.5rem 3rem }
    .sec-social-banner .component-nav.layout-standard ul.nav a.nav-link span:before{font-size:4rem}
}

/*SPONSORS*/
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls { max-width:500px; margin:0 auto; position:relative }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp { top:auto!important;height:auto;transform:translateX(-50%);color: var(--bs-primary);font-size: 1.25rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .prev{left: 40%!important;}
.sec-sponsors .slick-slider.slick-wrapper { padding-bottom:3.5rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next{left: 60%!important}
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp{ left:50%!important;bottom: 2px !important;height:3rem!important }

/*FOOTER*/
.site-footer .inc-hostedby svg.withpoweredby{height:3rem}
.site-footer .affiliate-logos { max-width:30rem }
.site-footer .component-banner.layout-flex .item img{max-width:7rem}
.site-footer .component-banner.layout-flex ul{flex-direction:row!important}