.gallery .grid-item .tag-list.clearfix { position:absolute; top:1rem; width:75%; left:1rem }
.gal-wrapper .figure-caption { position:absolute; top:auto; bottom:1rem; left:1rem }
.gallery.article-image .image-caption-overlay,
.article-image .image-caption-overlay {
	position: absolute;
	bottom: 0;
	top:auto;
	left: 15px;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	background:rgba(0,0,0,0.8);

    
}

.article-main .figure-caption,
.gal-wrapper .figure-caption,
.gal-wrapper .photo-date,
.gallery .grid-item .gal-wrapper .tag-list a {
  color:#fff;
  font-size:.85rem;
    letter-spacing:initial;
  text-transform:initial;
  text-shadow:1px 1px 2px rgb(0 0 0 / 75%)
}



.component.recentnews .load-more { border-color:#fff; color:#fff }
.component.recentnews .load-more:hover,
.component.recentnews .load-more:focus { background:#fff; color:var(--color-primary)}

    .navbar.navbar-secondary .navbar-brand { text-transform:uppercase }

    .component.scoreboard .nav-pills .nav-link { text-transform:uppercase }    
    .component.scoreboard .nav-pills .nav-link.active:focus,
    .component.scoreboard .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color:#fff!important; filter: brightness(100%) }
    
    .component.scoreboard .mod-scoreboard .slick-arrow { background:var(--color-primary); color:#fff }
    .component.scoreboard .mod-scoreboard .slick-arrow:focus,
    .component.scoreboard .mod-scoreboard .slick-arrow:hover { filter: brightness(80%) }

    .component.recentvideos .mod-recent-videos .slick-arrow { background:var(--color-primary); color:#fff; width:38px; height:38px; }
    .component.recentvideos .mod-recent-videos .slick-arrow:focus,
    .component.recentvideos .mod-recent-videos .slick-arrow:hover { filter: brightness(80%) }

    .section.footer > div .row { background:var(--color-light)!important }

    .navbar.navbar-primary { border:none }
    .navbar.navbar-primary > div { align-items:center!important }

    .roster-data .number { color:#fff }

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

    .header .site-title h1 { font-size:1.75rem; font-weight:700 }
    .header .mod-site-social-links li a { font-size:1.3rem }
    .header .navbar-primary .navbar-logo { margin-top:-1rem }

    .navbar.navbar-primary li.dropdown > .dropdown-menu { border:none; padding:2.5rem; box-shadow:1px 1px 5px rgba(0,0,0,0.5); max-height:none; border-bottom:5px solid var(--color-primary); border-radius:0!important }
    .navbar.navbar-primary li.dropdown > .dropdown-menu .heading {color:#000; font-weight:900!important }
    .navbar.navbar-primary .dropdown.yamm-fw .dropdown-menu { left:auto; right:auto; padding:2rem }

    .section.header .navbar.navbar-primary .navbar-nav .nav-item > .nav-link { position:relative; }
    .section.header .navbar.navbar-primary .navbar-nav .nav-item > .nav-link:after{ opacity: 1; pointer-events: auto; transition: .25s; }
    .section.header .navbar.navbar-primary .navbar-nav .show > .nav-link:after,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):hover:after,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):active:after,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):focus:after,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):focus-within:after{ transform: rotate(-180deg); }
    .section.header .navbar.navbar-primary .navbar-nav .nav-item > .nav-link:before{ content: ''; background: #fff; height: 5px; pointer-events: none; position: absolute; bottom: 0; left: 0;transition: .25s; transform-origin: bottom; transform: scaleY(0); width: 100%;box-sizing: border-box; }
    .section.header .navbar.navbar-primary .navbar-nav .show > .nav-link:before,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):hover:before,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):active:before,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):focus:before,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):focus-within:before{ transform: scaleY(1); }
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):hover,
    .section.header .navbar.navbar-primary li .nav-link:not(.btn):focus { background:transparent; }

    .component .component-title { padding:0 }
    .component .component-title h3 { font-size:2.5rem; font-weight:700 }
    
    .navbar.navbar-secondary .navbar-nav { max-width:500px }

    .mod-news-rotator .dots li button { color:#fff!Important }
    .mod-news-rotator .dots li.slick-active button {  color:#000!Important }

}