@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

.mod-site-header .mod-site-social-links .fa-twitter:before {
   content: '\e61b'!important;
   font-family: 'Font Awesome 6 Brands';
   font-weight: 600

}

.internal-page .list-group-item.bg-primary { color:var(--bs-secondary)!important }
.infinite-articles .card.bg-primary.text-light { background:var(--color-secondary)!important }
.tab-container.primary > .tab-nav a:focus,
.tab-container.primary > .tab-nav a:hover { color:var(--color-primary)!important }

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
a.btn-primary:hover,
a.btn-primary.focus,
a.btn-primary:focus,
a.btn-primary:not(:disabled):not(.disabled).active,
a.btn-primary:not(:disabled):not(.disabled):active,
.schedule-grid .status.bg-primary,
.badge-primary,
.btn-primary,
a.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
a.btn-outline-primary:hover,
a.btn-outline-primary.focus,
a.btn-outline-primary:focus,
a.btn-outline-primary:not(:disabled):not(.disabled).active,
a.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>a.btn-outline-primary.dropdown-toggle,
.schedule-grid .status.bg-primary,
.card-header.bg-primary,
.badge-primary,
.btn-outline-primary,
a.btn-outline-primary{
    color:var(--color-secondary)!important ;
}

@font-face {
    font-family: 'PGCC';
    src: url('/PGCC_OWLS-Regular (4) - Taylor Moore.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'liberator';
    src: url('/liberator-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

:root {
    --font-headings: 'Lato', sans-serif;
    --font-links: 'Lato', sans-serif;
    --font-buttons: 'Lato', sans-serif;
    --font-body: 'Lato', sans-serif;

}


.component.scoreboard .mod-scoreboard .card .card-body .sport { background:Var(--color-primary); margin:0 -1.25rem 0.5rem!important; padding:0 1.25rem 0.5rem }
.component.scoreboard .mod-scoreboard .card .card-body .date-status { background:Var(--color-primary); margin:-1.25rem -1.25rem 0; padding:0.25rem 1.25rem }


.card-header.bg-primary,
.page-content.team-stats .flex-fill.bg-primary,
.table .thead-dark th { background:var(--color-secondary)!important; color:#fff!important }


    .component.newsrotator .mod-news-rotator { background:#fff; padding:10px }



    .navbar.navbar-secondary .navbar-brand { text-transform:uppercase }
    .navbar.navbar-secondary .navbar-secondary-thumbnail { display:none!important }


    .section.header .navbar.navbar-primary > div { align-items:center!important }
    .section.header .navbar.navbar-primary .navbar-toggler { background:var(--color-secondary); color:#fff!important }


.section.header .header-top > div > .d-flex { align-items:center!important }
.section.header .header-text b,
.component-heading b { font-weight:700!important }

a { font-weight:700!important }

body { background-position:50% 70px }

/* STAFF Directory */
.staff-directory .table tr td { width:20% }
.staff-directory .table tr td:nth-child(2) { width:40%!important }

@media only screen and (min-width: 992px) {

    .section.header .header-top .d-flex { justify-content:center!important }

    .section.header .navbar.navbar-primary .navbar-nav .nav-item > .nav-link { font-size:1.125rem }
    html:not(.sticky-nav-primary) .header .mod-site-header .navbar-primary .navbar-logo { margin-top:-2.2rem; margin-bottom:-2.2rem }
    html:not(.sticky-nav-primary) .header .mod-site-header .navbar-primary .navbar-logo img { max-height:120px }    
    .sticky-nav-primary .mod-site-header.style3 .navbar-primary .navbar-logo { margin-bottom:-28px!important }

    .navbar.navbar-primary li.dropdown > .dropdown-menu { padding:2.5rem }

    .section.header .header-text { font-size:1.25rem!important; line-height:1; text-align:right }

    .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: var(--color-secondary); 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; }

    .navbar-primary .navbar-collapse .navbar-nav .nav-item .dropdown-menu .yamm-content .list-unstyled .item .submenu .flex-column .has-nav .list-unstyled .flex-grow-1 {max-width: 300px;width: 100%;}
    .navbar-primary .navbar-collapse .navbar-nav .nav-item .dropdown-menu .yamm-content .list-unstyled .item .submenu .flex-column .has-nav .justify-content-between{justify-content:flex-start!important;}
    .navbar-primary .navbar-collapse .navbar-nav .nav-item .dropdown-menu .yamm-content .flex-lg-nowrap{flex-wrap:wrap!important;}

    .component .component-heading { font-size:2.75rem }
    
    .component.newsrotator .mod-news-rotator.style2 .control { position: relative; display: block; width: 100%; margin: 10px 0px 0px; cursor: pointer; }
    .component.newsrotator .mod-news-rotator.style2 .control:focus::after, .component.newsrotator .mod-news-rotator.style2 .control.active::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right:0; border:5px solid var(--color-secondary) }
    .component.newsrotator .mod-news-rotator.style2 .controls { width:100%; margin:auto; background:#fff }
    .component.newsrotator .mod-news-rotator.style2 .control { display:block; width:20%!important; border:5px solid #fff ; position:relative; overflow:hidden; color:#fff;  }
    .component.newsrotator .mod-news-rotator.style2 .control:before { content:''; display:block; padding-top:66% }
    .component.newsrotator .mod-news-rotator.style2 .control img { position:absolute; left:0; top:50%; width:100%; -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) }


.component.newsrotator { padding-bottom:0rem!important }
.component.newsrotator .mod-news-rotator.style2 .controls-bottom-row { position:absolute; bottom:-3rem; left:0; right:0; padding:0!important; color:#fff!important }
.component.newsrotator .mod-news-rotator.style2 .controls-bottom-row a { color:#fff!important}
.component.newsrotator .mod-news-rotator.style2 .controls-bottom-row:focus,
.component.newsrotator .mod-news-rotator.style2 .controls-bottom-row:hover a { background:#fff!important; color:Var(--color-secondary)!important}

.mod-recent-videos.style3 .player { border-color:#fff!important}

    .navbar.navbar-secondary .navbar-nav { max-width:500px }
.mod-site-header .navbar-secondary .navbar-brand { padding-left:200px }

    
}