@font-face {

    font-family: 'ProximaNovaBold';
    src: url('/ProximaNova_Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}



@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('/ProximaNova_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

.component-headlines.layout-grid .item .details,
.sec-top-stories .right-col .carousel-indicators .card-body .card-text,
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date, 
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .category { color:var(--bs-secondary)}
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date:after { background-color:var(--bs-secondary)}

.site-footer { background:#fff!important; border-top:2px solid var(--bs-primary) }
.footer-logos,
.section.sec-parallax,
main#site-main:before,
.section.sec-scoreboard, .section.sec-aotw,
.section.sec-standings,
.section.sec-sponsors { display:none}


.section.sec-parallax,
.more-news .layout-grid .grid .item .details .date:after,
.more-news .layout-grid .grid .item .details .category,
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column .date:after,
.sec-top-stories .right-col .carousel-indicators .item  .card-body .d-flex.flex-column .category { display:none!important }

.site-footer .disclaimer > div > div { margin-right:0.5rem }

.section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:before,
.section.sec-countdown .component-countdown ul.countdown li.flex-fill .countdown-digit:after { background:#fff}
.section.sec-countdown .container { background-image:url(/images/setup/Texture_Next_Event_-MIddlesex_College_Office_of_Student_Life-.png); background-color:var(--bs-secondary)}

.site-header .social-links:before {  background-color:var(--bs-secondary); background-image: url(/images/setup/Texture_Header_-MIddlesex_College_Office_of_Student_Life-.png); }

.videos .page-details,
.gallery .page-details,
.more-news .layout-grid .page-details,
.sec-scoreboard .layout-wrapper ul.nav { background-image:url(/images/setup/Texture_Component_Headers_-MIddlesex_College_Office_of_Student_Life-.png)!important }
.sec-banner button.carousel-control-prev, .sec-banner button.carousel-control-next, .component-banner.layout-carousel .carousel .carousel-control-pp{ transform: translateY(2.3rem); }

.social-stream .component-social .social-widgets .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after {
    position: absolute;
    content: 'INSTAGRAM';
    left: .75rem;
    top: .9rem;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: var(--bs-body-font-family);
}



.top-nav { padding:1rem}
.top-nav .row .title { display:flex; justify-content:space-between; font-family:"ProximaNovaBold",sans-serif; letter-spacing:0; color:var(--bs-secondary) }
.top-nav .row .title span { text-align:right!important; letter-spacing:0.25rem }


.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active { background:var(--bs-secondary)}
.sec-scoreboard .layout-wrapper button.prev { left: calc(0rem - 20rem)!important; position: absolute; font-size: 1.25rem; bottom: 0; top: auto; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; border: 1px solid var(--bs-primary); border-radius: 0; right: 0; margin: auto; }
.sec-scoreboard .layout-wrapper button.next { right: calc(0rem - 20rem)!important; position: absolute; font-size: 1.25rem; bottom: 0; top: auto; transform: translateY(3rem); height: 2rem; line-height: 2rem; width: 3rem; border: 1px solid var(--bs-primary); border-radius: 0; left: 0!important; margin: auto; }

.sec-scoreboard .component-scoreboard.layout-standard .event-team-name.d-flex.gap-1 { font-family: "ProximaNovaRegular", sans-serif; }

@media(min-width: 992px) {


    .macro-primary-navigation a.site-logo img { top:0.45rem }
    .macro-primary-navigation a.site-logo { min-width:5.5rem!important }
    .dropdown .dropdown-toggle:after { color:#fff!important }

    .sec-top-stories .right-col .macro-archive-link { margin-top:2rem!important}


    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { text-align:center }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { text-align:center }
    .site-header .social-links .component-nav {   padding-left: 1rem; }
}


@media screen and (min-width: 991px) and ( max-width:1199.98px){    

    .site-header .header-buttons { display:none!important }
    .site-header .primary-nav-wrapper > .container { max-width:100% }
    .site-header .menu { padding-right:0rem }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { padding: 2rem .2rem!important; font-size: 0.8rem;  }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { font-size: 0.8rem }
    .macro-primary-navigation a.site-logo img { max-height:4rem!important; top:0.75rem }


    .site-header .social-links .component-nav .nav a.nav-link { padding-left:.125rem; padding-right:.125rem }
    .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after { font-size:.5rem; margin-left:.2rem }
    
}


    .sec-banner .component-banner button.carousel-control-prev .carousel-control-prev-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300843d' stroke='%2300843d'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
 
    .sec-banner .component-banner button.carousel-control-next .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300843d' stroke='%2300843d'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.more-news .layout-grid .grid .item .details .d-flex.flex-column,
.sec-top-stories .right-col .carousel-indicators .card-body .d-flex.flex-column { display:none!important}


@media screen and (min-width: 1200px) and ( max-width:1399.98px) {

    .site-header .social-links .component-nav .nav a.nav-link { padding-left:.125rem; padding-right:.125rem }
    .site-header .primary-nav-wrapper > .container { max-width:100% }
    .site-header .menu { padding-right:1rem }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { padding: 2rem .35rem!important; font-size: 1rem!important }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link,
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { font-size: 0.9rem!important }
    .component-search button.btn.btn-link, .site-header .social-links .component-nav .nav a.nav-link { font-size:1rem }

    .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after { font-size:.6rem; margin-left:.2rem }



}                                                           


@media screen and (min-width: 1400px) {

    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link { padding: 2rem 0.5rem!important }
    .component-search button.btn.btn-link, .site-header .social-links .component-nav .nav a.nav-link { font-size:1.25rem }
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link,
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link.p-0 { font-size:1rem }
    .site-header .menu { padding-right:1rem }


}

@media screen and (max-width: 991px) {

    
    .dropdown .dropdown-toggle:after { color:#fff!important }
    .macro-primary-navigation a.site-logo { top:0.65rem}
    .macro-primary-navigation a.site-logo img { max-height:5rem}


    .videos .page-details,
    .gallery .page-details,
    .more-news .layout-grid .page-details,
    .sec-scoreboard .layout-wrapper ul.nav { background-image:url(/images/setup/Texture_Component_Headers_Mobile-.png)!important }

    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex > .d-flex { display:none!important }
    
}