/* ==============
GLOBAL STYLES
============== */
/* WEB FONTS */
@font-face {
font-family: 'impact';
src: url('impact-webfont.woff2') format('woff2'),
url('impact-webfont.woff') format('woff');
font-weight: 400;
font-style: normal;
}
.accent-bg,
.accent-bg th { color:#fff !important; background:#000 !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:#222 }
a:focus,
a:hover { color:#444 }
a[rel="wiki-link"] { padding:3px; font-size:0.75rem; color:#000 !important; background:#86bbe5 !important }
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 }
.body-container { max-width:1172px; margin:0 auto }
.landing .body-container { max-width:none }
.mainbody { display:block; padding:10px; color:#000; background:#fff }
.landing .mainbody { padding:0; background:none }
.section-header { position:absolute; left:-9999px; color:#000 }
.navbar-image ul { list-style:none; margin:0 }
.navbar-image li img { vertical-align:top }
/*FOOTER*/
.mod-site-footer.style4{ font-family: 'Roboto Condensed', arial; font-weight: 400; color:#fff }
.mod-site-footer.style4 .footer-address span{ display: inline-block;margin: 0 10px;font-family: 'impact', arial;font-weight: 400; font-size: 1.25em; letter-spacing:0.025em; }
.mod-site-footer.style4 .footer-address a { color:#fff }
.mod-site-footer.style4 a.privacy-policy{ color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:700 }
/*CAROUSEL*/
.page .mod-news-rotator.style4 .story-box{ font-family: 'impact', arial; font-weight:400; color:#fff }
.page .mod-news-rotator.style4 .story-box .title{ color:#fff; font-weight:400; text-transform:capitalize; transition:0.3s }
.page .mod-news-rotator.style4 .story-box .title:hover{ color:#85BBE5 }
/* NEXT EVENT*/
.section-next-event .section-header{ color:#85BBE5 }
.page .mod-next-event.style1{ color:#fff; font-family:'impact', arial; font-weight:400; letter-spacing:0.125em }
.page .mod-next-event.style1 .team-names { color:#85BBE5; font-weight:400; font-size:1.8em }
.page .mod-next-event.style1 .team-logos .team-logo{ background:#fff; margin:0 20px }
.page .mod-next-event.style1 .date-status-sport{ font-weight:400; font-size:1.125em; margin:25px 150px 0 }
.page .mod-next-event.style1 .countdown-container .countdown li .countdown-label{ font-family: 'Roboto', arial; font-weight:700 }
/*SCOREBOARD*/
.section-scoreboard .section-header { position:static; font-size:2.25em; font-family:'impact', arial;text-transform:uppercase; text-align:center; color:#fff;font-weight: 400;letter-spacing: 0.125em;margin-bottom:20px }
.section-scoreboard .full-schedule-btn { position:absolute; left:50%; margin-left:-120px; bottom:55px; font-size:1.125em; letter-spacing:0.125em; font-family:'impact', arial; font-weight:400; color:#000; text-transform:uppercase }
.section-scoreboard .full-schedule-btn:before { content:'\e803'; padding-right:5px; font-family:'glyphicons'; color:#000 }
.page .mod-scoreboard.style5 .event-box{ background:#fff; border:none; }
.page .mod-scoreboard.style5 .event { font-weight:400 }
.page .mod-scoreboard.style5 .event .date{ font-family:'impact', arial; font-weight:400 }
.page .mod-scoreboard.style5 .event .links{ background:#000 }
.page .mod-scoreboard.style5 .event .links a{ color:#86bbe5 }
.page .mod-scoreboard.style5 .event .links .sep{ color:#fff }
.page .mod-scoreboard .event-box .sport{ font-family:'impact', arial; font-weight:400 }
/* AOTW */
.page .mod-aotw.style1 .athletes{ position:relative }
.page .mod-aotw.style1 .title{ font-family: 'impact';font-weight: 400 }
/*SOCIAL ICONS*/
.social-links ul { list-style:none; margin:0; padding:0 }
.social-links li { display:inline-block; vertical-align:top; margin:0 2px }
.social-links li a { display:block; font-size:1.2rem; color:#fff; transition:0.3s }
.social-links li a:hover { color:#85BBE5 }
.social-links li a .text { position:absolute; left:-9999px; color:#fff; background:#000 }
/*MORE NEWS*/
.section-more-headlines .section-header{ position:static; font-family:'impact', arial; font-weight:400; text-transform:uppercase; letter-spacing:0.125em; letter-spacing: 0.125em;border-bottom: 3px solid #000;font-size: 1.25em;padding: 20px 0; color:#000 }
.section-more-headlines{ padding:20px 20px 20px 0 }
.section-more-headlines .news-btn{ float:right; font-family:'impact', arial; font-weight:400; text-transform:uppercase; letter-spacing:0.025em; font-size:1.125em }
.section-more-headlines .news-btn:after{ content:''; display: inline-block; margin-left: 5px; border: 6px solid transparent;border-left-color: #000 }
.page .mod-more-news .story{ padding:20px 0 }
.page .mod-more-news .title{ font-family: 'Roboto Condensed', arial; font-weight:400; color:#555555; letter-spacing:-0.025em }
.page .mod-more-news .date-sport,
.page .mod-more-news .related-links { display:none }
/* YOUTUBE */
.youtube-wrapper .playlist { height:178px; overflow:auto; background:#fff }
.youtube-wrapper .playlist ul { margin:0; list-style:none }
.youtube-wrapper .playlist li { display:block; padding:5px; cursor:pointer; transition:0.3s }
.youtube-wrapper .playlist li:nth-child(even) { background:#ececec }
.youtube-wrapper .playlist li:nth-child(even):hover,
.youtube-wrapper .playlist li:hover { background:#86BBE5 }
.youtube-wrapper .playlist li img { float:left; max-width:115px; margin-right:10px }
.youtube-wrapper .playlist li a { font-weight:700; text-decoration:none; color:#000; transition:0.3s }
/*PHOTO GALLERY*/
.page .mod-photo-gallery.style1 .gallery .title{ font-family: 'Roboto Condensed', arial; font-weight:400 }
.page .mod-photo-gallery.style1 .gallery .title .text{ font-family: 'impact' , arial; font-weight:400; font-size:1.25em }
.page .mod-photo-gallery.style1 .gallery:hover .thumb::after { border-color:rgba(255,255,255,0.1);}
/*.landing-row.scoreboard-row{ position:relative; background:url(/images/setup/bg_scoreboard_row.jpg) no-repeat 50% 50% #fff; background-size:cover }*/
.landing-row.next-event-row{ position:relative; background:url(/images/setup/bg_scoreboard_row.jpg) no-repeat 50% 50% #fff; background-size:cover; padding: 25px; }
.landing-row.photo-gallery-row{ background:url(/images/setup/bg_photo_gallery_row.png) repeat #fff; margin:0; padding:15px 0 }
.landing .wrapper { background:url(/images/setup/bg_bottom.jpg) no-repeat 50% 100%; background-size:2000px auto }
/*--------------------------------------------------------------------
SITE SPECIFIC COLORS FOR INTERNAL PAGES
--------------------------------------------------------------------*/
/* STAFF DIRECTORY */
.staff-directory th { background:#000; color:#fff }
/* ROSTER */
.roster th,
.roster td { padding:5px 10px; text-align:left }
.roster .roster-header { background:#000; color:#fff }
.roster .roster-header a { color:#fff }
/* SCHEDULE */
.schedule-list table th { background-color:#000; color:#fff }
/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#000 }
.stats-wrapper th,
.stats-wrapper td { font-size:0.875rem; padding:5px }
.highlights.highlights-standalone .stat { color: #fff; }
/* BIO */
.bio-wrap .head { background:#000; color:#fff }
.bio-wrap .head a { color:#fff }
/* ==============
MEDIA QUERIES
============== */
/*-----------------------------------------
DESKTOP SPECIFIC STYLES
-----------------------------------------*/
@media only screen and (min-width:1024px) {
.page { position:relative;background:url(/images/setup/page_bg.jpg) no-repeat 50% 0 fixed #000; background-size:cover }
.mainbody { min-height:500px; padding:20px; position:relative }
.landing .mainbody { min-height:0; padding:0 }
.page .mod-site-header.style1{ background:#000; margin-bottom:20px }
.page .mod-site-header.style1 .site-title{ z-index:2 }
.page .mod-site-header.style1 .header-text{ background:#000; color:#fff; padding:10px}
.mobile-menu-bar { display:none }
.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.aotw-row > div{ max-width:800px }
.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.carousel-row > div{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2) }
.landing-row.scoreboard-row{ padding:50px 0 }
.social-links { position:absolute; right:85px; top:15px; z-index:3 }
.page .mod-site-header.style1 .dropnav{ background:url(/images/setup/header_bar_bg.png) repeat-x 0 bottom #fff; color:#000; font-family: 'Roboto', arial; }
.page .mod-site-header.style1 .dropnav > ul{ height:143px }
.page .mod-site-header.style1 .dropnav .nav1{ position:static }
.page .mod-site-header.style1 .dropnav .nav > a{ font-family:'impact', arial; font-weight:400; font-size:1.3125em; color:#000; letter-spacing:0.055em }
.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/dropdown_arrow.png) no-repeat 0 0; width:25px; height:7px; position:absolute; left:50%; margin-left:-15px; bottom:-48px; z-index:1 }
.page .mod-site-header.style1 .dropnav .nav > .submenu { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; min-width:200px; padding:40px 0; text-align:center; background:rgba(0,0,0,0.8); white-space:nowrap }
.page .mod-site-header.style1 .dropnav .nav1 > .submenu { right:0 }
.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:150px }
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu:first-of-type:before{content:''; height:2px; position:absolute; top:15px; left:35%; width:65%; background:#fff }
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu:before {content:''; height:2px; position:absolute; top:15px; left:43%; width:57%; background:#fff }
.page .mod-site-header:not(.style4) .dropnav .submenu.level1 > ul > .has-submenu > a{ font-family:'impact', arial; font-weight:400; 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 8px; font-size:1em }
.page .mod-site-header.style1 .dropnav .submenu.level2 .has-submenu > a{ font-family:'impact', arial; font-weight:400; font-size:1.25em; }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="twitter"],
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="facebook"],
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="instagram"] { position:relative; height:18px; width:16px; font-size:14px; overflow:hidden; color:#fff; padding:0 }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="twitter"]:before,
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="facebook"]:before,
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="instagram"]:before { content:'\e81d'; display:block; padding:0; font-family:'glyphicons'; font-style:normal; text-align:center; border-radius:3px }
.page .mod-site-header.style1 .dropnav .submenu.level3 li a[href*="facebook"]:before { content:'\e81c' }
.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; margin:-20px 0 20px; font-size:1rem; color:#fff; background:#000; font-weight:400 }
.secondary-nav > div { max-width:1172px; margin:0 auto; padding:20px 10px }
.secondary-nav h1 { float:left; margin-bottom:0; color:#fff; font-size:1.5em;text-transform: uppercase;font-family: 'impact', arial;font-weight: 400; letter-spacing: 0.125em }
.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:#fff; text-decoration:none }
.secondary-nav li.focus a,
.secondary-nav li:hover a { color:#85BBE5; 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:#85BBE5 }
.secondary-nav .has-nav > ul { display:none; position:absolute; right:0; padding:10px; background:#85BBE5; 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:#000; white-space:nowrap }
.secondary-nav .has-nav li.focus a,
.secondary-nav .has-nav li:hover a { color:#fff }
.secondary-nav .has-nav .has-nav { position:relative }
.secondary-nav .has-nav .has-nav > ul { top:0; right:100% }
.landing-row.scoreboard-row{ position:relative; background-attachment:fixed }
.page .mod-news-rotator.style4 .dots{ display:none !important }
.page .mod-aotw.style1 .aotw-heading{ background:url(/images/setup/featured_seahawk2.png) no-repeat 0 20px; color:#fff; width: 583px; max-width:none; height: 380px; text-indent:-9999px; margin:-30px 0 0 270px }
.page .mod-aotw.style1 .athletes { height: 400px; }
.section-next-event .section-header{ color:#000 }
.page .mod-next-event.style1 .team-names{ position:absolute; left:0; right:0}
.page .mod-next-event.style1 .team-names .team { color: #000; }
/* SOCIAL */
.section-widget { width:50%; margin:0 auto; text-align:center; background:#fff }
.section-widget .section-header { position:static; font-family:'ralewaybold', arial; font-size:1.5rem; text-transform:uppercase; line-height:6.5rem; color:#fff; background:#A0CAEB }
.section-widget .section-header .icon { padding-right:1rem; font-weight:400; font-size:2.1rem }
.section-widget iframe { vertical-align:top }
/* INSTAGRAM FEED */
.instagram-feed { position:relative; height:500px; padding:0.2rem; overflow:auto; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box }
.instagram-feed ul { margin:0; list-style:none }
.instagram-feed img { vertical-align:middle; width:100% }
.instagram-feed img.lazyload,
.instagram-feed img.lazyloading { opacity:0; transform:scale(0) }
.instagram-feed img.lazyloaded { opacity:1; transition:opacity .8s, transform .4s; transform:scale(1); transition-delay:.4s }
.instagram-feed .item { width:33.33%; float:left }
.instagram-feed .item .gutter { padding:0.1rem }
.instagram-feed .item .placeholder { position:relative; padding-top:100% }
.instagram-feed .load-more { font-size:1.2rem; text-align:center; cursor:pointer }
.instagram-feed .load-more span { position:absolute; left:0; right:0; top:50%; margin-top:-1em; color:#444; text-transform:uppercase }
.instagram-feed .item a { display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#ccc; text-decoration:none }
.instagram-feed .item.video a:before { content:"\e80a"; position:absolute; left:0; right:0; top:50%; z-index:2; font-family:'glyphicons'; font-size:3rem; line-height:1; margin-top:-1.5rem; color:#eee; text-align:center; text-shadow:0 0 0.2rem rgba(0,0,0,0.5); speak:none }
.instagram-feed .item a:after { content:""; transition:background .6s ease-out }
.instagram-feed .item:hover a:after { position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; background:rgba(0,0,0,0.2) }
.instagram-feed .next,
.instagram-feed .prev { display:none }
}
@media only screen and (min-width:1024px) and (max-width:1130px){
.page .mod-site-header.style1 .dropnav > ul{ height:auto }
}
@media only screen and (max-width:1198px) {
.page .mod-site-header.style1 .dropnav > ul{ height:auto }
.page .mod-site-header.style1 .dropnav .nav > a{ letter-spacing:0 }
.page .mod-site-header.style1 .dropnav .nav.show > a:after,
.page .mod-site-header.style1 .dropnav .nav:hover > a:after { bottom:-5px }
.page .mod-site-header:not(.style4) .dropnav .nav.show{ background:none }
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul,
.page .mod-site-header.style1 .dropnav .submenu.level1 > ul > .has-submenu{ margin-left:20px }
.social-links{ position:static; text-align:center }
}
@media only screen and (max-width:1023px) {
.page .mod-site-header.style1 .dropnav > ul{ height:auto }
.page .mod-site-header.style1 .dropnav .nav > a{ font-size:1em }
.section-scoreboard .full-schedule-btn{ bottom:20px }
}
/*----------------------------------------------------------------
COMMON STYLES FOR MOBILE AND TABLET
----------------------------------------------------------------*/
@media only screen and (max-width:1023px) {
body { padding:0; background:#000 }
.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:#000; 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 }
.social-links { padding:10px; text-align:center; background:#85BBE5 }
.social-links li a{ color:#000 }
.page .mod-aotw.style1 .athlete{ float:none; margin:0 auto }
.section-header{position: relative;text-align: center;left: auto; color:#85BBE5 }
.landing-row.carousel-row,
.landing-row.scoreboard-row { padding:15px }
.landing-row.carousel-row { background:#fff }
.landing-row.carousel-row .section-header,
.landing-row.photo-gallery-row .section-header,
.page .mod-aotw .aotw-heading{ color:#000 }
.section-more-headlines{ padding:10px; background:#fff }
.page .mod-site-footer.style4{ padding:10px 15px 30px }
.section-widget { padding:2rem; text-align:center; background:#fff }
.section-widget .section-header { position:static; margin:-2rem -2rem 2rem; line-height:5rem; background: #A0CAEB; }
.instagram-feed { height: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 }
.mobile-menu-bar { position:absolute; min-width:150px; right:5px; top:0; height:80px; padding:0; background:none; white-space:nowrap; overflow:hidden }
.mobile-menu-bar ul { position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) }
.mobile-menu-bar li a { padding:10px; line-height:1; background:#333; box-sizing:border-box }
.mobile-menu-bar li .text { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0) }
.page .mod-next-event.style1 .date-status-sport{ letter-spacing:0; font-size:1em; margin:0 }
.page .mod-news-rotator.style4 .story-box .title{ color:#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;}