.page .mod-site-header.style2 { color:#fff; background:#256fc1 }
.page .mod-site-header.style2 .site-title { position:relative; top:5px }
.page .mod-site-header.style2 .mobile-menu-bar li a { color:#256fc1; background:#edd100 }
.page .mod-site-header.style2 .dropnav { background:#256fc1 }
.page .mod-site-header.style2 .dropnav .active > .submenu { background:#164374 }
.page .mod-site-header.style2 .dropnav li { border-top:1px solid #edd100 }
.page .mod-site-header.style2 .social-links li a { color:#256fc1 }

.landing-row.gallery-row { background:#dddee0 }
.landing-row.sponsor-row { background:#fff }

.landing-row.social-row { display:none }
.section-social .section-header { position:static; text-transform:uppercase; text-align:center; margin-bottom:-25px; letter-spacing:5px; font-size:80px; font-family:"Quantico",arial; font-weight:700; color:#204068 }
.section-social .mod-social .content-col { float:left; width:33.33%; padding:0 15px; box-sizing:border-box } 
.section-social .mod-social.style2 .mod-social-heading { position:relative; padding:5px; font-size:1.3125rem; text-align:center; background:#edd100; font-family:"Quantico",arial; color:#224d84; margin:0; ; font-weight:700 }
.section-social .mod-social.style2 .mod-social-heading .icon { margin-right:0 }
.section-social .mod-social.style2 .facebook-wrapper,
.section-social .mod-social.style2 .twitter-feed,
.section-social .mod-social.style2 .instagram-feed { position:relative;  padding:10px; background:#fff }
.section-social .mod-social.style2 .instagram-feed .feed,
.section-social .mod-social.style2 .twitter-feed .feed {  height:490px; overflow:auto }


.landing .mod-graphic-carousel.style1 .slider { padding:10px 40px }
.landing .mod-graphic-carousel.style1 .slick-slide { padding:0 }
.landing .mod-graphic-carousel.style1 .slick-prev { left:-40px; text-shadow:none } 
.landing .mod-graphic-carousel.style1 .slick-next { right:-40px; text-shadow:none }
.landing .mod-graphic-carousel.style1 .slick-prev:before,
.landing .mod-graphic-carousel.style1 .slick-next:before { font-size:1.6rem }

.landing-row.gallery-row { padding:10px 40px }
.section-gallery .section-header { position:static; text-transform:uppercase; text-align:center; margin-bottom:0; font-size:30px; font-family:"Quantico",arial; font-weight:700; color:rgba(147, 148, 149, 0.95) }
.section-gallery .mod-photo-gallery.style2 { padding:0; margin:0 -10px }
.section-gallery .mod-photo-gallery.style2 .gallery { border:none; min-height:240px }
.section-gallery .mod-photo-gallery.style2 .view-all { display:none }
.section-gallery .mod-photo-gallery.style2 .gallery .title { font-size:1.15em; font-family:"Quantico",arial; font-weight:700; color:#2267b4 }
.section-gallery .mod-photo-gallery.style2 .slick-prev,
.section-gallery .mod-photo-gallery.style2 .slick-next { text-shadow:none }
.section-gallery .mod-photo-gallery.style2 .slick-prev:before,
.section-gallery .mod-photo-gallery.style2 .slick-next:before { font-size:1.6rem }

.landing-row.scoreboard-row { padding:20px 40px; background:#d4d5d7 }
.section-scoreboard .section-header { position:static; text-transform:uppercase; text-align:center; margin-bottom:0; font-size:40px; font-family:"Quantico",arial; font-weight:700; color:rgba(147, 148, 149, 0.95) }
.section-scoreboard .mod-scoreboard.style1 { padding:0; margin:0 -10px }
.section-scoreboard .mod-scoreboard.style1 .event-box { font-family:"Nunito Sans",arial; margin:0 10px }
.section-scoreboard .mod-scoreboard.style1 .event-box .event { background:#fff; padding:0 25px 60px; color:#000; text-align:left; min-height:400px; }
.section-scoreboard .mod-scoreboard.style1 .event-box .date-status { background:#1b508c; margin:0 -25px; font-family:"Quantico",arial; font-weight:700; font-size:1rem; text-align:center; color:#edd100 }
.section-scoreboard .mod-scoreboard.style1 .event-box .sport { text-align:left; font-size:18px; font-family:"Quantico",arial; font-weight:700 }
.section-scoreboard .mod-scoreboard.style1 .event-box .name { font-size:0.95em }
.section-scoreboard .mod-scoreboard.style1 .event-box .sport a {  font-size:1.125em }
.section-scoreboard .mod-scoreboard.style1 .event-box .links a { color:#256fc1 }
.section-scoreboard .mod-scoreboard.style1 .event-box .links a:hover { color:#edd100 }
.section-scoreboard .mod-scoreboard.style1 .next,
.section-scoreboard .mod-scoreboard.style1 .prev { left:-35px; color:#256fc1 }
.section-scoreboard .mod-scoreboard.style1 .next { left:auto; right:-35px }
.section-scoreboard .mod-scoreboard.style1 .next:before,
.section-scoreboard .mod-scoreboard.style1 .prev:before { font-size:1.6rem }

.page .mod-site-footer.style1 { font-family:"Nunito Sans",arial; font-weight:600; font-size:1rem; color:#555; background:#dddee0 }
.page .mod-site-footer.style1 { font-family:"Nunito Sans",arial; font-weight:600; font-size:1rem; color:#555 }
.page .mod-site-footer.style1 a { color:#555 }
.page .mod-site-footer.style1 .title { text-transform:uppercase; font-family:"Quantico",arial; color:#256fc1; font-weight:700; font-size:1em } 
.page .mod-site-footer.style1 span { font-weight:700 }

/* ==============
   GLOBAL STYLES
   ============== */


.accent-bg,
.accent-bg th { color:#fff !important; background:#256fc1 !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:#fff; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none }

:focus { outline-color:#4d90fe }

a { color:#256fc1; text-decoration:none }
a:focus,
a:hover { color:#444; text-decoration:underline }

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 }

.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-footer { padding:30px 0; text-align:center; background:#eee }


/*-------------------------------------------------------------------- 
  SITE SPECIFIC COLORS FOR INTERNAL PAGES 
  --------------------------------------------------------------------*/

/* STAFF DIRECTORY */
.staff-directory th { background:#256fc1; color:#fff }

/* ROSTER */
.roster th,
.roster td { padding:5px 10px; text-align:left }
.roster .roster-header { background:#256fc1; color:#fff }
.roster .roster-header a { color:#fff }

/* SCHEDULE */
.schedule-list table th { background-color:#256fc1; color:#fff }

/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#256fc1 }
.stats-wrapper th,
.stats-wrapper td { font-size:0.875rem; padding:5px }
.highlights.highlights-standalone .stat { color: #fff; }
	
/* BIO */
.bio-wrap .head { background:#256fc1; color:#fff }
.bio-wrap .head a { color:#fff }

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

.page .mod-site-header.style2 .header-text { max-width:300px }

.section-scoreboard .section-header { font-size:65px }    
.section-gallery .section-header { font-size:55px }   

}

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

.page .mod-site-header.style2 .site-title { position:absolute; top:-11px }
.page .mod-site-header.style2 .header-text { top:25px; right:120px; font-size:1.15rem; max-width:none }
.page .mod-site-header.style2 .mobile-menu-bar { position:static; height:auto; padding:10px; color:#fff; background:#edd100; overflow:hidden }
.page .mod-site-header.style2 .mobile-menu-bar li a { background:#256fc1; color:#fff }
.page .mod-site-header.style2 .social-links { top:30px }
.page .mod-site-header.style2 .social-links li a { color:#fff }

.section-scoreboard .section-header { font-size:80px }    
.section-gallery .section-header { font-size:80px }   


}

/*-----------------------------------------
  DESKTOP SPECIFIC STYLES 
  -----------------------------------------*/

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

.page { position:relative; background:url(/images/setup/2019_bg_logo_overlay.png) no-repeat 50% 200px, url(/images/setup/2019_page_bg_Pattern.jpg) repeat 0 0; background-size:100% auto, auto auto; overflow:hidden }
.mainbody { min-height:500px; padding:20px; position:relative }
.landing .mainbody { min-height:0; padding:0 }

.body-container { margin-top:40px }
.internal-page .body-container { max-width:1170px; margin:40px auto 0 }

.page .mod-site-header.style2 { background:#256fc1 }
.page .mod-site-header.style2:before { top:-3px; border-bottom:3px solid #edd100 }   
.page .mod-site-header.style2 .header-text { display:block; position:absolute; left:205px; right:190px; top:10px; height:59px; background:url(/images/setup/2019_typography.png) no-repeat 50% 0; background-size:100% 59px; text-indent:-99999px  }
.page .mod-site-header.style2 .social-links { background:#edd100; padding:19px 15px 18px; top:0 }
.page .mod-site-header.style2 .social-links li { padding:0 3px }
.page .mod-site-header.style2 .social-links li a { color:#256fc1 }
.page .mod-site-header.style2 .social-links li:hover { background:#256fc1 }
.page .mod-site-header.style2 .social-links li:hover a { background:#256fc1; color:#edd100 }
.page .mod-site-header.style2 .site-title { z-index:2; top:15px }

.page .mod-site-header.style2 .dropnav { padding:0 0 0 205px; font-family:"Nunito Sans",arial }
.page .mod-site-header.style2 .dropnav > ul { height:80px }  
.page .mod-site-header.style2 .dropnav .nav > a { padding:30px 0 30px 25px; font-size:1.25em; font-weight:600; text-transform:capitalize }
.page .mod-site-header.style2 .dropnav .nav > a:hover { background:none; text-decoration:underline }
.page .mod-site-header.style2 .dropnav .nav.show { color:#fff; background:none }  
.page .mod-site-header.style2 .dropnav .nav.has-submenu.show > a:after { content:''; position:absolute; right:50%; bottom:-17px; margin-right:-25px; border:10px solid transparent; border-top-color:#256fc1 ; z-index:1 }
.page .mod-site-header.style2 .dropnav .nav > .submenu { padding:40px; background:rgba(20,54,91,0.9) }
.page .mod-site-header.style2 .dropnav .nav1 > .submenu  { left:-2000px; right:-2000px; padding:50px 1900px }
.page .mod-site-header.style2 .dropnav .submenu a { max-width:300px; line-height:1.5; font-weight:600 }
.page .mod-site-header.style2 .dropnav .submenu.level1 > ul,
.page .mod-site-header.style2 .dropnav .submenu.level1 > ul > .has-submenu { margin-left:20px }
.page .mod-site-header.style2 .dropnav .submenu.level1 > ul > .has-submenu > a { color:#edd100; font-size:1.5em; font-family:"Quantico",arial; font-weight:700; letter-spacing:5px; margin-bottom:15px }
.page .mod-site-header.style2 .dropnav .submenu.level2 .has-submenu > a { min-width:120px; font-family:"Quantico",arial; font-size:1.312em; font-weight:400 }
.page .mod-site-header.style2 .dropnav .submenu.level2 .has-submenu li a { padding:0 10px; font-weight:400 }
.page .mod-site-header.style2 .dropnav li { border:none }

.page .mod-site-footer.style1 { background:none }

.landing-row { overflow:hidden }
.landing-row .landing-row-offset { margin:0 -10px }
.landing-row > div { max-width:1170px; 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% }

.landing-row.social-row { display:block; background:url(/images/setup/2019_bg_social_row.jpg) no-repeat 50% 0; padding:50px 0; background-size:cover }
.landing-row.sponsor-row { background:#fff; padding:0 }
.landing-row.scoreboard-row { padding:40px 40px 50px; background:none }
.landing-row.gallery-row { padding:50px 40px; background:none }
.landing .mod-graphic-carousel.style1 .slider { padding:50px 40px }

.section-social .section-header { position:static; text-transform:uppercase; text-align:center; color:rgba(0,0,0,0.5) }
.section-scoreboard .section-header { margin-bottom:-25px; letter-spacing:5px }
.section-gallery .section-header { margin-bottom:-25px; letter-spacing:5px }   

.secondary-nav { position:relative; z-index:2; padding:15px; font-size:1rem; color:#fff; background:#1e4066; font-family:"Nunito Sans",arial }
.secondary-nav h1 { float:left; margin-bottom:0; color:#edd100; padding-left:235px; font-family:"Quantico",arial; letter-spacing:3px; font-size:1.5em; text-transform:uppercase }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div { max-width:1170px; margin:0 auto }
.secondary-nav > div > ul { float:right; margin-top:5px }
.secondary-nav li { float:left }
.secondary-nav li a { padding:5px 10px; color:#fff }
.secondary-nav li.focus a,
.secondary-nav li:hover a { color:#edd100 }
.secondary-nav .has-nav { position:relative }
.secondary-nav .has-nav.focus > a,
.secondary-nav .has-nav:hover > a { color:#fff; background:#edd100 }
.secondary-nav .has-nav > ul { display:none; position:absolute; right:0; padding:10px; background:#edd100; 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:#1e4066 }
.secondary-nav .has-nav .has-nav { position:relative }
.secondary-nav .has-nav .has-nav > ul { top:0; right:100% }

.landing .mod-news-rotator.style2 .story-box { position:relative; padding:30px 100px; font-family:"Nunito Sans",arial; color:#222; background:#fff }
.landing .mod-news-rotator.style2 .story-box .date-sport {  font-weight:700; text-transform:uppercase; letter-spacing:0.1rem }
.landing .mod-news-rotator.style2 .story-box .title {  font-size:1.875em; font-family:"Quantico",arial; max-height:2.2em; line-height:1.1em; letter-spacing:5px; font-weight:700; color:#222 }
.landing .mod-news-rotator.style2 .control:focus:after,
.landing .mod-news-rotator.style2 .control.active:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0;  border:5px solid #edd100; box-sizing:border-box; background:rgba(0,0,0,0.4) }
.landing .mod-news-rotator.style2 .next, 
.landing .mod-news-rotator.style2 .prev { top:55px; margin-top:56.25%; color:#000 }
.landing .mod-news-rotator.style2 .prev:before,
.landing .mod-news-rotator.style2 .next:before  { font-size:2rem; color:#edd000 }

}

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

.page .mod-site-header.style2 > div { min-height:150px }
.page .mod-site-header.style2 .dropnav .nav > a { letter-spacing:0 }

}

/*---------------------------------------------------------------- 
  COMMON STYLES FOR MOBILE AND TABLET 
  ----------------------------------------------------------------*/

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

body { padding:0 }


.secondary-nav { background:#1e4066; color:#fff }
.secondary-nav h1 { position:relative; margin:0; padding:10px; font-size:1.5rem; color:#fff; 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 #fff; 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:#fff; text-transform:none; text-decoration:none }
.secondary-nav .has-nav > a { display:none }


}

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

.page .mod-site-header .header-text { position:absolute; display:block; left:100px; top:18px; width:145px; font-size:0.86rem; font-weight:700; letter-spacing:0; text-transform:uppercase; line-height:1.2 }

}

/*---------------------------------------
  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 }

}

/* 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;}