/* Plugins */

/* angular-loading-bar v0.8.0 */
#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active{opacity:0}#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#29d;position:fixed;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}#loading-bar .peg{position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-moz-box-shadow:#29d 1px 0 6px 1px;-ms-box-shadow:#29d 1px 0 6px 1px;-webkit-box-shadow:#29d 1px 0 6px 1px;box-shadow:#29d 1px 0 6px 1px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}#loading-bar-spinner{display:block;position:fixed;z-index:10002;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:loading-bar-spinner 400ms linear infinite;-moz-animation:loading-bar-spinner 400ms linear infinite;-ms-animation:loading-bar-spinner 400ms linear infinite;-o-animation:loading-bar-spinner 400ms linear infinite;animation:loading-bar-spinner 400ms linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-bar-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-bar-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-bar-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* Fonts */
@font-face {
    font-family: 'sf_collegiateregular';
    src: url('../fonts/sfcollegiate_regular_macroman/SF_Collegiate-webfont.eot');
    src: url('../fonts/sfcollegiate_regular_macroman/SF_Collegiate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sfcollegiate_regular_macroman/SF_Collegiate-webfont.woff') format('woff'),
         url('../fonts/sfcollegiate_regular_macroman/SF_Collegiate-webfont.ttf') format('truetype'),
         url('../fonts/sfcollegiate_regular_macroman/SF_Collegiate-webfont.svg#sf_collegiateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
  color: #BC1F36;
}

a:focus, a:hover {
  color:#000;
}

h3 {
  text-transform: uppercase;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #444;
}

.score-tabs {
  margin:10px 0 20px;
}

.score-controls .class-label {
  padding:10px;
  font-size:14px;
  font-weight: bold;
}

.score-controls .classification {
  margin-top:10px;
  font-size:12px;
}

.score-controls .classification .nav>li>a {
  padding:5px 10px;
}

.page-header {
  border-color:#ddd;
  margin-top:20px;
}

.page-header h1 {
  clear:left;
}

.page-header h4 .icon {
  width:28px;
  height:28px;
  margin-top: -4px;
}

.page-header .score-controls .control-label {
  font-weight:bold;
  padding:10px 15px;
}

.page-actions {
  display:none;
  position: absolute;
  top:15px;
  right:15px;
  z-index: 10;
}

.page-actions a {
  display: block;
  padding:8px 10px;
  line-height: 1em;
  background-color:rgba(0,0,0,.15);
  border-radius: 50%;
  outline:none;
}

/* Icons */

.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-top:-4px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-embed {
  color:#fff;
  height:32px;
  width:32px;
  margin:0;
}

#embed-code {
  width: 100%;
  height:85px;
  font-size: 12px;
  padding:5px 10px;
}

/* App */

#main-nav .navbar-default {
  background-color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: rgba(0,0,0,.05);
}

.navbar-default .navbar-toggle {
  background-color: transparent;
  border-color: #e0e0e0;
}

#main-nav .navbar-link {
  color:#BC1F36;
}

#loading-bar .bar {
  background-color: #BC1F36;
}

#loading-bar .peg {
  -moz-box-shadow: #BC1F36 1px 0 6px 1px;
  -ms-box-shadow: #BC1F36 1px 0 6px 1px;
  -webkit-box-shadow: #BC1F36 1px 0 6px 1px;
  box-shadow: #BC1F36 1px 0 6px 1px;
}

.form-control:focus {
  border-color:#BC1F36;
  box-shadow:none;
}

body {
  font-family: 'Open Sans', sans-serif;
}

body.view-full {
  margin-top:50px;
  background-color: #f0f0f0;
}

.view-full #main-page-container {
  position: relative;
  padding-bottom:40px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
}

.navbar-brand > img {
  height:20px;
}

.wordmark {
  font-family: 'sf_collegiateregular', sans-serif;
  font-size: 60px;
  line-height:1em;
}

.page-header .pull-left .wordmark {
  margin-top:18px;
  margin-right:30px;
}

.page.school .wordmark {
  margin-top:5px;
}

.teams .table .sport {
  width:150px;
}

footer {
	background-color:#f0f0f0;
	margin-top:40px;
	padding:30px 0;
	text-transform: uppercase;
	font-size: 11px;
	color:#777;
}

.list-schools {
  font-size:18px;
}

.list-schools a {
  padding-right:10px;
  border-right:1px solid #e0e0e0;
}

.list-classes {
  margin-top: 15px;
  margin-bottom:10px;
}

.list-classes li a {
  display: block;
  padding:12px 16px;
  border:1px solid #e0e0e0;
  margin-bottom: 10px;
}
.list-classes li a:hover {
  text-decoration: none;
}

.label-default {
  background-color: #444;
}

.scoreboard {
    background-color:#505050;
    border-color:#fff;
    color:#eee;
    font-size:20px;
    margin-bottom:20px;
}

.scoreboard a,
.scoreboard a:hover,
.scoreboard a:focus {
  color: #eee;
}

.scoreboard .score-heading {
  font-size: 12px;
  background-color: #222;
  padding:0;
}

.scoreboard .score-heading .icon {
  width: 14px;
  height: 14px;
}


.scoreboard .game-details > div {
  float:left;
  border-right:1px solid #444;
  padding:5px 10px;
}

.scoreboard .game-details > div:last-child {
  border-right:none;
}

.scoreboard .game-details .recap {
  color:#fff;
  background-color:#BC1F36;
  border:none;
}

.scoreboard > .winner-1 a,
.scoreboard > .winner-1 a:hover,
.scoreboard > .winner-1 a:focus {
  color: #fff;
}

.scoreboard .left-caret {
    display:none;
    position:absolute;
    right:5px;
    top:18px;
}

.scoreboard > .winner-1 {
    font-weight:bold;
    color:#fff;
}

.scoreboard > .winner-1 .left-caret {
    display:block;
}

.scoreboard > .away, .scoreboard > .home {
    position:relative;
    padding:15px 25px 15px 15px;
    border-bottom:1px solid rgba(0,0,0,.2);
}

.scoreboard > .home {
    border-top:none;
}

.scoreboard .name {
    float:left;
    width:80%;
    overflow:hidden;
    white-space:nowrap;
}

.scoreboard .score {
    float:left;
    width:20%;
    text-align:right;
}

.left-caret {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}

.right-caret {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}

.score-date-heading {
  padding-bottom:5px;
  margin:10px 0 15px;
  font-weight:bold;
  border-bottom: 1px solid #e0e0e0;
}

.empty-results {
  color:#777;
  background-color: rgba(0,0,0,.05);
  padding:20px;
  font-size:18px;
}

.contribute-call {
  margin-top:40px;
  text-align: center;
}

/* Game details */
.matchup {
  text-align: center;
}

.matchup h2 {
  margin-top:0;
}

.team-details {
  display: table;
  width:100%;
}

.team-details h4 {
  margin:0;
  display: table-cell;
  width:100%;
  vertical-align: middle;
}

.team-details a {
  color: #a5a6a7;
}

.team-details a:hover, .team-details a:active {
  text-decoration: none;
}

.game.details.awaywin .team-details.away a, .game.details.homewin .team-details.home a {
  color: #222;
}

.team-details .wordmark {
  font-size: 32px;
  padding-top:5px;
  color:#222;
}

.team-details.away {
  text-align: right;
}

.team-details.home {
  text-align: left;
}

.game-meta {
  color:#ccc;
  text-align: center;
}

.game-meta span {
  color:#888;
}

.game-sport {
  background-color: #f7f7f7;
  margin-left:-15px;
  margin-right:-15px;
  padding:5px;
  text-align:center;
  text-transform: uppercase;
}

.game.details .page-header {
  margin-top:15px;
}

.matchup, .team-details {
  position: relative;
  height: 37px;
}

.matchup .score {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 600;
  color:#a5a6a7;
}

.matchup .score .left-caret, .matchup .score .right-caret {
  display:none;
  border-left-color: #222;
  border-right-color: #222;
  margin-top:4px;
}

.matchup .home-score {
    right:0;
}

.matchup .away-score {
  left:0;
}

.game.details.awaywin .away-score, .game.details.homewin .home-score {
  color:#222;
}

.game.details.awaywin .away-score .left-caret, .game.details.homewin .home-score .right-caret {
  display:inline-block;
}

.related-story {
  margin:30px 0;
  background-color:#222;
}

.related-story a {
  display:block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  color:#fff;
  position: relative;
}

.related-story a:hover, .related-story a:focus, .related-story a:active {
  text-decoration: none;
}

.related-story h1 {
  margin:0;
  padding:100px 30px;
  text-align:center;
  background-color: rgba(0,0,0,.5);
  font-size: 30px;
  font-weight:700;
  line-height:1em;
  text-shadow:2px 2px 0 rgba(0,0,0,1);
}

.related-story .site-name {
  position: absolute;
  bottom: 0;
  right:0;
  padding:15px;
  text-transform: uppercase;
}

/* Home page */

.media-list .media {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.media-list-sports .media-heading {
  font-size: 24px;
}

.media-list-sports .icon {
  width:60px;
  height:60px;
}


/* Embed view */

.embed-branding {
  vertical-align: middle;
  font-size:12px;
}

.embed-branding .logo > img {
  max-height:10px;
  margin-bottom:1px;
}

.view-embed.game {
  border:1px solid #ddd;
}

.view-embed .game.details .page-header {
  margin:0;
  padding:10px 0;
  border:none;
}

.view-embed .page-header {
  margin-top:0;
}

/* ticker */
.mtscores-ticker-container {
  margin-left:-15px;
  margin-right:-15px;
}

.mtscores-ticker-container .embed-branding {
  margin:11px 10px;
}

.mtscores-ticker-container h4 {
  font-size:14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin:5px 10px;
}

.mtscores-ticker-container h4 select {
  display:inline-block;
  width: auto;
  margin:0;
}

.mtscores-ticker {
  border:1px solid #e0e0e0;
  background-color: rgba(0,0,0,.02);
  width: 1px;
  min-width: 100%;
  height:70px;
  overflow: hidden;
}

.mtscores-ticker .slick-arrow {
  position: absolute;
  top: 50%;
  display: block;
  width: 35px;
  height: 70px;
  padding: 0;
  background-color:#eee;
  margin-top: -10px\9; /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align:center;
  cursor: pointer;
  border: none;
  outline: none;
}

.mtscores-ticker .slick-arrow .glyphicon {
  top:50%;
  margin-top: -10px\9; /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.mtscores-ticker .ticker-prev {
    left: 0px;
}

.mtscores-ticker [dir='rtl'] .ticker-prev {
    right: 0px;
    left: auto;
}

.mtscores-ticker .ticker-next {
    right: 0px;
}

.mtscores-ticker [dir='rtl'] .ticker-next {
    right: auto;
    left: 0px;
}

.mtscores-ticker .slick-list {
  margin:0 35px;
}

.mtscores-ticker .slick-slider {
    margin-bottom: 0;
}

.mtscores-ticker .slick-slide {
  outline: none;
}

.mtscores-ticker .sport-divider {
  padding:0 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 70px;
  background-color: #f5f5f5;
  border-right: 1px solid #e0e0e0;
}

.mtscores-ticker .game {
  height:70px;
  width:150px;
  border-right:1px solid #e0e0e0;
  background-color: #fff;
}

.mtscores-ticker .game .game-heading {
  font-size:10px;
  line-height: 1em;
  padding:5px 10px;
  color:#888;
}

.mtscores-ticker .game .game-team {
  position: relative;
  font-size:12px;
  line-height: 1em;
  padding:0 10px;
}

.mtscores-ticker .game .game-team .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:5px 0;
}

.mtscores-ticker .game .game-team .score {
  padding: 5px 0 5px 5px;
}

.mtscores-ticker .game .game-team.winner-0, .mtscores-ticker .game .game-team.winner-0 a {
  color:#888;
}

.mtscores-ticker .game .game-team.winner-1, .mtscores-ticker .game .game-team.winner-1 a {
  color:#222;
  font-weight: bold;
}

.mtscores-ticker .game .game-team.winner-1:before {
  position:absolute;
  right:0;
  top:6px;
  content: '';
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: 5px solid #222;
  display: inline-block;
}

.mtscores-ticker .empty-results {
  height:100%;
  text-align: center;
  font-size: 13px;
  background-color: transparent;
  padding:24px;
}

#main-nav .dropdown-menu .list-inline a {
  padding:14px 18px;
  line-height: 44px;
  border:1px solid #e0e0e0;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 90vh;
}

.navbar-collapse.in {
  box-shadow: 0px 10px 10px rgba(0,0,0,.1);
}

.games-table tr th.datecol, .games-table tr td.datecol {
  width: 25%;
  padding-left:0px;
}

.games-table tr th.resultcol, .games-table tr td.resultcol {
  width: 25%;
  padding-right:0px;
}

@media (min-width: 600px) {
  .scoreboard {
      float:left;
      width:48%;
      margin-right:2%;
  }
  .team-details.away .wordmark {
    font-size: 50px;
    float:right;
    margin-left:20px;
  }
  .team-details.home .wordmark {
    height:50px;
    font-size: 50px;
    float:left;
    margin-right:20px;
  }
  .matchup, .team-details {
    height:50px;
  }
  .matchup .score {
    font-size: 32px;
  }
  .matchup .score .left-caret, .matchup .score .right-caret {
    margin-top:14px;
  }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .view-full #main-page-container {
      margin-top:70px;
    }
    .view-full .page-header, .view-full .page-content {
      padding-left:15px;
      padding-right:15px;
    }
    .page-header h1 {
      clear:none;
    }
    .page-header .pull-right {
      margin-right:50px;
    }
    .form-group {
        margin-right:10px;
    }
    .scoreboard {
        float:left;
        width:32%;
        margin-right:2%;
    }
    .scoreboard:nth-child(3n+3) {
        margin-right:0;
    }
    .wordmark {
      font-size:80px;
    }
    .related-story a h1 {
      font-size: 65px;
      padding:200px 50px;
      transition: background-color 0.5s ease;
    }
    .related-story a:hover h1 {
      background-color: rgba(0,0,0,.3);
    }
    #main-nav .dropdown-menu .list-inline a {
      padding:5px;
      line-height: normal;
      border:none;
      background-color: transparent;
    }
    #main-nav .dropdown-menu .divider:last-child {
      background-color: transparent;
      margin-bottom: 0;
    }
    .page-actions {
      display:block;
    }
    .media-list-sports .media {
      margin-bottom: 30px;
    }
    .list-classes {
      margin-bottom: 20px;
    }
    .list-classes li a {
      font-size: 18px;
      padding:12px 20px;
    }
}

@media (min-width: 1200px) {
  .related-story a h1 {
    font-size: 75px;
  }
}