picture {
  vertical-align: top;
}
/* fixes stange margin bug */

picture img {
  vertical-align: bottom;
}
/* Overall Styles ---------------------- */

#container {
  max-width: 800px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background-color: black;
}
#header img {
  display: block;
}
#footer {
  background-color: #1a1a1a;
  clear: both;
}
#footer .full-website {
  padding: .5em 1em;
  display: inline-block;
  margin: 2em 1em;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  background-color: #00330c;
  color: white;
}
#footer .sidearm {
  height: 100%;
  text-align: right;
}
#footer .sidearm-links ul {
  list-style: none;
}
#footer .sidearm-links ul li {
  display: inline-block;
  margin: 10px;
}
@media only screen and (max-width: 599px) {
  #footer .columns {
    text-align: center;
  }
}
#menu {
  background-color: #00330c;
}
#menu #nav-btn {
  font-size: 1.25em;
  color: white;
  margin-left: .5em;
  cursor: pointer;
  text-transform: uppercase;
}
#menu #nav-btn i {
  margin-right: .5em;
}
@media only screen and (max-width: 479px) {
  #menu {
    font-size: 1.25em;
  }
}
#main {
  background-color: white;
  z-index: 1;
}
#main-content {
  position: relative;
  background-color: #f3f3f3;
}
#tabs section h1,
#additional h1 {
  position: absolute;
  left: -9999px;
  margin: 0;
}
section h1,
h1 {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 10px solid #00330c;
  margin: 0 0 10px 0;
}
h2.title,
h3.title {
  font-size: 1.5em;
  line-height: 1;
  font-weight: normal;
}
table {
  border: none;
  width: 100%;
}
.dgrd_header td {
  background-color: #00330c;
  color: white;
  text-transform: uppercase;
}
.dgrd_item td {
  background-color: white;
}
.dgrd_item.alt td {
  background-color: #efefef;
}
.loading {
  display: none;
}
/* Micro Clear Fix */

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
a,
a:link,
a:visited {
  color: #00330c;
}
/* Navigation Menu ---------------------- */

#nav {
  width: 200px;
  height: 100%;
  background-color: black;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: -1;
  overflow: hidden;
  visibility: hidden;
}
#nav-container {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#nav-container ul {
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#nav-container ul li {
  border-bottom: 1px solid #464646;
  color: white;
}
#nav-container ul li.parent > a {
  background: url(../images/arrowright.png) no-repeat 175px center;
}
#nav-container ul li:hover,
#nav-container ul li:active {
  background-color: #1a1a1a;
}
#nav-container ul li:hover > a,
#nav-container ul li:active > a {
  color: #fab118;
}
#nav-container ul li a {
  color: white;
  text-decoration: none;
  line-height: 1;
  padding: 10px 40px 10px 10px;
  width: 200px;
  display: block;
}
#nav-container ul li a.separator {
  color: white;
}
#nav-container .level-1 ul {
  position: absolute;
  width: 100%;
  left: 100%;
  margin: 0;
  display: none;
}
#nav-container .level-1 ul li.back {
  background: url("https://s3.amazonaws.com/assets.sidearmsports.com/common/images/arrowleft.png") no-repeat 10px center;
  padding: 7px 10px 7px 20px;
}
#nav-container .level-1 ul li.back a {
  color: #c1c1c1;
  cursor: pointer;
}
#nav-container .level-1 ul li.back a:hover {
  text-decoration: underline;
}
.sports-nav {
  background-color: #1a1a1a;
}
.sports-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.sports-nav ul:before,
.sports-nav ul:after {
  content: "";
  display: table;
}
.sports-nav ul:after {
  clear: both;
}
.sports-nav > ul > li {
  text-align: center;
  padding: 0;
  float: left;
  width: 25%;
}
.sports-nav > ul > li + li {
  border-left: 1px solid black;
}
.sports-nav > ul > li > a {
  color: #fab118;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  font-size: 14px;
  padding: 10px;
}
.sports-nav > ul > li:active,
.sports-nav > ul > li:hover,
.sports-nav > ul > li:focus {
  background-color: #00330c;
}
.sports-nav > ul > li:active > a,
.sports-nav > ul > li:hover > a,
.sports-nav > ul > li:focus > a {
  color: white;
}
.sports-nav > ul > li > a > i {
  display: block;
  margin: 0 auto;
}
.sports-nav .more-sports-menu {
  background-color: black;
  position: absolute;
  right: -200px;
  top: -30px;
  width: 200px;
}
.sports-nav .more-sport-links-button {
  cursor: pointer;
}
.sports-nav .more-sport-links-button.active {
  background-color: #00330c;
  color: white;
}
.sports-nav .more-sports-menu li {
  text-align: right;
  border-bottom: 1px solid #464646;
}
.sports-nav .more-sports-menu li:hover,
.sports-nav .more-sports-menu li:active {
  background-color: #1a1a1a;
}
.sports-nav .more-sports-menu li:hover a,
.sports-nav .more-sports-menu li:active a {
  color: #fab118;
}
.sports-nav .more-sports-menu li a {
  font-size: 1em;
  line-height: 1;
  text-transform: none;
  color: white;
  padding: 10px;
  display: block;
}
@media only screen and (max-width: 479px) {
  .sports-nav ul li a {
    font-size: 11px;
  }
  .sports-nav ul li a i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 320px) {
  .sports-nav ul li a {
    font-size: 9px;
  }
  .sports-nav ul li a i {
    font-size: 16px;
  }
}
/* Inside Stories  ---------------------- */

.story-wrapper {
  padding: 1em;
  overflow-x: auto;
}
.story-wrapper > div {
  margin: 1.5em 0;
}
.story-wrapper > div.story-image-credit {
  margin: 0;
}
.story-wrapper .story-other {
  color: silver;
  margin: 0;
}
.story-wrapper .story-other span {
  display: block;
}
.story-wrapper .story-other span:not(:empty) {
  margin: 5px 0;
}
.story-wrapper .story-other span + span {
  font-style: italic;
}
.story-wrapper a {
  text-decoration: underline;
}
.story-wrapper ul,
.story-wrapper ol {
  list-style-position: inside;
}
.story-wrapper .story-links {
  float: right;
  width: 33.3333%;
  margin: 0 0 10px 10px;
  background-color: #00330c;
}
.story-wrapper .story-links h2 {
  position: static;
  padding: 5px 10px;
  margin: 0;
  cursor: pointer;
  font-size: 1em;
  text-transform: uppercase;
  color: white;
}
.story-wrapper .story-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.story-wrapper .story-links ul li {
  padding: 0 10px;
  background-color: #00330c;
  border-top: 1px solid black;
}
.story-wrapper .story-links ul li:hover,
.story-wrapper .story-links ul li:active {
  background-color: black;
}
.story-wrapper .story-links ul li a {
  display: block;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
.figure-with-caption figcaption {
  font-style: italic;
  padding: 5px 20px;
  font-size: .9em;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  .story-wrapper .story-links {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .story-wrapper .story-links {
    margin: 0;
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
  .story-wrapper .story-links h2:after {
    content: '\e864';
    font-family: sidearm_font;
    float: right;
    display: block;
  }
  .story-wrapper .story-links ul {
    position: absolute;
    left: -9999px;
  }
  .story-wrapper .story-links.open ul {
    position: static;
  }
}
.related-headlines h3 {
  padding: 0 1em;
  font-size: 1.3em;
  line-height: 1.5;
  color: #333333;
  border-bottom: 1px solid silver;
}
.related-headlines-content {
  padding: 0 1em;
}
.related-headlines .story {
  padding: 10px 0;
}
.related-headlines .story .story-image {
  width: 25%;
  float: left;
  position: relative;
}
.related-headlines .story .story-text {
  width: 75%;
  float: left;
  padding: 0 10px;
}
.related-headlines .story .sport:before {
  content: ' / ';
}
.related-headlines .story .headline {
  text-decoration: none;
}
.related-headlines .story .headline h4 {
  font-weight: normal;
  margin: 10px 0;
}
.related-headlines .story:before,
.related-headlines .story:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

}
.related-headlines .story:after {
  clear: both;
}
.related-headlines .story {
  *zoom: 1;
}
/* Photo Gallery ----------------------- */

@media only screen and (max-width: 479px) {
  #photos {
    display: none;
  }
}
/* Rosters  ---------------------- */

.roster-list-photo {
  padding: 1em;
}
.roster-list-photo img {
  display: block;
  margin: 0 auto;
}
#roster .title {
  padding: 1em;
}
.roster-player-container a {
  color: #222222;
}
.roster-player-container a:hover {
  color: #00330c;
}
.roster-player-container {
  margin: 0;
  padding: 1em;
  border-top: 1px solid silver;
}
.roster-player-container span {
  line-height: 1.5;
}
.roster-player-container .roster-jersey {
  font-weight: bold;
  color: #00330c;
}
.roster-player-container span + span:before {
  content: " / ";
}
.roster-player-container.roster-coach span + span:before,
.roster-player-container.roster-staff span + span:before {
  content: "";
}
.roster-player-container.roster-coach span,
.roster-player-container.roster-staff span {
  display: block;
}
.roster-player-container.roster-coach span a,
.roster-player .coach-title,
.roster-player-container.roster-staff span a,
.roster-staff .staff-name {
  color: #00330c;
  text-transform: uppercase;
}
.row.roster-player {
  padding: 1em;
}
.row.roster-player.return {
  padding: .25em 1em;
  margin: 0;
}
#roster .roster-player .title {
  padding: 0;
}
#staff .roster-player .title {
  padding: .5em 0;
}
.roster-player .title .player-jersey {
  display: inline-block;
  padding: .5em;
  background-color: #00330c;
  color: white;
}
.roster-player .title .player-name {
  display: block;
  margin: .5em 0;
}
.roster-player-details span {
  display: block;
}
.roster-player-details label {
  display: inline-block;
  font-size: 1em;
  color: silver;
  margin-right: .25em;
}
.roster-player-details label:after {
  content: ':';
}
@media only screen and (max-width: 599px) {
  .roster-list-photo {
    padding: 0;
  }
  #roster .roster-player .title {
    padding: 1em 0;
  }
  .roster-player .title .player-jersey {
    background: none;
    display: inline-block;
    color: #00330c;
    padding: 0;
  }
  .roster-player .title .player-name {
    display: inline;
  }
}
/* Schedule  ---------------------- */

#schedule .title {
  padding: .5em 1em;
}
#schedule h3 {
  background-color: #00330c;
  color: white;
  display: inline-block;
  padding: .5em 1em;
  font-size: 1em;
  line-height: 1;
  text-transform: uppercase;
  margin: 1em;
}
#schedule .schedule-ads {
  margin-top: 16px;
}
#cal_subscribe {
  margin-left: 20px;
}
#past_schedules {
  margin-left: 20px;
}
.sponsorsWrapper {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.inlineSponsors {
  text-align: right;
}
.inlineSponsors a img {
  display: inline-block !important;
  margin: 0 auto;
  float: none;
}
.records.row {
  margin: .5em 0;
}
.records.row .row {
  border-bottom: 1px solid silver;
  margin: 0 .5em;
}
.records .label {
  text-transform: uppercase;
  text-align: left;
  background: none;
  color: #222222;
  font-size: 1em;
  line-height: 1.5;
}
.records .record {
  text-align: right;
  color: #00330c;
}
.schedule .game {
  margin: 0;
  padding: .5em 1em;
  border-bottom: 1px solid silver;
}
.schedule .game .game-date {
  font-weight: bold;
  display: block;
}
.schedule .game .game-date .time {
  font-weight: normal;
}
.schedule .game .game-date .time:before {
  content: ' / ';
}
.schedule .game .result .status {
  display: inline-block;
  padding: 0 1em;
  color: white;
}
.schedule .game .result.win .status {
  background-color: #00330c;
  color: white;
}
.schedule .game .result.loss .status,
.schedule .game .result.tie .status {
  background-color: #1a1a1a;
  color: #fab118;
}
.schedule .game .recap,
.schedule .game .box {
  display: block;
}
.schedule .game .game-opponent .time {
  display: block;
}
.schedule .game .game-opponent {
  display: block;
}
.schedule .game .game-opponent span {
  margin-right: .5em;
}
.schedule .game .game-conference {
  display: inline-block;
  padding: 0 5px;
  background-color: #aaaaaa;
  color: white;
  font-size: .9em;
  font-style: italic;
}
.schedule .game .game-location + span {
  font-size: .8em;
  display: block;
  color: silver;
}
.schedule .game .game-links dt,
.schedule .game .game-links dd {
  display: inline;
}
.schedule .game .game-links dt {
  text-transform: uppercase;
  font-weight: bold;
}
.schedule .game .game-links dd {
  margin: 0 .5em;
}
.event.schedule_game_away {
  background-color: #ebebeb;
}
@media only screen and (max-width: 599px) {
  .schedule .game {
    padding: .5em 0;
  }
  .schedule .game .small-2 {
    padding: 0;
  }
}
/* Archives  ---------------------- */

#archives .title {
  padding: .5em;
}
/* Staff  ---------------------- */

#staff .title {
  padding: .5em;
}
#staff h3 {
  background-color: #00330c;
  color: white;
  display: inline-block;
  padding: .5em 1em;
  font-size: 1em;
  line-height: 1;
  text-transform: uppercase;
  margin: 1em .5em;
}
/* Composite Calendar  ---------------------- */

#calendar .title {
  padding: .5em 0;
}
#calendar .game-details span {
  display: block;
}
#calendar .game-details .story {
  padding: 0;
}
#calendar .calendar-filter-row {
  padding: .5em;
  margin: 0;
}
#calendar .filter-select {
  padding: .25em 0;
}
#calendar .result {
  display: block;
}
@media only screen and (max-width: 599px) {
  #calendar .filter-button {
    padding: .5em;
    text-align: right;
  }
  #calendar .calendar-filter-row span {
    display: block;
  }
}
/* HOF  ---------------------- */

#hof .title {
  padding: .5em;
}
#hof .sort-select {
  padding: .25em 0;
}
#hof h3 {
  background-color: #00330c;
  color: white;
  display: inline-block;
  padding: .5em 1em;
  font-size: 1em;
  line-height: 1;
  text-transform: uppercase;
  margin: 1em .5em;
}
#hof .roster-player .title {
  padding: .5em 0;
}
@media only screen and (max-width: 599px) {
  #hof .sort-button {
    padding: .5em 1em;
    text-align: right;
  }
}
/* Foundation CSS Overrides */

body {
  line-height: 1.5;
}
form,
form .row .row {
  margin: 0;
}
.button {
  background-color: #00330c;
  color: white;
}
.button:hover {
  background-color: black;
  color: white;
}
.orbit-bullets {
  text-align: center;
}
.orbit-bullets li {
  float: none;
  display: inline-block;
  border: none;
  background-color: #dadada;
  cursor: pointer;
}
.orbit-bullets li.active {
  background-color: #00330c;
}
.orbit-prev,
.orbit-next {
  display: none;
}
.section .row {
  margin: 0;
}
.section h2 {
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: bold;
  padding: 10px;
}
.section .content {
  border-top: 10px solid #00330c;
}
.section-container.tabs section .content,
.section-container.tabs .section .content {
  top: 0;
}
.section-container.tabs section.active .title,
.section-container.tabs .section.active .title {
  background: white;
}
.section-container.tabs section.active .title a,
.section-container.tabs .section.active .title a {
  color: black;
}
.section-container.tabs .section .title a {
  color: #c1c1c1;
  padding: 0;
}
@media only screen and (max-width: 479px) {
  .section {
    margin: 0;
  }
  .section .content {
    border-top: none;
  }
  .section h2 {
    padding: 10px;
  }
}
#login .title {
  padding: .5em 1em;
}
#login fieldset {
  margin: 0 1em;
}
#login fieldset legend {
  background: #e3e3e3;
  border: solid 1px #cccccc;
  padding: .5em;
}
#login fieldset ul {
  list-style: none;
}
#login fieldset label {
  font-size: 1em;
  background-color: #1a1a1a;
  color: #fab118;
  padding: .5em 1em;
  margin: 0;
  display: inline-block;
}
.sidearm-ad-icon .icon_title {
  display: none;
}
.page-title-sponsor img {
  margin: 25px 0;
}
.adhesion-ad {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transition: .5s;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 5px;
}
.adhesion-ad.unpinned {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.adhesion-ad.unpinned .close-ad {
  opacity: 0;
  transition: opacity .25s .5s;
  -webkit-transition: opacity .25s .5s;
}
.adhesion-ad .close-ad {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  background-color: #00330c;
  color: white;
  text-transform: uppercase;
  font-size: .9em;
  line-height: 1;
  padding: 5px 10px;
}
.adhesion-ad .close-ad:active {
  background-color: black;
}
@media screen and (max-width: 1024px) {
  .sportfile .story-details span:first-of-type {
    display: none;
  }
}