@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
   --body-font-family: 'Open Sans', sans-serif;
   --bs-font-sans-serif: 'Open Sans', sans-serif;
   --bs-body-font-family: 'Open Sans', sans-serif;
   --heading-font-family: 'Open Sans', sans-serif;
}


.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
a.btn-secondary:hover,
a.btn-secondary.focus,
a.btn-secondary:focus,
a.btn-secondary:not(:disabled):not(.disabled).active,
a.btn-secondary:not(:disabled):not(.disabled):active,
.schedule-grid .status.bg-secondary,
.badge-secondary,
.btn-secondary,
a.btn-secondary,
a.dropdown-item.text-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle,
a.btn-outline-secondary:hover,
a.btn-outline-secondary.focus,
a.btn-outline-secondary:focus,
a.btn-outline-secondary:not(:disabled):not(.disabled).active,
a.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>a.btn-outline-secondary.dropdown-toggle,
.schedule-grid .status.bg-secondary,
.badge-secondary,
.btn-outline-secondary,
a.btn-outline-secondary{
    
   color:var(--bs-primary)!important; border-color:var(--bs-primary) ;

    
}

.component-banner .slick-arrow.pp .sr-only { color: var(--bs-dark)!important}
.section-wrapper.section-featured-athletes > h2 { color: var(--bs-white)!important }
.component-headlines.layout-flow  .boxscores { display:none!important }

body { background-color:var(--bs-light) }
.archive-link .btn-link { background:var(--bs-white); color:var(--bs-primary); border-color:var(--bs-primary); border-width:3px }
.internal-page .site-main > div { background:#fff }

    .ps-component.component-gallery { position:relative; padding-bottom:3rem }
    .ps-component.component-gallery .component-archive-link { position:absolute; bottom:0; right:0; padding:0.25rem 2rem; z-index:2; background:#fff!important; border:3px solid var(--bs-primary) }
    .ps-component.component-gallery .component-archive-link a { color:var(--bs-primary); text-transform:uppercase; font-weight:700; }
    


.component-scoreboard .event-box .event-links { display:flex; justify-content:center }

    .ps-component.component-headlines .page-details,
    .ps-component.component-gallery .page-details { background:var(--bs-primary)!important }
    .ps-component.component-headlines .page-details .component-title,
    .ps-component.component-gallery .page-details .component-title  { background:var(--bs-light); padding-right:1rem; font-style:italic; }

    .ps-component.component-aotw  .layout-wrapper .slick-arrow,
    .ps-component.component-aotw  .layout-wrapper .slick-pp { color:#fff!important }


.component-banner.layout-flex .item img { max-width:100px }

    
    .archive-in-header .component-archive-link { background:Var(--bs-primary) }
    .ps-component.component-gallery .component-title,
    .ps-component.component-headlines .component-title { color:Var(--bs-primary) }

    .section-schedule-results .component-scoreboard .event-details .event-location-indicator,
    .section-schedule-results .component-scoreboard .event-row.card { background:transparent!important }
    .section-schedule-results .component-tabs .nav-pills { background:var(--bs-primary) }
    .section-schedule-results .component-tabs .nav-pills .nav-link.active:after, .section-schedule-results .component-tabs .nav-pills .show > .nav-link:after { background:Var(--bs-secondary); bottom:0 }


   .component-countdown.layout-matchup .countdown-digit:before,
   .site-header .header-buttons button { color:var(--bs-primary) }
   .section-event-countdown .component-countdown.layout-matchup .countdown-digit span { background:Var(--bs-primary) }
   .component-countdown.layout-matchup .countdown-digit { background:var(--bs-secondary)}


    .component-headlines.layout-flow .slick-arrow { --bs-btn-bg:var(--bs-primary); width:3rem }

    .site-header .primary-nav-wrapper > .container:before,
    .site-header .primary-nav-wrapper:before,
    .site-header .site-title-wrapper { background:var(--bs-primary)!important }

    .site-footer,
    .site-footer .developer-logo { background:var(--bs-primary)!important }
    .site-footer .footer-details .footer-logo img { max-width:150px }
    .site-footer > div > .flex-lg-row { flex-direction:row-reverse!important }

   .ps-component.component-tabs .component-scoreboard .component-headings { display:none!important }
   .section-schedule-results .component-scoreboard .event-details .sport-name a,
   .component-scoreboard.layout-tabular .date.component-scoreboard.layout-tabular .date,
   .component-scoreboard.layout-tabular .date,
   .component-scoreboard.layout-tabular .status { color:var(--bs-dark)!important; font-weight:600 }
.component-scoreboard.layout-tabular .event-details { gap:70px}


   .site-header .component-navbar-secondary .navbar-nav { align-items:center }
   .site-header .component-navbar-secondary .navbar-brand,
   .site-header .component-navbar-secondary .nav-item .nav-link { color:var(--bs-primary)!important}


    .section-social-icons { display:none }

    .section-standings .component-standings table div:before { display:none }
    .section-featured-athletes,
    .section-event-countdown { background-image:none }

.section-event-countdown { padding:0!important }
.section-event-countdown .ps-component.component-countdown { padding-top:1.5rem; padding-bottom:1.5rem }

    .component-headlines.layout-flow .date-category { opacity:1 }
    .component-headlines.layout-flow .slick-slide a:not(.btn) { opacity:1 }

.ps-component.component-gallery .card:hover .card-img-overlay { background-color:rgba(2, 82, 138, 0.7) }

    .component-headlines.layout-flow .slick-slider .slick-dots button:before { border:1px solid var(--bs-primary); background:var(--bs-primary)  }
    .component-headlines.layout-flow .slick-slider .slick-dots li.slick-active button:before { background:transparent }

   .section-latest-news .card-title a:hover { color:var(--bs-primary); text-decoration:underline }

    .section-standings .component-tabs .form-floating > label { position:absolute!important; left:0!important; top:0; height: auto; width: auto; padding: 0 .75rem; opacity: 1!important; text-transform: uppercase;  background-color: var(--bs-primary); color:#fff;transform: scale(.75) translateY(-.75rem) translateX(.25rem) }
    .section-standings .component-tabs .form-floating .form-select { width:220px!important; height: calc(2.5rem + 2px); margin: 0 !important; line-height: normal; padding: .375rem 2.25rem .375rem .75rem!important; 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") }
    .section-standings .component-standings table thead tr th:first-of-type { font-style:italic; font-weight:600 }

.section-event-countdown .ps-component.component-countdown .event-links { display:flex; justify-content:center; margin-top:1rem }
.section-event-countdown .ps-component.component-countdown .event-links  a  { color:var(--bs-white)!important }

.ps-component.component-headlines .related-links a { color:#fff!important }
.component-headlines.layout-flow .slick-slide .date-category * { color:#fff!important }

    .section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(2) { padding-left:2rem; color:var(--bs-primary); background:var(--bs-secondary); margin-right:-0.31rem }
    .section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(3) { background:var(--bs-secondary); color:var(--bs-primary);  margin-left:-0.31rem; padding-right:2rem }   

    .section-schedule-results .component-scoreboard .event-details .event-sport { text-align:center }
    .component-scoreboard.layout-tabular .event-status{ justify-content:center!important; align-items:center }

.section-event-countdown .component-countdown.layout-matchup .team .team-name { max-width:130px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }

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

    .section-event-countdown .component-countdown.layout-matchup .team .team-name { max-width:230px }

    .ps-component.component-headlines { position:relative; padding-bottom:3rem }
    .ps-component.component-headlines .component-archive-link { position:absolute; bottom:0; right:0; padding:0.25rem 2rem; z-index:2; background:#fff!important; border:3px solid var(--bs-primary) }
    .ps-component.component-headlines .component-archive-link a { color:var(--bs-primary); text-transform:uppercase; font-weight:700; }


   .component-headlines.layout-flow .slick-slide .read-more-button .btn { padding:0.5rem 1rem!important }
   .component-headlines.layout-flow .slick-slide .read-more-button .btn { color:var(--bs-primary); border-width:3px }
    .component-headlines.layout-flow .slick-slide .read-more-button .btn:focus,
    .component-headlines.layout-flow .slick-slide .read-more-button .btn:hover { color:#fff }

   .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link { text-transform:capitalize }

   .site-header .menu .component-navbar-primary .dropdown-menu .nav-link { opacity:1 }
   .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.level-2 { max-height:80vh!important; overflow-y:auto }
/*
.site-header .menu .component-navbar-primary .megamenu .dropdown-menu.level-4 ul[data-flex="true"] > .nav-item:nth-child(2):before { display:none!important }
.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li:first-child { display:inline; min-width:220px; font-weight:700; text-transform:uppercase }
.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item .nav-link.dropdown-old-toggle { display:none!important }
.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-menu { justify-content:flex-start!important }
.site-header .menu .component-navbar-primary .dropdown-menu .nav-link { padding:5px!important }
.component-navbar-primary.layout-standard .navbar .nav-item:first-child .megamenu .megamenu-inner .megamenu-list { padding-right: 180px;}
.site-header .social-links { display:none }
/*
.site-header .component-navbar-primary .primary-navigation-thumbnail { display:block!important; position:absolute; right:1rem; top:50%; margin-top:-150px}
.site-header .component-navbar-primary .primary-navigation-thumbnail img {  max-height:300px!important }

    /* .component-aotw.layout-align .player .headshot-cutout { background-size:contain!important } */

    .site-header .site-title { font-style:italic; font-weight:700; letter-spacing:0.6rem; font-size:1.35rem }
    .site-header .primary-nav-wrapper a[rel="wiki-link"] {color: var(--bs-white); position:relative; }
    .site-header.pinned { background:var(--bs-secondary)}    
    .site-header .menu  { padding-left:30px }
    .site-header .members-menu { padding:48px 0 0!important }
    .site-header .social-links a:hover { color:var(--bs-secondary) }
    .site-header .secondary-navigation  { padding-top:2rem }
    .site-header .secondary-navigation .container  { max-width:1240px!important; margin:0 auto }
    .site-header .component-navbar-secondary .navbar-brand { font-size:1.75rem }
    .site-header .component-navbar-secondary .nav-link { font-size:1.25rem }
.site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { background:var(--bs-primary)!important }

    .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link { white-space:unset!important }
    .component-navbar-primary.layout-standard .navbar .dropdown-menu { min-width:20rem!important}
    .component-navbar-primary.layout-standard .navbar .megamenu { top:60px!important }

    .site-footer .container { max-width:none!important }

    .section-featured-athletes .component-aotw.layout-align .component-title { font-style:italic }
    .section-featured-athletes .component-aotw.layout-align:before { background:url(/assets/Primary-_.5x.png) no-repeat 50% 50%;  background-size:cover  }

    .section-featured-athletes .component-aotw.layout-align .player .headshot-cutout { display:block!important }
   .section-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder img { height:auto }

.site-header .secondary-navigation .navbar-collapse { max-width:700px }

    .section-standings .component-standings .logo-holder { margin-top:0!Important; margin-bottom:0!important }
    .section-standings .component-standings .logo-holder img { max-height:70px; height:70px !important; width:250px !important; max-width:250px; object-fit:cover; object-position: 0 50%; margin:0 60px 0 30px }

}

@media only screen and (min-width:1200px) {
    .component-headlines.layout-flow .slick-slide > div { padding:2rem }
    .component-headlines.layout-flow .slick-active .item { transform:scale(1.1); transition:transform 1s 0.2s ease }
    .component-headlines.layout-flow .slick-slider .slick-dots { display:none !important }
   .site-header .social-links { display:block }
.site-header .secondary-navigation .navbar-collapse { max-width:800px }
 
    
}

@media only screen and (min-width:992px) and (max-width:1399px) {

.site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:1rem!important }

}


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

    .site-header .header-buttons .btn { color:var(--bs-primary) }
    .site-header .header-buttons .fa-magnifying-glass:before, .site-header .header-buttons .fa-calendar:before { font-weight:400 }
   .site-header .site-logo img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/assets/DWU_Logo_Mobile.png) no-repeat 50% 50%; background-size:contain; width: 90px!important; height: 82px!important; padding-right: 90px }

    .site-header .navbar-toggler .icon-bar,
    .site-header .component-navbar-primary .navbar-brand { background:var(--bs-primary) }
   .site-header .component-navbar-primary.layout-standard .navbar-nav .dropdown.has-megamenu > .nav-link.dropdown-toggle { font-weight:700}

.site-footer > .container > .d-flex {  flex-direction:column-reverse!important; }

}