/* ==============
   GLOBAL STYLES
   ============== */

.accent-bg,
.accent-bg th { color:#fff !important; background:#0d4c93 !important }

.skip-navigation { position:fixed; left:0; top:-50px; width:1px; height:1px; font-size:1rem; font-weight:700; line-height:1; color:#000 !important; background:#fff; text-transform:uppercase; overflow:hidden; box-sizing:border-box; transition:all 0.5s ease; box-shadow:0 0 15px rgba(0,0,0,0.4) inset }
.skip-navigation:focus { top:0; z-index:9999; width:auto; height:auto; padding:15px; text-decoration:none }

html { font-size:16px !important }
body { font-family:'roboto', arial; font-size:1rem; line-height:1.5; color:#444; background:#0d4c93; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none }
.landing body { font-family:'Rajdhani', arial }

:focus { outline-color:#9B1D22 }

a { color:#0d4c93; text-decoration:none; transition:0.3s }
a:focus,
a:hover { color:#000; text-decoration:underline }

a[rel*="wiki-link"] { color:#9B1D22 }

h1,h2,h3,h4,h5,h6 { line-height:1.3 }

h1 { font-size:2.125rem }
h2 { font-size:1.875rem }
h3 { font-size:1.625rem }
h4 { font-size:1.375rem }
h5 { font-size:1.125rem }
h6 { font-size:1rem }

.page { font-size:0.875em }
.internal-page .page { background:url(/images/setup/2019/bg_social_row.jpg) repeat #0d4c93; background-attachment:fixed }

.body-container { max-width:1172px; margin:0 auto }
.landing .body-container { max-width:none }
.mainbody { display:block; padding:10px; color:#444; background:#fff }
.landing .mainbody { padding:0; background:none }

.section-header { position:absolute; left:-9999px }

.navbar-image ul { list-style:none; margin:0 }
.navbar-image li img { vertical-align:top }

/*SITE DEVELOPER*/
.site-developer { text-align:center; padding:0.75rem; background:#000; color:#fff }
.site-developer a {color:#fff; display:inline-block; }
.site-developer .site-developer-logo { max-height:26px; vertical-align:middle } 

.site-developer a .site-developer-logo { opacity:0.8 } 
.site-developer a:hover .site-developer-logo,
.site-developer a:active .site-developer-logo{ opacity:1 }

/*FOOTER*/
.page .mod-site-footer.style4{  font-family:'Rajdhani', arial; font-weight:400; font-size:1rem; color:#fff; background: url(/images/setup/2019/bg_footer.jpg) no-repeat 50% 50% #000;background-size: cover}
.page .mod-site-footer.style4 .footer-logos{ padding-bottom:10rem }
.page .mod-site-footer.style4 .footer-logos li{ margin:15px 25px }
.page .mod-site-footer.style4 .footer-logos li a:focus{ outline:1px solid #9B1D22 }
.page .mod-site-footer.style4 h3{ font-size:1.25rem; font-weight:600; letter-spacing:0.125em; text-transform:uppercase }
.page .mod-site-footer.style4 span{ display:inline-block; margin:0 20px }
.page .mod-site-footer.style4 a{ color:#fff }
.page .mod-site-footer.style4 a:hover,
.page .mod-site-footer.style4 a:focus{ color:#ccc }


/* CAROUSEL */
.landing-row.carousel-row .section-header{ color:#fff }
.page .mod-news-rotator.style3 .story-box{ font-family: 'Montserrat', arial; font-weight:400 } 
.page .mod-news-rotator.style3 .story-box .title{ font-size: 1.7em; font-family:'Rajdhani', arial; font-weight:600; transition: 0.3s; letter-spacing:0.125em }
.page .mod-news-rotator.style3 .story-box .title:hover, 
.page .mod-news-rotator.style3 .story-box .title:focus{ color:#ccc }
.page .mod-news-rotator.style3 .next, 
.page .mod-news-rotator.style3 .prev{ background:#000 }
.page .mod-news-rotator.style3 .next:focus, 
.page .mod-news-rotator.style3 .prev:focus{ outline:1px solid #0057AD }
.page .mod-news-rotator.style3 ~ font[size="1"] { display:none }

/*SCHEDULE*/
.page .mod-scoreboard.style7{ padding:0 }
.page .mod-scoreboard.style7 .event-box { font-family: 'Montserrat', arial; font-weight:400; color:#434343  }
.page .mod-scoreboard.style7 .event-box .date{ margin-bottom:0;font-family:'Rajdhani', arial; font-weight:600; font-size:2em; color:#0d4c93 }
.page .mod-scoreboard.style7 .event-box .status{ font-family:'Rajdhani', arial; font-weight:600; margin-bottom:10px }
.page .mod-scoreboard.style7 .event-box .sport{ font-family:'Rajdhani', arial; font-weight:700; font-size:1.25em; margin-bottom:20px }
.page .mod-scoreboard.style7 .event-box .sport a{ color:#000 }
.page .mod-scoreboard.style7 .event-box .opponent:before, 
.page .mod-scoreboard.style7 .event-box .teams:before{ background:url(/images/setup/2019/vs_bg.png) no-repeat 50% -56px }
.page .mod-scoreboard.style7 .event-box.away .opponent:before, 
.page .mod-scoreboard.style7 .event-box.away .teams:before{ background-position:50% 1px }
.page .mod-scoreboard.style7 .event-box .team{ text-align:center }
.page .mod-scoreboard.style7 .event-box .neutralsite-notes{ font-style:italic }
.page .mod-scoreboard.style7 .event-box .links a:focus{ outline:1px solid #000 }
.page .mod-scoreboard.style7 .next, 
.page .mod-scoreboard.style7 .prev{ left:-50px; margin-top:-103px; color:#0d4c93 }
.page .mod-scoreboard.style7 .next{ left:auto; right:-50px }
.page .mod-scoreboard.style7 .next:focus, 
.page .mod-scoreboard.style7 .prev:focus{ outline:1px solid #000 }
.page .mod-scoreboard.style7 .event-box.meet .team-logos::before {background: url(/images/setup/2019/default_team_logo.png) 50% 50% / 100% 100% no-repeat;}
/*NEWS*/
.section-news{ position:relative }
.section-news .section-header{ position:relative; left:0; font-size:1.875rem; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.125em  }
.page .mod-more-news.style2 .story{ background:#fff; color:#434343 }
.page .mod-more-news.style2 .heading .title{ color:#000; font-weight:500 }
.page .mod-more-news.style2 .heading .title:hover,
.page .mod-more-news.style2 .heading .title:focus{ color:#0d4c93 }
.page .mod-more-news .load-more{ display:none }
.section-news .news-btn{ position:absolute; right:0; top:10px; text-transform:uppercase; color:#fff; font-weight:500; letter-spacing:0.125em }
.section-news .news-btn:hover,
.section-news .news-btn:focus{ color:#ccc }

/*AOTW*/
.section-aotw .section-header{ color:#fff }
.page .mod-aotw.style4{ background:url(/images/setup/2019/spotlight_title2024.png) no-repeat 20px 50%; color:#fff }
.page .mod-aotw.style4 .thumb{ border:none }
.page .mod-aotw.style4 .athlete .title{ font-weight:600; color:#fff; background:rgba(0,0,0,0.9) }
.page .mod-aotw.style4 .athlete .sport{ font-weight:500; font-weight:1.125em; text-transform:capitalize }

/*VIDEO*/
.section-video .section-header{ position:relative; left:0; font-size:1.875rem; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.125em  }
.section-video .section-header:before{ content:'\e822'; font-family: "GlyphIcons"; font-weight:normal }
.page .mod-recent-videos.style1 .playlist{ padding:0 }
.page .mod-recent-videos.style1 .item{ border-bottom:none }
.page .mod-recent-videos.style1 .item .title{ display:block; color:#000; font-weight:500; min-height: 2.4em;font-size: 1.42em;line-height: 1.2em;overflow: hidden }
.page .mod-recent-videos.style1 .item .title:hover,
.page .mod-recent-videos.style1 .item .title:focus{ color:#0d4c93 }
.page .mod-recent-videos .view-all{ display:none }
.page .mod-recent-videos.style1 .slick-prev, 
.page .mod-recent-videos.style1 .slick-next{ left:-50px; background:none }
.page .mod-recent-videos.style1 .slick-next{ left:auto; right:-50px }
.page .mod-recent-videos.style1 .slick-prev:focus, 
.page .mod-recent-videos.style1 .slick-next:focus{ outline:1px solid #000 }

/*SOCIAL STREAM*/
.social-section .content-col { margin-bottom:20px }
.social-section .twitter-feed,
.social-section .facebook-widget,
.social-section .youtube-wrapper,
.social-section .instagram-feed { height:400px; border:1px solid #ccc; overflow:auto }
.social-section  .content-col { float:left; width:33.33%; padding:0 10px; box-sizing:border-box } 
.page .mod-social.style2 .mod-social-heading{ font-size:1.875rem; font-weight:700; color:#fff; margin:0;letter-spacing:0.125em }

.landing-row.schedule-row{ background:url(/images/setup/2019/bg_events_row.jpg) no-repeat #fff; background-size:100% 100%; color:#0d4c93; margin:0; padding:35px 0 }
.landing-row.news-row{ background:#0d4c93; color:#fff; padding:45px 0; margin:0 }
.landing-row.aotw-row{ background:url(/images/setup/2019/bg_spotlight_row.jpg) no-repeat 50% 50%; background-size:cover; color:#0d4c93; margin:0; padding:25px 0 0 }
.landing-row.bottom-row{ background:url(/images/setup/2019/bg_social_row.jpg) no-repeat fixed #0d4c93; color:#fff; background-size:cover; margin:0; padding:45px 0 }

/*-------------------------------------------------------------------- 
  SITE SPECIFIC COLORS FOR INTERNAL PAGES 
  --------------------------------------------------------------------*/

/* STAFF DIRECTORY */
.staff-directory th { background:#0d4c93; color:#fff }

/* ROSTER */
.roster th,
.roster td { padding:5px 10px; text-align:left }
.roster .roster-header { background:#0d4c93; color:#fff }
.roster .roster-header a { color:#fff }

/* SCHEDULE */
.schedule-list table th { background-color:#0d4c93; color:#fff }

/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#0d4c93 }
.stats-wrapper th,
.stats-wrapper td { font-size:0.875rem; padding:5px }
.highlights.highlights-standalone .stat { color: #fff; }
	
/* BIO */
.bio-wrap .head { background:#0d4c93; color:#fff }
.bio-wrap .head a { color:#fff }

.page .mod-social .twitter-feed .tweet .userinfo a{ text-decoration:underline }

/* ==============
   MEDIA QUERIES
   ============== */

/*-----------------------------------------
  DESKTOP SPECIFIC STYLES 
  -----------------------------------------*/

@media only screen and (min-width:1024px) {

.page { padding-top:155px }

.page .mod-site-header.style1{ position:absolute; left:0; right:0; top:0; background:url(/images/setup/2019/header_bg.png) repeat-x #0d4c93; color:#fff }
.page .mod-site-header.style1 .header-text{ background:none; line-height:60px }
.page .mod-site-header.style1 .site-title a{ top:22px; margin-left:-135px; width:auto }

.sticky-header .page .mod-site-header.style1 { position:fixed; left:0; right:0; top:-55px  }
.sticky-header .page .mod-site-header.style1 .site-title a img{ display:none }
.sticky-header .page .mod-site-header.style1 .site-title a:after{ content:''; display:block; width:121px; height:100px; background:url(/images/setup/2019/sticky_logo.png) no-repeat; margin:48px 0 0 75px  }

.landing-row { margin-top:20px; overflow:hidden }
.landing-row:first-of-type { margin-top:0 }
.landing-row .landing-row-offset { margin:0 -10px }
.landing-row > div { max-width:1172px; margin:0 auto; padding:20px; box-sizing:border-box }
.landing-row > div:after { content:""; display:block; clear:both }
.landing-row.no-pad > div { padding:0 }
.landing-row.no-bounds > div { max-width:none }

.landing-row .landing-col { float:left; padding:0 10px; box-sizing:border-box }
.landing-row .landing-col.span1 { width:8.33333333333% }
.landing-row .landing-col.span2 { width:16.6666666667% }
.landing-row .landing-col.span3 { width:25% }
.landing-row .landing-col.span4 { width:33.3333333333% }
.landing-row .landing-col.span5 { width:41.6666666667% }
.landing-row .landing-col.span6 { width:50% }
.landing-row .landing-col.span7 { width:58.3333333333% }
.landing-row .landing-col.span8 { width:66.6666666667% }
.landing-row .landing-col.span9 { width:75% }
.landing-row .landing-col.span10 { width:83.3333333333% }
.landing-row .landing-col.span11 { width:91.6666666667% }
.landing-row .landing-col.span12 { width:100% }

.landing-row .landing-col.offset1 { margin-left:8.33333333333% }
.landing-row .landing-col.offset2 { margin-left:16.6666666667% }
.landing-row .landing-col.offset3 { margin-left:25% }
.landing-row .landing-col.offset4 { margin-left:33.3333333333% }
.landing-row .landing-col.offset5 { margin-left:41.6666666667% }
.landing-row .landing-col.offset6 { margin-left:50% }
.landing-row .landing-col.offset7 { margin-left:58.3333333333% }
.landing-row .landing-col.offset8 { margin-left:66.6666666667% }
.landing-row .landing-col.offset9 { margin-left:75% }
.landing-row .landing-col.offset10 { margin-left:83.3333333333% }
.landing-row .landing-col.offset11 { margin-left:91.6666666667% }


/* NAVIGATION */
.page .mod-site-header.style1 .dropnav{ background:url(/images/setup/2019/header_bg.png) repeat-x 0 -53px #0d4c93; color:#fff; font-family:'Rajdhani', arial; font-size:1rem; border-top:1px solid #e4e4e4 }
.page .mod-site-header.style1 .dropnav > ul{ height:100px; padding:0 20px 0 }
.page .mod-site-header.style1 .dropnav .nav1{ position:static }
.page .mod-site-header:not(.style4) .dropnav .nav > a{ line-height:100px; color:#fff; font-size:1.3125em; font-weight:600 }
.page .mod-site-header:not(.style4) .dropnav .nav.show,
.page .mod-site-header:not(.style4) .dropnav .nav > a:hover{ background:none; color:#ccc }
.page .mod-site-header.style1 .dropnav .nav.show > a{ border-bottom:none }
.page .mod-site-header.style1 .dropnav .nav.show > a:after,
.page .mod-site-header.style1 .dropnav .nav:hover > a:after { content:''; display:block;background:url(/images/setup/2019/dropdown_arrow.png) no-repeat 0 0; width:25px; height:7px; position:absolute; left:50%; margin-left:-15px; bottom:-3px; z-index:1 }
.page .mod-site-header:not(.style4) .dropnav .nav > .submenu { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; min-width:200px; padding:40px 20px; text-align:center; background:rgba(201,205,208,0.9); white-space:nowrap }
.page .mod-site-header:not(.style4) .dropnav .nav.show > .submenu,
.page .mod-site-header:not(.style4) .dropnav .nav.focus > .submenu{opacity: 1;visibility: visible;-ms-transition: all .5s .2s ease;-moz-transition: all .5s .2s ease;transition: all .5s .2s ease }
.page .mod-site-header.style1 .dropnav .nav1 > .submenu { right:0 }
.page .mod-site-header:not(.style4) .dropnav .submenu a{ color:#093566 }
.page .mod-site-header:not(.style4) .dropnav .submenu a:hover,
.page .mod-site-header:not(.style4) .dropnav .submenu a:focus{ color:#000 }
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul,
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu {text-align:left; margin-left:30px }
.page .mod-site-header:not(.style4) .dropnav .submenu.level1 > ul > .has-submenu > a{ color:#000; font-weight:700; font-size:1.325em; letter-spacing:0.125em;max-width: 100% }
.page .mod-site-header:not(.style4) .dropnav .submenu.level2 .has-submenu li a{ padding:0 10px; font-weight:500; font-size:1em }
.page .mod-site-header.style1 .dropnav .submenu.level2 .has-submenu > a{  font-weight:600; font-size:1.25em; color:#093566; letter-spacing:0.0125em }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="facebook"],
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="twitter"],
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="instagram"]{ position:relative; height:30px; width:15px; line-height:30px; font-size:1em; overflow:hidden; color:#093566; padding:0 5px }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="facebook"]:before,
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="twitter"]:before,
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="instagram"]:before{ content:'\e81c'; display:block; padding:0; font-family:'glyphicons'; font-style:normal; text-align:center }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="twitter"]:before{ content:'\e81d' }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="instagram"]:before{ content:'\e81f' }
.page .mod-site-header.style1 .dropnav .submenu.level1 a[rel="wiki-link"]  + a { display:none !important }

.secondary-nav { position:relative; z-index:2; padding:10px; font-family:'Rajdhani', arial; font-size:1rem; color:#093566; background:#d1d5d8 }
.secondary-nav > div{ max-width:1172px; margin:0 auto }
.secondary-nav h1 { float:left; margin-bottom:0; color:#000; font-size:1.5em; font-weight:700;letter-spacing:0.125em; padding-left:30px; text-transform:uppercase }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { float:right; margin-top:5px }
.secondary-nav li { float:left }
.secondary-nav li a {  padding:5px 10px; color:#093566; text-decoration:none }
.secondary-nav li.focus a,
.secondary-nav li:hover a { color:#000; text-decoration:none }
.secondary-nav li:before { content:" " }
.secondary-nav li:first-child:before,
.secondary-nav .has-nav li:before { display:none }
.secondary-nav .has-nav { position:relative }
.secondary-nav .has-nav.focus > a,
.secondary-nav .has-nav:hover > a { color:#fff; background:#000 }
.secondary-nav .has-nav > ul { display:none; position:absolute; right:0; padding:10px; background:#000; border-radius:5px 0 }
.secondary-nav .has-nav.focus > ul,
.secondary-nav .has-nav:hover > ul { display:block }
.secondary-nav .has-nav li { float:none }
.secondary-nav .has-nav li a { display:block; min-width:100px; padding:0; color:#fff; white-space:nowrap }
.secondary-nav .has-nav li.focus a,
.secondary-nav .has-nav li:hover a { color:#ccc }
.secondary-nav .has-nav .has-nav { position:relative }
.secondary-nav .has-nav .has-nav > ul { top:0; right:100% }

}

@media only screen and (max-width:1198px) {
    
.page .mod-site-header.style1{ background:#0d4c93 }
.page .mod-site-header.style1 .site-title a{ margin-left:0 }

.page .mod-site-header.style1 .dropnav > ul{padding:0; height:85px }
.page .mod-site-header:not(.style4) .dropnav .nav.show{ background:none }
.page .mod-site-header:not(.style4) .dropnav .nav > a{ line-height:85px; font-size:1.25em; padding:0 15px }
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul, 
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu{ margin-left:0 }


.page .mod-scoreboard.style7 .next, 
.page .mod-scoreboard.style7 .prev{ left:0;  }
.page .mod-scoreboard.style7 .next{ left:auto; right:0 }

.page .mod-recent-videos.style1 .slick-prev, 
.page .mod-recent-videos.style1 .slick-next{ left:0  }
.page .mod-recent-videos.style1 .slick-next{ left:auto; right:0 }


}

/*---------------------------------------------------------------- 
  COMMON STYLES FOR MOBILE AND TABLET 
  ----------------------------------------------------------------*/

@media only screen and (max-width:1023px) {

body { padding:0 }


.page .mod-site-header.style1 .dropnav > ul{ height:auto }
.page .mod-site-header:not(.style4) .dropnav .nav > a{ line-height:2.125em; font-size:1em; padding:0 .625em }
/*.page .mod-site-header.style1 .dropnav .submenu.level1 > ul, */
/*.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu{ margin-left:0 }*/

.secondary-nav { background:#d1d5d8; color:#000 }
.secondary-nav h1 { position:relative; margin:0; padding:10px; font-size:1.5rem; color:#000; font-weight:700 }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { display:none }
.secondary-nav.active > div > ul { display:block }
.secondary-nav h1:after { content:""; width:0; height:0; border-style:solid; border-color:#eee transparent transparent; border-width:5px 5px 0; position:absolute; right:10px; top:50%; margin-top:-2px }
.secondary-nav.active h1 { background:rgba(0,0,0,0.3) }
.secondary-nav.active h1:after { border-color:transparent transparent #000; border-width:0 5px 5px }
.secondary-nav li { border-top:1px solid #8c8c8c }
.secondary-nav li:first-child { border-top:none }
.secondary-nav li a { display:block; padding:5px 10px; color:#000; text-transform:none; text-decoration:none }
.secondary-nav .has-nav > a { display:none }

.page .mod-news-rotator.style3 .story-box{ background:#fff }
.page .mod-news-rotator.style3 .story-box .title{ font-size:1.25em; letter-spacing:0 }

.page .mod-scoreboard.style7 .next, 
.page .mod-scoreboard.style7 .prev{ left:0;  }
.page .mod-scoreboard.style7 .next{ left:auto; right:0 }

.page .mod-aotw.style4{ background:none }
.page .mod-aotw.style4 .aotw-heading{ background:url(/images/setup/2019/spotlight_title.png) no-repeat; max-width:400px; height:141px; margin:0 auto; background-size:330px auto; text-indent:-9999px }

.landing-row.news-row > div,
.landing-row.video-row > div{ padding:10px }

.page .mod-more-news.style2 .story:last-child{ margin:0 auto }

}

/*---------------------------------------
  ADJUSTMENTS FOR MOBILE  
  ----------------------------------------*/

@media only screen and (max-width:767px) {

h1 { font-size:1.75rem }
h2 { font-size:1.5rem }
h3 { font-size:1.375rem }
h4 { font-size:1.25rem }
h5 { font-size:1rem }
h6 { font-size:0.875rem }

.page .mod-social.style2 .mod-social-heading{ text-align:center }
.social-section  .content-col{ width:100%; clear:left; text-align:center }

.section-news .news-btn{ position:static; text-align:center; display:block }

}

@media only screen and (max-width:600px) {
    
.page .mod-aotw.style4 .athlete{ background:#000 }

}

/* CAMPS */
.camp-box > h2 {background-color: #5B5B5B!important;}
.camp-box button:hover {background: #5B5B5B!important;}
.camp-box button {background: #231F20!important; color: #fff;}
.camp-box button:before {background: #5B5B5B!important;}