/* ==============
GLOBAL STYLES
============== */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.accent-bg,
.accent-bg th { color:#fff !important; background:#233a75 !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', sans-serif; font-size:1rem; line-height:1.5; color:#444; background:#0054a6; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none }
:focus { outline:2px dashed #d51633 }
a { color:#0054a6 }
a:focus,
a:hover { color:#000 }
a[rel=wiki-link]{ color:#0054a6}
.splash-links-container > a:hover {color:#0054a6; 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 }
.navbar-image ul { list-style:none; margin:0 }
.navbar-image li img { vertical-align:top }
.section-header { position:absolute; left:-9999px }
.page .mod-social.style3 .mod-social-heading .gicon-twitter { color:#00acee }
.page .mod-social.style3 .mod-social-heading .gicon-facebook { color:#3b5998 }
.page .mod-social.style3 .mod-social-heading .gicon-instagram { color:#8134AF }
.page .mod-news-rotator.style5 .story-box{ background: rgba(0,84,166,.9); color:#fff }
.page .mod-news-rotator.style5 .story-box .title { color:#fff; text-decoration: none }
.page .mod-news-rotator.style5 .story-box .title:hover,
.page .mod-news-rotator.style5 .story-box .title:focus{ color:#ccc }
.page .mod-news-rotator.style5 .story-box .related-links a { text-decoration: none }
.page .mod-news-rotator.style5 .story-box .related-links a:hover,
.page .mod-news-rotator.style5 .story-box .related-links a:focus{ color:#ccc }
.page .mod-news-rotator.style5 .prev,
.page .mod-news-rotator.style5 .next { color: #d51633; }
.page .mod-news-rotator.style5 .prev:focus,
.page .mod-news-rotator.style5 .next:focus { outline:2px dashed #d51633 }
.page .mod-scoreboard.style7{ padding:0 }
.page .mod-scoreboard.style7 .event-box .links { border-top: none !important; }
.page .mod-scoreboard.style7 .event-box .date { color: #d51633;font-weight: 700; font-size:2em }
.page .mod-scoreboard .event-box .sport a { color: #0054a6; text-decoration: none;}
.page .mod-scoreboard.style7 .event-box .status {color: #0054a6; text-transform:capitalize }
.page .mod-scoreboard .event-box .sport{ font-size:1.2em }
.page .mod-scoreboard.style7 .event-box .opponent:before,
.page .mod-scoreboard.style7 .event-box .teams:before { background: url(/images/setup/Updated_Images/VS-AT.png) 50% -56px no-repeat !important ; }
.page .mod-scoreboard.style7 .event-box.away .opponent::before,
.page .mod-scoreboard.style7 .event-box.away .teams::before { background-position: 50% 1px !important; }
.page .mod-scoreboard.style7 .event-box span.icon { color: #d51633;}
.page .mod-scoreboard.style7 .event-box .team-names .name { color: #0054a6; }
.page .mod-scoreboard.style7 .event-box .team .score { color: #0054a6; font-weight: 700; }
.page .mod-scoreboard.style7 .next,
.page .mod-scoreboard.style7 .prev { margin-top: -2.3em; left:-50px; color:#0054a6 }
.page .mod-scoreboard.style7 .next{ left:auto; right:-50px }
.page .mod-scoreboard.style7 .next:focus,
.page .mod-scoreboard.style7 .prev:focus{ outline:2px dashed #d51633 }
.page .mod-site-footer { background: #fff; padding: 30px 0 0;border-top: 8px solid #d51633 }
.page .mod-site-footer p { color: #0054a6;font-weight: 400; font-size: 1.125em }
.page .mod-site-footer p .bold { font-weight: 700 }
.page .mod-site-footer a{ color:#000; text-decoration:none }
.page .mod-site-footer a:hover,
.page .mod-site-footer a:focus{ text-decoration:underline }
.page .mod-site-footer .presto-logo { background: #0054a6;padding: 5px 0;}
.page .mod-site-footer .footer-presto-logo { margin: 10px auto 0 !important; }
.landing-row.event-row .mod-next-event.style2 .next-event-heading { background: #fff; width: 200px; color: #0054a6; font-size: 2.25em; font-weight: 700; top:15px }
.landing-row.event-row .mod-next-event.style2::before,
.landing-row.event-row .mod-next-event.style2::after { content: none; }
.landing-row.event-row .mod-next-event.style2 .counter-details { padding: 0; color: #0054a6;}
.landing-row.scoreboard-row { background: url(/images/setup/Updated_Images/bg_logo_overlay.png) no-repeat center -150px #ececec; padding-top: 50px; margin-top: 26px;}
.landing-row.scoreboard-row:before {content: '';width: 50%;height: 25px;position: absolute;right: 0;margin-top: -75px;background: #d51633;}
.landing-row.scoreboard-row .section-header {left: 0px;text-transform: uppercase;right: 0;color: #0054a6;position: relative;font-size: 2.25rem; font-weight: 700; margin-bottom:20px }
.landing-row.sponsor-row { background: #E0E2DF;padding-top: 15px;}
.landing-row.sponsor-row .mod-graphic-carousel.style1 .slick-prev,
.landing-row.sponsor-row .mod-graphic-carousel.style1 .slick-next {text-shadow: none }
.landing-row.sponsor-row .mod-graphic-carousel.style1 .slick-prev:focus,
.landing-row.sponsor-row .mod-graphic-carousel.style1 .slick-next:focus{ outline:2px dashed #0054a6}
.landing-row.social-row{ background:#0054a6; color:#fff }
.landing-row.social-row .mod-social .twitter-feed.list{ height: 510px; overflow-y:scroll; border:10px solid #fff; }
.landing-row.social-row .mod-social .instagram-feed{ height: 510px;border:10px solid #fff; }
.page .mod-site-footer .footer-logos { padding-bottom: 30px; }
.social-links { text-align:center }
.social-links ul { list-style:none; margin:0 }
.social-links li { display:inline-block; vertical-align:top; margin:0 0.5rem }
.social-links li a { font-family:'AvenirNextLTW01-Regular', arial; font-weight:700; text-transform:uppercase; text-decoration:none; color:#fff }
.social-links li a:hover,
.social-links li a:focus { color:#d51633 !important }
.social-links .title { display:none; margin-bottom:0.5rem; font-family:'AvenirNextLTW01-Regular', arial; font-weight:700; text-transform:uppercase; text-decoration:none; color:#fff }
.social-links li .text { position:absolute; left:-9999rem; width:0.1rem; height:0.1rem; overflow:hidden; clip:rect(0,0,0,0) }
.social-links li a { font-size:1.5rem }
div#curator-feed-default-feed-layout { height: 455px; overflow: auto; }
/*--------------------------------------------------------------------
SITE SPECIFIC COLORS FOR INTERNAL PAGES
--------------------------------------------------------------------*/
/* STAFF DIRECTORY */
.staff-directory th { background:#233a75; color:#fff }
/* ROSTER */
.roster th,
.roster td { padding:5px 10px; text-align:left }
.roster .roster-header { background:#233a75; color:#fff }
.roster .roster-header a { color:#fff }
/* SCHEDULE */
.schedule-list table th { background-color:#233a75; color:#fff }
.schedule-list .month-title td { background: #d51633 !important; }
/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#233a75 }
.stats-wrapper th,
.stats-wrapper td { font-size:0.875rem; padding:5px }
.highlights.highlights-standalone .stat { color: #fff; }
/* BIO */
.bio-wrap .head { background:#233a75; color:#fff }
.bio-wrap .head a { color:#fff }
/* ==============
MEDIA QUERIES
============== */
/*-----------------------------------------
DESKTOP SPECIFIC STYLES
-----------------------------------------*/
@media only screen and (min-width:1024px) {
.page { position:relative; overflow: hidden; }
.mainbody { min-height:500px; max-width: 1100px; margin:0 auto; padding:20px; position:relative }
.landing .mainbody { min-height:0; max-width: none; padding:0 }
.landing-row { margin-top:20px; }
.landing-row:first-of-type { margin-top:0 }
.landing-row .landing-row-offset { margin:0 -10px }
.landing-row > div { max-width:1145px; 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% }
.secondary-nav { position:relative; z-index:2; padding:10px; font-size:1rem; color:#fff; background:#d51633 }
.secondary-nav > div { max-width: 1135px;margin: 0 auto;}
.secondary-nav h1 { float:left; margin-bottom:0; color:#fff; font-size:1.5em;text-transform: uppercase; margin-top: 5px; min-width: 300px; }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { float:right; margin-top:11px }
.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:#ccc; 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:#233a75 }
.secondary-nav .has-nav > ul { display:none; position:absolute; right:0; padding:10px; background:#233a75; 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% }
.page .mod-site-header.style1 {background: #0054a6;}
.page .mod-site-header.style1 .header-text { background: #0054a6; height: 47px; color: #ffffff; z-index: 0; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; font-style:italic; }
.page .mod-site-header .dropnav { background: #fff !important;max-height: 105px !important; box-shadow: 0px 3px 0px rgba(0,0,0,0.07)}
.page .mod-site-header.style1 .dropnav > ul { height: 110px; }
.page .mod-site-header .dropnav > ul > li a {color: #d51633 !important;font-weight: 700 !important}
.page .mod-site-header .dropnav .nav > .submenu { background: #004385 !important; }
.page .mod-site-header .dropnav .nav > .submenu a { color: #fff !important;text-transform: uppercase; text-decoration: none !important;}
.page .mod-site-header .dropnav > ul { padding: 0 !important;}
.page .mod-site-header.style1 .dropnav .nav { max-height: 105px; align-items: center; padding:0 15px }
.page .mod-site-header.style1 .dropnav .nav.show,
.page .mod-site-header.style1 .dropnav .nav.focus,
.page .mod-site-header.style1 .dropnav .nav:hover{ background: #0054a6; }
.page .mod-site-header.style1 .dropnav .nav:hover > a,
.page .mod-site-header.style1 .dropnav .nav.focus > a{ color: #fff !important; border-bottom: none; }
.page .mod-site-header .site-title a {text-align: center;top: 30px !important;width: 155px !important;margin-left: -80px !important;}
/*Sports header*/
.sport-home .mod-site-header > div {height: 140px }
/*dropnav*/
.page .dropnav .offscreen{ color:#0054a6 }
.page .mod-site-header:not(.style4) .dropnav .nav > .submenu{ left:-33px }
.page .mod-site-header .dropnav .submenu ul {display: inline-block !important }
.page .mod-site-header .dropnav .submenu li {display: inline-block !important}
.page .mod-site-header .dropnav .level1 > ul ,
.page .mod-site-header .dropnav .level1 > ul >li {display: block !important}
.page .mod-site-header .dropnav .submenu.level1 > ul > li { padding: 0 15px; }
.page .mod-site-header .dropnav .submenu.level1 > ul > li:hover,
.page .mod-site-header .dropnav .submenu.level1 > ul > li:focus,
.page .mod-site-header .dropnav .submenu.level1 > ul > li:active { background: #d51633 }
.page .mod-site-header .dropnav .level1 > ul >li > div.level2 { display: inline-block }
.page .mod-site-header .dropnav .level1 > ul >li > a { min-width: 230px }
.page .mod-site-header.style1 .dropnav > ul { width: calc(52% - 105px); }
/*.page .mod-site-header .dropnav .submenu.level1 > ul > .has-submenu:first-child {margin-left: 30px !important;}*/
.page .mod-site-header:not(.style4) .dropnav .submenu.level1 > ul,
.page .mod-site-header:not(.style4) .dropnav .submenu.level1 > ul > .has-submenu{ margin-left:0 }
.page .mod-site-header .dropnav .submenu.level1 > ul > .has-submenu > a { margin-bottom: 0 !important; }
.page .mod-site-header.style1 .dropnav .level1 > ul >li > div.level2 li { padding: 0 10px; }
.page .mod-site-header.style1 .dropnav .level1 > ul >li > div.level2 a { text-transform: capitalize;font-weight: 400 !important;text-decoration: none !important;}
.page .social-row .mod-social .content-col { float:left; width:33.33%; padding:0 10px; box-sizing:border-box }
.landing-row.carousel-row {padding-top: 30px; position: relative;}
.landing-row.carousel-row a.headlines-btn { position: absolute;left: 50%;margin-left: 439px;padding: 8px;bottom: 30px;background: #d51633;text-transform: uppercase;color: #fff;z-index: 1;text-decoration: none; }
.landing-row.carousel-row a.headlines-btn:hover,
.landing-row.carousel-row a.headlines-btn:focus{ background:#0054a6; color:#fff }
.landing-row.event-row { background: #fff; margin: 0; }
.landing-row.event-row .mod-next-event.style2 { background: #fff; color: #0054a6; height:60px }
.landing-row.event-row .mod-next-event.style2 .sport { height: 105px; line-height: 105px; background: #d51633; color: #fff; bottom: 0; font-weight:400; font-size:1.5em; }
.landing-row.event-row .mod-next-event.style2 .event-info > div { font-size: 1.25em; color: #d51633 }
.landing-row.event-row .mod-next-event.style2 .countdown-container{ margin-top:0 }
.landing-row.event-row .mod-next-event.style1 .countdown-container .countdown li .countdown-digit{ font-size:2.3em }
.landing-row.event-row .mod-next-event.style2 .countdown-container .countdown li .countdown-label{ margin-left:5px }
.landing-row.social-row > div { margin: 75px auto; }
.page .mod-social.style3 .mod-social-heading { height: 0; overflow: inherit;}
.page .mod-social.style3 .mod-social-heading .icon { position: relative; margin: 0; margin-left: 150px; z-index: 1; border: none; bottom: 20px; }
.page .mod-social.style3 .mod-social-heading .icon.gicon-facebook { margin-left: 165px; }
.page .mod-social.style3 .fb-page.fb_iframe_widget {border: 10px solid #fff; overflow: initial; padding-top:10px }
.landing-row.carousel-row { padding-bottom: 30px;background: #ECECEC;}
.page .mod-site-footer .footer-logos li{ margin:0 40px }
.page .mod-site-footer.style1 .footer-logos li img { padding: 10px }
.social-links{ position:absolute; top:7px; right:0; z-index: 3; }
}
@media only screen and (min-width:1024px) and (max-width:1400px) {
.page .mod-site-header.style1 .site-title a { margin-left: -75px !important; }
.page .mod-site-header.style1 .dropnav > ul { width: calc(53% - 105px); }
.page .mod-site-header.style1 .dropnav .nav { padding: 0 10px; }
.page .mod-site-header:not(.style4) .dropnav .nav > a { font-size: 1em; }
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
.page .mod-site-header.style1 .header-text{ background:none }
.page .mod-site-header.style1 .dropnav{ padding-left:40px }
.page .mod-site-header:not(.style4) .dropnav .nav > a{ font-size:0.9em; white-space:normal }
.page .mod-site-header.style1 .dropnav > ul{ width:auto }
.landing-row.carousel-row a.headlines-btn { display: none; }
}
/*----------------------------------------------------------------
COMMON STYLES FOR MOBILE AND TABLET
----------------------------------------------------------------*/
@media only screen and (max-width:1023px) {
body { padding:0 }
.secondary-nav { background:#d51633; 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 }
/*CUSTOM CSS*/
.page .mod-site-header { background:#fff }
.page .mod-site-header .site-title { top: -15px; left: 0; }
.page .mod-site-header .header-text { color:#d51633; left: 125px; top: 25px; }
.page .mod-site-header .mobile-menu-bar { background: #fff; }
.page .mod-site-header .mobile-menu-bar li a { background: #0054a6; }
.page .mod-site-header .dropnav { background: #0054a6; }
.page .mod-site-header .dropnav li{ border-top:none; border-bottom:1px solid rgba(0,0,0,0.2) }
.page .mod-next-event.style2 { background: #fff; }
.page .mod-next-event.style2 .sport { background: #d51633; color:#fff }
.landing-row.event-row .mod-next-event.style2 .next-event-heading{ top:0 }
.landing-row.scoreboard-row { padding-top: 20px }
.landing-row.scoreboard-row:before { margin-top: -46px; }
.landing-row.scoreboard-row .section-header { text-align: center }
.page .mod-scoreboard.style7 .event-box .name { color: #fff; }
.page .mod-scoreboard.style7 .event-box .links { color: #d51633; }
.page .mod-scoreboard.style7 .next,
.page .mod-scoreboard.style7 .prev { left:0 }
.page .mod-scoreboard.style7 .next{ left:auto; right:0 }
.landing-row.social-row { display: none; }
.landing-row.carousel-row a.headlines-btn { display: none; }
}
/*---------------------------------------
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-site-header .header-text { position:absolute; top:35px; min-width: 228px; max-width:none; height:25px; letter-spacing:0; overflow:hidden; font-size: 1.5rem; }
.page .mod-site-header .header-text:before{ content:'Blue Devil Athletics'; display:block;}
.landing-row.event-row .mod-next-event.style2 .next-event-heading { width: auto; text-align: center; }
.page .mod-next-event.style2 .countdown-container { background: #fff; margin-top: 0; color: #d51633; }
.mod-next-event.style2 .event-info { background: #fff; }
.site-header .site-title { margin:0 150px 0 10px }
.site-header .site-title a { position:relative; max-width:240px; height:80px; background:url(/images/setup/header_mobile_wide.png) no-repeat 50% 50%; background-size:100% auto }
.landing-row.scoreboard-row .section-header { font-size: 20px; }
.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-site-footer p span{ display:block }
}
@media only screen and (max-width:575px) {
.page .mod-site-header .header-text{ display: block; font-weight: 700;left: 70px;text-transform: uppercase; }
.page .mod-site-header .header-text:before { font-size: 14px !important; }
}
@media only screen and (max-width: 390px) {
.page .mod-site-header .header-text:before { font-size: 12px !important; }
}
/* 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;}
@media only screen and (min-width: 992px) {
.mod-site-header:not(.style4) .dropnav .nav > .submenu {
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
}