/* 0. Development */
.todo {
  padding: 0 0.71428571em;
  color: white !important;
  background: deeppink !important;
}
/* 1. Reset/Normalize */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
caption,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: 0;
}
*,
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 2. Global */
body {
  font-size: 0.875em;
  font-family: "Source Sans Pro", Georgia, serif;
  font-weight: 400;
  line-height: 1.42857143;
  color: #221d1d;
}
input,
button,
select,
textarea {
  font-size: 1em;
  font-family: Signika, Arial, sans-serif;
  font-weight: 400;
}
a img {
  display: block;
  border: none;
}
/* 3. Layout */
.page-wrapper {
  width: 100%;
  min-width: 22.85714286em;
  max-width: 720px;
  margin: 0 auto;
  background: #ffffff;
}
.page-header {
  margin-bottom: 0.71428571em;
  padding: 0em 0.71428571em 0em;
  border-bottom: 0.71428571em solid #221d1d;
}
.page-content {
  padding: 0em 0.71428571em 0em;
}
.page-main,
.page-sidebar {
  margin: 0em 0em 1.42857143em;
}
.page-footer {
  padding: 0em 0.71428571em 1.42857143em;
}
/* 4. Typography */
h1,
.logo {
  margin: 0.13888889em 0em 0.13888889em;
  font-size: 2.57142857em;
  line-height: 1.11111111;
}
h2 {
  margin: 0.20833333em 0em 0.20833333em;
  font-size: 1.71428571em;
  line-height: 1.66666667;
}
h3,
.roles caption {
  margin: 0.55555556em 0em 0.55555556em;
  font-size: 1.28571429em;
  line-height: 1.11111111;
}
h4,
caption {
  font-size: 1em;
  line-height: 1.42857143;
}
caption {
  text-align: left;
}
h5,
h6 {
  font-size: 0.85714286em;
  line-height: 1.66666667;
  text-transform: uppercase;
}
h1,
h2,
h3 {
  font-family: Signika, Arial, sans-serif;
  font-weight: 400;
}
h1:first-child,
h2:first-child,
h3:first-child {
  margin-top: 0;
}
h1 a,
h2 a,
h3 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h1 a:active,
h2 a:active,
h3 a:active {
  text-decoration: none;
}
p {
  margin: 0em 0em 0.71428571em;
}
ul,
ol,
table,
form {
  margin: 0em 0em 1.42857143em;
}
.list {
  list-style: disc inside;
}
a {
  text-decoration: underline;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
ins {
  color: #9c4949;
  text-decoration: none;
}
strong + ins {
  color: #221d1d;
}
/* 5. Colours */
a {
  color: #e11d1d;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
a:hover,
a:focus,
a:active {
  color: #221d1d;
}
h1,
h2,
h3,
.roles caption {
  color: #e11d1d;
}
h4,
h5,
caption {
  color: #9c4949;
}
h6 {
  color: #919191;
}
p a {
  color: #221d1d;
}
p a:hover,
p a:focus,
p a:active {
  color: #9c4949;
}
/* 6. Header */
.logo {
  margin: 0em -0.27777778em 0em;
  padding: 0em 0em 0.27777778em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 0.27777778em solid #221d1d;
}
.logo a {
  display: block;
  height: 3.33333333em;
  padding: 1.11111111em 0em 0.27777778em;
  text-decoration: none;
  color: #ffffff;
  background: url('../images/header_hawks.jpg') 50% 0 no-repeat #e11d1d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.logo a:hover,
.logo a:focus,
.logo a:active {
  color: #ffffff;
}
.login,
.signed {
  overflow: hidden;
  padding: 0.35714286em 0em 0.35714286em;
}
.login a,
.signed a {
  color: #221d1d;
  text-decoration: none;
}
.login a:hover,
.signed a:hover,
.login a:focus,
.signed a:focus {
  color: #9c4949;
}
.login .sign-in {
  margin-right: 0.5em;
  color: #e11d1d;
}
.signed .username {
  display: inline;
}
.signed .actions {
  display: inline;
  padding: 0em 0.35714286em 0em;
}
.signed .unread {
  color: #e11d1d;
  float: right;
}
/* 7. Footer */
/* 8. Navigation */
nav ul {
  margin-bottom: 0;
}
nav ul + h3 {
  margin: 1.42857143em 0em 0.71428571em;
}
nav li {
  display: inline-block;
  list-style: none inside;
}
nav a {
  display: inline-block;
}
.page-nav {
  padding: 0em 0.35714286em 0em;
}
.page-nav a {
  padding: 0.35714286em 0.35714286em 0.35714286em;
  text-decoration: none;
  color: #221d1d;
}
.page-nav a:hover,
.page-nav a:focus,
.page-nav a:active {
  color: #9c4949;
}
.page-nav .selected a {
  color: #9c4949;
}
.page-sidebar nav li {
  display: block;
}
.sidebar-offseason li,
.sidebar-draft li {
  list-style: none inside;
  color: #919191;
}
.sidebar-offseason li a,
.sidebar-draft li a {
  text-decoration: none;
  color: #221d1d;
}
.sidebar-offseason li a:hover,
.sidebar-draft li a:hover,
.sidebar-offseason li a:focus,
.sidebar-draft li a:focus,
.sidebar-offseason li a:active,
.sidebar-draft li a:active {
  color: #e11d1d;
}
/* 9. Content */
.landmark {
  padding-top: 0.71428571em;
}
.separator {
  position: relative;
  top: 3px;
  margin: 0 0.1em;
  font-size: 2em;
  line-height: 1.42857143;
  line-height: 0;
  color: #dbdbdb;
}
/* 9a. Homepage & Sidebar */
.archive {
  list-style: none inside;
}
.articles article {
  margin: 0em 0em 1.42857143em;
}
.articles .eom p:last-of-type:after {
  content: ' •';
  position: relative;
  top: 3px;
  font-size: 2em;
  line-height: 1.42857143;
  line-height: 0;
  color: #221d1d;
}
.article-picture {
  position: relative;
  max-height: 270px;
  overflow: hidden;
  margin: 0em 0em 0.71428571em;
  background: #f5f5f5;
}
.article-picture .caption {
  position: absolute;
  top: -100%;
  left: 0;
  padding: 0.71428571em 1.42857143em 0.71428571em;
  color: #ffffff;
  background: rgba(34, 29, 29, 0.6);
  pointer-events: none;
  -webkit-transition: top 0.25s;
  transition: top 0.25s;
}
.article-picture:hover .caption {
  top: 0;
  -webkit-transition: top 0.5s 0.5s;
  transition: top 0.5s 0.5s;
}
.article-picture a {
  display: block;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}
.article-picture a:hover,
.article-picture a:focus {
  background: #221d1d;
}
.article-picture img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
}
.mentions {
  list-style: none inside;
}
.scoreboard,
.leaders {
  margin: 0em 0em 2.85714286em;
}
.leaders ul {
  list-style: none inside;
  color: #919191;
}
.leaders a {
  text-decoration: none;
  color: #221d1d;
}
.leaders a:hover,
.leaders a:focus {
  color: #e11d1d;
}
.leaders strong {
  font-weight: normal;
  color: #221d1d;
}
.links ul {
  list-style: none inside;
  color: #919191;
}
.links a {
  text-decoration: none;
  color: #221d1d;
}
.links a:hover,
.links a:focus {
  color: #e11d1d;
}
/* 9b. Comments */
.comments {
  margin: 0em 0em 2.85714286em;
}
.comments article {
  position: relative;
  clear: left;
  margin: 0.71428571em 0em 0em;
  padding: 0.71428571em 0em 0em;
  border-top: 1px solid #dbdbdb;
}
.comments article:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}
.comments header {
  color: #919191;
}
.comments .avatar {
  float: left;
  width: 32px;
  overflow: hidden;
  margin: 5px 7px 3px 0;
}
.comments .avatar img {
  display: block;
  width: 32px;
}
.comments .author {
  padding-right: 5.35714286em;
}
.comments .author strong {
  font-weight: normal;
  color: #221d1d;
}
.comments .author:before {
  content: '• ';
  position: relative;
  top: 3px;
  font-size: 2em;
  line-height: 1.42857143;
  line-height: 0;
}
.comments h3 {
  margin: 0;
  font-size: 1em;
  line-height: 1.42857143;
}
.comments h3 a {
  text-decoration: none;
}
.comments .author a {
  text-decoration: none;
  color: #9c4949;
}
.comments .author a:hover,
.comments .author a:focus,
.comments .author a:active {
  color: #221d1d;
}
.comments .post-text {
  overflow: hidden;
}
.comments .post-text p:last-child {
  margin-bottom: 0;
}
.comments .post-text a {
  text-decoration: none;
  color: inherit;
}
.comments .collapsed {
  padding-top: 0;
  border: 0;
}
.comments .reply-link {
  position: absolute;
  top: 0.71428571em;
  right: 0;
}
.comments .reply-link a {
  text-decoration: none;
  color: #919191;
}
.comments .reply-link a:hover,
.comments .reply-link a:focus {
  text-decoration: none;
  color: #e11d1d;
}
.comments article:first-of-type .reply-link {
  top: 0;
}
.threads-list {
  margin: 0em 0em 2.85714286em;
}
.threads-list time {
  white-space: nowrap;
}
.latest-post-author {
  display: none;
}
.thread-pinned-separator th,
.thread-pinned-separator td {
  border-bottom: 3px double #dbdbdb;
}
.thread-locked {
  background-color: #f5f5f5;
}
.post-form dt {
  display: none;
}
.page-comments .reply-link {
  top: 2.14285714em;
}
.page-comments .collapsed .reply-link {
  top: 0;
}
.page-comments article:first-of-type .reply-link {
  top: 1.42857143em;
}
.social {
  margin: 2.85714286em 0em 2.85714286em;
}
.social article {
  margin: 0em 0em 1.42857143em;
}
.social em {
  font-style: normal;
  color: #9c4949;
}
.social .to-facebook {
  position: relative;
  display: block;
  max-width: 27em;
  min-height: 4.28571429em;
  padding: 0.71428571em 0.71428571em 0.71428571em;
  padding-left: 3.35714286em;
  text-decoration: none;
  color: #35569b;
  border-radius: 0.2em;
}
.social .to-facebook:before {
  content: '';
  position: absolute;
  top: 0.64285714em;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  background: url('../images/facebook.png') 0 0 no-repeat;
}
.social .to-facebook:hover,
.social .to-facebook:focus {
  color: #ffffff;
  background: #35569b;
}
/* 9c. Game Detail */
.game-result {
  font-size: 1.71428571em;
  line-height: 1.66666667;
  margin: 0em 0em 0.41666667em;
}
.team-row {
  display: block;
  border-bottom: 1px solid #dbdbdb;
}
.result-row {
  float: right;
}
.score-row {
  float: left;
  padding: 0 0.71428571em;
  color: #ffffff;
  background: #e11d1d;
  border-bottom: 1px solid #b41717;
}
.series-row {
  float: right;
  padding: 0 0.71428571em;
  color: #ffffff;
  background: #9c4949;
  border-bottom: 1px solid #793939;
}
.game-meta {
  margin: 0em 0em 1.42857143em;
}
.game-ratings {
  overflow: hidden;
  margin: 0em 0em 2.14285714em;
}
.game-user-rating,
.game-average-rating {
  float: left;
  margin: 0.71428571em 0em 0em;
}
.game-rating {
  font-family: Signika, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.71428571em;
  line-height: 1.66666667;
}
.game-rating a,
.game-rating strong {
  display: inline-block;
  padding: 0em 0.625em 0em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border: 1px solid #dbdbdb;
}
.game-user-rating {
  list-style: none inside;
  border-right: 1px solid #dbdbdb;
}
.game-user-rating li {
  display: block;
  float: left;
}
.game-user-rating a,
.game-user-rating strong {
  border-right: 0;
  -webkit-transition: none;
  transition: none;
}
.game-user-rating a:hover,
.game-user-rating a:focus {
  color: #ffffff;
  background: #e11d1d;
  border-color: #e11d1d;
}
.game-user-rating .game-user-rating-selected strong {
  color: #ffffff;
  background: #e11d1d;
  border-color: #e11d1d;
}
.game-user-rated strong {
  color: #dbdbdb;
}
.game-average-rating {
  margin-right: 1em;
}
.game-average-rating a,
.game-average-rating strong {
  color: #ffffff;
  background: #9c4949;
  border-color: #9c4949;
}
.assisted-by {
  white-space: nowrap;
}
.game-report {
  margin: 0em 0em 1.42857143em;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  margin: 1rem 0;
  padding-bottom: 56.25%;
  /* 16:9 */
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper:first-child {
  margin-top: 0;
}
.article-video {
  margin: 0em 0em 1.42857143em;
}
.game-video {
  margin: 0em 0em 1.42857143em;
}
.game-video ul {
  overflow: hidden;
  margin: 0em 0em 1.66666667em;
  padding-left: 1px;
  font-size: 0.85714286em;
  line-height: 1.66666667;
  text-align: center;
  text-transform: uppercase;
  background: #ffffff;
  list-style: none inside;
}
.game-video li {
  display: block;
  float: left;
  margin: 0 0 0.25em -1px;
}
.game-video a {
  display: inline-block;
  padding: 0.41666667em 1.66666667em 0.41666667em;
  text-decoration: none;
  color: #221d1d;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  border: 1px solid #dbdbdb;
}
.game-video a:hover,
.game-video a:focus,
.game-video a:active {
  color: #e11d1d;
  background: #f5f5f5;
}
.scoreboard .article-picture,
.scoreboard .article-video,
.scoreboard .game-video {
  margin: 0.71428571em 0em 0.71428571em;
}
/* 9d. Player Detail */
.player-header {
  overflow: hidden;
  margin: 0em 0em 1.42857143em;
}
.player-picture {
  display: block;
  float: left;
  width: 60px;
  height: 90px;
  margin-right: 1em;
  text-align: center;
  color: #919191;
}
.player-picture img {
  width: 100%;
  height: 100%;
}
.player-name {
  margin-left: 74px;
  font-size: 1.71428571em;
  line-height: 1.66666667;
  text-transform: uppercase;
}
.player-name span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.player-meta {
  margin-left: 74px;
  font-size: 1.28571429em;
  line-height: 1.11111111;
}
.player-params {
  overflow: hidden;
  margin: 1.42857143em 0em 1.42857143em;
}
.player-params dt,
.player-params dd {
  float: left;
  padding: 0.35714286em 0em 0.35714286em;
  border-bottom: 1px solid #dbdbdb;
}
.player-params dt {
  clear: left;
  width: 140px;
  text-align: right;
  color: #919191;
}
.player-params dd {
  padding-right: 1em;
  padding-left: 1em;
}
.born-country {
  display: none;
}
.awards {
  list-style: none inside;
}
.player-detail ul {
  list-style: none inside;
}
/* 9e. Article Detail */
.article {
  margin: 0em 0em 1.42857143em;
}
.source-article {
  margin: 1.42857143em 0em 1.42857143em;
  padding: 0.71428571em 0em 0.71428571em;
  border: 1px solid #dbdbdb;
  border-width: 1px 0;
}
.mentions {
  overflow: hidden;
  padding-bottom: 1px;
}
.widget-player {
  width: 100%;
  height: 102px;
  overflow: hidden;
  margin: 0 -1px -1px 0;
  padding: 0.71428571em 0.71428571em 0.71428571em;
  border: 1px solid #dbdbdb;
}
.widget-player h4 {
  position: relative;
}
.widget-player h4 a {
  display: block;
  overflow: hidden;
  padding-right: 2.25em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-player .player-country-flag {
  position: absolute;
  top: 0;
  right: 0;
}
.widget-player.hover {
  color: #221d1d;
}
.widget-former-player {
  background: #f5f5f5;
}
.widget-player-picture {
  float: left;
  overflow: hidden;
  width: 54px;
  height: 80px;
  margin-right: 0.71428571em;
}
.widget-player-picture img {
  width: 100%;
}
.widget-player-team {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tldr {
  margin: 1.42857143em 0em 1.42857143em;
  padding: 0.71428571em 1.42857143em 0.71428571em;
  background: #f5f5f5;
}
.tldr ul {
  margin: 0;
}
.tldr li {
  position: relative;
  display: block;
  margin: 0.35714286em -1.42857143em 0.35714286em;
  padding: 0em 1.42857143em 0em;
  list-style: none inside;
}
.tldr li:before {
  content: '–';
  position: absolute;
  top: -0.5em;
  left: 0;
  display: block;
  font-size: 1.71428571em;
  line-height: 1.66666667;
  color: #dbdbdb;
}
.series-articles {
  margin: 1.42857143em 0em 1.42857143em;
  padding: 0.71428571em 1.42857143em 0.71428571em;
  border: 1px solid #dbdbdb;
}
.series-articles ul {
  margin: 0;
}
.series-articles li {
  display: block;
  padding: 0.35714286em 0em 0.35714286em;
  list-style: none inside;
  border-bottom: 1px solid #dbdbdb;
}
.series-articles li:last-child {
  border-bottom: 0;
}
.series-articles .selected {
  color: #9c4949;
}
.series-articles time {
  float: right;
}
/* 9f. Event Detail */
.event-header {
  overflow: hidden;
  margin: 0em 0em 1.42857143em;
}
.event-header img {
  float: left;
  margin-right: 1.42857143em;
}
/* 10. Tables */
table {
  width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  vertical-align: top;
  padding: 0.35714286em 0;
  border-bottom: 1px solid #dbdbdb;
}
.without-header thead {
  display: none;
}
.field-number,
.field-jersey_number {
  width: 2.85714286em;
  padding-right: 1.07142857em;
  text-align: right;
}
.field-role,
.field-date {
  width: 6.07142857em;
}
.field-result {
  width: 2.85714286em;
  padding: 0;
}
.field-result a {
  display: inline-block;
  width: 100%;
  padding: 0.35714286em 0.71428571em 0.35714286em;
  text-align: center;
  text-decoration: underline;
}
.field-result a:hover,
.field-result a:focus,
.field-result a:active {
  text-decoration: none;
}
.field-time,
.field-team,
.field-nationality,
.field-hand {
  width: 3.21428571em;
  padding-right: 0.35714286em;
}
.field-position,
.field-age {
  width: 2.5em;
}
.field-height {
  display: none;
  width: 4.28571429em;
}
.field-weight {
  display: none;
  width: 3.57142857em;
}
.field-amateur-team {
  display: none;
  width: 11.07142857em;
}
.row-w .field-result {
  border-color: green;
}
.row-w a {
  color: #ffffff;
  background: green;
}
.row-t .field-result {
  border-color: #919191;
}
.row-t a {
  color: #ffffff;
  background: #919191;
}
.row-l .field-result {
  border-color: #e11d1d;
}
.row-l a {
  color: #ffffff;
  background: #e11d1d;
}
.hover {
  cursor: pointer;
  color: #e11d1d;
}
.hover th,
.hover td {
  border-color: #9c4949;
}
.game-stats li {
  list-style: none inside;
}
.game-stats a {
  text-decoration: none;
  color: #221d1d;
}
.game-stats a:hover,
.game-stats a:focus,
.game-stats a:active {
  color: #e11d1d;
}
@media (min-width: 1720px) {
  .game-stats-lineup {
    display: block;
  }
  .game-stats-lineup tbody {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  .game-stats-lineup tr {
    flex: 0 0 auto;
    display: flex;
    width: 33.333%;
  }
  .game-stats-lineup td {
    flex: 1 0 auto;
  }
  .game-stats-lineup .field-number,
  .game-stats-lineup .field-position {
    flex: 0 0 auto;
  }
}
.opponent {
  color: #919191;
}
.opponent a {
  color: #919191;
}
.game-minute {
  color: #919191;
}
.scratched {
  color: #919191;
}
.scratched a {
  color: #919191;
}
.scratched span {
  text-transform: lowercase;
}
.shootout {
  margin: 1.42857143em 0em 1.42857143em;
  padding: 0.71428571em 1.42857143em 0.71428571em;
  background: #f5f5f5;
}
.shootout a {
  text-decoration: none;
  color: #221d1d;
}
.shootout a:hover {
  color: #e11d1d;
}
.latest-game ul {
  margin: 0em 0em 0.71428571em;
}
.latest-game .game-ratings {
  margin: 0.71428571em 0em 0.71428571em;
}
.latest-game .game-ratings strong {
  font-weight: normal;
  color: #9c4949;
}
.next-game {
  margin: 0.35714286em 0em 0em;
  color: #9c4949;
}
.series {
  color: #919191;
}
.stats th {
  text-align: left;
}
.stats td {
  width: 2.85714286em;
  padding-right: 1.07142857em;
  text-align: right;
}
.stats thead th {
  font-weight: bold;
}
.stats thead td {
  background: #f5f5f5;
}
.stats thead abbr {
  text-decoration: none;
  border-bottom: none;
  cursor: help;
}
.stats thead a {
  color: #221d1d;
  text-decoration: none;
}
.stats thead a:hover,
.stats thead a:focus {
  color: #9c4949;
}
.stats tfoot th {
  font-weight: bold;
}
.stats tfoot td {
  color: #9c4949;
}
.career-stats .field-season {
  display: none;
  width: 5.71428571em;
}
.career-stats .field-team {
  width: 8.57142857em;
  padding-right: 0.35714286em;
}
.career-stats .field-league {
  padding-right: 0.35714286em;
}
.career-stats .field-plus-minus {
  display: none;
  white-space: nowrap;
}
.season-stats .field-number,
.season-stats .field-jersey_number {
  display: none;
  width: 2.5em;
}
.season-stats .field-position {
  width: 2.85714286em;
}
.season-stats .field-name {
  width: 8.57142857em;
}
.field-title {
  padding-left: 0.71428571em;
}
.field-ppg,
.field-shg,
.field-gwg,
.field-shots,
.field-shots-percentage,
.field-minutes,
.field-wins,
.field-losses,
.field-ties,
.field-shotouts {
  display: none;
}
.players-list {
  margin: 0em 0em 1.42857143em;
}
.player-position-separator th,
.player-position-separator td {
  border-bottom-width: 3px;
  border-bottom-style: double;
}
.roles th {
  width: 33%;
  padding-right: 0.5em;
  text-align: left;
  color: #9c4949;
}
.roles td {
  width: 67%;
}
/* 11. Forms */
form dl:after {
  content: "";
  display: table;
  clear: both;
}
form dl label {
  display: block;
  padding: 7px 1em 7px 0;
}
form dl input[type="text"],
form dl input[type="email"],
form dl input[type="date"],
form dl input[type="password"],
form dl input[type="number"],
form dl select,
form dl textarea {
  display: block;
  width: 100%;
  max-width: 300px;
}
form dl input[type="number"] {
  max-width: 150px;
}
form dt,
form dd {
  float: left;
  padding: 0.35714286em 0em 0.35714286em;
}
form dt {
  clear: left;
  width: 33%;
  max-width: 180px;
}
form dd {
  width: 66%;
}
.wide-form dl input[type="text"],
.wide-form dl input[type="email"],
.wide-form dl input[type="date"],
.wide-form dl input[type="password"],
.wide-form dl input[type="number"],
.wide-form dl select,
.wide-form dl textarea {
  max-width: 600px;
}
.wide-form dl input[type="number"] {
  max-width: 150px;
}
.wide-form dt,
.wide-form dd {
  float: none;
  width: 100%;
}
fieldset {
  margin: 0em 0em 1.42857143em;
}
.form-action {
  margin: 0em 0em 2.85714286em;
}
input ::-moz-focus-inner {
  border: 0;
}
input[type="text"],
input[type="email"],
input[type="date"],
input[type="password"],
input[type="number"],
select,
textarea {
  padding: 7px 7px 7px 12px;
  border: 1px solid #dbdbdb;
  border-width: 1px 1px 2px;
}
select {
  cursor: pointer;
}
.button {
  position: relative;
  display: inline-block;
  border: none;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #ffffff;
  background: #e11d1d;
  border-bottom: 2px solid #9c4949;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.button:hover,
.button:focus,
.button:active {
  text-decoration: none;
  color: #ffffff;
  background: #9c4949;
  border-color: #221d1d;
  outline: none;
}
.button:active {
  top: 2px;
  border-bottom: none;
  margin-bottom: 2px;
}
.button + .button {
  margin-left: 1em;
}
.button + a {
  margin-left: 1em;
}
.checkbox {
  overflow: hidden;
  padding: 0 0.1em;
}
.checkbox input {
  display: block;
  float: left;
  margin: 0.25em 0 0;
}
.checkbox label {
  display: block;
  margin: 0 0 0 1.5em;
  cursor: pointer;
}
.post-sign,
.post-form {
  padding: 0.71428571em 0em 0em;
  margin: 0em 0em 0.71428571em;
}
/* 12. Modules */
/* 12a. Message */
.messages li {
  padding: 0.5em 1em;
  cursor: pointer;
}
.message {
  padding: 0.5em 1em;
  color: #ffffff;
  background: #919191;
}
.message li {
  margin-left: 1.42857143em;
}
.errors {
  color: #ffffff;
  background: #e11d1d;
}
.success {
  color: #ffffff;
  background: green;
}
.errors a,
.success a {
  color: #ffffff;
}
.feature {
  margin: 1em 0;
  font-size: 1.28571429em;
  line-height: 1.11111111;
  text-align: center;
  color: #ffffff;
  background: #e11d1d;
}
.feature a {
  display: block;
  text-decoration: none;
  padding: 1em 1em;
  color: #ffffff;
  background: #9c4949;
  transition: all 0.3s;
}
.feature a:hover,
.feature a:focus,
.feature a:active {
  color: #ffffff;
  background: #e11d1d;
}
/* 12b. Shortcuts */
.shortcuts {
  display: table;
  width: 100%;
  overflow: hidden;
  margin: 0em 0em 1.66666667em;
  font-size: 0.85714286em;
  line-height: 1.66666667;
  text-align: center;
  text-transform: uppercase;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.shortcuts ul {
  display: table-row;
}
.shortcuts li {
  display: table-cell;
  border-right: 1px solid #dbdbdb;
}
.shortcuts li:last-child {
  border: 0;
}
.shortcuts a {
  width: 100%;
  padding: 0.41666667em 1.66666667em 0.41666667em;
  text-decoration: none;
  color: #221d1d;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.shortcuts a:hover,
.shortcuts a:focus,
.shortcuts a:active {
  color: #e11d1d;
  background: #f5f5f5;
}
.page-sidebar .shortcuts li {
  display: table-cell;
}
.shortcuts-2 li {
  width: 50%;
}
.shortcuts-3 li {
  width: 33.3%;
}
/* 12c. Calendar */
.widget-calendar {
  display: table;
  width: 100%;
  margin: 0.41666667em 0em 1.25em;
  font-size: 0.85714286em;
  line-height: 1.66666667;
  color: #919191;
  background: #f5f5f5;
  border-right: 1px solid #dbdbdb;
}
.widget-calendar ul {
  display: table-row;
}
.widget-calendar li {
  display: table-cell;
  width: 14%;
  text-align: center;
  border: 1px solid #dbdbdb;
  border-right: 0;
  vertical-align: middle;
}
.widget-calendar a,
.widget-calendar .no-game {
  display: block;
  padding: 0.41666667em 0.83333333em 0.41666667em;
}
.widget-calendar time {
  display: block;
}
.widget-calendar .calendar-today,
.widget-calendar .gameday {
  color: #ffffff;
}
.widget-calendar .calendar-today a,
.widget-calendar .gameday a {
  text-decoration: none;
  color: #ffffff;
}
.widget-calendar .gameday-home {
  background: #9c4949;
  border-color: #793939;
}
.widget-calendar .gameday-away {
  background: #919191;
  border-color: #787878;
}
.widget-calendar .calendar-today {
  background: #e11d1d;
  border-color: #b41717;
}
/* 12d. Tags & Pagination */
.pagination {
  margin: 1.42857143em 0em 2.85714286em;
}
.pagination,
.tags {
  overflow: hidden;
  padding-left: 1px;
  list-style: none inside;
  font-size: 0.85714286em;
  line-height: 1.66666667;
  text-transform: uppercase;
}
.pagination li,
.tags li {
  display: inline;
}
.pagination a,
.tags a {
  display: block;
  float: left;
  margin: 0 0 0.25em -1px;
  padding: 0.41666667em 0.83333333em 0.41666667em;
  text-decoration: none;
  color: #221d1d;
  border: 1px solid #dbdbdb;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.pagination a:hover,
.tags a:hover,
.pagination a:focus,
.tags a:focus,
.pagination a:active,
.tags a:active {
  color: #e11d1d;
  background: #f5f5f5;
}
.pagination .current_page a,
.tags .current_page a,
.pagination .selected a,
.tags .selected a {
  color: #e11d1d;
}
.next_page a:after {
  content: '>';
  margin-left: 0.5em;
  color: #919191;
}
.previous_page a:before {
  content: '<';
  margin-right: 0.5em;
  color: #919191;
}
.game-video-tag a {
  margin-right: 0.75rem;
}
/* 12e. Arrows */
.arrows {
  overflow: hidden;
}
.arrows .next {
  float: right;
}
.arrows .next:after {
  content: '>';
  margin-left: 0.5em;
  color: #919191;
}
.arrows .prev {
  float: left;
}
.arrows .prev:before {
  content: '<';
  margin-right: 0.5em;
  color: #919191;
}
.arrows a {
  text-decoration: none;
  color: #919191;
}
.arrows a:hover,
.arrows a:focus {
  text-decoration: none;
  color: #e11d1d;
}
/* 12f. Members */
.members-list li {
  display: inline;
}
.members-list li:after {
  content: ', ';
}
.members-list li:last-child:after {
  content: none;
}
/* 12g. Lightbox */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#cboxOverlay {
  background: #221d1d;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  margin: 0 116px 40px;
  background: #221d1d;
}
.cboxIframe {
  background: #ffffff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ffffff;
}
#cboxLoadedContent {
  background: #ffffff;
}
#cboxTitle {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  min-height: 20px;
  padding: 10px 1.42857143em;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
}
#cboxCurrent {
  display: none;
}
#cboxLoadingGraphic {
  background: url('../images/loading.gif') 50% 50% no-repeat;
}
#cboxClose,
#cboxPrevious,
#cboxNext {
  position: absolute;
  width: auto;
  overflow: visible;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  color: #ffffff;
  background: url('../images/sprite.png') no-repeat 0 0;
  border: 0;
  outline: 0;
}
#cboxClose:focus,
#cboxPrevious:focus,
#cboxNext:focus,
#cboxClose:active,
#cboxPrevious:active,
#cboxNext:active {
  border: 0;
  outline: 0;
}
#cboxClose {
  bottom: -40px;
  right: 0;
  width: 40px;
  height: 40px;
  background-position: -70px -80px;
}
#cboxClose:hover {
  background-color: #9c4949;
}
#cboxPrevious,
#cboxNext {
  position: absolute;
  top: 50%;
  width: 116px;
  height: 126px;
  margin-top: -63px;
  -webkit-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
#cboxPrevious {
  left: -116px;
  background-position: 25px 40px;
}
#cboxPrevious:hover {
  background-position: 5px 40px;
}
#cboxNext {
  right: -116px;
  background-position: -91px 40px;
}
#cboxNext:hover {
  background-position: -71px 40px;
}
/* 13. Media Queries */
.toews-sc-2015 {
  display: none;
}
@media screen and (max-width: 480px) {
  .logo a {
    padding: 0.55555556em 1.11111111em 0em;
  }
}
@media screen and (min-width: 480px) {
  [data-first-name]:before {
    content: attr(data-first-name);
  }
  [data-team-name]:after {
    content: attr(data-team-name);
  }
  .page-header {
    margin-bottom: 2.85714286em;
  }
  .logo a {
    padding: 1.11111111em 0em 0.27777778em;
  }
  nav ul {
    white-space: nowrap;
  }
  .page-nav {
    position: absolute;
    top: 12.85714286em;
    width: 100%;
    max-width: 720px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
  }
  .js .page-nav {
    display: block;
  }
  .field-height,
  .field-weight,
  .field-amateur-team {
    display: table-cell;
  }
  .form-action {
    padding-left: 180px;
  }
  .wide-form .form-action {
    padding-left: 0;
  }
  .player-header {
    padding-left: 80px;
  }
  .widget-player {
    float: left;
    width: 234px;
  }
  .career-stats .field-season,
  .career-stats .field-plus-minus {
    display: table-cell;
  }
  .field-minutes,
  .field-shotouts {
    display: table-cell;
  }
  .latest-post-author {
    display: inline;
  }
  .inline-tags {
    float: left;
    margin-right: 1.42857143em;
  }
}
@media screen and (max-width: 960px) {
  h2,
  .player-name {
    line-height: 1.333;
  }
  .roles th,
  .roles td {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .page-wrapper {
    max-width: 1200px;
  }
  .page-nav {
    max-width: 600px;
  }
  .page-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .page-main {
    float: left;
    width: 65%;
  }
  .page-sidebar,
  .login,
  .signed {
    float: right;
    width: 33%;
  }
  .page-header {
    margin-bottom: 0.71428571em;
    border-bottom: 1px solid #dbdbdb;
  }
  .page-header:after {
    content: "";
    display: table;
    clear: both;
  }
  .logo {
    margin: 0em -0.20833333em 0em;
    padding: 0em 0em 0.20833333em;
    font-size: 3.42857143em;
    line-height: 1.25;
    border-bottom: 0.20833333em solid #221d1d;
  }
  .logo a {
    height: 2.5em;
    padding: 0.625em 0.83333333em;
  }
  .page-nav {
    top: 10em;
    border-bottom: 0;
  }
  .player-header {
    padding-left: 0;
  }
  .player-picture {
    width: 100px;
    height: 150px;
    margin: 1em 1em 0 40px;
  }
  .player-name {
    margin-left: 154px;
    font-size: 3.42857143em;
    line-height: 1.25;
  }
  .player-meta {
    margin-left: 154px;
    font-size: 1.71428571em;
    line-height: 1.66666667;
  }
  .born-country {
    display: inline;
  }
  .career-stats .field-number,
  .career-stats .field-jersey_number {
    display: table-cell;
  }
  .field-ppg,
  .field-shg,
  .field-gwg,
  .field-shots,
  .field-shots-percentage,
  .field-wins,
  .field-losses,
  .field-ties {
    display: table-cell;
  }
  .shortcuts .shortcut-comments {
    display: none;
  }
  .shortcuts-comments-only {
    display: none;
  }
}
@media screen and (min-width: 1400px) {
  .page-wrapper {
    max-width: 1600px;
  }
  .page-nav {
    max-width: 960px;
  }
  .page-main {
    width: 49%;
  }
  .page-sidebar {
    width: 49%;
  }
  .page-sidebar:after {
    content: "";
    display: table;
    clear: both;
  }
  .page-sidebar-top {
    width: 48%;
    float: left;
  }
  .page-comments {
    width: 48%;
    float: right;
  }
  .login,
  .signed {
    width: 23.52%;
  }
  .toews-sc-2015 {
    position: relative;
    display: block;
    height: 470px;
    margin: 0em 0em 2.85714286em;
    background: #221d1d;
  }
  .toews-sc-2015 a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url('../images/toews_2015.jpg') 50% 0 no-repeat;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .toews-sc-2015 a:focus,
  .toews-sc-2015 a:hover {
    opacity: 0.7;
  }
}
@media print {
  body {
    color: black;
  }
}