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

/* WEB FONTS */

@font-face {
    font-family: 'source_sans_pro';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_pro';
    src: url('sourcesanspro-semibold-webfont.eot');
    src: url('sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('sourcesanspro-semibold-webfont.woff') format('woff'),
         url('sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_pro';
    src: url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
  	font-family: 'source_sans_pro';
  	src: url('SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),  
  		 url('SourceSansPro-Black.otf')  format('opentype'),
	     url('SourceSansPro-Black.woff') format('woff'), 
	     url('SourceSansPro-Black.ttf')  format('truetype'), 
	     url('SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
  	font-weight: 900;
  	font-style: normal;
  	
}

.accent-bg,
.accent-bg th { color:#fff !important; background:#9b0b15 !important }
body { font-family:'source_sans_pro', arial; font-size:14px; line-height:1.5; background:#fff; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none }

a { color:#9b0b15; text-decoration:none }
a:hover { color:#05443a; text-decoration:underline }

h1,h2,h3,h4,h5,h6 { line-height:1.3 }

h1 { font-size:34px; color:#9b0b15 }
h2 { font-size:30px; color:#9b0b15 }
h3 { font-size:26px }
h4 { font-size:22px }
h5 { font-size:18px }
h6 { font-size:16px; color:#fff }

.wrapper { max-width:1100px; margin:0 auto }
.mainbody { padding:10px; background:#fff }
.landing .mainbody { padding:0; background:none }

.select-dropdown { position:relative; min-width:150px; max-width:300px; font-family:arial; background:#fff; margin-bottom:10px; border:1px solid #000; z-index:2 }
.select-dropdown > .selection { display:block; position:relative; text-decoration:none }
.select-dropdown > .selection span { display:block; padding:0 10px; margin-right:30px; line-height:30px; text-decoration:none }
.select-dropdown > .selection:after { content:""; display:block; width:0; height:0; position:absolute; right:10px; top:50%; margin-top:-3px; border-style:solid; border-width:6px 6px 0; border-color:#333 transparent transparent  }
.select-dropdown.active > .selection:after { border-color:transparent transparent #333; border-width:0 6px 6px }
.select-dropdown ul, 
.select-dropdown li { margin:0; padding:0; list-style:none }
.select-dropdown ul { display:none; position:absolute; left:-1px; right:-1px; top:30px; max-height:200px; padding:10px; overflow:auto; background:rgba(0,0,0,0.8); border-radius:0 0 5px 5px }
.select-dropdown.active ul { display:block; }
.select-dropdown li { display:block;height:25px; line-height:25px; color:#fff; position:relative; cursor:pointer } 
.select-dropdown li.selected { display:none }

.site-footer { margin-top:60px; padding:45px 0; text-align:center;
background: #9b0b15;
background: -moz-linear-gradient(top,  #9b0b15 0%, #190203 100%);
background: -webkit-linear-gradient(top,  #9b0b15 0%,#190203 100%);
background: linear-gradient(to bottom,  #9b0b15 0%,#190203 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0b15', endColorstr='#190203',GradientType=0 ); }
.site-footer > a[href*="prestosports"] { display:block; width:196px; height:31px; margin:50px auto 0; text-indent:-9999px; background:url(/images/setup/2016/footer_logo_presto.png) no-repeat }
.footer-logos { display:inline-block; vertical-align:top }
.footer-logos ul { margin:0; padding:0; list-style:none }
.footer-logos li { float:left; margin-left:97px }
.footer-logos li:first-child { margin-left:0 }

/* CAROUSEL */
.j-carousel .seats:after { content:""; display:block; clear:both }

/* PADDING WILL CHANGE ACCORDING SITE PHOTO SIZE */
.j-carousel .media-box { padding-top:73.076%; position:relative; overflow:hidden }
.j-carousel .media-box img:first-child,
.j-carousel .media-box a img { display:block; width:100% !important; height:auto !important; min-height:100%; position:absolute; left:0; top:0 }
.touch .j-carousel .close-player { display:block !important }

/* ANIMATION # 3 */
.j-carousel { position:relative; z-index:1; overflow:hidden }
.j-carousel .seats { width:800%; position:relative }
.j-carousel .seat { width:12.5%; float:left; position:relative }

/* AOTW */
.aotw { height:300px; padding:10px; background:#eee }
.aotw .athlete { margin-top:10px }
.aotw .athlete:first-child { margin-top:0 }
.aotw .thumb { float:left; margin:0 10px 0 0; border:3px solid #555 }
.aotw .thumb img { vertical-align:top }
.aotw .title { display:block; margin-bottom:10px }
.aotw .title span { display:block; margin-top:5px; font-size:12px; color:#9b0b15 }
.aotw .title span:first-child { font-size:18px; text-transform:uppercase; color:#05443a }

/* SCHEDULE */
.schedule-boxscore .event-box { position:relative; min-height:90px; margin-top:10px; padding:5px 10px 5px 62px; font-weight:700; color:#fff; background:rgba(0,0,0,0.4); overflow:hidden }
.schedule-boxscore .event-box:first-child { margin-top:0 }
.schedule-boxscore .date  { position:absolute; left:0; top:0; bottom:0; width:52px; padding-top:20px; line-height:1; text-transform:uppercase; text-align:center; background:#A51417 }
.schedule-boxscore .date span { position:absolute; top:50%; left:50%; display:block; font-size:18px; font-family:'source_sans_pro', arial; white-space:nowrap; -webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg); -moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg); transform:translateX(-50%) translateY(-50%) rotate(-90deg) }
.schedule-boxscore .sport-status { text-transform:uppercase }
.schedule-boxscore .status { float:right }
.schedule-boxscore .teams { margin-top:5px }
.schedule-boxscore .team { font-size:18px }
.schedule-boxscore .notes,
.schedule-boxscore .neutral-site  { margin-top:5px; font-size:12px }
.schedule-boxscore .links { font-size:12px; font-weight:700; color:#a29a9a }
.schedule-boxscore .links a { color:#a29a9a }
.schedule-boxscore .no-events { display:block; text-align:center; line-height:601px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,0.4) }

/* RANKINGS */
.rankings-wrapper h3 { margin:0; padding:5px; font-size:14px; text-transform:uppercase; color:#fff; background:#9b0b15 }
.rankings-wrapper div { margin-top:10px }
.rankings-wrapper div:first-child { margin-top:0 }
.rankings-wrapper span { display:block }
.rankings-wrapper span a { display:block; padding:5px; font-weight:700; text-decoration:none; color:#fff }
.rankings-wrapper span a:hover { color:#6a9d94 }
.rankings-wrapper span a:before { content:'\BB'; margin-right:5px }

/* TABS */
.tabs-wrapper ul.tabs { margin-bottom:9px }
.tabs-wrapper .tab_title { display:none }
.tabs-wrapper .tab a { display:block; height:26px; line-height:26px; padding:0 17px; font-size:15px; font-weight:600; text-transform:uppercase; text-decoration:none; color:#fff }
.tabs-wrapper .tab a.active { background:rgba(0,0,0,0.5) }
.tabs-wrapper .panes { position:relative }
.tabs-wrapper .pane { display:block !important; position:absolute; left:0; right:0; top:-9999px; visibility:hidden }
.tabs-wrapper .pane.active { position:static; visibility:visible }

.secondary-tabs .pane .overflow { height:681px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box }
.secondary-tabs .pane3 .overflow { padding:10px; background:rgba(0,0,0,0.4) }

/* TOP NAV */
.top-nav { position:absolute; left:94px; top:0 }
.top-nav ul { margin:0; padding:0; list-style:none }
.top-nav li { float:left }
.top-nav li a { position:relative; display:block; padding:0 23px; font-weight:700; font-size:11px; line-height:31px; letter-spacing:0.15em; text-decoration:none; text-transform:uppercase; color:#000 }
.top-nav li a:hover { color:#9b0b15 }
.top-nav li a:before { content:'/'; position:absolute; left:-1px; top:0; color:#000 }
.top-nav li:first-child a:before { content:'' }

/* SOCIAL BUTTONS */
.social-links { position:absolute; top:6px; right:141px }
.social-links ul { margin:0; padding:0; list-style:none }
.social-links li { float:left; margin-left:10px }
.social-links li:first-child { margin-left:0 }
.social-links li span { display:none }
.social-links li a { display:block; width:19px; height:19px; font-size:12px; line-height:20px; text-align:center; text-decoration:none; color:#fff; background:#6a9d94; border-radius:100% }
.social-links li a:hover { background:#9b0b15 }
.social-links li a[href*="youtube.com"] em:before { content:'\e824' }

/* SOCIAL DIRECTORY */

.social-wrapper{ padding:10px }
.social-wrapper .lcol{ width: 45%;float: left }
.social-wrapper .rcol{ width:45%; float:right }
.social-wrapper .box-title{ margin: 0; font-size: 16px; font-weight:900; font-style:italic; line-height: 35px; text-transform: uppercase; color: #A51417 }
.social-media-directory { height:552px; overflow:auto }
.social-media-directory ul { list-style:none; padding:0; margin:0; color:#fff; background:#A51417 }
.social-media-directory li { padding:5px 20px; font-family:'oswald', arial; font-size:18px; font-weight:700; line-height:35px; text-align:right; text-transform:uppercase }
.social-media-directory li:nth-child(even) { background:#7E0015 }
.social-media-directory li .sport-name { float:left }
.social-media-directory li .icon { display:inline-block; vertical-align:top; width:25px; height:25px; margin:5px 2px; font-size:16px; line-height:25px; text-align:center; color:#006C5A; background:#fff; border-radius:100% }

.social-wrapper .twitter-container,.social-wrapper .facebook-container { padding:10px; margin-bottom:10px; background:#A51417  }
.social-wrapper .twitter-timeline { display:block; height:305px }

.more-bear-directory { height:225px; overflow:auto }
.more-bear-directory ul { list-style:none; padding:0; margin:0; color:#fff; background:#A51417 }
.more-bear-directory li { padding:5px 20px; font-family:'oswald', arial; font-size:18px; font-weight:700; line-height:35px; text-align:right; text-transform:uppercase }
.more-bear-directory li:nth-child(even) { background:#7E0015 }
.more-bear-directory li .sport-name { float:left }
.more-bear-directory li .icon { display:inline-block; vertical-align:top; width:25px; height:25px; margin:5px 2px; font-size:16px; line-height:25px; text-align:center; color:#006C5A; background:#fff; border-radius:100% }

#social-directory { height:487px; border-top: 1px solid #7E0015; background:#A51417; overflow:auto }
#social-directory ul { margin:0 }
#social-directory .nav { list-style:none; padding:5px; position:relative }
#social-directory .nav > a { color:#fff; cursor:text; text-decoration:none; padding:0 10px; font-family:'oswald', arial; font-size:18px; font-weight:700; }
#social-directory .nav > .submenu { position:absolute; right:20px; top:0 }
#social-directory .nav > .submenu li { float:left }
#social-directory .nav > .submenu li a { display:block; height:25px; width:25px; line-height:25px; border-radius:100%; text-align:center; margin:5px 2px; overflow:hidden; color:#006C5A; background:#fff }
#social-directory .nav > .submenu li a:hover { color:#A51417 }
#social-directory .nav > .submenu li a:before { font-family:"GlyphIcons"; speak:none; display:inline-block; width:1em; line-height:1em; font-size:16px; text-align:center; -moz-transition:background .2s; -webkit-transition:background .2s; -ms-transition:background .2s; -o-transition:background .2s; transition:background .2s }
#social-directory .nav > .submenu li a[data-title*="twitter"]:before { content:'\e81d' }
#social-directory .nav > .submenu li a[data-title*="facebook"]:before { content:'\e81b' }
#social-directory .nav > .submenu li a[data-title*="instagram"]:before { content:'\e81f' }
#social-directory .nav > .submenu li a[data-title*="youtube"]:before { content:'\e824' }
#social-directory .nav > .submenu li a[href*="javascript"] { color:#aaa; cursor:default }
#social-directory .nav > .submenu li a[rel="wiki-link"] { text-indent:-9999px }

#more-bulldogs { height:123px; padding:10px 20px; overflow:auto; background:#A51417; border-top:1px solid #7E0015 }
#more-bulldogs li { position:relative }
#more-bulldogs li a { color:#FFF; font-family:'oswald', arial; font-size:18px; font-weight:700; line-height:25px }
#more-bulldogs .nav > .submenu { position:absolute; right:20px; top:0 }
#more-bulldogs .nav > .submenu li { float:left }
#more-bulldogs .nav > .submenu li a { display:block; height:25px; width:25px; line-height:25px; margin:1px 0 0 10px; overflow:hidden; color:#006C5A }
#more-bulldogs .nav > .submenu li a:hover { color:#006C5A }
#more-bulldogs .nav > .submenu li a:before { font-family:"GlyphIcons"; speak:none; display:inline-block; width:1em; line-height:1em; font-size:16px; text-align:center; -moz-transition:background .2s; -webkit-transition:background .2s; -ms-transition:background .2s; -o-transition:background .2s; transition:background .2s }
#more-bulldogs .nav > .submenu li a[data-title*="twitter"]:before { content:'\e81d' }
#more-bulldogs .nav > .submenu li a[data-title*="facebook"]:before { content:'\e81b' }
#more-bulldogs .nav > .submenu li a[data-title*="instagram"]:before { content:'\e81f' }
#more-bulldogs .nav > .submenu li a[data-title*="youtube"]:before { content:'\e824' }
#more-bulldogs .nav > .submenu li a[href*="javascript"] { color:#aaa; cursor:default }
#more-bulldogs .nav > .submenu li a[rel="wiki-link"] { text-indent:-9999px }

/* GPT ADHESION UNIT */
.gpt-adhesion-placeholder { position:fixed; left:0; right:0; bottom:0; z-index:9999; text-align:center; background:#000; -webkit-transition:bottom .4s } 
.gpt-adhesion-placeholder.collapse { bottom:-200px } 

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

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

/* ROSTER */
.roster table td { padding:5px 10px }
.roster .roster-header { background:#9b0b15; color:#fff }
.roster .roster-header a { color:#fff }
.roster tr:nth-child(even) td { background:#f5f5f5 }

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

/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#9b0b15 }
.stats-wrapper th,
.stats-wrapper td { font-size:14px; padding:5px }
	
/* BIO */
.bio-wrap .head { background:#9b0b15; color:#fff }
.bio-wrap .head a { color:#fff }

/* COACH BIO */
.coach-bio .info { width:65% }

/* ==============
   MEDIA QUERIES
   ============== */

/*-----------------------------------------
  BACKGROUND ADJUSTMENTS
  -----------------------------------------*/

@media screen and (max-width:2000px) { 
  
div[id="page-background"] > img { position:absolute; left:50%; margin-left:-1000px; min-width:2000px }

}

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

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

body { position:relative; background:#0b1715 }
.page { position:relative; z-index:2; overflow:hidden }

div[id="page-background"] { position:absolute; left:0; right:0; top:31px; bottom:0; z-index:1; overflow:hidden }
div[id="page-background"] > img { width:100%; height:auto }

.wrapper { position:relative; z-index:1 }
.body-container { margin-top:26px }
.mainbody { min-height:500px; padding:20px; position:relative }
.landing .mainbody { min-height:0; padding:0 }

.site-header { position:relative; z-index:3; min-height:181px }
.site-header:before { content:''; position:absolute; display:block; left:-9999px; right:-9999px; top:0; height:31px; background:#fff }
.site-header .site-title { position:absolute; left:116px; top:45px; margin:0 }
.site-header .site-title a { display:block; width:966px; height:74px; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat 0 -250px }
.site-header .site-logo { position:absolute; left:-76px; top:38px; width:205px; height:169px; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat }

.mobile-menu-bar { display:none }

.social-wrapper > .container{  padding:10px 80px;}

.content-row2 { margin-top:48px }
.content-row3 { margin-top:43px }
.content-row4 { margin-top:21px }
.content-row1 .content-col1 { width:59.090%; float:left }
.content-row1 .content-col2 { width:39.545%; float:right }
.content-row3 .content-col1 { width:49.090%; float:left }
.content-row3 .content-col2 { width:49.090%; float:right }
.content-row3 .content-col > div { padding:20px; background:#A51417}
.content-row3 .content-col > div iframe { vertical-align:top }

.box-hdr { margin:0; font-size:24px; font-weight:900; text-align:center; text-transform:uppercase; line-height:47px; color:#fff }
.box-hdr.social { position:relative; margin:10px auto; width:640px; height:70px; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat -1078px -52px }

/* NAVIGATION */
#nav { position:absolute; top:140px; left:0; right:0; background:#A51417}
#nav  ul, #nav  li { list-style:none; padding:0; margin:0 }
#nav  > ul { float:right; margin-right:21px }
#nav  .nav { float:left }
#nav  .nav > a { display:block; height:41px; padding:0 25px; font-size:14px; font-family:'lato', arial; font-weight:700; line-height:41px; letter-spacing:0.025em; text-decoration:none; color:#fff; text-transform:uppercase }
#nav  .nav:hover > a { background:#A51417}
#nav  .nav > .submenu { display:none; position:absolute; left:0; top:41px; right:0; min-height:300px; padding:20px 20px 20px 185px; background:#202020; white-space:nowrap; border-bottom:3px solid #017160 }
#nav  .nav > .submenu:before { content:''; position:absolute; display:block; left:0; top:0; bottom:0; width:5em; background:#000 }
#nav  .nav > .submenu:after { content:''; position:absolute; right:0; bottom:0; width:395px; height:234px; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat -205px 0 }
#nav  .nav:hover > .submenu { display:block }
#nav  .submenu a { display:block; line-height:23px; white-space:nowrap; text-decoration:none; color:#fff }
#nav  .submenu a:hover { color:#6a9d94 }
#nav  .submenu .has-submenu > a { font-size:16px; font-weight:900; text-transform:uppercase; color:#A51417; cursor:default }
#nav  .submenu ul,
#nav  .submenu .has-submenu { display:inline-block; vertical-align:top; padding-left:55px; margin-left:50px; border-left:1px solid #3e3e3e }
#nav  .submenu ul:first-child,
#nav  .submenu .has-submenu:first-child,
#nav  .submenu .submenu-title + ul { padding-left:0; margin-left:0; border-left:0 }
#nav  .submenu.level2 .submenu-title { display:none }
#nav  .submenu.level2 .submenu-title + ul { margin:0 }
#nav  .submenu-title { position:absolute; left:0; top:50%; margin-left:1.15em; font-weight:900; font-size:30px; line-height:2.3em; text-transform:uppercase; color:#fff; background:#000; -moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg); transform:translateX(-50%) translateY(-50%) rotate(-90deg) }
#nav  .submenu a[rel*="wiki-link"] + a { display:none !important }
#nav  a[rel*="wiki-link"] { color:#fff }

.secondary-nav { position:relative; z-index:2; margin-bottom:10px; color:#fff; background:#252424; border-bottom:2px solid #9b0b15 }
.secondary-nav h1 { float:left; position:relative; margin-bottom:0; padding:0 24px 0 124px; color:#fff; font-size:22px; font-weight:900; text-transform:uppercase; line-height:38px; background:#000 }
.secondary-nav h1:before { content:''; position:absolute; display:block; right:-38px; top:0; border-top:38px solid #000; border-right:38px solid transparent }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { float:right; margin:10px 46px 0 0 }
.secondary-nav li { float:left }
.secondary-nav li a { color:#fff; text-decoration:none; text-transform:uppercase }
.secondary-nav li a:hover { color:#eee; text-decoration:none }
.secondary-nav li:before { content:"|"; padding:0 5px; color:#9b0b15 }
.secondary-nav li:first-child:before,
.secondary-nav .has-nav li:before { display:none }
.secondary-nav .has-nav { position:relative }
.secondary-nav .has-nav > ul { display:none; position:absolute; right:0; padding:10px; background:rgba(0,0,0,0.8); border-radius:5px 0 }
.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; white-space:nowrap }

.j-carousel .story-box { position:relative; height:80px; padding:15px 20px; color:#fff; background: #9b0b15;
background: -moz-linear-gradient(top,  #9b0b15 0%, #190203 100%);
background: -webkit-linear-gradient(top,  #9b0b15 0%,#190203 100%);
background: linear-gradient(to bottom,  #9b0b15 0%,#190203 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0b15', endColorstr='#190203',GradientType=0 );
-webkit-box-sizing:border-box; box-sizing:border-box }
.j-carousel .title { display:block; margin-bottom:5px; font-size:20px; color:#fff; font-weight:700; line-height:1.2; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.j-carousel .date { display:block; font-weight:700 }
.j-carousel .readmore { display:none}
.j-carousel .carousel-related-links a { display:none}
.j-carousel .carousel-related-links { display:none}
.j-carousel .controls { padding-top:14px }
.j-carousel .control { position:relative; float:left; width:18.769%; margin-left:1.538%; cursor:pointer }
.j-carousel .control:first-child { margin-left:0 }
.j-carousel .control .thumb { width:100%; vertical-align:top }
.j-carousel .control .thumb-title { display:block; font-size:10px; font-weight:700; line-height:22px; text-align:center; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; color:#000; background:#fff; overflow:hidden }
.j-carousel .control.active .thumb-title { color:#fff; background:#9b0b15 }

a[class*="btn-more"] { float:right; display:block; width:49.230%; height:28px; margin-top:8px; font-size:18px; text-align:center; text-decoration:none; text-transform:uppercase; line-height:28px; color:#fff; background:#054439 }
a[class*="btn-more"]:hover { background:#9b0b15 }
a.btn-more-headlines { float:left }
a.btn-live-broadcast { position:relative; display:block; margin:-26px 0 12px 0; width:435px; height:49px; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat -1283px 0 }
 
.top-stories .row { margin-top:10px }
.top-stories .row:first-child { margin-top:0 }
.top-stories .story { padding:0 10px 0 200px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box }
.top-stories .thumb { width:190px; float:left; margin-left:-200px; box-shadow:0 2px 2px rgba(0,0,0,0.4); position:relative }
.top-stories .thumb img { vertical-align:top }
.top-stories .play-button{ display:block; width:36px; height:36px; background:rgba(0,0,0,0.9); position:absolute; right:50%; top:50%; margin:-18px -18px 0 0; text-indent:-9999px; border-radius:5px; z-index:2 }
.top-stories .play-button:after { content:""; display:block; width:0; height:0; border:solid 10px transparent; border-left-color:#FFF; position:absolute; right:50%; top:50%; margin:-10px -15px 0 0; z-index:3  }
.top-stories .caption { display:block; padding:3px 5px; font-size:11px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; right:0; bottom:0  } 
.top-stories .title { display:block; font-size:18px; margin-bottom:5px }
.top-stories .leadin { font-size:13px }
.top-stories .links { padding:5px 0 }
.top-stories .links a span,
.top-stories .buttons a + a { display:none }
.top-stories .buttons { margin-top:10px; text-align:center }
.top-stories .buttons a { display:inline-block; vertical-align:top; padding:5px 15px; background:#6f6f6f; color:#fff; border-radius:3px }

/* SLIDER */
.slider-wrapper { position:relative; padding:13px; background:#050b0a }
.slider-wrapper .slider { position:relative; overflow:hidden }
.slider-wrapper .items { position:relative; width:50000% }
.slider-wrapper .item { float:left; width:0.2% }
.slider-wrapper .image { float:left; display:block; width:49.348%; margin-left:1.303% }
.slider-wrapper .image:first-child { margin-left:0 }
.slider-wrapper .image img { width:100%; vertical-align:top }
.slider-wrapper .image span { display:none }
.slider-wrapper .next, 
.slider-wrapper .prev { position:absolute; left:-27px; top:50%; margin-top:-11px; width:13px; height:23px; cursor:pointer; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat -942px 0 }
.slider-wrapper .next { left:auto; right:-27px; background-position:-956px 0 }

/* SEARCH */
.search-bar { position:absolute; right:0; top:4px; width:127px; background:#ccc; -webkit-box-sizing:border-box; box-sizing:border-box }
.search-bar input[type="text"] { width:100%; height:22px; padding:0 25px 0 10px; font-size:11px; text-transform:uppercase; color:rgba(0,0,0,0.4); border:none; outline:none; background:#ccc; -webkit-box-sizing:border-box; box-sizing:border-box }
.search-bar .submit { width:25px; height:22px; padding:0; border:none; overflow:hidden; background:#a3a3a3; position:absolute; right:0; top:0 }
.search-bar .submit span { display:none }
.search-bar .submit em:before { display:block; width:100%; height:22px; font-size:12px; line-height:22px; text-align:center; color:#fff; margin:0 }

/* INSTAGRAM */
.instagram-feed { position:relative }
.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 .placeholder { position:relative; padding-top:100% }
.instagram-feed .load-more { text-align:center; cursor:pointer }
.instagram-feed .load-more span { position:absolute; left:0; right:0; top:50%; margin-top:-1em; 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; margin-top:-15px; font-family:'glyphicons'; font-size:30px; line-height:1; color:#eee; text-align:center; text-shadow:0 0 2px 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 .feed { margin:0; overflow:hidden }
.instagram-feed .feed ul { position:relative; float:left; white-space:nowrap }
.instagram-feed .item { display:inline-block; vertical-align:top; width:220px }
.instagram-feed .item .gutter { padding:10px }
.instagram-feed .item:first-child .gutter {  }
.instagram-feed .prev,
.instagram-feed .next { position:absolute; left:-34px; top:50%; margin-top:-20px; bottom:0; display:block; width:22px; height:40px; cursor:pointer; text-indent:-9999px; background:url(/images/setup/2016/master_sprite.png) no-repeat -888px 0 }
.instagram-feed .next { left:auto; right:-34px; background-position:-915px 0 }

}

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

@media only screen and (min-width:1024px) and (max-width:1100px) {

.site-header .site-logo { left:-20px; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8) }
.site-header .site-title { left:auto; right:-20px; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8) }
#nav  .nav > a { padding:0 18px }
  
}

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

body { padding:0 }

.site-header { position:relative; background:#1f3834 }
.site-header .site-title { margin:0 }
.site-header .site-title a { display:block; height:115px; text-indent:-9999px; background:url(/images/setup/2016/header_tablet.png) no-repeat 50% 50% }

.box-hdr { line-height:20px; margin-bottom:0; padding:5px 10px; border-bottom:5px solid #05443a; font-size:14px; font-weight:normal; text-transform:uppercase; background:#9b0b15; color:#fff }

.mobile-menu-bar { display:block; padding:5px; background:#05443a }
.mobile-menu-bar ul { list-style:none; padding:0; margin:0 }
.mobile-menu-bar > ul { float:right }
.mobile-menu-bar li { float:left; margin-left:5px }
.mobile-menu-bar li a { display:block; height:35px; padding: 0 10px; text-align:center; font-size:14px; line-height:35px; color:#444; text-transform:uppercase; text-decoration:none; white-space:nowrap; color:#fff; border-radius:3px }
.no-touch .mobile-menu-bar li a:hover,
.mobile-menu-bar li a.active { background:#9b0b15; color:#fff; text-decoration:none } 

.search-bar { display:none; width:100%; padding:10px; position:relative; background:#CCC; -webkit-box-sizing:border-box; box-sizing:border-box }
.search-bar.active { display:block }
.search-bar input[type="text"] { width:100%; height:25px; padding:0 30px 0 10px; border:none; background:#F5F5F5; box-shadow:0 0 3px #999; border-radius:3px; -webkit-box-sizing:border-box; box-sizing:border-box  }
.search-bar .submit { width:30px; height:23px; border:none; overflow:hidden; background:none; position:absolute; right:10px; top:10px; border-radius:0 3px 3px 0 }
.search-bar .submit span { display:none }
.search-bar .submit em:before { display:block; width:100%; height:23px; line-height:25px; text-align:center; color:#333; margin:0 }

#nav  { display:none; background:#333 }
#nav.active { display:block }
#nav  .nav > .submenu { display:none }
#nav  .nav > a,
#nav  .submenu a { display:block; padding:0 10px; height:34px; line-height:34px; color:#fff; text-decoration:none; position:relative }
#nav  .submenu .has-submenu > a { color:#fff; text-transform:none; background:#000 }
#nav  li { border-bottom: solid 1px #292929; border-top: 1px solid #434343 }
#nav  .submenu.level1 li { border-top:solid 1px #363636; border-bottom:solid 1px #494949 }
#nav  li:first-child { border-top:none !important }
#nav  li:last-child { border-bottom:none !important }
#nav  li.active { border-bottom:none !important }
#nav  .submenu.level1 .has-submenu { border:none !important }
#nav  .has-submenu.active + li { border-bottom:none !important }
#nav  .nav.has-submenu > a:after { content:""; width:0; height:0; border-style:solid; border-color:#777 transparent transparent; border-width:0.4em 0.4em 0; position:absolute; right:1em; top:50%; margin-top:-0.2em }
#nav  .nav.has-submenu.active > a:after { border-color:transparent transparent #fff; border-width:0 0.4em 0.4em }
#nav  .has-submenu.active > .submenu { display:block; background:#444 }
#nav  .submenu-title { display:none }

.secondary-nav { background:#9b0b15; color:#fff; border-bottom:5px solid #05443a }
.secondary-nav h1 { position:relative; margin:0; padding:10px; font-size:20px; color:#fff; font-weight:normal }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { display:none; padding:10px; margin:0 10px 10px; background:rgba(0,0,0,0.6); border-radius:3px }
.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:8px 8px 0; position:absolute; right:10px; top:50%; margin-top:-4px }
.secondary-nav.active h1:after { border-color:transparent transparent #fff; border-width:0 8px 8px }
.secondary-nav li a { display:block; padding:5px 0; color:#fff; text-transform:none }
.secondary-nav .has-nav > a { display:none }

.j-carousel { background:#444 }
.j-carousel .story-box { padding:10px; font-size:14px; color:#fff }
.j-carousel .title { display:block; font-size:18px; color:#fff; text-shadow:1px 1px #000; text-shadow:1px 1px rgba(0,0,0,0.8) }
.j-carousel .date,
.j-carousel .leadin,
.j-carousel .readmore { display:none }
.j-carousel .carousel-related-links a { color:#fff }
.j-carousel .controls {  height: 22px; padding:5px; text-align:center; background:#05443a }
.j-carousel .control { position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;  margin: 6px 5px; text-indent:-9999px; background:#fff; cursor:pointer; border-radius:15px }
.j-carousel .control:before { content:""; display:block; position:absolute; left:-4px; right:-4px; top:-4px; bottom:-4px; border:2px solid #fff; border-radius:10px }
.j-carousel .control.active { background:#9b0b15; box-shadow:none }
.j-carousel .control.active:before { border-color:#9b0b15 }
.j-carousel .control .thumb { display:none }

.tabs-wrapper .tabs { display:none }
.tabs-wrapper .tab_title { display:block; height:30px; line-height:30px; margin-bottom:0; padding:0 10px; border-bottom:5px solid #05443a; text-transform:uppercase; background:#9b0b15; color:#fff }
.tabs-wrapper .tab_title:hover { color:#fff; text-decoration:none }
.tabs-wrapper .pane { position:static; visibility:visible }
.tabs-wrapper .pane .overflow { height:auto; padding:5px }

.secondary-tabs a[href*="#tab_upcoming"],
.secondary-tabs a[href*="#tab_upcoming"] + .pane .overflow,
.secondary-tabs a[href*="#tab_scores"],
.secondary-tabs a[href*="#tab_scores"] + .pane .overflow { display:none }
.secondary-tabs a[href*="#tab_rankings"] + .pane .overflow { background:none }

.slider-wrapper { padding:0 5px 5px }
.slider-wrapper .item { display:block; margin-top:5px }
.slider-wrapper .next,
.slider-wrapper .prev,
.slider-wrapper .item.cloned,
.slider-wrapper .image.cloned,
.slider-wrapper .image img { display:none }
.slider-wrapper .image { display:block; margin-top:5PX }
.slider-wrapper .image span { display:block; height:30px; line-height:30px; padding:0 0 0 10px; text-transform:uppercase; color:#fff; background:#05443a; border-radius:3px }
.slider-wrapper .image span:after { content:"\00bb"; float:right; width:30px; height:30px; font-size:22px; text-align:center; line-height:28px; color:#fff; background:#9b0b15; border-radius:0 3px 3px 0 }

.schedule-boxscore .event-box { margin-top:5px }
.schedule-boxscore .event-box:nth-child(n+6) { display:none }
.aotw { height:auto }

.top-stories .row { margin-top:10px }
.top-stories .row:first-child { margin-top:0 }
.top-stories .story { padding:5px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.4); -webkit-box-sizing:border-box; box-sizing:border-box }
.top-stories .thumb { position:relative }
.top-stories .play-button{ display:block; width:36px; height:36px; background:rgba(0,0,0,0.9); position:absolute; right:50%; top:50%; margin:-18px -18px 0 0; text-indent:-9999px; border-radius:5px; z-index:2 }
.top-stories .play-button:after { content:""; display:block; width:0; height:0; border:solid 10px transparent; border-left-color:#FFF; position:absolute; right:50%; top:50%; margin:-10px -15px 0 0; z-index:3  }
.top-stories .thumb img { width:100%; vertical-align:top }
.top-stories .details { padding:10px; overflow:hidden }
.top-stories .caption { display:block; padding:3px 5px; font-size:11px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; right:0; bottom:0  } 
.top-stories .title { display:block; font-size:18px; margin-bottom:5px }
.top-stories .leadin { font-size:13px }
.top-stories .links { padding:5px 0 }
.top-stories .links a span { display:none }
.top-stories .buttons { padding:10px 0; text-align:center }
.top-stories .buttons a { display:inline-block; vertical-align:top; padding:5px 15px; background:#6f6f6f; color:#fff; border-radius:3px }

.bios .profile { overflow:hidden; color:#fff; background:#333; position:relative; padding: 10px 10px 10px 110px;}
.bios .icon { position:absolute; right:31px; bottom:-4px }
.bios .images { width: 100px; padding-top:50px; float:left; margin-left: -110px; text-align:center; position:relative }
.bios .photo img { border: 2px solid #333 }
.bios .number { font-size:20px; line-height: 40px; position:absolute; left:5px; right: 5px; top:0; font-weight: bold;}
.bios .texts .name { font-size:1.2em; padding:5px 10px; margin-bottom:10px;background:#333; color:#fff; border-radius:3px }
.bios .data { line-height:20px }
.bios .profile .texts .icon { text-align: right; padding: 0 31px 0 0; position:relative; top:3px }
.bios .details { color:#444; text-align:left; padding:10px; margin:0 }

div[id="results"] .tabs .tab { display:none }
div[id="results"] .panel:before { content:""; display:block; height:30px; line-height:30px; padding:0 10px; text-transform:uppercase; color:#FFF; background:#333 }
div[id="results"]  #tab-1:before { content:"Yesterday" }
div[id="results"]  #tab-2:before { content:"Today" }
div[id="results"]  #tab-3:before { content:"Tomorrow" }
div[id="results"] h4 { height:25px; line-height:25px; padding:0 10px; font-weight:normal; margin:0 }
div[id="results"] .event  { padding:10px }
div[id="results"] .date:first-child { background:#000; color:#fff }
div[id="results"] .sport {  background:#333; color:#fff }
div[id="results"] .team-result { float:right }

div[id="headlines"] .new { margin-top:15px; padding:10px; border:1px solid #fff; background:#f5f5f5; -webkit-box-sizing:border-box; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.4) }
div[id="headlines"] .new:first-child { margin-top:0 }
div[id="headlines"] .new .links { margin-bottom:5px }
div[id="headlines"] .new .text { display:block; margin-top:5px; font-size:12px; color:#444 }
div[id="headlines"] .new .title a { font-size:16px;  text-transform:uppercase }
  
.top-nav { position:relative; left:auto; text-align:center; background:#fff }
.top-nav ul { display:inline-block; vertical-align:top; text-align:left }

.social-links { position:relative; top:auto; right:auto; padding:6px; text-align:center; background:#fff }
.social-links ul { display:inline-block; vertical-align:top }
  
a[class*="btn-more"],
a.btn-live-broadcast { display:block; height:30px; line-height:30px; padding:0 0 0 10px; margin:5px; text-transform:uppercase; color:#fff; background:#05443a; border-radius:3px }
a[class*="btn-more"]:after,
a.btn-live-broadcast:after { content:"\00bb"; float:right; width:30px; height:30px; font-size:22px; text-align:center; line-height:28px; color:#fff; background:#9b0b15; border-radius:0 3px 3px 0 }
  
.site-footer { margin-top:10px }
.footer-logos li { float:none; display:inline-block; vertical-align:top; margin:0 20px }
.footer-logos li:first-child { margin:0 20px }
	
.rankings-wrapper h3 { font-weight:400; background:#05443a }
.rankings-wrapper span a { color:#05443a; border-bottom:1px solid #05443a }
	
.instagram-wrapper { padding:10px 10px 0 }
.instagram-feed { position:relative }
.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:5px }
.instagram-feed .item .placeholder { position:relative; padding-top:100% }
.instagram-feed .load-more { 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:30px; line-height:1; margin-top:-15px; color:#eee; text-align:center; text-shadow:0 0 2px 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 }
	
.facebook-col .box-hdr + div,
.twitter-col .box-hdr + div { max-width:500px; margin:10px auto }
.twitter-col .box-hdr + div { border:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box }
  
.site-header .site-logo,
.page-background,
.content-row3 > .box-hdr,
.content-row3,
.content-row4 { display:none }

}

/*----------------------------------------------------------
  ADJUSTMENTS FOR TABLET LANDSCAPE  
  ----------------------------------------------------------*/

@media only screen and (min-width:601px) and (max-width:1023px) {
.top-stories .thumb { width:40%; float:left }
}

/*---------------------------------------
  ADJUSTMENTS FOR MOBILE  
  ----------------------------------------*/

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

.site-header .site-title { margin:0 144px 0 10px }
.site-header .site-title a { max-width:240px; height:80px; text-indent:-9999px; background:url(/images/setup/2016/header_mobile_wide.png) no-repeat 0 50%; background-size:100% auto }

.mobile-menu-bar { position:absolute; right:5px; top:22px; padding:0; background:none }
.mobile-menu-bar li a { background:#000 }
.mobile-menu-bar li .text { display:none }

.top-nav li { float:none; text-align:center }
.top-nav li a:before { display:none }

.social-wrapper .lcol{ width: 100%;float: none }
.social-wrapper .rcol{ width:100%; float:none }
}

@media only screen and (max-width:600px) {
  
.top-stories .story { position:relative }
.top-stories .details { padding:10px; background:#000 }
.top-stories .title { color:#fff; margin:0; text-shadow:1px 1px #000; text-shadow:1px 1px rgba(0,0,0,0.8) }
.top-stories .date,
.top-stories .leadin { display:none }

}

/*------------------------------------------------------
  ADJUSTMENTS FOR MOBILE PORTRAIT  
  -------------------------------------------------------*/

@media only screen and (max-width:479px) {
  
.site-header .site-title a { background-position:5px 50%; background-size:93% auto } 
.aotw .thumb { max-width:35% }

}