@charset "UTF-8";
/*-----------------------------------------------------------------------------------------
?   TYPOGRAPHY
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/** Used for various icons around the site such as home, arrows, and social media **/
@font-face {
  font-family: 'Never Say Never';
  src: url("/css/fonts/neversaynever.ttf");
  src: local("☺"), url("/css/fonts/neversaynever.woff") format("woff"), url("/css/fonts/neversaynever.ttf") format("truetype"), url("/css/fonts/neversaynever.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Samba';
  src: url("fonts/Samba.eot");
  src: local("☺"), url("fonts/Samba.woff") format("woff"), url("fonts/Samba.ttf") format("truetype"), url("fonts/Samba.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*-----------------------------------------------------------------------------------------
?   LAYOUT
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 6, ../../src/scss/partials/_layout.scss */
body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  background-image: url("/img/bg.png?v=1.1.1");
  background-repeat: repeat;
  background-position: top center;
  background-color: #00366E;
  background-size: 25% auto;
  line-height: 1.384;
  color: #222222;
  font-weight: 300;
}

/* line 19, ../../src/scss/partials/_layout.scss */
h1, h2, h3, h4, h5, h6 {
  color: #00366E;
  font-family: "Never Say Never", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

/* line 27, ../../src/scss/partials/_layout.scss */
h5, h6 {
  font-family: "Never Say Never", Arial, sans-serif;
  font-weight: normal;
}

/* line 31, ../../src/scss/partials/_layout.scss */
a, header #site-nav dt a, header #site-nav dd a, header #site-nav li a {
  color: #beecff;
}

/* line 34, ../../src/scss/partials/_layout.scss */
a:hover, header #site-nav dt a:hover, header #site-nav dd a:hover, header #site-nav li a:hover {
  color: #0088be;
}

/* line 37, ../../src/scss/partials/_layout.scss */
a:focus, header #site-nav dt a:focus, header #site-nav dd a:focus, header #site-nav li a:focus {
  color: #beecff;
  outline: none;
}

/* line 41, ../../src/scss/partials/_layout.scss */
a.active, header #site-nav dt a.active, header #site-nav dd a.active, header #site-nav li a.active {
  color: #F0D402;
}

/* line 45, ../../src/scss/partials/_layout.scss */
#body a, #body header #site-nav dt a, header #site-nav dt #body a, #body header #site-nav dd a, header #site-nav dd #body a, #body header #site-nav li a, header #site-nav li #body a {
  color: #00ACF1;
}
/* line 48, ../../src/scss/partials/_layout.scss */
#body a:hover {
  color: #06111c;
}
/* line 51, ../../src/scss/partials/_layout.scss */
#body a:focus {
  color: #005cbb;
  outline: none;
}
/* line 55, ../../src/scss/partials/_layout.scss */
#body a.active {
  color: #c60f13;
}

/* line 59, ../../src/scss/partials/_layout.scss */
p {
  font-weight: 300;
}

/* line 63, ../../src/scss/partials/_layout.scss */
.sub-nav dt, .sub-nav dd, .sub-nav li {
  font-family: inherit;
  font-weight: inherit;
}

/* line 68, ../../src/scss/partials/_layout.scss */
.tabs-content > .content {
  width: 100%;
}

/* line 71, ../../src/scss/partials/_layout.scss */
.overflow {
  overflow-x: auto;
}

/* line 74, ../../src/scss/partials/_layout.scss */
.video-thumbnail {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
/* line 80, ../../src/scss/partials/_layout.scss */
.video-thumbnail:before {
  color: #FFFFFF;
  content: "\f0c8";
  font-family: FontAwesome;
  font-size: 34px;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
/* line 94, ../../src/scss/partials/_layout.scss */
.video-thumbnail:after {
  color: #CC0000;
  content: "\f16a";
  font-family: FontAwesome;
  font-size: 50px;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}

/* line 108, ../../src/scss/partials/_layout.scss */
.video-thumbnail-2 {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
/* line 114, ../../src/scss/partials/_layout.scss */
.video-thumbnail-2:before {
  color: #333333;
  content: "\f0c8";
  font-family: FontAwesome;
  font-size: 34px;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
/* line 128, ../../src/scss/partials/_layout.scss */
.video-thumbnail-2:after {
  color: #EEEEEE;
  content: "\f144";
  font-family: FontAwesome;
  font-size: 50px;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}

/* line 142, ../../src/scss/partials/_layout.scss */
.global-pagination {
  text-align: center;
}
/* line 144, ../../src/scss/partials/_layout.scss */
.global-pagination .tabs {
  display: inline-block;
}

/*-----------------------------------------------------------------------------------------
?   FONTS
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 6, ../../src/scss/partials/_fonts.scss */
.font-small {
  font-size: 12px;
  font-size: 0.75rem;
}

/* line 10, ../../src/scss/partials/_fonts.scss */
.font-light-gray {
  color: #e6e6e6 !important;
}

/* line 14, ../../src/scss/partials/_fonts.scss */
.font-dark-gray {
  color: #aeaeae !important;
}

/* line 18, ../../src/scss/partials/_fonts.scss */
.font-darker-gray {
  color: #484848 !important;
}

/*-----------------------------------------------------------------------------------------
?   BUTTONS
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 5, ../../src/scss/partials/_buttons.scss */
button, .button {
  font-size: 1.25em;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold !important;
  border-radius: 5px;
  padding: 0.7rem;
  text-shadow: 1px 1px #000000;
}
/* line 13, ../../src/scss/partials/_buttons.scss */
button.primary-1, button.primary-2, .button.primary-1, .button.primary-2 {
  background-color: #beecff;
  color: #00ACF1;
  text-shadow: none;
}
/* line 18, ../../src/scss/partials/_buttons.scss */
button.primary-1:hover, button.primary-1:focus, button.primary-2:hover, button.primary-2:focus, .button.primary-1:hover, .button.primary-1:focus, .button.primary-2:hover, .button.primary-2:focus {
  background-color: #00ACF1;
  color: #beecff;
  text-shadow: 1px 1px #000000;
}
/* line 25, ../../src/scss/partials/_buttons.scss */
button.secondary-1, button.secondary-2, .button.secondary-1, .button.secondary-2 {
  background-color: #00ACF1;
  color: white !important;
}
/* line 29, ../../src/scss/partials/_buttons.scss */
button.secondary-1:hover, button.secondary-1:focus, button.secondary-2:hover, button.secondary-2:focus, .button.secondary-1:hover, .button.secondary-1:focus, .button.secondary-2:hover, .button.secondary-2:focus {
  background-color: #beecff;
  color: #00ACF1;
  text-shadow: none;
}
/* line 35, ../../src/scss/partials/_buttons.scss */
button.tile, .button.tile {
  height: 120px;
  padding: 32px 0;
  color: #FFFFFF !important;
}
/* line 39, ../../src/scss/partials/_buttons.scss */
button.tile i.fa, .button.tile i.fa {
  font-size: 1.5em;
}

/* line 45, ../../src/scss/partials/_buttons.scss */
.small-btn {
  font-size: 1em;
  height: 2em;
  line-height: 2em;
  padding: 0;
  margin: 0;
}

/**** TABS ****/
/* line 55, ../../src/scss/partials/_buttons.scss */
.tabs dd {
  margin: 0 0.75rem 0.75rem;
  line-height: normal;
}
/* line 58, ../../src/scss/partials/_buttons.scss */
.tabs dd > a, .tabs header #site-nav dt dd > a, .tabs header #site-nav dd > a, header #site-nav .tabs dd > a, .tabs header #site-nav li dd > a {
  background-color: transparent;
  border: 2px solid #00ACF1;
  border-radius: 20px;
  color: #00ACF1 !important;
  font-size: 0.95rem;
  padding: 0.3em 0.9em;
}
/* line 66, ../../src/scss/partials/_buttons.scss */
.tabs dd > a:hover, .tabs header #site-nav dt dd > a:hover, .tabs header #site-nav dd > a:hover, header #site-nav .tabs dd > a:hover, .tabs header #site-nav li dd > a:hover {
  background-color: #06111c;
  color: #beecff !important;
  border-color: #06111c;
}
/* line 72, ../../src/scss/partials/_buttons.scss */
.tabs dd.active a, .tabs dd.active header #site-nav dt a, .tabs header #site-nav dd.active a, header #site-nav .tabs dd.active a, .tabs dd.active header #site-nav li a {
  background-color: #00ACF1;
  color: #FFFFFF !important;
  border-color: #00ACF1;
}

/*-----------------------------------------------------------------------------------------
?   FORMS
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 6, ../../src/scss/partials/_forms.scss */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea, select {
  font-size: 1em;
}
/* line 22, ../../src/scss/partials/_forms.scss */
input[type="text"][readonly],
input[type="password"][readonly],
input[type="date"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="month"][readonly],
input[type="week"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="time"][readonly],
input[type="url"][readonly],
textarea[readonly], select[readonly] {
  background-color: #FFFFFF;
  border: 0 solid #FFFFFF;
  box-shadow: none;
  color: #CCCCCC;
}
/* line 28, ../../src/scss/partials/_forms.scss */
input[type="text"].success,
input[type="password"].success,
input[type="date"].success,
input[type="datetime"].success,
input[type="datetime-local"].success,
input[type="month"].success,
input[type="week"].success,
input[type="email"].success,
input[type="number"].success,
input[type="search"].success,
input[type="tel"].success,
input[type="time"].success,
input[type="url"].success,
textarea.success, select.success {
  color: #4F8A10;
  background-color: #e7fad2;
}

/* line 35, ../../src/scss/partials/_forms.scss */
select {
  padding: 0.25rem 0.5rem;
}

/* line 39, ../../src/scss/partials/_forms.scss */
label {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

/* line 46, ../../src/scss/partials/_forms.scss */
label.error {
  color: #c60f13;
}

/* line 51, ../../src/scss/partials/_forms.scss */
input.error, textarea.error, select.error {
  background-color: #FFDADA;
  border-color: #c60f13;
  margin-bottom: 4px;
}

/* line 58, ../../src/scss/partials/_forms.scss */
textarea {
  height: auto;
}

/* line 61, ../../src/scss/partials/_forms.scss */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #e6e6e6;
}

/* line 64, ../../src/scss/partials/_forms.scss */
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #e6e6e6;
}

/* line 67, ../../src/scss/partials/_forms.scss */
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e6e6e6;
}

/* line 70, ../../src/scss/partials/_forms.scss */
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #e6e6e6;
}

/*-----------------------------------------------------------------------------------------
?   TABLES
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 7, ../../src/scss/partials/_tables.scss */
table.expand {
  width: 100%;
}
/* line 12, ../../src/scss/partials/_tables.scss */
table tr th, table tr td {
  font-size: 12px !important;
  padding: 0.25rem 0.45rem 0.15rem !important;
  line-height: 1rem;
}
/* line 17, ../../src/scss/partials/_tables.scss */
table tr th.active, table tr td.active {
  background-color: moccasin !important;
}
/* line 20, ../../src/scss/partials/_tables.scss */
table tr th.expand, table tr td.expand {
  width: 100%;
}
/* line 24, ../../src/scss/partials/_tables.scss */
table tr.even, table tr.alt, table tr:nth-of-type(2n) {
  background-color: #e6e6e6;
}
/* line 30, ../../src/scss/partials/_tables.scss */
table tbody tr td.exact {
  background-color: #beecff !important;
  color: #0088be;
  font-weight: bold;
}
/* line 37, ../../src/scss/partials/_tables.scss */
table tr.active td, table tr.active th {
  background-color: moccasin !important;
}
/* line 44, ../../src/scss/partials/_tables.scss */
table thead tr th, table thead tr td {
  background: #00366E;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF005CBB', endColorstr='#FF00366E');
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWNiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzY2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005cbb), color-stop(100%, #00366e));
  background: -moz-linear-gradient(#005cbb, #00366e);
  background: -webkit-linear-gradient(#005cbb, #00366e);
  background: linear-gradient(#005cbb, #00366e);
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: normal !important;
  font-size: 10px !important;
}
/* line 53, ../../src/scss/partials/_tables.scss */
table thead tr th[data-column] {
  cursor: pointer;
}
/* line 55, ../../src/scss/partials/_tables.scss */
table thead tr th[data-column]:hover, table thead tr th[data-column].selected {
  color: #EEEEEE;
  text-decoration: underline;
  background: #0088be;
}
/* line 65, ../../src/scss/partials/_tables.scss */
table tbody {
  border-bottom: 2px solid #00366E;
}
/* line 68, ../../src/scss/partials/_tables.scss */
table tbody tr th, table tbody tr td {
  border: 1px solid #EEEEEE;
}
/* line 74, ../../src/scss/partials/_tables.scss */
table.transparent, table.transparent tr, table.transparent td {
  background-color: transparent !important;
  border-color: transparent;
  color: inherit;
  padding: 0 !important;
}
/* line 83, ../../src/scss/partials/_tables.scss */
table.transparent tbody {
  border-bottom: 1px solid red;
}
/* line 86, ../../src/scss/partials/_tables.scss */
table.transparent .border-r {
  border-color: transparent #aeaeae transparent transparent;
}
/* line 89, ../../src/scss/partials/_tables.scss */
table.transparent .border-l {
  border-color: transparent transparent transparent #aeaeae;
}
/* line 92, ../../src/scss/partials/_tables.scss */
table.transparent .border-t {
  border-color: #aeaeae transparent transparent transparent;
}
/* line 95, ../../src/scss/partials/_tables.scss */
table.transparent .border-rl {
  border-color: transparent #aeaeae transparent #aeaeae;
}
/* line 98, ../../src/scss/partials/_tables.scss */
table.transparent .border-tr {
  border-color: #aeaeae #aeaeae transparent transparent;
}
/* line 101, ../../src/scss/partials/_tables.scss */
table.transparent .border-tl {
  border-color: #aeaeae transparent transparent #aeaeae;
}
/* line 104, ../../src/scss/partials/_tables.scss */
table.transparent .border-b {
  border-color: transparent transparent #aeaeae transparent;
}
/* line 107, ../../src/scss/partials/_tables.scss */
table.transparent .border-br {
  border-color: transparent #aeaeae #aeaeae transparent;
}
/* line 110, ../../src/scss/partials/_tables.scss */
table.transparent .border-bl {
  border-color: transparent transparent #aeaeae #aeaeae;
}

/*-----------------------------------------------------------------------------------------
?   MESSAGES
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 26, ../../src/scss/main.scss */
span.error, small.error {
  font-style: normal;
  margin-top: 0;
  color: #FFFFFF;
  background-color: #c60f13;
  position: relative;
  padding-left: 26px;
}
/* line 34, ../../src/scss/main.scss */
span.error p, small.error p {
  margin: 0;
  font-size: inherit;
  font-weight: bold;
}
/* line 39, ../../src/scss/main.scss */
span.error i.fa, small.error i.fa {
  font-size: 1.3em;
  position: absolute;
  top: 7px;
  left: 7px;
}
/* line 46, ../../src/scss/main.scss */
span.alert, small.alert {
  font-style: normal;
  margin-top: 0;
  color: #c60f13;
  background-color: #fcd8d9;
  border: 1px solid #c60f13;
  position: relative;
  padding-left: 26px;
  display: block;
  margin-bottom: 1rem;
  padding: 0.375rem 0.5625rem 0.5625rem 26px;
}
/* line 58, ../../src/scss/main.scss */
span.alert p, small.alert p {
  margin: 0;
  font-size: inherit;
  font-weight: bold;
}
/* line 63, ../../src/scss/main.scss */
span.alert i.fa, small.alert i.fa {
  font-size: 1.3em;
  position: absolute;
  top: 7px;
  left: 7px;
}
/* line 69, ../../src/scss/main.scss */
span.alert.-overtime, small.alert.-overtime {
  padding: 0.2rem 1rem;
  margin: 0;
  display: inline-block;
}
/* line 75, ../../src/scss/main.scss */
span.success, small.success {
  color: #4F8A10;
  border: 1px solid #4F8A10;
  display: block;
  margin-bottom: 1rem;
  padding: 0.375rem 0.5625rem 0.5625rem 26px;
  position: relative;
  background-color: #e7fad2;
}
/* line 84, ../../src/scss/main.scss */
span.success p, small.success p {
  margin: 0;
  font-size: inherit;
  font-weight: bold;
}
/* line 89, ../../src/scss/main.scss */
span.success i.fa, small.success i.fa {
  font-size: 1.3em;
  position: absolute;
  top: 10px;
  left: 7px;
}
/* line 95, ../../src/scss/main.scss */
span.success.-overtime, small.success.-overtime {
  padding: 0.2rem 1rem;
  margin: 0;
  display: inline-block;
}
/* line 101, ../../src/scss/main.scss */
span.warning, small.warning {
  color: #f08a24;
  border: 1px solid #f08a24;
  display: block;
  margin-bottom: 1rem;
  padding: 0.375rem 0.5625rem 0.5625rem 26px;
  position: relative;
  background-color: #fdf0e3;
}
/* line 110, ../../src/scss/main.scss */
span.warning p, small.warning p {
  margin: 0;
  font-size: inherit;
  font-weight: bold;
}
/* line 115, ../../src/scss/main.scss */
span.warning i.fa, small.warning i.fa {
  font-size: 1.3em;
  position: absolute;
  top: 10px;
  left: 7px;
}

/* line 124, ../../src/scss/main.scss */
.disclaimer-text {
  color: #484848;
  font-size: 0.75em;
  line-height: 1.5;
}

/* line 130, ../../src/scss/main.scss */
.copyright-text {
  font-size: 0.625em;
  line-height: 1.25;
  color: #CCCCCC;
}

/*-----------------------------------------------------------------------------------------
?   HEADER
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 140, ../../src/scss/main.scss */
header {
  border-bottom: 6px solid #00366E;
}
/* line 142, ../../src/scss/main.scss */
header .border {
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 145, ../../src/scss/main.scss */
header .sub-nav {
  padding: 1em 0 0;
  margin: 0;
  text-transform: lowercase;
}
/* line 150, ../../src/scss/main.scss */
header #top-nav {
  padding: 0.75em 0;
  line-height: 1.75em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.7rem;
}
/* line 158, ../../src/scss/main.scss */
header #site-nav {
  margin-top: 0.4em;
}
/* line 160, ../../src/scss/main.scss */
header #site-nav dt, header #site-nav dd, header #site-nav li {
  margin-right: 1.6em;
  line-height: 3em;
}
/* line 163, ../../src/scss/main.scss */
header #site-nav dt a, header #site-nav dd a, header #site-nav li a {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Never Say Never", Arial, sans-serif;
}
/* line 172, ../../src/scss/main.scss */
header #social-nav {
  border-left: 1px solid #EEEEEE;
  line-height: 3em;
  height: 3em;
  padding-left: 3em;
}
/* line 177, ../../src/scss/main.scss */
header #social-nav dt, header #social-nav dd {
  font-size: 20px;
  font-size: 1.25rem;
}
/* line 179, ../../src/scss/main.scss */
header #social-nav dt.first-dd, header #social-nav dd.first-dd {
  font-size: 16px;
  font-size: 1rem;
}
/* line 183, ../../src/scss/main.scss */
header #social-nav dt.facebook a, header #social-nav dd.facebook a {
  color: #3b5998;
}
/* line 187, ../../src/scss/main.scss */
header #social-nav dt.twitter a, header #social-nav dd.twitter a {
  color: #4099ff;
}
/* line 193, ../../src/scss/main.scss */
header .leaderboard-ad {
  display: block;
  margin: 1em auto 2em;
}

/*-----------------------------------------------------------------------------------------
?   PAGE BODY
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 203, ../../src/scss/main.scss */
#body {
  padding: 2em 0;
  min-height: 400px;
  background-color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------
?   FOOTER
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 214, ../../src/scss/main.scss */
footer {
  border-top: 6px solid #00366E;
}
/* line 217, ../../src/scss/main.scss */
footer #footer-content {
  background-color: rgba(0, 0, 0, 0.2);
  padding-bottom: 2em;
  padding-top: 2em;
}
/* line 223, ../../src/scss/main.scss */
footer #footer-site-nav {
  font-family: "Never Say Never", Arial, sans-serif;
  line-height: 3em;
  list-style-type: none;
  margin-top: 2em;
}
/* line 228, ../../src/scss/main.scss */
footer #footer-site-nav li {
  font-size: 1.25em;
}
/* line 233, ../../src/scss/main.scss */
footer #footer-social-links {
  background: url("../img/light-gray-bg.svg");
  background-size: 100% 100%;
  line-height: 1.5em;
  list-style-type: none;
  padding: 1em 0;
}
/* line 239, ../../src/scss/main.scss */
footer #footer-social-links li {
  font-size: 1em;
}
/* line 244, ../../src/scss/main.scss */
footer #footer-legal-links {
  border-top: 1px solid #e6f0f3;
  border-bottom: 1px solid #e6f0f3;
  line-height: 1.5em;
  list-style-type: none;
  margin: 1em 0;
  padding: 0.2em 0;
  text-transform: lowercase;
}
/* line 252, ../../src/scss/main.scss */
footer #footer-legal-links li {
  font-size: .75em;
}

/*-----------------------------------------------------------------------------------------
?   GENERAL STYLES FOR ALL PAGES
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* line 263, ../../src/scss/main.scss */
.title {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 0 .25em;
  letter-spacing: normal;
}
/* line 269, ../../src/scss/main.scss */
.title a, .title header #site-nav dt a, header #site-nav dt .title a, .title header #site-nav dd a, header #site-nav dd .title a, .title header #site-nav li a, header #site-nav li .title a {
  color: #aeaeae;
}
/* line 271, ../../src/scss/main.scss */
.title a:hover, .title header #site-nav dt a:hover, header #site-nav dt .title a:hover, .title header #site-nav dd a:hover, header #site-nav dd .title a:hover, .title header #site-nav li a:hover, header #site-nav li .title a:hover {
  color: #005cbb;
}

/* line 276, ../../src/scss/main.scss */
.meta-data {
  display: block;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
  margin: 4px 0;
}

/* line 284, ../../src/scss/main.scss */
.avatar {
  margin: 4px 15px 0 0;
}

/* line 288, ../../src/scss/main.scss */
.blog-header {
  margin-bottom: 1em;
}

/* line 291, ../../src/scss/main.scss */
.no-margin {
  margin: 0 !important;
}

/* line 294, ../../src/scss/main.scss */
.no-padding {
  padding: 0 !important;
}

/* line 297, ../../src/scss/main.scss */
.no-padding-right {
  padding-right: 0 !important;
}

/* line 302, ../../src/scss/main.scss */
ul.pagination li {
  font-family: "Samba", "Never Say Never", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
/* line 306, ../../src/scss/main.scss */
ul.pagination li a, ul.pagination li header #site-nav dt a, ul.pagination li header #site-nav dd a, ul.pagination header #site-nav li a, header #site-nav ul.pagination li a {
  color: #beecff;
  height: 1.5em;
  padding-left: 1em;
  padding-right: 1em;
}
/* line 313, ../../src/scss/main.scss */
ul.pagination li.current a, ul.pagination li.current header #site-nav dt a, ul.pagination li.current header #site-nav dd a, ul.pagination header #site-nav li.current a, header #site-nav ul.pagination li.current a, ul.pagination li.current a:hover, ul.pagination li.current header #site-nav dt a:hover, ul.pagination li.current header #site-nav dd a:hover, ul.pagination header #site-nav li.current a:hover, header #site-nav ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current header #site-nav dt a:focus, ul.pagination li.current header #site-nav dd a:focus, ul.pagination header #site-nav li.current a:focus, header #site-nav ul.pagination li.current a:focus {
  background: #beecff;
}
/* line 318, ../../src/scss/main.scss */
ul.pagination li:hover a, ul.pagination li:hover header #site-nav dt a, ul.pagination li:hover header #site-nav dd a, ul.pagination header #site-nav li:hover a, header #site-nav ul.pagination li:hover a {
  background-color: transparent;
  color: #0088be;
}

/* line 326, ../../src/scss/main.scss */
.breadcrumbs {
  background: none;
  border: none;
  padding-left: 0;
}
/* line 331, ../../src/scss/main.scss */
.breadcrumbs > *:before {
  color: #e6e6e6;
}
/* line 334, ../../src/scss/main.scss */
.breadcrumbs > * a, .breadcrumbs > * header #site-nav dt a, header #site-nav dt .breadcrumbs > * a, .breadcrumbs > * header #site-nav dd a, header #site-nav dd .breadcrumbs > * a, .breadcrumbs > * header #site-nav li a, header #site-nav li .breadcrumbs > * a, .breadcrumbs > * span {
  color: #e6e6e6;
}

/*
 * Register overlay
 */
/* line 342, ../../src/scss/main.scss */
#register-sign-in-overlay {
  background: rgba(0, 199, 229, 0.75);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
/* line 350, ../../src/scss/main.scss */
#register-sign-in-overlay h1, #register-sign-in-overlay h2, #register-sign-in-overlay h3, #register-sign-in-overlay h4, #register-sign-in-overlay h5, #register-sign-in-overlay h6, #register-sign-in-overlay a, #register-sign-in-overlay header #site-nav dt a, header #site-nav dt #register-sign-in-overlay a, #register-sign-in-overlay header #site-nav dd a, header #site-nav dd #register-sign-in-overlay a, #register-sign-in-overlay header #site-nav li a, header #site-nav li #register-sign-in-overlay a {
  color: white;
}
/* line 354, ../../src/scss/main.scss */
#register-sign-in-overlay #register-sign-in-close-btn {
  color: white;
  cursor: pointer;
  font-size: 3em;
  margin: 0 32px 32px;
}

/*
 * Home page
 */
/* line 365, ../../src/scss/main.scss */
#frontpage-sign-up {
  margin: 4em auto;
}

/* line 368, ../../src/scss/main.scss */
#frontpage-comic {
  margin-top: 2em;
}
/* line 370, ../../src/scss/main.scss */
#frontpage-comic img {
  width: 100%;
}

/* line 375, ../../src/scss/main.scss */
#sidebar h4 {
  margin-top: 0.75em;
}
/* line 378, ../../src/scss/main.scss */
#sidebar .schedule-date {
  font-size: 0.875em;
  line-height: 2em;
}
/* line 381, ../../src/scss/main.scss */
#sidebar .schedule-date.current {
  font-weight: bold;
}

/* line 387, ../../src/scss/main.scss */
#times-notice {
  border-top: 1px solid #aeaeae;
  margin-top: 1em;
  padding-top: 0.25em;
}

/* line 393, ../../src/scss/main.scss */
.status-label {
  background-color: #CCCCCC;
  color: #FFFFFF;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.25em 0.75em;
  text-transform: uppercase;
  border-bottom: 2px solid #3E6580;
  border-radius: 0.5em 0.5em 0 0;
}

/* line 404, ../../src/scss/main.scss */
.story-status-new {
  background-color: #F2CC0C !important;
}

/* line 407, ../../src/scss/main.scss */
.story-status-active {
  background-color: #00D97B !important;
}

/* line 410, ../../src/scss/main.scss */
.story-status-inactive {
  background-color: #FF520E !important;
}

/* line 413, ../../src/scss/main.scss */
.story-status-completed {
  background-color: #45CCE6 !important;
}

/* line 417, ../../src/scss/main.scss */
#story-status {
  position: absolute;
  bottom: 2em;
  left: 2em;
  width: 100%;
}
/* line 423, ../../src/scss/main.scss */
#story-status .status-bg {
  background: rgba(34, 55, 69, 0.85);
  padding: 1em;
}
/* line 427, ../../src/scss/main.scss */
#story-status .status-title {
  color: white;
  margin-bottom: 0;
}
/* line 431, ../../src/scss/main.scss */
#story-status .status-author {
  color: #e6e6e6;
  font-size: .75em;
}
/* line 435, ../../src/scss/main.scss */
#story-status .status-details {
  color: #86A8B3;
  font-size: 0.75em;
  line-height: 1.5;
  margin: 0.5em 0 0;
}
/* line 441, ../../src/scss/main.scss */
#story-status .status-details a {
  font-weight: 500;
}
/* line 444, ../../src/scss/main.scss */
#story-status .status-details .status-author {
  font-size: inherit;
  margin-right: 2em;
}

/* line 450, ../../src/scss/main.scss */
#featured-stories {
  background: white;
  margin-bottom: 1em;
  padding: 1em;
}
/* line 455, ../../src/scss/main.scss */
#featured-stories .featured-story-meta {
  margin-bottom: 1em;
}
/* line 457, ../../src/scss/main.scss */
#featured-stories .featured-story-meta .title {
  font-size: 0.875em;
}
/* line 460, ../../src/scss/main.scss */
#featured-stories .featured-story-meta .story-status {
  font-size: 0.65em;
  font-weight: 700;
  padding: 1px 8px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  color: white;
}
/* line 468, ../../src/scss/main.scss */
#featured-stories .featured-story-meta .story-status.closed {
  background: #F2CC0C;
}
/* line 471, ../../src/scss/main.scss */
#featured-stories .featured-story-meta .story-status.live {
  background: #00CC00;
}

/*
 * Story pages
 */
/* line 482, ../../src/scss/main.scss */
.story-panel {
  padding: 1em;
  margin: 0 0 1em;
}

/* line 486, ../../src/scss/main.scss */
.archives-story-container {
  margin: 0 0 1.5em;
}
/* line 488, ../../src/scss/main.scss */
.archives-story-container .story-image {
  margin-bottom: 1em;
  width: 303px;
  height: 191px;
}

/* line 495, ../../src/scss/main.scss */
.top-comment {
  background: url("/img/ultra-light-blue-bg.svg") no-repeat scroll 0 0/100% 100% transparent;
  color: #aeaeae;
  font-weight: 700;
  margin: 0.5em auto;
  padding: 1em;
}

/* line 502, ../../src/scss/main.scss */
.comic-panel-caption {
  font-size: 1.5em;
  line-height: 1.5;
  margin-bottom: 0.666em;
}

/* line 508, ../../src/scss/main.scss */
.comic-panel {
  height: auto;
  margin: 1em 0;
  width: 100%;
}
/* line 512, ../../src/scss/main.scss */
.comic-panel + .comic-panel-caption {
  margin-bottom: 1em;
}

/* line 517, ../../src/scss/main.scss */
.comments-panel {
  margin: 0 0 1em;
  padding: 0 0 0.5em;
}

/* line 521, ../../src/scss/main.scss */
.comment-row {
  background-color: #FFFFFF;
  border-bottom: 1px solid #666666;
  font-size: 0.875em;
  margin-bottom: 1em;
  padding: 0.5em;
}

/* line 528, ../../src/scss/main.scss */
.authors-note {
  line-height: 1.5;
  border-bottom: 1px solid #6eb5ff;
  border-top: 1px solid #6eb5ff;
  color: #aeaeae;
  font-size: 0.875em;
  margin: 1em auto;
  padding: 1em;
}

/* line 538, ../../src/scss/main.scss */
.author-meta-data {
  font-weight: bold;
}

/* line 542, ../../src/scss/main.scss */
.author-reply {
  background-color: #EEEEEE;
}

/* line 546, ../../src/scss/main.scss */
.author-name {
  font-weight: bold;
  text-transform: uppercase;
}

/* line 551, ../../src/scss/main.scss */
.comment-hidden {
  display: none;
}

/* line 555, ../../src/scss/main.scss */
.agree-count {
  font-weight: bold;
}

/* line 561, ../../src/scss/main.scss */
.suggestion {
  cursor: pointer;
}
/* line 563, ../../src/scss/main.scss */
.suggestion .agree-icon {
  color: #B8D1D9;
  display: block;
  font-size: 2em;
  line-height: 1em;
  margin: 4px 0 0;
  padding: 0;
}

/* line 572, ../../src/scss/main.scss */
.suggestion.selected .agree-icon,
.suggestion.selected .agree-count,
.suggestion:hover .agree-icon,
.suggestion:hover .agree-count {
  color: #00D97B;
}

/* line 578, ../../src/scss/main.scss */
.suggestion.selected:hover .agree-icon,
.suggestion.selected:hover .agree-count {
  color: #FF9C0E;
}

/* line 582, ../../src/scss/main.scss */
.row.comment-row {
  font-size: 0.875em;
  margin-bottom: 1em;
  padding: 0.5em 0;
}

/* line 587, ../../src/scss/main.scss */
.row.comment-row.selected {
  background: url("/img/suggestion-select-bg.svg") no-repeat scroll 0 0/100% 100% transparent;
}

/*remove story-label*/
/* line 591, ../../src/scss/main.scss */
.story-status {
  background-color: #CCCCCC;
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.25em 0.75em;
  text-transform: uppercase;
}

/* line 599, ../../src/scss/main.scss */
.archives-story-container a .story-status, .archives-story-container header #site-nav dt a .story-status, header #site-nav dt .archives-story-container a .story-status, .archives-story-container header #site-nav dd a .story-status, header #site-nav dd .archives-story-container a .story-status, .archives-story-container header #site-nav li a .story-status, header #site-nav li .archives-story-container a .story-status {
  text-align: center;
  position: absolute;
  margin: 0.25em;
  min-width: 100px;
}

/* ads */
/* line 606, ../../src/scss/main.scss */
header .leaderboard-ad {
  text-align: center;
}

/* line 609, ../../src/scss/main.scss */
pre.debug {
  background-color: #FFDADA;
  color: #CC0000;
  font-family: courier;
  font-size: 0.65em;
  font-weight: normal;
  line-height: 1em;
  padding: 1em;
  margin: 1em 0;
}

/*Browser support*/
/* line 621, ../../src/scss/main.scss */
.column, .columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

/* line 626, ../../src/scss/main.scss */
#story-status .status-bg {
  background: #223745;
  /*browser fallback*/
  background: rgba(34, 55, 69, 0.85);
}

/* line 631, ../../src/scss/main.scss */
#register-sign-in-overlay {
  background: #00c7e5;
  /*browser fallback*/
  background: rgba(0, 199, 229, 0.75);
}

/* line 647, ../../src/scss/main.scss */
.flag {
  font-size: 24px;
  width: 1em;
  height: 1em;
  display: inline-block;
  *display: block;
  zoom: 1;
  margin: 0 6px;
  vertical-align: middle;
  background: url(../img/teams-md.png?v=7) no-repeat;
  background-position: 0 1em;
  background-size: 7em 5em;
}
/* line 659, ../../src/scss/main.scss */
.flag.flag-left {
  margin-left: 0;
}
/* line 660, ../../src/scss/main.scss */
.flag.flag-right {
  margin-right: 0;
}
/* line 665, ../../src/scss/main.scss */
.flag.TBD {
  background-position: 0em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.ARI {
  background-position: -1em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.JAC {
  background-position: -2em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.NEP {
  background-position: -3em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.NO {
  background-position: -4em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.CLE {
  background-position: -5em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.DEN {
  background-position: -6em 0em;
}
/* line 665, ../../src/scss/main.scss */
.flag.SEA {
  background-position: 0em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.BAL {
  background-position: -1em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.WAS {
  background-position: -2em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.CHI {
  background-position: -3em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.CAR {
  background-position: -4em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.NYJ {
  background-position: -5em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.HOU {
  background-position: -6em -1em;
}
/* line 665, ../../src/scss/main.scss */
.flag.AFC {
  background-position: 0em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.PHI {
  background-position: -1em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.PIT {
  background-position: -2em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.LV {
  background-position: -3em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.ATL {
  background-position: -4em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.NYG {
  background-position: -5em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.DET {
  background-position: -6em -2em;
}
/* line 665, ../../src/scss/main.scss */
.flag.LAR {
  background-position: 0em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.SF {
  background-position: -1em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.DAL {
  background-position: -2em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.NFC {
  background-position: -3em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.IND {
  background-position: -4em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.MIA {
  background-position: -5em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.KC {
  background-position: -6em -3em;
}
/* line 665, ../../src/scss/main.scss */
.flag.CIN {
  background-position: 0em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.TEN {
  background-position: -1em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.GB {
  background-position: -2em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.LAC {
  background-position: -3em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.TB {
  background-position: -4em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.MIN {
  background-position: -5em -4em;
}
/* line 665, ../../src/scss/main.scss */
.flag.BUF {
  background-position: -6em -4em;
}
/* line 687, ../../src/scss/main.scss */
.flag.flag-sm {
  font-size: 20px;
}
/* line 690, ../../src/scss/main.scss */
.flag.flag-md {
  font-size: 32px;
}
/* line 693, ../../src/scss/main.scss */
.flag.flag-lg {
  font-size: 40px;
}
/* line 696, ../../src/scss/main.scss */
.flag.flag-xl {
  font-size: 48px;
}

/* line 701, ../../src/scss/main.scss */
table .score-box {
  display: inline-block;
  font-size: 12px;
  height: 23px;
  line-height: normal;
  margin: 0 0 5px;
  padding: 0.4em 0.5em;
  text-align: center;
  width: 30px;
}

/* line 711, ../../src/scss/main.scss */
form {
  margin: 0;
}
/* line 713, ../../src/scss/main.scss */
form .list {
  font-size: 16px;
  height: 31px;
  line-height: normal;
  margin: 0;
  padding: 0.2em;
}

/* line 721, ../../src/scss/main.scss */
.js-toggle .icon-font {
  font-size: 25px;
  vertical-align: middle;
}

/* line 725, ../../src/scss/main.scss */
.red {
  color: #CC0000;
}

/* line 728, ../../src/scss/main.scss */
.green {
  color: green;
}

/* line 731, ../../src/scss/main.scss */
.blue {
  color: blue;
}

/* line 734, ../../src/scss/main.scss */
.orange {
  color: orangered;
}

/* line 737, ../../src/scss/main.scss */
.news-panel > .row {
  display: flex;
  flex-wrap: wrap;
}

/* line 741, ../../src/scss/main.scss */
.news-panel p {
  margin-bottom: 0;
}

/* line 744, ../../src/scss/main.scss */
.text-nowrap {
  white-space: nowrap;
}

/* line 748, ../../src/scss/main.scss */
.text-strong {
  font-weight: bold;
}

@media only screen and (min-width: 40.063em) {
  /* line 754, ../../src/scss/main.scss */
  table tr td.show-for-small-only,
  table tr th.show-for-small-only {
    display: none !important;
  }

  /* line 759, ../../src/scss/main.scss */
  #scoreboard .js-toggle-target {
    display: block !important;
  }
}
@media only screen and (max-width: 40.063em) {
  /* line 764, ../../src/scss/main.scss */
  input[type=text] {
    font-size: 1rem !important;
  }
}
/*IE8 Support*/
/* line 3, ../../src/scss/partials/_ieFixes.scss */
.lt-ie9 {
  /*
  button, .button{
    padding-top: 1em;
    padding-bottom: 1em;
    
    &.primary-1, &.primary-2{
      background-color: #02C7E5 !important;
      &:hover, &:focus{
        background-color: #8AD9E6 !important;
      }
    }
    
    &.secondary-1, &.secondary-2 {
      background-color: #F67F0A !important;
      &:hover, &:focus{
        background-color: #FFB54D !important;
      }
    }
    
  }
  */
}
/* line 26, ../../src/scss/partials/_ieFixes.scss */
.lt-ie9 footer #footer-social-links,
.lt-ie9 .top-comment,
.lt-ie9 .author-reply {
  background-color: #E6F0F3 !important;
}

/*member*/
/* line 774, ../../src/scss/main.scss */
h3 a, h3 header #site-nav dt a, header #site-nav dt h3 a, h3 header #site-nav dd a, header #site-nav dd h3 a, h3 header #site-nav li a, header #site-nav li h3 a,
h4 a,
h4 header #site-nav dt a,
header #site-nav dt h4 a,
h4 header #site-nav dd a,
header #site-nav dd h4 a,
h4 header #site-nav li a,
header #site-nav li h4 a {
  color: #4d7480;
}

/* line 778, ../../src/scss/main.scss */
h3 a:hover, h3 header #site-nav dt a:hover, header #site-nav dt h3 a:hover, h3 header #site-nav dd a:hover, header #site-nav dd h3 a:hover, h3 header #site-nav li a:hover, header #site-nav li h3 a:hover,
h4 a:hover,
h4 header #site-nav dt a:hover,
header #site-nav dt h4 a:hover,
h4 header #site-nav dd a:hover,
header #site-nav dd h4 a:hover,
h4 header #site-nav li a:hover,
header #site-nav li h4 a:hover {
  color: #00c7e5;
}

/* line 782, ../../src/scss/main.scss */
small {
  font-size: 0.75em;
  line-height: 1.25;
}

/* line 786, ../../src/scss/main.scss */
.display-none {
  display: none;
}

/* line 789, ../../src/scss/main.scss */
img.preload {
  height: 0px;
  width: 0px;
  display: none;
}

/* line 794, ../../src/scss/main.scss */
input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: normal;
  text-transform: none;
  vertical-align: middle;
}

/* line 800, ../../src/scss/main.scss */
#register-sign-in-overlay input[type="checkbox"] + label,
#register-sign-in-overlay input[type="radio"] + label {
  font-weight: bold;
}

/* line 804, ../../src/scss/main.scss */
.story-thumbnail {
  height: 55px;
}

/* line 807, ../../src/scss/main.scss */
.strong {
  font-weight: bold;
}

/* line 810, ../../src/scss/main.scss */
.schedule-date.inactive {
  filter: alpha(opacity=50);
  /* IE 5-7 */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  /* IE 8 */
  -moz-opacity: 0.5;
  /* Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  opacity: 0.5;
  /* Good browsers */
}

/* remove current-date*/
/* line 818, ../../src/scss/main.scss */
.schedule-date.active {
  font-weight: bold;
  color: #3e6580 !important;
}

/* line 822, ../../src/scss/main.scss */
.row.comment-row.selected {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* line 827, ../../src/scss/main.scss */
.story-update {
  font-family: "Never Say Never",Arial,sans-serif;
  background-color: #45CCE6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0.8em;
  padding: 0.4em;
  color: #FFFFFF;
  box-shadow: 0 3px 5px #999999;
}

/* line 839, ../../src/scss/main.scss */
.story-update > .row {
  width: 1000px;
  margin: 0 auto;
}

/* line 843, ../../src/scss/main.scss */
.story-update a, .story-update header #site-nav dt a, header #site-nav dt .story-update a, .story-update header #site-nav dd a, header #site-nav dd .story-update a, .story-update header #site-nav li a, header #site-nav li .story-update a {
  color: #FFFFFF;
  text-decoration: underline;
}

/* line 847, ../../src/scss/main.scss */
.story-update .icon-close {
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: normal;
}

/* line 854, ../../src/scss/main.scss */
.story-update[data-type=update] {
  background-color: #00D97B;
}

/* line 857, ../../src/scss/main.scss */
.story-update[data-type=offline] {
  background-color: #FF520E;
}

/* line 860, ../../src/scss/main.scss */
.story-update[data-type=completed] {
  background-color: #00D97B;
}

/* line 863, ../../src/scss/main.scss */
.text-counter {
  position: absolute;
  right: 16px;
  top: -17px;
}

/* line 868, ../../src/scss/main.scss */
#register-sign-in-overlay a, #register-sign-in-overlay header #site-nav dt a, header #site-nav dt #register-sign-in-overlay a, #register-sign-in-overlay header #site-nav dd a, header #site-nav dd #register-sign-in-overlay a, #register-sign-in-overlay header #site-nav li a, header #site-nav li #register-sign-in-overlay a {
  text-decoration: underline;
  font-weight: bold;
}

/* line 872, ../../src/scss/main.scss */
#register-sign-in-overlay small a, #register-sign-in-overlay small header #site-nav dt a, header #site-nav dt #register-sign-in-overlay small a, #register-sign-in-overlay small header #site-nav dd a, header #site-nav dd #register-sign-in-overlay small a, #register-sign-in-overlay small header #site-nav li a, header #site-nav li #register-sign-in-overlay small a {
  color: #008CBA;
  font-weight: normal;
}

/* line 876, ../../src/scss/main.scss */
#register-sign-in-overlay .login-register {
  display: none;
}

/* line 879, ../../src/scss/main.scss */
ul.pagination.story {
  display: table;
  margin: 0 auto 1.25em;
}

/* line 883, ../../src/scss/main.scss */
ul.pagination.story li a, ul.pagination.story li header #site-nav dt a, ul.pagination.story li header #site-nav dd a, ul.pagination.story header #site-nav li a, header #site-nav ul.pagination.story li a {
  cursor: pointer;
}

/* line 886, ../../src/scss/main.scss */
ul.pagination.story li span {
  line-height: 2em;
  padding-left: 2em;
  padding-right: 2em;
}

/* social */
/* line 893, ../../src/scss/main.scss */
#social {
  margin: -10px 0 0;
}

/* line 896, ../../src/scss/main.scss */
#social li {
  list-style-type: none;
}

/* line 899, ../../src/scss/main.scss */
#social a, #social header #site-nav dt a, header #site-nav dt #social a, #social header #site-nav dd a, header #site-nav dd #social a, #social header #site-nav li a, header #site-nav li #social a {
  float: left;
  font-size: 2em;
  margin-right: 12px;
  outline: none;
}

/* overlay */
/* line 907, ../../src/scss/main.scss */
.overlay {
  background: #00c7e5;
  background: rgba(0, 199, 229, 0.75);
  /*browser fallback*/
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

/* line 916, ../../src/scss/main.scss */
.overlay h1,
.overlay h2,
.overlay h3,
.overlay h4,
.overlay h5,
.overlay h6,
.overlay a,
.overlay header #site-nav dt a,
header #site-nav dt .overlay a,
.overlay header #site-nav dd a,
header #site-nav dd .overlay a,
.overlay header #site-nav li a,
header #site-nav li .overlay a {
  color: white;
}

/* line 925, ../../src/scss/main.scss */
.overlay .icon-close {
  color: white;
  cursor: pointer;
  font-size: 3em;
  margin: 0 32px 32px;
}

/* line 931, ../../src/scss/main.scss */
.overlay input[type="checkbox"] + label,
.overlay input[type="radio"] + label {
  font-weight: bold;
}

/* line 936, ../../src/scss/main.scss */
.popup .row {
  max-width: 600px;
  width: 600px;
}

/* line 940, ../../src/scss/main.scss */
.popup #body {
  margin: 1em auto 0;
}

/* line 943, ../../src/scss/main.scss */
.popup footer {
  margin: 1em;
  padding: 0;
}

/* line 947, ../../src/scss/main.scss */
.small-btn {
  font-size: 0.875em;
  height: 2.5em;
  line-height: 2.5em;
}

/*busy module*/
/* line 953, ../../src/scss/main.scss */
.ajax-panel {
  position: relative;
}

/* line 956, ../../src/scss/main.scss */
.ajax-panel .busy-module {
  z-index: 1000;
  border: medium none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: transparent;
  cursor: wait;
  position: absolute;
}

/* line 969, ../../src/scss/main.scss */
.ajax-panel .busy-module .busy-bg {
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  filter: alpha(opacity=80);
  /* IE 5-7 */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /* IE 8 */
  -moz-opacity: 0.8;
  /* Netscape */
  -khtml-opacity: 0.8;
  /* Safari 1.x */
  opacity: 0.8;
  /* Good browsers */
}

/* line 979, ../../src/scss/main.scss */
.ajax-panel .busy-module .busy-img {
  border: 0 none;
  cursor: wait;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 10%;
  width: 100%;
  z-index: 1001;
}

/* line 991, ../../src/scss/main.scss */
.ajax-panel .busy-module .busy-logo {
  background-image: url("/img/webapicks.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 70px;
  margin: 0 auto;
  width: 110px;
}

/* line 1000, ../../src/scss/main.scss */
.ajax-panel .busy-module img {
  width: 100px;
}

/* line 1003, ../../src/scss/main.scss */
.ajax-panel .busy-module i {
  background-image: url("/img/loader.gif");
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  top: 0;
  margin-left: -18px;
}

/* line 1015, ../../src/scss/main.scss */
.ajax-panel .busy-module span {
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 10px;
  color: #45CCE6;
}

/* line 1022, ../../src/scss/main.scss */
.ajax-panel[data-busy-img=off] .busy-module .busy-img {
  display: none;
}

/* line 1025, ../../src/scss/main.scss */
.ajax-panel[data-busy-logo=off] .busy-module .busy-img {
  top: 25%;
}

/* line 1028, ../../src/scss/main.scss */
.ajax-panel[data-busy-logo=off] .busy-module img {
  display: none;
}

/* line 1031, ../../src/scss/main.scss */
.f-dropdown {
  margin-top: 8px;
  /*min-width: 50px;
  width:auto;
  text-align:center;*/
}

/* line 1037, ../../src/scss/main.scss */
.f-dropdown .active {
  background-color: #CCcccc;
}

/* admin */
/* line 1042, ../../src/scss/main.scss */
.system form * {
  font-size: 0.95em;
}

/* line 1045, ../../src/scss/main.scss */
.system form input,
.system form textarea,
.system form select {
  font-family: Arial;
}

/* line 1050, ../../src/scss/main.scss */
.system .tile a, .system .tile header #site-nav dt a, header #site-nav dt .system .tile a, .system .tile header #site-nav dd a, header #site-nav dd .system .tile a, .system .tile header #site-nav li a, header #site-nav li .system .tile a {
  background-color: #008CBA;
  box-shadow: 0 0 6px 11px inset;
  color: #FFFFFF;
  display: block;
  padding: 50px 0;
  text-align: center;
  opacity: 0.5;
}

/* line 1059, ../../src/scss/main.scss */
.system .tile a:hover, .system .tile header #site-nav dt a:hover, header #site-nav dt .system .tile a:hover, .system .tile header #site-nav dd a:hover, header #site-nav dd .system .tile a:hover, .system .tile header #site-nav li a:hover, header #site-nav li .system .tile a:hover {
  opacity: 1;
}

/* line 1062, ../../src/scss/main.scss */
.flexslider {
  background-color: #8AD9E6;
  border-color: #45CCE6;
  padding: 0 30px;
}

/* line 1067, ../../src/scss/main.scss */
.flexslider img {
  width: auto !important;
}

/* line 1070, ../../src/scss/main.scss */
.flexslider .slides li {
  margin: 5px;
}

/* line 1073, ../../src/scss/main.scss */
.flexslider .slides p {
  margin: 0;
}

/* line 1076, ../../src/scss/main.scss */
.flexslider .flex-control-nav {
  position: static;
  margin-top: 10px;
}

/* counntdown */
/* line 1083, ../../src/scss/main.scss */
#countdownPanel > div {
  font-family: "Never Say Never",Arial,sans-serif;
}

/* line 1086, ../../src/scss/main.scss */
#countdownPanel > div .number {
  background: #000000;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF333333', endColorstr='#FF000000');
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000));
  background: -moz-linear-gradient(#333333, #000000);
  background: -webkit-linear-gradient(#333333, #000000);
  background: linear-gradient(#333333, #000000);
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 0 #000000;
  color: #FFFFFF;
  font-family: "Open Sans",Arial,sans-serif;
  font-size: 1.875em;
  margin-bottom: 7px;
}

/* line 1096, ../../src/scss/main.scss */
#countdownPanel > div .number .colon {
  position: absolute;
  right: 0px;
  margin-right: -5px;
}

/* loading/loaded */
/* line 1104, ../../src/scss/main.scss */
.loading {
  position: relative;
}
/* line 1106, ../../src/scss/main.scss */
.loading:before {
  background-image: url("/img/loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: -32px;
}
/* line 1117, ../../src/scss/main.scss */
.loading::after {
  background-color: #FFFFFF;
  background-image: url("/img/webapicks.png");
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  cursor: wait;
  left: 0;
  opacity: 0.8;
  padding-top: 5%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
/* line 1134, ../../src/scss/main.scss */
.loading.layover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
/* line 1148, ../../src/scss/main.scss */
.loaded {
  opacity: 0.2;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* line 1162, ../../src/scss/main.scss */
.no-cssanimations .loaded {
  opacity: 1;
}

/**/
/* line 1170, ../../src/scss/main.scss */
ul.off-canvas-list li.active {
  background-color: #000;
}

/* line 1174, ../../src/scss/main.scss */
.text-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1180, ../../src/scss/main.scss */
[data-newComments] {
  position: relative;
}

/* line 1183, ../../src/scss/main.scss */
[data-newComments]:after {
  background-color: #cc0000;
  border-radius: 12px;
  color: white;
  content: attr(data-newComments);
  font-family: Arial;
  font-size: 10px;
  line-height: 0;
  padding: 7px 5px;
  position: absolute;
  right: -10px;
  top: -7px;
}

/*-----------------------------------------------------------------------------------------
?   RESPONSIVE
-------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 40em) {
  /* line 6, ../../src/scss/partials/_responsive.scss */
  #nav-small {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
  }
  /* line 9, ../../src/scss/partials/_responsive.scss */
  #nav-small li {
    padding-bottom: 0;
  }

  /* line 13, ../../src/scss/partials/_responsive.scss */
  #go-to-top {
    position: fixed;
    bottom: 44px;
    right: 0;
    z-index: 99;
    opacity: 0.85;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0;
  }
  /* line 22, ../../src/scss/partials/_responsive.scss */
  #go-to-top a, #go-to-top header #site-nav dt a, header #site-nav dt #go-to-top a, #go-to-top header #site-nav dd a, header #site-nav dd #go-to-top a, #go-to-top header #site-nav li a, header #site-nav li #go-to-top a {
    padding: 8px 12px;
  }

  /* line 26, ../../src/scss/partials/_responsive.scss */
  .small-expand {
    width: 100%;
  }
}
/*-----------------------------------------------------------------------------------------
?   HELPERS
-------------------------------------------------------------------------------------------*/
/* line 7, ../../src/scss/partials/_helpers.scss */
.u-border-top {
  border-top: 1px solid #999999;
}
/* line 10, ../../src/scss/partials/_helpers.scss */
.u-border-bottom {
  border-bottom: 1px solid #999999;
}
/* line 13, ../../src/scss/partials/_helpers.scss */
.u-border-trail {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
/* line 17, ../../src/scss/partials/_helpers.scss */
.u-border-left {
  border-left: 1px solid #999999;
}
/* line 20, ../../src/scss/partials/_helpers.scss */
.u-border-right {
  border-right: 1px solid #999999;
}
/* line 23, ../../src/scss/partials/_helpers.scss */
.u-border-sides {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

/* line 30, ../../src/scss/partials/_helpers.scss */
.u-margin {
  margin: 20px;
}
/* line 32, ../../src/scss/partials/_helpers.scss */
.u-margin-xs {
  margin: 5px;
}
/* line 35, ../../src/scss/partials/_helpers.scss */
.u-margin-sm {
  margin: 10px;
}
/* line 38, ../../src/scss/partials/_helpers.scss */
.u-margin-md {
  margin: 15px;
}
/* line 41, ../../src/scss/partials/_helpers.scss */
.u-margin-lg {
  margin: 30px;
}
/* line 44, ../../src/scss/partials/_helpers.scss */
.u-margin-xl {
  margin: 40px;
}

/* line 48, ../../src/scss/partials/_helpers.scss */
.u-margin-top {
  margin-top: 20px;
}
/* line 50, ../../src/scss/partials/_helpers.scss */
.u-margin-top-xs {
  margin-top: 5px;
}
/* line 53, ../../src/scss/partials/_helpers.scss */
.u-margin-top-sm {
  margin-top: 10px;
}
/* line 56, ../../src/scss/partials/_helpers.scss */
.u-margin-top-md {
  margin-top: 15px;
}
/* line 59, ../../src/scss/partials/_helpers.scss */
.u-margin-top-lg {
  margin-top: 30px;
}
/* line 62, ../../src/scss/partials/_helpers.scss */
.u-margin-top-xl {
  margin-top: 40px;
}

/* line 66, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom {
  margin-bottom: 20px;
}
/* line 68, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom-xs {
  margin-bottom: 5px;
}
/* line 71, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom-sm {
  margin-bottom: 10px;
}
/* line 74, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom-md {
  margin-bottom: 15px;
}
/* line 77, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom-lg {
  margin-bottom: 30px;
}
/* line 80, ../../src/scss/partials/_helpers.scss */
.u-margin-bottom-xl {
  margin-bottom: 40px;
}

/* line 84, ../../src/scss/partials/_helpers.scss */
.u-margin-trail {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 87, ../../src/scss/partials/_helpers.scss */
.u-margin-trail-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* line 91, ../../src/scss/partials/_helpers.scss */
.u-margin-trail-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 95, ../../src/scss/partials/_helpers.scss */
.u-margin-trail-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 99, ../../src/scss/partials/_helpers.scss */
.u-margin-trail-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 103, ../../src/scss/partials/_helpers.scss */
.u-margin-trail-xl {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 108, ../../src/scss/partials/_helpers.scss */
.u-margin-left {
  margin-left: 20px;
}
/* line 110, ../../src/scss/partials/_helpers.scss */
.u-margin-left-xs {
  margin-left: 5px;
}
/* line 113, ../../src/scss/partials/_helpers.scss */
.u-margin-left-sm {
  margin-left: 10px;
}
/* line 116, ../../src/scss/partials/_helpers.scss */
.u-margin-left-md {
  margin-left: 15px;
}
/* line 119, ../../src/scss/partials/_helpers.scss */
.u-margin-left-lg {
  margin-left: 30px;
}
/* line 122, ../../src/scss/partials/_helpers.scss */
.u-margin-left-xl {
  margin-left: 40px;
}

/* line 126, ../../src/scss/partials/_helpers.scss */
.u-margin-right {
  margin-right: 20px;
}
/* line 128, ../../src/scss/partials/_helpers.scss */
.u-margin-right-xs {
  margin-right: 5px;
}
/* line 131, ../../src/scss/partials/_helpers.scss */
.u-margin-right-sm {
  margin-right: 10px;
}
/* line 134, ../../src/scss/partials/_helpers.scss */
.u-margin-right-md {
  margin-right: 15px;
}
/* line 137, ../../src/scss/partials/_helpers.scss */
.u-margin-right-lg {
  margin-right: 30px;
}
/* line 140, ../../src/scss/partials/_helpers.scss */
.u-margin-right-xl {
  margin-right: 40px;
}

/* line 144, ../../src/scss/partials/_helpers.scss */
.u-margin-sides {
  margin-left: 20px;
  margin-right: 20px;
}
/* line 147, ../../src/scss/partials/_helpers.scss */
.u-margin-sides-xs {
  margin-left: 5px;
  margin-right: 5px;
}
/* line 151, ../../src/scss/partials/_helpers.scss */
.u-margin-sides-sm {
  margin-left: 10px;
  margin-right: 10px;
}
/* line 155, ../../src/scss/partials/_helpers.scss */
.u-margin-sides-md {
  margin-left: 15px;
  margin-right: 15px;
}
/* line 159, ../../src/scss/partials/_helpers.scss */
.u-margin-sides-lg {
  margin-left: 30px;
  margin-right: 30px;
}
/* line 163, ../../src/scss/partials/_helpers.scss */
.u-margin-sides-xl {
  margin-left: 40px;
  margin-right: 40px;
}

/* line 170, ../../src/scss/partials/_helpers.scss */
.u-font-size {
  font-size: 16px;
  font-size: 1rem;
}
/* line 173, ../../src/scss/partials/_helpers.scss */
.u-font-size-xs {
  font-size: 5px;
  font-size: 0.3125rem;
}
/* line 177, ../../src/scss/partials/_helpers.scss */
.u-font-size-xm {
  font-size: 8px;
  font-size: 0.5rem;
}
/* line 181, ../../src/scss/partials/_helpers.scss */
.u-font-size-sm {
  font-size: 11px;
  font-size: 0.6875rem;
}
/* line 185, ../../src/scss/partials/_helpers.scss */
.u-font-size-md {
  font-size: 13px;
  font-size: 0.8125rem;
}
/* line 189, ../../src/scss/partials/_helpers.scss */
.u-font-size-lg {
  font-size: 20px;
  font-size: 1.25rem;
}
/* line 193, ../../src/scss/partials/_helpers.scss */
.u-font-size-xl {
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 200, ../../src/scss/partials/_helpers.scss */
.u-text-red {
  color: #CC0000;
}

/* line 203, ../../src/scss/partials/_helpers.scss */
.u-text-green {
  color: green;
}

/* line 206, ../../src/scss/partials/_helpers.scss */
.u-text-gray {
  color: #999999;
}

/* line 209, ../../src/scss/partials/_helpers.scss */
.u-text-yellow {
  color: orange;
}

/* line 214, ../../src/scss/partials/_helpers.scss */
.u-bg-red {
  background-color: #CC0000;
}

/* line 217, ../../src/scss/partials/_helpers.scss */
.u-bg-green {
  background-color: green;
}

/* line 220, ../../src/scss/partials/_helpers.scss */
.u-bg-gray {
  background-color: #999999;
}

/* line 223, ../../src/scss/partials/_helpers.scss */
.u-bg-yellow {
  background-color: orange;
}

/* line 228, ../../src/scss/partials/_helpers.scss */
.u-bg-disabled {
  -webkit-opacity: 0.2;
  opacity: 0.2;
}

/* line 233, ../../src/scss/partials/_helpers.scss */
.u-text-nowrap {
  white-space: nowrap;
}

/* line 236, ../../src/scss/partials/_helpers.scss */
.u-text-strong {
  font-weight: bold;
}

/* line 239, ../../src/scss/partials/_helpers.scss */
.u-text-uppercase {
  text-transform: uppercase;
}

/* line 242, ../../src/scss/partials/_helpers.scss */
.u-text-top {
  vertical-align: top;
}

/* line 245, ../../src/scss/partials/_helpers.scss */
.u-text-center {
  text-align: center;
}

/* line 250, ../../src/scss/partials/_helpers.scss */
.u-no-line-height {
  line-height: 0;
}

/* line 253, ../../src/scss/partials/_helpers.scss */
.u-inline-block {
  display: inline-block;
}

/* line 1201, ../../src/scss/main.scss */
.the-games .my-scores span {
  background: #aeaeae;
  padding: 2px 8px;
}

/* line 1208, ../../src/scss/main.scss */
.games-section + .games-section {
  margin-top: 30px;
}

/* line 1213, ../../src/scss/main.scss */
.wpad {
  text-align: center;
}
/* line 1215, ../../src/scss/main.scss */
.wpad img {
  margin: 0 auto;
  border-radius: 10px;
}

/* line 1222, ../../src/scss/main.scss */
.filter-input label {
  color: #AAAAAA;
  margin: 0;
  text-transform: uppercase;
  font-size: 11px;
}

/* line 1230, ../../src/scss/main.scss */
.scoreboard-heading {
  color: #AAAAAA;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
}

/* line 1238, ../../src/scss/main.scss */
.streak {
  display: inline-block;
  white-space: nowrap;
  line-height: 0;
  font-size: 5px;
  margin: 4px 0;
  text-align: center;
}
/* line 1245, ../../src/scss/main.scss */
.streak .fa + .fa {
  margin-left: 2px;
}
/* line 1248, ../../src/scss/main.scss */
.streak-lg {
  width: 40px;
}
/* line 1251, ../../src/scss/main.scss */
.streak-xl {
  width: 50px;
}

/* line 1256, ../../src/scss/main.scss */
.team-rank {
  background-color: #e6e6e6;
  color: #999999;
  border-radius: 10px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
}

/* line 1265, ../../src/scss/main.scss */
.status-pill {
  background-color: #EEE;
  border-radius: 10px;
  padding: 0 3px;
  margin: 0 3px 0 0;
  position: relative;
  border: 1px solid #CCC;
  font-size: 10px;
  font-size: 0.625rem;
}

/* line 1275, ../../src/scss/main.scss */
.fa-round {
  border: 1px solid;
  border-radius: 50%;
}

/* line 1281, ../../src/scss/main.scss */
.clock-animation {
  width: 70px;
  height: 2px;
  margin: 0 auto;
  background-color: white;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #008000 50%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
  background-position: -70px;
  -webkit-animation: shine 1.5s infinite;
  animation: shine 1.5s infinite;
}

@-webkit-keyframes shine {
  0% {
    background-position: -70px;
  }
  50% {
    background-position: 70px;
  }
  100% {
    background-position: -70px;
  }
}
@keyframes shine {
  0% {
    background-position: -70px;
  }
  50% {
    background-position: 70px;
  }
  100% {
    background-position: -70px;
  }
}