@import "https://s3.amazonaws.com/assets.sidearmsports.com/common/fonts/fontawesome/font-awesome.min.css";
@import "https://fonts.sidearmsports.com/sidearm/sidearm_font.css";
.story-wrapper * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.story-wrapper *:before,
.story-wrapper *:after {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.contentDiv,
.contentDiv_container {
  width: auto;
  float: none;
  padding: 0;
}
.page_title {
  display: none;
}
.story-wrapper h1 {
  position: static;
  display: block;
}
img {
  max-width: 100%;
}
body,
td {
  font-size: 14px;
  line-height: 1.5;
}
figure {
  margin: 0;
  padding: 0;
}
/* HELPER CLASSES */

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
*.hide {
  display: block;
  position: absolute;
  left: -9999px;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf {
  *zoom: 1;
}
.cf:after {
  clear: both;
}
.sidearm-story-image-align-left {
  float: left;
}
.sidearm-story-image-align-right {
  float: right;
}
.sidearm-story-image-align-center {
  text-align: center;
}
.sidearm-story-image-align-center figure {
  margin: 0 auto;
}
/* MIXINS */
/* COMMON RULES */

.secondstoryad {
  margin: 5% auto;
}
aside > section {
  margin-bottom: 4%;
}
.story-header h1 {
  font-size: 2em;
  line-height: 1.2;
}
.story-social-media ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.story-social-media li {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
  text-align: center;
  margin-right: 2%;
}
.story-social-media li i {
  line-height: 30px;
}
.story-social-media li.facebook {
  background-color: #31588f;
}
.story-social-media li.facebook:hover {
  background-color: #244169;
}
.story-social-media li.twitter {
  background-color: #2da8d2;
}
.story-social-media li.twitter:hover {
  background-color: #2486a8;
}
.story-social-media li.email {
  background-color: #758a8f;
}
.story-social-media li.email:hover {
  background-color: #5e6f73;
}
.story-social-media li.print {
  background-color: #728a8c;
}
.story-social-media li.print:hover {
  background-color: #5b6e70;
}
.story-social-media li.plus {
  background-color: #f9694e;
}
.story-social-media li.plus:hover {
  background-color: #f73f1d;
}
.sidearm-story-custom-share-links {
  list-style: none !important;
  margin: 1em 0 2.5em 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.sidearm-story-custom-share-links li {
  margin-right: 12px;
}
.sidearm-story-custom-share-links a,
.sidearm-story-custom-share-links a:link,
.sidearm-story-custom-share-links a:visited {
  text-decoration: none;
  display: block;
  padding: 0.5em 0.75em;
  line-height: 1;
  text-align: center;
  border-radius: 1px;
  background-color: #00330c;
  color: white;
  transition: .25s;
}
.sidearm-story-custom-share-links a [class^="icon-"],
.sidearm-story-custom-share-links a:link [class^="icon-"],
.sidearm-story-custom-share-links a:visited [class^="icon-"],
.sidearm-story-custom-share-links a [class*=" icon-"],
.sidearm-story-custom-share-links a:link [class*=" icon-"],
.sidearm-story-custom-share-links a:visited [class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
.sidearm-story-custom-share-links a [class^="icon-"]:before,
.sidearm-story-custom-share-links a:link [class^="icon-"]:before,
.sidearm-story-custom-share-links a:visited [class^="icon-"]:before,
.sidearm-story-custom-share-links a [class*=" icon-"]:before,
.sidearm-story-custom-share-links a:link [class*=" icon-"]:before,
.sidearm-story-custom-share-links a:visited [class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.sidearm-story-custom-share-links a:hover,
.sidearm-story-custom-share-links a:link:hover,
.sidearm-story-custom-share-links a:visited:hover {
  transition: .25s;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-print,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-print,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-print {
  background-color: #004f39;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-print:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-print:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-print:hover {
  background-color: #007856;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-facebook,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-facebook,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-facebook {
  background-color: #3b5998;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-facebook:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-facebook:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-facebook:hover {
  background-color: #466ab5;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-twitter,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-twitter,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-twitter {
  background-color: #00aced;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-twitter:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-twitter:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-twitter:hover {
  background-color: #17bfff;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-email,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-email,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-email {
  background-color: #ff9c00;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-email:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-email:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-email:hover {
  background-color: #ffac29;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-google,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-google,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-google {
  background-color: #dd4b39;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-google:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-google:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-google:hover {
  background-color: #e36b5c;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-pinterest,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-pinterest,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-pinterest {
  background-color: #bd081c;
}
.sidearm-story-custom-share-links a.sidearm-story-custom-share-pinterest:hover,
.sidearm-story-custom-share-links a:link.sidearm-story-custom-share-pinterest:hover,
.sidearm-story-custom-share-links a:visited.sidearm-story-custom-share-pinterest:hover {
  background-color: #e40a22;
}
.story-links ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.story-links ul li a {
  display: block;
  background-color: #00330c;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2% 4%;
  border-bottom: 1px solid black;
}
.story-links ul li a:hover {
  background-color: black;
}
.players-mentioned > div {
  position: relative;
  padding-bottom: 60px;
}
.players-mentioned ul {
  padding: 0 4% 6% 4% !important;
  margin: 0 -1% !important;
  list-style: none !important;
}
.players-mentioned ul > li {
  float: left;
  width: 18%;
  margin: 1%;
  background-color: black;
  overflow: hidden;
}
.players-mentioned ul > li .player-image {
  position: relative;
}
.players-mentioned ul > li .player-image img {
  opacity: .7;
}
.players-mentioned ul > li .player-image a {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2% 4%;
  display: inline-block;
  color: white;
  background-color: #00330c;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  text-decoration: none;
  text-transform: uppercase;
}
.players-mentioned ul > li .player-image a:hover {
  background-color: black;
}
.players-mentioned ul > li .player-image:hover img {
  opacity: 1;
  transition: .2s;
  transform: scale(1.1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.players-mentioned ul > li .player-image:hover a {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
}
.players-mentioned ul > li dl {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 60px;
  margin: 0 4%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.players-mentioned ul > li dl dt {
  font-size: 1.5em;
  color: black;
  background: white;
}
.players-mentioned ul > li dl dd.number {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 30px;
  line-height: 30px;
  background-color: #00330c;
  color: white;
  text-align: center;
}
.players-mentioned ul > li dl dd {
  display: inline;
  margin-right: 5px;
  line-height: 30px;
  color: black;
  background: white;
}
.players-mentioned ul > li:hover dl {
  visibility: visible;
  opacity: 1;
}
.table-stats table {
  width: 100%;
}
.table-stats table caption {
  background-color: #00330c;
  color: white;
  padding: 0 4%;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 2em;
}
.table-stats table tr {
  background-color: white;
  border-bottom: 1px solid #dedede;
}
.table-stats table tr td:last-child,
.table-stats table tr th:last-child {
  background-color: #c7c7c7;
  border-bottom: 1px solid #dedede;
}
.table-stats table tr td:first-child,
.table-stats table tr th:first-child {
  text-align: left;
  border-right: 1px solid #dedede;
}
.table-stats table th,
.table-stats table td {
  padding: 2% 4%;
  text-align: right;
  border: none;
}
.table-stats table th[scope=col] {
  font-weight: bold;
}
.table-stats table th.winner:before {
  content: '\e861';
  font-family: sidearm_font;
  margin-right: 5px;
}
.table-stats #soccer_scoring_summary tr td:first-child {
  text-align: center;
}
.table-stats #soccer_scoring_summary tr td:last-child {
  padding: 2%;
  background-color: white;
  text-align: left;
  vertical-align: top;
}
.table-stats #soccer_scoring_summary td {
  padding: 2%;
}
.table-stats #football_scoring_summary tr td {
  padding: 1%;
}
.table-stats #football_scoring_summary tr td:first-child {
  padding: 2%;
  font-size: 11px;
}
.table-stats #football_scoring_summary tr td:last-child {
  background-color: white;
  border-left: 1px solid #dedede;
}
.table-stats #football_scoring_summary tr.fb_summary_qtr_row {
  border-bottom: 2px solid #00330c;
  border-top: 2px solid #00330c;
  font-weight: bold;
}
.table-stats #football_scoring_summary tr.fb_summary_qtr_row td {
  padding: 1%;
}
.table-stats #football_scoring_summary tr.fb_summary_qtr_row td:first-child {
  padding: 2%;
}
.table-stats #football_scoring_summary tr.fb_summary_qtr_row td:last-child {
  background-color: white;
  border-left: 1px solid #dedede;
}
.table-stats #football_scoring_summary div.fb_summary_logo_wrapper {
  float: left;
  padding-right: 3%;
}
.player-stats.table-stats tr td:last-child,
.player-stats.table-stats tr th:last-child {
  background: none;
  border: none;
}
.player-stats {
  background-color: white;
}
.player-stats h2 {
  background-color: #00330c;
  color: white;
  padding: 0 10px;
  line-height: 30px;
}
.player-stats .stats-chooser {
  padding: 10px;
  border-bottom: 1px solid #dedede;
}
.player-stats .stats-chooser select {
  background-color: #efefef;
  color: #6b5e53;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.player-stats .stats-leaders.hide {
  position: static;
  display: none;
}
.player-stats .leader {
  padding: 10px 10px 10px 80px;
  *zoom: 1;
}
.player-stats .leader:before,
.player-stats .leader:after {
  content: " ";
  display: table;
}
.player-stats .leader:after {
  clear: both;
}
.player-stats .leader > img {
  width: 60px;
  float: left;
  position: relative;
  margin-left: -70px;
}
.player-stats .leader h3 {
  font-weight: normal;
}
.player-stats .leader h3 span {
  color: #00330c;
  font-weight: bold;
}
.player-stats .leader ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.player-stats .leader ul li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  border: 1px solid #dedede;
}
.player-stats .leader ul li dl {
  padding: 0 5px;
}
.player-stats .leader ul li dl dt {
  color: #00330c;
}
.player-stats .leader ul li dl dt:after {
  content: ':';
}
.player-stats .leader ul li dl dt,
.player-stats .leader ul li dl dd {
  display: inline;
}
.player-stats .leader:nth-child(even) {
  background-color: #efefef;
}
.story-related ul,
.story-videos ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.story-related article,
.story-videos article {
  *zoom: 1;
  padding: 10px 0;
}
.story-related article:before,
.story-videos article:before,
.story-related article:after,
.story-videos article:after {
  content: " ";
  display: table;
}
.story-related article:after,
.story-videos article:after {
  clear: both;
}
.story-related article .related-thumb,
.story-videos article .related-thumb {
  float: left;
  width: 32%;
  position: relative;
}
.story-related article .related-thumb i,
.story-videos article .related-thumb i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -30px;
  float: right;
  position: relative;
  z-index: 1;
  font-size: .5em;
  text-align: center;
  background-color: #00330c;
  color: white;
}
.story-related article .related-text,
.story-videos article .related-text {
  width: 64%;
  float: right;
}
.story-related article .related-text p,
.story-videos article .related-text p {
  margin: 0;
}
.story-related article .related-text h3,
.story-videos article .related-text h3 {
  font-weight: normal;
}
.story-related article .related-text a,
.story-videos article .related-text a {
  color: #00330c;
  text-decoration: none;
}
.story-related article .related-text a:hover,
.story-videos article .related-text a:hover {
  text-decoration: underline;
}
/* GENERAL TEMPLATES ONLY */

.gen ul.jta-tweet-list {
  padding: 0 4%;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item {
  width: auto;
  color: #333333;
  padding: 2% 0;
  border-bottom: 1px solid #dedede;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-profile-image {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  width: auto;
  height: auto;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-text {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions {
  display: block;
  margin: 2% 0;
  float: right;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions a {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 0 10px;
  background-color: #00330c;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions a:hover {
  background-color: black;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-attributes {
  display: block;
}
.gen ul.jta-tweet-list li.jta-tweet-list-item .jta-clear {
  clear: both;
}
.gen .story-related li + li,
.gen .story-videos li + li {
  border-top: 1px solid #c7c7c7;
}
.gen .story-related article p,
.gen .story-videos article p {
  margin: 0;
}
.gen .story-related article h3,
.gen .story-videos article h3 {
  font-weight: normal;
}
.gen .story-related article a,
.gen .story-videos article a {
  color: #00330c;
  text-decoration: none;
}
.gen .story-related article a:hover,
.gen .story-videos article a:hover {
  text-decoration: underline;
}
.gen .story-photos figcaption {
  padding: 4%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gen .story-photos figcaption a {
  text-decoration: none;
}
.gen .story-photos figcaption a:hover {
  text-decoration: underline;
}
/* GENERAL TEMPLATES 1 & 2 */

.gen-1 .story-photos ul,
.gen-2 .story-photos ul {
  position: relative;
  margin: 0 -2%;
  padding: 0;
  list-style: none;
}
.gen-1 .story-photos ul li,
.gen-2 .story-photos ul li {
  float: left;
  margin: 10px 2%;
  width: 46%;
}
.gen-1 .story-photos figcaption,
.gen-2 .story-photos figcaption {
  border: 1px solid #dedede;
}
/* GENERAL TEMPLATES 2 & 3 */

.gen-2 .story_email,
.gen-3 .story_email {
  margin-top: 5px;
}
.gen-2 .story-photos figcaption,
.gen-3 .story-photos figcaption {
  background-color: white;
  border: none;
}
.gen-2 .ui-tabs > ul,
.gen-3 .ui-tabs > ul {
  list-style: none;
  margin: 0;
  padding: 0 5%;
  *zoom: 1;
  border-bottom: 1px solid #c7c7c7;
  height: 40px;
}
.gen-2 .ui-tabs > ul:before,
.gen-3 .ui-tabs > ul:before,
.gen-2 .ui-tabs > ul:after,
.gen-3 .ui-tabs > ul:after {
  content: " ";
  display: table;
}
.gen-2 .ui-tabs > ul:after,
.gen-3 .ui-tabs > ul:after {
  clear: both;
}
.gen-2 .ui-tabs > ul > li,
.gen-3 .ui-tabs > ul > li {
  padding: 0 10px;
  line-height: 40px;
  float: left;
  border: 1px solid #c7c7c7;
  border-bottom: none;
  background-color: #c7c7c7;
}
.gen-2 .ui-tabs > ul > li > a,
.gen-3 .ui-tabs > ul > li > a {
  color: #333333;
  text-decoration: none;
}
.gen-2 .ui-tabs > ul > li.ui-state-active,
.gen-3 .ui-tabs > ul > li.ui-state-active {
  background-color: #dedede;
  color: #333333;
}
.gen-2 .ui-tabs > ul > li.ui-state-active > a,
.gen-3 .ui-tabs > ul > li.ui-state-active > a {
  color: #333333;
}
.gen-2 .ui-tabs > ul > li + li,
.gen-3 .ui-tabs > ul > li + li {
  margin-left: 5px;
}
.gen-2 .ui-tabs > ul > li:not(.ui-state-active):hover,
.gen-3 .ui-tabs > ul > li:not(.ui-state-active):hover {
  background-color: #aeaeae;
}
.gen-2 .ui-tabs .ui-tabs-panel,
.gen-3 .ui-tabs .ui-tabs-panel {
  position: static;
  top: 0;
}
.gen-2 .ui-tabs .ui-tabs-hide,
.gen-3 .ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -9999px;
  display: none;
}
.gen-2 .story-links,
.gen-3 .story-links {
  width: 40%;
  float: right;
  margin: 1em 0 2% 2%;
}
.gen-2.story-wrapper,
.post-1.story-wrapper {
  background-color: #dedede;
}
.gen-2 .story-column,
.post-1 .story-column {
  float: left;
  padding: 2%;
}
.gen-2 .story-column + .story-column,
.post-1 .story-column + .story-column {
  float: right;
}
.gen-2 .story-column.left,
.post-1 .story-column.left {
  width: 66%;
  background-color: white;
}
.gen-2 .story-column.right,
.post-1 .story-column.right {
  width: 30%;
  padding: 0;
}
.gen-2 .story-column.right section,
.post-1 .story-column.right section {
  margin: 5%;
}
.gen-2 .story-column.right section.story-sponsors,
.post-1 .story-column.right section.story-sponsors {
  margin: 5% 0;
}
.gen-1 .story-content,
.pre-2 .story-content {
  background-color: white;
  padding: 4%;
}
.gen-1 .story-column,
.pre-2 .story-column {
  float: left;
}
.gen-1 .story-column + .story-column,
.pre-2 .story-column + .story-column {
  float: right;
}
.gen-1 .story-column.left,
.pre-2 .story-column.left {
  width: 62%;
}
.gen-1 .story-column.right,
.pre-2 .story-column.right {
  width: 33%;
}
.gen-1 .story-header,
.pre-2 .story-header {
  position: relative;
  margin: -80px 0 4% 0;
}
.gen-1 .story-header > div,
.pre-2 .story-header > div {
  padding: 4%;
  background-color: #1a1a1a;
  color: #fab118;
}
.gen-1 .story-header p,
.pre-2 .story-header p {
  margin: 2% 0;
}
.gen-1 .story-header h1,
.pre-2 .story-header h1 {
  color: #fab118;
}
.gen-1 .story-header h2:not(:empty),
.pre-2 .story-header h2:not(:empty) {
  background-color: white;
  color: #00330c;
  border: 1px solid #dedede;
  color: #333333;
  font-style: italic;
  font-weight: normal;
  padding: 4%;
}
/* GENERAL TEMPLATE 1 */

.gen-1 .story-buttons {
  margin-bottom: 4%;
  position: relative;
}
.gen-1 .story-buttons > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.gen-1 .story-buttons > ul > li {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
  line-height: 20px;
  float: left;
  background-color: #dedede;
  cursor: pointer;
}
.gen-1 .story-buttons > ul > li:hover {
  background-color: #c7c7c7;
}
.gen-1 .story-buttons > ul > li:hover > div {
  visibility: visible;
}
.gen-1 .story-buttons > ul > li.hashtag {
  background-color: #00abf0;
  color: white;
}
.gen-1 .story-buttons > ul > li.hashtag:hover {
  background-color: #0087bd;
}
.gen-1 .story-buttons > ul > li.hashtag > a {
  color: white;
}
.gen-1 .story-buttons > ul > li > a {
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
}
.gen-1 .story-buttons > ul > li i {
  margin-left: 10px;
}
.gen-1 .story-buttons > ul > li > div {
  position: absolute;
  top: 30px;
  right: 0;
  visibility: hidden;
  width: 100%;
  min-height: 100px;
  padding: 6% 0;
  background-color: white;
  border: 1px solid #dedede;
  box-shadow: 0 1px 5px #c7c7c7;
}
.gen-1 .story-column.right section {
  margin-bottom: 4%;
}
.gen-1 .story-column.right section > h2 {
  color: #00330c;
  font-size: 1.5em;
  padding-left: 4%;
}
.gen-1 .story-column.right section > h2 i {
  border-radius: 100px;
  background-color: #00330c;
  color: white;
  font-size: 15px;
  line-height: 20px;
  padding: 10px;
  text-align: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
/* GENERAL TEMPLATE 2 */

.gen-2 .story-header {
  color: #00330c;
}
.gen-2 .story-header h2:not(:empty) {
  background-color: #dedede;
  padding: 4%;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  margin: 2% 0;
  font-weight: normal;
}
.gen-2 .story-social-media {
  padding-bottom: 2%;
  border-bottom: 1px solid #c7c7c7;
}
.gen-2 .story-text {
  padding: 4% 0;
}
.gen-2 .players-mentioned h2 {
  float: right;
  text-transform: uppercase;
  font-weight: normal;
}
.gen-2 .players-mentioned h2 i {
  line-height: 30px;
  width: 30px;
  text-align: center;
  margin: 0 0 0 10px;
  background-color: #dedede;
  color: #333333;
}
.gen-2 .players-mentioned div {
  border: 1px solid #dedede;
  clear: both;
}
.gen-2 .players-mentioned div ul {
  padding: 0;
  margin: 0 -1% 2% -1%;
}
.gen-2 .players-mentioned div dl {
  margin: 2% 1% 0 2%;
}
.gen-2 .story-twitter h2.hashtag {
  background-color: #00abf0;
  color: white;
  padding: 0 20px;
  margin: 0;
  line-height: 40px;
  text-transform: uppercase;
  float: left;
}
.gen-2 .story-twitter ul.jta-tweet-list {
  clear: both;
  padding: 0;
}
.gen-2 .story-twitter ul.jta-tweet-list li.jta-tweet-list-item + li.jta-tweet-list-item {
  border-top: 1px solid #c7c7c7;
}
.gen-2 .story-twitter ul.jta-tweet-list li.jta-tweet-list-item .jta-tweet-actions {
  float: none;
}
.gen-2 .story-photos h2 {
  border-bottom: 1px solid #c7c7c7;
  margin: 0 -5%;
  padding: 0 5%;
  height: 40px;
  font-weight: normal;
  color: #333333;
  *zoom: 1;
}
.gen-2 .story-photos h2:before,
.gen-2 .story-photos h2:after {
  content: " ";
  display: table;
}
.gen-2 .story-photos h2:after {
  clear: both;
}
.gen-2 .story-photos h2 span {
  display: block;
  float: left;
  padding: 0 10px;
  margin-top: 1px;
  line-height: 40px;
  background-color: #dedede;
  border: 1px solid #c7c7c7;
  border-bottom: none;
}
.gen-2 .story-photos ul {
  clear: both;
}
.gen-2 section.ui-tabs-panel h2 {
  position: absolute;
  left: -9999px;
}
/* GENERAL TEMPLATE 3 */

.gen-3.story-wrapper {
  background-color: #dedede;
}
.gen-3 .story-column {
  float: right;
}
.gen-3 .story-column + .story-column {
  float: left;
}
.gen-3 .story-column.left {
  width: 29%;
  padding: 0;
  float: left;
}
.gen-3 .story-column.left > section {
  margin: 8% 4.5%;
}
.gen-3 .story-column.left > section h2 {
  border-bottom: 1px solid #c7c7c7;
  color: #333333;
  font-size: 1.2em;
}
.gen-3 .story-column.left > section h2 i {
  display: none;
}
.gen-3 .story-column.left .story-sponsors {
  margin-left: 0;
  margin-right: 0;
}
.gen-3 .story-column.left .story-sponsors img {
  margin: 0 auto;
}
.gen-3 .story-column.right {
  width: 71%;
  padding: 0;
  background-color: white;
}
.gen-3 .story-header,
.gen-3 .story-social-media,
.gen-3 .story-media {
  margin: 2% 4%;
}
.gen-3 .story-header h2 {
  color: #555555;
  font-style: italic;
  margin: 4% 0;
}
.gen-3 .sidearm-story-custom-share-links {
  padding: 0 4% !important;
}
.gen-3 .story-related > ul > li + li img {
  display: none;
}
.gen-3 .story-related article {
  padding: 10px 0;
}
.gen-3 .story-related article p {
  font-style: italic;
}
.gen-3 .story-related article img {
  margin-bottom: 5px;
}
.gen-3 .story-related article .related-thumb,
.gen-3 .story-videos article .related-thumb {
  float: none;
  width: auto;
  position: relative;
}
.gen-3 .story-related article .related-thumb i,
.gen-3 .story-videos article .related-thumb i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -30px;
  float: right;
  position: relative;
  z-index: 1;
  font-size: .5em;
  text-align: center;
  background-color: #00330c;
  color: white;
}
.gen-3 .story-related article .related-text,
.gen-3 .story-videos article .related-text {
  width: auto;
  float: none;
}
.gen-3 .story-photos li {
  padding: 10px 0;
}
.gen-3 .story-photos li + li {
  border-top: 1px solid #c7c7c7;
}
.gen-3 .ui-tabs > ul {
  padding: 0 4%;
}
.gen-3 .ui-tabs > ul > li {
  line-height: 39px;
  background-color: #dedede;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.gen-3 .ui-tabs > ul > li > a {
  color: #888888;
}
.gen-3 .ui-tabs > ul > li:hover a {
  color: white;
}
.gen-3 .ui-tabs > ul > li.hashtag {
  background-color: #00abf0;
}
.gen-3 .ui-tabs > ul > li.hashtag a {
  color: white;
}
.gen-3 .ui-tabs > ul > li.hashtag:hover {
  background-color: #0087bd;
}
.gen-3 .ui-tabs > ul > li.ui-state-active:not(.hashtag) {
  background-color: white;
}
.gen-3 .ui-tabs > ul > li.ui-state-active:not(.hashtag) > a {
  color: #333333;
}
.gen-3 .ui-tabs > section {
  padding: 4%;
}
.gen-3 .story-videos h2 {
  position: absolute;
  left: -9999px;
}
.gen-3 .story-videos ul {
  margin: 0 -2%;
  *zoom: 1;
}
.gen-3 .story-videos ul:before,
.gen-3 .story-videos ul:after {
  content: " ";
  display: table;
}
.gen-3 .story-videos ul:after {
  clear: both;
}
.gen-3 .story-videos ul li {
  width: 29%;
  margin: 0 2% 2% 2%;
  float: left;
}
.gen-3 .story-videos ul li i {
  display: none;
}
.gen-3 .story-videos ul li p {
  font-style: italic;
}
.gen-3 .story-videos ul li + li {
  border: none;
}
/* POST GAME TEMPLATES */

.post .story-media {
  padding: 0;
  margin: 0;
  background-color: #dedede;
}
.post .story-media .story-media-wrap {
  position: relative;
  margin-bottom: 20px;
}
.post .story-media .story-media-wrap .boxscore-links {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.post .story-media .story-media-wrap .boxscore-links ul li {
  display: inline;
  margin-left: 5px;
  float: left;
}
.post .story-media .story-media-wrap .boxscore-links ul li a {
  display: block;
  padding: 5px 15px;
  background-color: #00330c;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid black;
  font-weight: bold;
}
.post .story-media .story-media-wrap .boxscore-links ul li a:hover {
  background-color: black;
}
.post .story-media .story-media-wrap .media_object_caption {
  position: absolute;
  bottom: -20px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: none;
  line-height: 20px;
  font-size: 14px;
  font-style: italic;
}
.post .story-media .story-media-wrap .media_object_caption .media_object_inner_caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post .story-media .game-summary {
  padding: 1% 4% 2% 4%;
}
.post .story-media .game-summary .has_tabs {
  *zoom: 1;
  float: none;
  width: auto;
  margin: 0;
}
.post .story-media .game-summary .has_tabs:before,
.post .story-media .game-summary .has_tabs:after {
  content: " ";
  display: table;
}
.post .story-media .game-summary .has_tabs:after {
  clear: both;
}
.post .story-media .game-summary .has_tabs ul {
  *zoom: 1;
  border-bottom: 1px solid #c7c7c7;
  list-style: none;
}
.post .story-media .game-summary .has_tabs ul:before,
.post .story-media .game-summary .has_tabs ul:after {
  content: " ";
  display: table;
}
.post .story-media .game-summary .has_tabs ul:after {
  clear: both;
}
.post .story-media .game-summary .has_tabs ul li a {
  float: left;
  background-color: #c7c7c7;
  color: #4d4d4d;
  font-weight: bold;
  text-decoration: none;
  padding: 0 20px;
  line-height: 30px;
}
.post .story-media .game-summary .has_tabs ul li.ui-state-active a {
  background-color: #00330c;
  color: white;
}
.post .story-media .game-summary .has_tabs .ui-tabs-hide {
  position: absolute;
  left: -9999px;
}
.post .story-media .game-summary .game-result {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  position: relative;
  margin-left: -10px;
  color: #5d5148;
}
.post .story-media .game-summary .game-result .game-result-row {
  display: table-row;
}
.post .story-media .game-summary .game-result .game-result-row > div {
  display: table-cell;
  background-color: #efefef;
  line-height: 40px;
  padding: 0 10px;
  font-size: 22px;
  font-weight: bold;
}
.post .story-media .game-summary .game-result .game-result-row > div:first-child {
  padding: 0;
  background: white;
}
.post .story-media .game-summary .game-result .game-result-row > div:first-child div {
  display: inline;
}
.post .story-media .game-summary .game-result .game-result-row > div.team-name {
  background: none;
}
.post .story-media .game-summary .game-result .game-result-row > div.team-name.loser i {
  display: none;
}
.post .story-media .game-summary .game-result .game-result-row > div.team-score {
  text-align: center;
}
.post .story-media .game-summary .game-result .game-result-row > div img {
  width: 40px;
  height: 40px;
  display: inline;
  vertical-align: middle;
}
.post .story-media .game-summary .game-result .game-result-row > div span {
  font-size: 14px;
  font-weight: normal;
}
.post .story-media .game-summary table {
  width: 100%;
}
.post .story-media .game-summary table caption {
  text-indent: -9999px;
  position: absolute;
}
.post .story-media .game-summary table th,
.post .story-media .game-summary table td {
  padding: 5px;
  text-align: right;
  border: none;
  color: #5d5148;
}
.post .story-media .game-summary table th:first-child {
  padding: 5px 5px 5px 20px;
}
.post .story-media .game-summary table td:last-child,
.post .story-media .game-summary table th:last-child {
  padding: 5px 20px 5px 5px;
}
.post .story-media .game-summary table thead tr {
  background-color: #00330c;
}
.post .story-media .game-summary table thead tr th {
  color: white;
  font-weight: bold;
}
.post .story-media .game-summary table thead tr th:first-child {
  text-indent: -9999px;
  width: 50%;
  text-align: left;
}
.post .story-media .game-summary table thead tr th.summary {
  text-indent: -9999px;
  text-align: left;
}
.post .story-media .game-summary table tbody tr {
  background-color: #c7c7c7;
  border-bottom: 1px solid white;
}
.post .story-media .game-summary table tbody tr th:first-child {
  text-align: left;
}
.post .story-media .game-summary table tbody tr + tr {
  border: none;
}
.post .schedule-widget .next-game {
  position: relative;
  background-color: black;
  color: white;
  padding: 20px 10px 20px 80px;
}
.post .schedule-widget .next-game img {
  width: 60px;
  position: absolute;
  left: 10px;
  top: 20px;
}
.post .schedule-widget .next-game p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.post .schedule-widget .next-game > div p {
  display: block;
  font-weight: normal;
}
.post .schedule-widget .next-game a {
  color: white;
}
.post .schedule-widget ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.post .schedule-widget ul li a {
  display: block;
  padding: 2% 4%;
  background-color: #00330c;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid black;
}
.post .schedule-widget ul li a:hover {
  background-color: black;
}
.post .stats .ui-tabs ul {
  list-style: none;
  margin: 10px;
  padding: 0;
  *zoom: 1;
  border-bottom: 1px solid #dedede;
}
.post .stats .ui-tabs ul:before,
.post .stats .ui-tabs ul:after {
  content: " ";
  display: table;
}
.post .stats .ui-tabs ul:after {
  clear: both;
}
.post .stats .ui-tabs ul li a {
  float: left;
  display: block;
  padding: 0 10px;
  background-color: #dedede;
  color: #4d4d4d;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
}
.post .stats .ui-tabs ul li.ui-state-active a {
  background-color: #00330c;
  color: white;
}
.post .stats .ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -9999px;
}
/* POST GAME TEMPLATE 1*/

.post-1 .story-header {
  margin: 4% 0;
}
.post-1 .story-header p {
  margin: 0;
  color: #555555;
}
.post-1 .story-header h1 {
  margin: 1% 0;
  color: #00330c;
}
.post-1 .story-header h2 {
  font-style: italic;
  color: #6b5e53;
}
.post-1 .story-social-media {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin: 2% 0;
  padding: 2% 0;
}
.post-1 .right.column {
  float: right;
  width: 40%;
  margin: 0 0 2% 2%;
}
.post-1 .players-mentioned h2 {
  float: left;
  background-color: white;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 0 0 10px;
  line-height: 30px;
}
.post-1 .players-mentioned h2 i {
  color: white;
  background-color: #c7c7c7;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 0 0 10px;
}
.post-1 .players-mentioned > div {
  clear: both;
  background-color: white;
  padding-top: 8%;
}
.post-1 .players-mentioned dl {
  margin: 0;
}
.post-1 .team-stats .ui-tabs ul {
  margin: 0;
}
.post-1 .team-stats .ui-tabs ul li a {
  background-color: #c7c7c7;
  color: #4d4d4d;
}
.post-1 .team-stats .ui-tabs ul li.ui-state-active a {
  background-color: #00330c;
  color: white;
}
/* POST GAME TEMPLATE 2 */

.post-2 {
  padding: 8%;
  background-color: white;
}
.post-2 .story-media .game-summary {
  width: 66%;
  padding: 2%;
  float: left;
  margin-top: -10px;
  position: relative;
}
.post-2 .story-media .schedule-widget {
  width: 30%;
  float: left;
}
.post-2 .story-header {
  margin: 4% 0;
}
.post-2 .story-header h1 {
  color: #00330c;
  margin: 2% 0;
}
.post-2 .story-header h2 {
  color: #6b5e53;
  font-weight: normal;
  font-style: italic;
}
.post-2 .story-text {
  *zoom: 1;
}
.post-2 .story-text:before,
.post-2 .story-text:after {
  content: " ";
  display: table;
}
.post-2 .story-text:after {
  clear: both;
}
.post-2 aside.left.column {
  float: left;
  width: 33%;
  margin: 0 4% 4% 0;
}
.post-2 .stats .player-stats,
.post-2 .stats .team-stats table tr {
  background-color: white;
  border-bottom: 1px solid #c7c7c7;
}
.post-2 .stats .team-stats {
  margin-bottom: 4%;
}
.post-2 .players-mentioned h2 {
  float: right;
  background-color: #dedede;
  color: #6b5e53;
  text-transform: uppercase;
  padding: 0 10px;
  line-height: 30px;
  font-weight: normal;
}
.post-2 .players-mentioned > div {
  clear: both;
}
.post-2 .players-mentioned ul {
  padding: 2% 0 6% 0;
}
.post-2 .players-mentioned ul li dl {
  margin: 0;
}
/* PRE/POST GAME TEMPLATES */

.pre-1 .story-media,
.post .story-media {
  position: relative;
}
.pre-1 .story-media figure figcaption,
.post .story-media figure figcaption {
  *zoom: 1;
}
.pre-1 .story-media figure figcaption:before,
.post .story-media figure figcaption:before,
.pre-1 .story-media figure figcaption:after,
.post .story-media figure figcaption:after {
  content: " ";
  display: table;
}
.pre-1 .story-media figure figcaption:after,
.post .story-media figure figcaption:after {
  clear: both;
}
.pre-1 .story-media figure figcaption > p,
.post .story-media figure figcaption > p {
  position: absolute;
  left: 20px;
  top: -25px;
  margin: 0;
  padding: 0 20px;
  background-color: #00330c;
  color: white;
  line-height: 50px;
  font-weight: bold;
}
.pre-1 .story-media figure figcaption > p time,
.post .story-media figure figcaption > p time {
  font-weight: normal;
}
.pre .story-links,
.post-2 .story-links {
  border: 1px solid #dedede;
  margin-bottom: 4%;
}
.pre .story-links h2,
.post-2 .story-links h2 {
  color: #00330c;
  padding: 2% 4%;
}
.pre .story-links ul li,
.post-2 .story-links ul li {
  border-top: 1px solid #dedede;
}
.pre .story-links ul li a,
.post-2 .story-links ul li a {
  background: none;
  color: #6b5e53;
  text-transform: none;
  border: none;
}
.pre .story-links ul li a:hover,
.post-2 .story-links ul li a:hover {
  background-color: #00330c;
  color: white;
}
/* PRE GAME TEMPLATE 2 */

.pre-1 {
  padding: 8%;
  background-color: white;
}
.pre-1 .story-media figcaption {
  background-color: #dedede;
  padding: 2%;
}
.pre-1 .game-preview {
  *zoom: 1;
}
.pre-1 .game-preview:before,
.pre-1 .game-preview:after {
  content: " ";
  display: table;
}
.pre-1 .game-preview:after {
  clear: both;
}
.pre-1 .game-preview > div {
  float: left;
  color: #6b5e53;
}
.pre-1 .game-preview > div:first-child {
  margin-left: -2%;
  position: relative;
  text-transform: uppercase;
}
.pre-1 .game-preview > div:first-child p:first-child {
  margin: 0;
  width: 20px;
  height: 48px;
  padding: 6px 0;
  position: absolute;
  left: -20px;
  top: 0;
  background-color: #00330c;
  color: white;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
}
.pre-1 .game-preview > div:first-child p:first-child span {
  display: block;
}
.pre-1 .game-preview > div:first-child p + p {
  margin: 0;
}
.pre-1 .game-preview > div:first-child p + p time {
  display: block;
  padding: 10px 80px 10px 0;
  position: relative;
  background-color: #c7c7c7;
}
.pre-1 .game-preview > div:first-child p + p time span {
  display: block;
  width: 50px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
}
.pre-1 .game-preview > div:first-child p + p time span + span {
  font-weight: bold;
  line-height: 25px;
  font-size: 25px;
  font-weight: bold;
}
.pre-1 .game-preview > div:first-child p + p time span + span + span {
  line-height: 60px;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: left;
  text-indent: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pre-1 .game-preview > div + div {
  padding: 0 20px 0 70px;
}
.pre-1 .game-preview > div + div img {
  float: left;
  position: relative;
  margin-left: -70px;
}
.pre-1 .game-preview > div + div span {
  display: block;
  font-weight: bold;
  line-height: 20px;
  font-size: 15px;
  padding-top: 10px;
}
.pre-1 .game-preview > div + div span + span {
  font-weight: normal;
  font-size: 14px;
  padding: 0;
}
.pre-1 .game-preview > div.media {
  float: right;
  padding: 0;
  width: 30%;
}
.pre-1 .game-preview > div.media ul li {
  float: left;
  position: relative;
  text-transform: uppercase;
  width: 33.3333%;
  margin: 5px 0;
}
.pre-1 .game-preview > div.media ul li a {
  display: block;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #c7c7c7;
  color: white;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
}
.pre-1 .game-preview > div.media ul li a[href] {
  background-color: #00330c;
  color: white;
}
.pre-1 .game-preview > div.media ul li a[href]:hover {
  background-color: black;
}
.pre-1 .game-preview > div.media ul li div {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 175%;
  background-color: white;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
  width: 100%;
  padding: 0 0 0 20px;
  outline: 5px solid rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.pre-1 .game-preview > div.media ul li div:before {
  content: "";
  display: block;
  float: left;
  position: relative;
  margin: 50px 0 0 -10px;
  width: 0;
  height: 0;
  border-top: 10px solid white;
  border-right: 10px solid transparent;
}
.pre-1 .game-preview > div.media ul li.tv,
.pre-1 .game-preview > div.media ul li.radio {
  width: 50%;
}
.pre-1 .game-preview > div.media ul li:hover div {
  display: block;
}
.pre-1 .story-header {
  margin: 2em 0;
}
.pre-1 .story-header h2 {
  color: #6b5e53;
  font-style: italic;
  margin: 1em 0;
}
.pre-1 .right.column {
  width: 33%;
  margin: 0 0 4% 4%;
}
.pre-1 .season-stats table tr {
  background-color: #dedede;
  border-bottom: 1px solid #c7c7c7;
}
.pre-2 .table-stats table tr {
  background-color: #dedede;
  border-bottom: 1px solid #c7c7c7;
}
.pre-2 .player-stats.table-stats th:first-child,
.pre-2 .player-stats.table-stats th:last-child,
.pre-2 .player-stats.table-stats td:first-child,
.pre-2 .player-stats.table-stats td:last-child {
  padding: 2% 4%;
}
.pre-2 .player-stats.table-stats th,
.pre-2 .player-stats.table-stats td {
  padding: 2%;
}
.pre-2 .player-stats .leader {
  background-color: #dedede;
}
.pre-2 .player-stats .leader li {
  border: 1px solid white;
}
.pre-2 .player-stats .leader:nth-child(even) {
  background-color: #c7c7c7;
}
.pre-2 .player-stats .leader:nth-child(even) li {
  border: 1px solid #dedede;
}
