/******************************************************************
Site Name: 
Author: Olaf van der Kraaij

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*********************
IMPORTING STYLES
*********************/
/* import variables */
/* import mixins */
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/*********************
BORDER RADIUS
*********************/
/* @include rounded(4px); */
/* @include rounded-top(4px); */
/* @include rounded-right(4px); */
/* @include rounded-bottom(4px); */
/* @include rounded-left(4px); */
/*********************
TRANISTION
*********************/
/* @include transition(all,2s,ease-out); */
/*********************
BOX SHADOWS
*********************/
/* @include box-shadow(5px, 5px, 10px, #000); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/*********************
BUTTONS
*********************/
/******************************************************************
BASE (MOBILE) SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
/* styles in base.scss */
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/* import variables */
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/*********************
BORDER RADIUS
*********************/
/* @include rounded(4px); */
/* @include rounded-top(4px); */
/* @include rounded-right(4px); */
/* @include rounded-bottom(4px); */
/* @include rounded-left(4px); */
/*********************
TRANISTION
*********************/
/* @include transition(all,2s,ease-out); */
/*********************
BOX SHADOWS
*********************/
/* @include box-shadow(5px, 5px, 10px, #000); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/*********************
BUTTONS
*********************/
@font-face {
  font-family: 'BooterFF';
  src: url("../fonts/BOOTERFF.eot");
  src: url("../fonts/BOOTERFF.woff") format("woff"), url("../fonts/BOOTERFF.ttf") format("truetype"), url("../fonts/BOOTERFF.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  background-color: black;
  font-family: 'Crimson Text', serif;
  padding-top: 55px; }

.mobile-only {
  display: block; }

.margin-div {
  margin-top: 30px; }

img.single {
  margin: 20px auto 7px auto; }

img.photo {
  margin: 15px auto 0 auto; }

.single.leadtext {
  color: #d2aa50;
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 20px; }

.single.content {
  color: #f3e3c8;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 25px; }
  .single.content p a {
    color: #d2aa50; }
  .single.content p a:hover {
    color: #fff5eb;
    text-decoration: none; }

table.single.content {
  width: 98%;
  margin: 0 auto 20px auto; }

.statistics {
  color: #d2aa50;
  margin-bottom: 15px; }
  .statistics .stats {
    font-size: 18px; }

.non-mobile {
  display: none; }

a, a:visited {
  color: #f3e3c8;
  text-decoration: none; }

a.no-hover {
  cursor: default; }

a.no-hover:hover {
  color: #f3e3c8; }

a:hover {
  color: #fff5eb;
  text-decoration: none; }

h1 {
  font-family: BooterFF;
  color: #f3e3c8;
  display: block;
  text-align: left;
  margin: 0 auto;
  line-height: 34px;
  font-size: 40px; }

h1.centered {
  text-align: center; }

h3 {
  font-family: BooterFF;
  font-size: 34px; }

h3.heading {
  margin: 0 auto 10px auto;
  padding: 0 0 5px 0;
  text-align: center; }

h3.heading.event {
  color: #f3e3c8; }

h3.heading.event.left {
  text-align: left; }

h3.heading.extra-margin-bottom {
  margin-bottom: 15px; }

h3.swipe {
  /*background: url('../img/arrow_left.png') no-repeat center right;*/
  /*background-size: 10px auto;*/ }

nav {
  width: 100%;
  background-image: url("../img/treasure_small.jpg");
  background-repeat: no-repeat;
  background-position: top center; }
  nav .img-overlay {
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0), black);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), black);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
    /* Standard syntax (must be last) */ }

.tablet.page-logo {
  display: none; }

.navbar.navbar-default {
  margin-bottom: 0;
  background-color: inherit;
  border: none; }
  .navbar.navbar-default .navbar-nav a, .navbar.navbar-default .navbar-nav a:hover {
    background-color: transparent;
    color: #f3e3c8;
    font-size: 18px;
    font-weight: bold; }
  .navbar.navbar-default .navbar-nav a.active, .navbar.navbar-default .navbar-nav a.active:hover {
    background-color: transparent;
    color: #f3e3c8; }
  .navbar.navbar-default .navbar-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 5px; }
    .navbar.navbar-default .navbar-header .navbar-brand {
      text-align: center;
      display: block;
      color: #f3e3c8;
      font-size: 32px;
      margin: 2px auto 0 auto;
      font-family: BooterFF;
      width: 72%; }
    .navbar.navbar-default .navbar-header button {
      width: 12%;
      padding: 4px 0;
      margin-right: 0; }
    .navbar.navbar-default .navbar-header button.navbar-toggle {
      float: left;
      border: none; }
    .navbar.navbar-default .navbar-header .navbar-toggle:hover {
      background-color: inherit; }
    .navbar.navbar-default .navbar-header .login {
      height: 32px;
      width: 22px;
      margin-right: 8px; }
    .navbar.navbar-default .navbar-header button.navbar-toggle.login {
      float: right; }

.dropdown-menu .divider {
  background-color: #d2aa50; }

.collapse.navbar-collapse {
  cursor: pointer; }
  .collapse.navbar-collapse .dropdown-toggle {
    background: none; }
  .collapse.navbar-collapse .dropdown.open ul {
    background-color: rgba(103, 54, 0, 0.6); }

ul.nav.navbar-nav li.dropdown a, ul.nav.navbar-nav li.dropdown a:hover, ul.nav.navbar-nav li.dropdown.open a, ul.nav.navbar-nav li.dropdown.open a:hover {
  background: none;
  color: #d2aa50; }
ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a, ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a {
  color: #d2aa50; }
ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover, ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a:hover {
  color: #f3e3c8; }

.breaking {
  background: url("../img/arrow_left.png") no-repeat left center, url("../img/arrow_right.png") no-repeat right center;
  background-size: 7px auto;
  font-family: BooterFF;
  border-bottom: 1px solid #d2aa50;
  border-top: 1px solid #d2aa50;
  color: #d2aa50;
  margin: 20px 0 15px;
  padding: 7px;
  width: 100%; }
  .breaking span {
    background: #d2aa50;
    color: white;
    float: left;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 2px 5px; }
  .breaking h2 {
    font-size: 24px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    padding: 2px 2px 2px 10px;
    color: #f3e3c8; }

#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto; }

.owl-theme .owl-controls {
  margin-top: 5px;
  text-align: center; }

#owl-rankings .owl-controls {
  margin-top: 15px; }

.owl-theme .owl-controls .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-controls .owl-dots {
  margin-top: 15px; }

.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer; }

#owl-rankings .owl-nav .owl-prev {
  background: url("../img/swipe-arrow-right-gold.png") no-repeat scroll 100% 100%/25px auto;
  margin: 75% 1% 0 0; }
#owl-rankings .owl-nav .owl-next {
  background: url("../img/swipe-arrow-left-gold.png") no-repeat scroll 0% 100%/25px auto;
  margin: 75% 0 0 1%; }

#owl-events .owl-nav .owl-prev, #owl-betweenus .owl-nav .owl-prev {
  background: url("../img/swipe-arrow-left.png") no-repeat scroll 10% 0/50px auto;
  padding: 50px; }
#owl-events .owl-nav .owl-next, #owl-betweenus .owl-nav .owl-next {
  background: url("../img/swipe-arrow-right.png") no-repeat scroll 90% 0/50px auto;
  padding: 50px; }

.owl-nav {
  display: none; }
  .owl-nav .owl-prev {
    background: url("../img/swipe-arrow-left.png") no-repeat scroll 10% 0/100px auto;
    padding: 50px; }
  .owl-nav .owl-next {
    background: url("../img/swipe-arrow-right.png") no-repeat scroll 90% 0/100px auto;
    padding: 50px; }

.owl-carousel:hover .owl-nav, .owl-carousel:hover .nav-buttons {
  display: block; }

.image-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 42%;
  background-position: 0 0;
  background-size: 100% 100%; }

.owl-theme .owl-controls .owl-dot span {
  display: block;
  width: 20px;
  height: 3px;
  margin: 20px 0 0 0;
  filter: Alpha(Opacity=1);
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: none;
  border-top: none;
  background: transparent; }

.owl-theme.calendar .owl-controls .owl-dot span {
  width: 10px; }

.owl-theme .owl-controls .owl-dot.active span {
  background: #d2aa50; }

#owl-events .item .img-overlay {
  height: 40%; }

.shadow-top-overlay {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0), black);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), black);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0), black);
  /* Standard syntax (must be last) */
  position: absolute;
  top: 0;
  height: 3%;
  width: 100%; }

.shadow-bottom-overlay {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0), black);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), black);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  /* Standard syntax (must be last) */
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 30%;
  width: 100%; }

.ravel-thick-thin-overlay {
  background: url("../img/bg-image-left-thick.png") no-repeat left top, url("../img/bg-image-right-thin.png") no-repeat top right;
  position: absolute;
  width: 100%;
  height: 130px;
  top: 0; }

.ravel-thick-thick-overlay {
  background: url("../img/bg-image-left-thick.png") no-repeat left top, url("../img/bg-image-right-thick.png") no-repeat top right;
  position: absolute;
  width: 100%;
  height: 130px;
  top: 0; }

.ravel-thin-thick-overlay {
  background: url("../img/bg-image-left-thin.png") no-repeat left top, url("../img/bg-image-right-thick.png") no-repeat top right;
  position: absolute;
  width: 100%;
  height: 130px;
  top: 0; }

/*.owl-stage-outer {
  background: url("../img/image-border-top-left.png") no-repeat left top, url("../img/image-border-top-right.png") no-repeat top right;
  width: 100%;
}*/
h4.title {
  padding-right: 20px;
  font-size: 24px;
  line-height: 24px;
  color: #f3e3c8;
  font-weight: bold; }

h4.title.no-leadtext {
  margin-bottom: 0; }

.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  border-left: 2px solid #f3e3c8;
  margin: 0 0 0 40px; }
  .caption h4 {
    margin: 0; }
  .caption h5.title {
    padding-right: 20px;
    font-size: 36px;
    line-height: 36px;
    color: #f3e3c8;
    font-weight: bold;
    min-height: 50px; }
  .caption .leadtext {
    margin: 10px 0 0 0;
    width: 100%;
    color: #d2aa50;
    font-size: 18px;
    display: none; }
  .caption .leadtext.event {
    display: block; }
  .caption .leadtext.onderons {
    display: block; }

.owl-carousel {
  margin-bottom: 0px; }
  .owl-carousel .item {
    position: relative;
    width: 100%; }
    .owl-carousel .item .image-holder {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 0;
      padding-bottom: 42%; }
    .owl-carousel .item img.item-image {
      width: 100%; }
    .owl-carousel .item .shadow-bottom-overlay {
      height: 70%; }

.deadline {
  background-color: rgba(0, 0, 0, 0.55);
  color: #f3e3c8;
  font-size: 18px;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: -90px;
  z-index: 2; }
  .deadline span.red {
    color: red; }
  .deadline span.green {
    color: #00b400; }
  .deadline span.orange {
    color: orange; }

.single.event.deadline {
  color: #f3e3c8;
  font-size: 20px;
  position: relative;
  display: block;
  margin-top: -15px; }

.features-overlay {
  background-color: rgba(60, 60, 60, 0.55);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 100px;
  padding: 5px;
  z-index: 2; }

.table-rankings-wrapper {
  background-color: #fff;
  background: url("../img/bg-image-left-thin.png") no-repeat left top, url("../img/bg-image-right-thin.png") no-repeat top right;
  height: 400px;
  margin: 15px 0;
  padding: 30px 0; }

img.before-after {
  width: 25px;
  height: 25px;
  margin: 0; }

#owl-betweenus .item .img-overlay .caption .leadtext, #owl-events .item .img-overlay .caption .leadtext {
  display: block; }

hr {
  margin: 20px 15px 15px 15px;
  border-top: 1px solid #d2aa50; }

hr.mobile.event {
  margin-top: -7px; }

hr.mobile.ranking {
  margin-top: -7px; }

hr.mobile.onderons {
  margin-top: -22px; }

hr.mobile.after-pagination {
  margin-top: -7px; }

.league table.ranking {
  color: #f3e3c8;
  width: 100%;
  font-size: 18px;
  margin-bottom: 0; }
  .league table.ranking tr {
    width: 100%; }
  .league table.ranking td.position {
    text-align: right; }
  .league table.ranking td.position.event {
    font-size: 22px; }
  .league table.ranking td.preposition {
    text-align: center;
    display: none; }
  .league table.ranking td.name {
    text-align: left;
    padding-left: 5px; }
    .league table.ranking td.name a {
      color: #f3e3c8; }
    .league table.ranking td.name a:hover {
      color: #d2aa50; }
  .league table.ranking td.name.event {
    font-size: 21px; }
  .league table.ranking td.point {
    text-align: right; }
  .league table.ranking td.evolution {
    text-align: left;
    padding-left: 3px; }
    .league table.ranking td.evolution img {
      margin-top: 1px;
      width: 10px; }

.league section.ranking {
  color: #f3e3c8;
  width: 100%;
  font-size: 18px;
  margin-bottom: 0; }
  .league section.ranking div.tr {
    width: 100%;
    clear: both; }
  .league section.ranking div.position {
    text-align: right;
    width: 15px;
    float: left; }
  .league section.ranking div.position.event {
    float: left;
    font-size: 22px; }
  .league section.ranking div.preposition {
    float: left;
    text-align: center;
    display: none; }
  .league section.ranking div.name {
    float: left;
    text-align: left;
    padding-left: 5px; }
    .league section.ranking div.name a {
      color: #f3e3c8; }
    .league section.ranking div.name a:hover {
      color: #d2aa50; }
  .league section.ranking div.name.event {
    font-size: 21px;
    float: left; }
  .league section.ranking div.point {
    text-align: right; }
  .league section.ranking div.evolution {
    float: right;
    text-align: left;
    padding-left: 3px; }
    .league section.ranking div.evolution img {
      margin-top: 1px;
      width: 10px; }

.league table.ranking.full {
  width: 100%; }
  .league table.ranking.full td.preposition {
    display: block; }

.league.event {
  margin-bottom: 20px; }

table.ranking a, section.ranking a {
  color: #f3e3c8; }
table.ranking a:hover, section.ranking a:hover {
  color: #d2aa50; }
table.ranking td.gold, section.ranking td.gold {
  color: #d2aa50; }
table.ranking td.lightgold, section.ranking td.lightgold {
  color: #f3e3c8; }

.message-virtual {
  color: #8cb5d1;
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 16px; }

.messages {
  width: 96%;
  margin: 10px auto 0 auto;
  font-size: 16px; }
  .messages .success-text, .messages .error-text {
    display: block;
    text-align: center; }
  .messages .success-text {
    color: #00b400; }
  .messages .error-text {
    color: #ff5000; }

table.predictions, table.not-send {
  width: 98%;
  margin: 0 auto 20px auto;
  float: none; }
  table.predictions tr.main-row, table.predictions tr, table.not-send tr.main-row, table.not-send tr {
    font-size: 18px; }
    table.predictions tr.main-row td.user a, table.predictions tr td.user a, table.not-send tr.main-row td.user a, table.not-send tr td.user a {
      color: #d2aa50; }
    table.predictions tr.main-row td.user a:hover, table.predictions tr td.user a:hover, table.not-send tr.main-row td.user a:hover, table.not-send tr td.user a:hover {
      color: #f3e3c8; }
    table.predictions tr.main-row td.user.margin a, table.predictions tr td.user.margin a, table.not-send tr.main-row td.user.margin a, table.not-send tr td.user.margin a {
      color: #f3e3c8; }
    table.predictions tr.main-row td.user.margin a:hover, table.predictions tr td.user.margin a:hover, table.not-send tr.main-row td.user.margin a:hover, table.not-send tr td.user.margin a:hover {
      color: #d2aa50; }
  table.predictions tr.question-answer, table.not-send tr.question-answer {
    font-size: 14px; }

table.not-send {
  color: #f3e3c8;
  font-size: 16px; }

td.last-update {
  color: #d2aa50;
  font-size: 17px; }

#owl-rankings .info {
  color: #d2aa50;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px; }

.block {
  margin-bottom: 15px; }

.triptych.block {
  margin-bottom: 0; }

.videos .yt-video {
  margin-bottom: 20px; }

.more-news h3.heading, .videos h3.heading {
  text-align: center;
  border-bottom: none; }
.more-news .teaser, .videos .teaser {
  width: 100%;
  position: relative;
  margin-bottom: 30px; }
  .more-news .teaser img, .videos .teaser img {
    width: 100%; }
  .more-news .teaser .shadow-bottom-overlay, .videos .teaser .shadow-bottom-overlay {
    height: 70%; }

.breaking.loadmore {
  margin-bottom: 40px; }

#loadmoreNews {
  text-align: center;
  cursor: pointer; }

#loadmoreNews:hover {
  color: #d2aa50; }

.rss {
  margin: 0 auto 0 auto; }
  .rss h3.heading {
    text-align: center;
    border-bottom: none;
    background-size: 50px auto; }
  .rss .heading {
    background-size: 50px auto;
    margin: 0 auto;
    text-align: center;
    margin: 0 0 40px 0; }
    .rss .heading h3 {
      color: #f3e3c8;
      margin-bottom: 0;
      margin-top: 0;
      padding-bottom: 5px;
      padding-left: 60px; }
  .rss .heading.extra-margin-bottom {
    margin-bottom: 0; }
  .rss h5 {
    background: url("../img/arrow_left.png") no-repeat scroll left 5px/7px auto;
    background-size: 7px auto;
    font-size: 18px;
    padding-left: 12px;
    margin: 10px; }

.rss-part {
  margin-bottom: 20px; }

footer {
  width: 100%;
  background-image: url("../img/treasure_small.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 200px;
  position: relative; }
  footer .social {
    position: absolute;
    margin: 0 auto;
    padding: 0;
    bottom: 60px;
    width: 100%;
    text-align: center; }
    footer .social li {
      display: inline; }
      footer .social li .network {
        width: 32px; }
  footer .shadow-top-overlay {
    height: 70%; }
  footer .copyright {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #d2aa50;
    bottom: 30px; }

td.username, td.password, td.forgotten, td.info {
  color: #d2aa50;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Crimson Text', serif;
  vertical-align: top; }

td.light {
  color: #f3e3c8;
  padding-bottom: 10px; }
  td.light span.light {
    color: #f3e3c8; }

td.forgotten {
  font-size: 14px;
  font-weight: normal; }

input.submit {
  background-color: black;
  border: #f3e3c8 1px solid;
  color: #d2aa50;
  font-family: "Crimson Text", Serif;
  font-size: 16px;
  font-weight: bold; }

input, input.disabled {
  background-color: #f3e3c8; }

span#info {
  font-size: 16px; }

table.send {
  width: 95%;
  margin: 0 auto; }
  table.send td.info {
    font-size: 18px; }

table.send-pages td {
  font-family: "Crimson Text", Serif;
  font-size: 20px; }
  table.send-pages td a.page {
    color: #fff5eb; }
  table.send-pages td a.page span.selected {
    color: #d2aa50; }

.info-text {
  font-size: 20px;
  text-align: center; }

li.send-for-deadline {
  display: none; }

table.ranking-large {
  font-size: 18px; }

table.virtual-questions {
  width: 85%;
  color: #f3e3c8;
  border: 1px solid #f3e3c8; }
  table.virtual-questions tr.event {
    color: #d2aa50; }
    table.virtual-questions tr.event td {
      padding-left: 15px; }
  table.virtual-questions tr.standing-row td {
    padding: 2px; }
  table.virtual-questions tr.standing-row td.order {
    width: 13px; }
  table.virtual-questions tr.sub {
    font-size: 16px; }
    table.virtual-questions tr.sub td.sub {
      color: #f3e3c8; }

#divContent {
  margin-top: 20px;
  min-height: 290px; }

.faq {
  text-align: center;
  color: #f3e3c8; }

.qanda {
  position: relative; }

.explain {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px; }

.header {
  font-size: 22px;
  font-weight: bold;
  color: #d2aa50;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left; }

.question {
  font-size: 18px;
  font-weight: bold;
  color: #f3e3c8;
  left: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: left; }

.question:hover {
  color: #d2aa50;
  text-decoration: none; }

.answer {
  font-size: 20px;
  color: #f3e3c8;
  font-style: italic;
  border: 1px;
  display: none;
  margin-bottom: 5px;
  margin-right: 10px;
  text-align: justify; }

.comments {
  color: #f3e3c8; }
  .comments .comment-box {
    background-color: rgba(210, 170, 80, 0.1);
    border: 1px solid #d2aa50;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px; }
    .comments .comment-box .content {
      margin-bottom: 10px; }
    .comments .comment-box .author {
      color: #d2aa50; }
    .comments .comment-box .date {
      color: #d2aa50;
      margin-bottom: 10px; }

.comment-reply-title {
  display: none; }

footer.comment-meta {
  background: none;
  height: auto; }
  footer.comment-meta .comment-author.vcard {
    color: #d2aa50; }

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent, .comment-notes {
  display: none; }

#comments {
  width: 100%;
  margin-bottom: 35px; }

h2.comments-title {
  display: none; }

ol.comment-list {
  color: #f3e3c8;
  list-style-type: none;
  background-color: rgba(210, 170, 80, 0.1);
  font-size: 16px;
  padding: 0;
  margin: 0; }
  ol.comment-list li {
    margin: 0;
    padding: 10px;
    border: 1px solid #d2aa50;
    margin-bottom: 20px; }
  ol.comment-list div.comment-metadata a, ol.comment-list div.comment-metadata a:hover {
    color: #d2aa50;
    margin-bottom: 10px;
    text-decoration: none;
    display: block; }
  ol.comment-list div.comment-metadata .comment-content {
    color: #f3e3c8; }

#comment {
  width: 100%;
  background-color: #fff5eb;
  color: black;
  font-family: "Crimson Text", Serif;
  font-size: 20px;
  margin-bottom: 10px; }

#commentform {
  width: 100%; }

span.says {
  display: none; }

span.goldenrod, strong.goldenrod {
  color: #d2aa50; }

a.send {
  font-size: 18px;
  display: block;
  margin: 20px 0 0 0; }

a.send.second {
  margin: 10px 0 0 0; }

.extra-margin-bottom {
  margin-bottom: 40px; }

.breaking.loadmore.extra-margin-top {
  margin-top: 30px; }

.subtitle {
  margin-top: 5px;
  color: #d2aa50;
  display: block;
  text-align: center;
  font-size: 22px; }

.draw-options {
  padding: 10px;
  font-size: 18px;
  color: #d2aa50; }

span.ranking-name {
  font-weight: bold; }

span.ranking-name:hover, span.ranking-name:active {
  color: #d2aa50 !important; }

.iframe-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 20px 0; }

.iframe-container.single {
  margin: 30px 0 20px 0; }

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

a.comments-open {
  display: block;
  margin-top: -15px;
  color: #f3e3c8;
  font-size: 18px; }

a.comments-open:hover {
  color: #d2aa50; }

.triangle-isosceles {
  position: relative;
  padding: 15px;
  color: #000;
  border-radius: 10px; }

.triangle-isosceles:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #d2aa50 transparent;
  display: block;
  width: 0; }

input[type="radio"] {
  margin-right: 5px; }

.vertical-box {
  position: absolute;
  bottom: -3px;
  left: 0;
  margin: 0 0 0 8px; }

.vertical-box > * {
  margin-bottom: 6px; }

.gb-video {
  background: url("../img/video.png") center center no-repeat;
  padding: 12px;
  margin-right: 10px;
  display: block; }

.gb-gallery {
  background: url("../img/gallery.png") center center no-repeat;
  padding: 12px;
  margin-right: 10px;
  display: block; }

.gb-mail {
  background: url("../img/email.png") center center no-repeat;
  padding: 12px;
  margin-right: 10px;
  display: block;
  cursor: pointer; }

.comments-bubble {
  border: 2px solid #d2aa50;
  color: #d2aa50;
  padding: 0;
  text-align: center;
  display: block;
  width: 24px;
  font-weight: bold;
  height: 24px; }

.main-gallery .comments-bubble {
  height: 26px;
  padding: 0; }

.comments-area {
  margin-top: -10px;
  margin-bottom: 15px; }

.comment:last-of-type {
  margin-bottom: 15px; }

.values-hidden {
  font-size: 16px;
  color: #f3e3c8; }

.question-desc {
  font-size: 19px;
  color: #f3e3c8;
  display: block;
  margin-bottom: 5px; }

span.list-clickable {
  cursor: pointer; }

img.single-question-list {
  float: left;
  width: 16px;
  margin-top: 8px;
  margin-right: 5px; }

ul.single-question-list {
  display: none;
  color: #f3e3c8;
  font-size: 16px;
  list-style-type: none;
  padding: 5px 0 0 0;
  width: 280px; }
  ul.single-question-list li div.legacy-team {
    float: right; }
  ul.single-question-list li:nth-child(odd) {
    background-color: #1e1e1e; }

.position.event.goldenrod {
  color: #d2aa50; }

.name.event.goldenrod {
  color: #d2aa50; }

img.inline.img-responsive {
  margin: 0 auto;
  width: 100%; }

table.ranking.frontpage.glazenbol tr:nth-child(even) {
  color: #d2aa50; }
  table.ranking.frontpage.glazenbol tr:nth-child(even) a {
    color: #d2aa50; }
table.ranking.frontpage.glazenbol tr:nth-child(odd) {
  color: #f3e3c8; }
  table.ranking.frontpage.glazenbol tr:nth-child(odd) a {
    color: #f3e3c8; }

table.ranking.glazenbol span.trophy {
  float: left; }
table.ranking.glazenbol img.trophy {
  width: 18px;
  height: 18px;
  float: left;
  margin: 5px 2px 0 0; }
table.ranking.glazenbol img.trophy:first-of-type {
  margin-left: 5px; }

.league-update-text, .league-update-text.outdated {
  color: #d2aa50;
  margin: 5px 0;
  font-size: 17px;
  font-family: "Crimson Text", Serif; }

.league-update-text.outdated {
  color: red;
  display: none; }

.league table.ranking.full {
  width: 95%; }

img.trophy {
  width: 18px;
  height: 18px;
  float: left;
  margin: 5px 2px 0 0; }

img.trophy:first-of-type {
  margin-left: 5px; }

img.trophy.amongus {
  margin-left: 5px; }

h1.glazenbol-title {
  margin-top: 20px; }

h1.glazenbol-title.send {
  margin-top: 0; }

.stats-header-send {
  width: 100%; }

.stats-header, h1.glazenbol-title {
  text-align: center; }

.title-update-text, .page-update-text {
  color: #d2aa50;
  font-size: 17px;
  margin-top: 5px;
  margin-bottom: 7px; }

.title-update-text.outdated {
  display: none;
  color: red;
  margin: 0 auto;
  text-align: center; }

img.extra-info {
  width: 20px;
  float: right;
  cursor: pointer; }

.extra-info-video {
  width: 100%;
  margin: 0 auto; }
  .extra-info-video video.explanation {
    margin: 10px 0;
    width: 100%; }

.extra-info-space {
  height: 20px; }

.table-wrapper {
  width: 100%;
  margin-bottom: 10px; }

.table-wrapper.stand td.preposition {
  text-align: center; }

table.eagles.mobile .table-header td.year-result {
  text-align: right; }

table.eagles {
  clear: both;
  width: 99%;
  margin: 0 auto;
  color: #f3e3c8;
  font-size: 18px; }
  table.eagles .table-header td.year-result {
    text-align: center;
    padding: 0 0 0 1px; }
  table.eagles td.position {
    text-align: right;
    width: 15px; }
  table.eagles td.name {
    color: #f3e3c8;
    padding: 0 0 0 5px;
    min-width: 200px; }
    table.eagles td.name a {
      float: left; }
  table.eagles td.year-result {
    text-align: right;
    min-width: 40px; }
  table.eagles td.year-position {
    text-align: left;
    color: #d2aa50;
    vertical-align: super;
    font-size: 11px; }
  table.eagles td.total-score {
    text-align: right;
    padding: 0 10px 0 0; }
  table.eagles td.history {
    font-size: 9px;
    color: #aaa;
    text-align: left;
    padding: 0 0 0 2px;
    vertical-align: top; }
  table.eagles td.year-score {
    text-align: right;
    padding: 0 0 0 10px;
    width: 10px; }
  table.eagles td.year-score-header {
    text-align: center; }

table.eagles.desktop {
  display: none; }

table.eagles.oepsgemist.mobile td.total-score {
  text-align: center; }
table.eagles.oepsgemist.mobile tr.table-header td.total-score {
  text-align: center; }
table.eagles.oepsgemist.mobile td.year-result {
  text-align: center; }

table.eagles.oepsgemist td.year-result {
  text-align: center; }

.bullseye, .palmares {
  margin: 0 auto;
  width: 95%;
  color: #f3e3c8; }
  .bullseye h2, .palmares h2 {
    font-size: 22px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f3e3c8;
    margin-top: 15px;
    margin-bottom: 15px; }
    .bullseye h2 .left, .palmares h2 .left {
      float: left; }
    .bullseye h2 .right, .palmares h2 .right {
      float: right; }
  .bullseye .name, .palmares .name {
    color: #d2aa50;
    font-size: 20px;
    margin-bottom: 5px; }
  .bullseye .bet-label, .palmares .bet-label {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 5px; }
  .bullseye .question-answer, .palmares .question-answer {
    margin: 0; }
  .bullseye .question-label, .bullseye .answer-label, .palmares .question-label, .palmares .answer-label {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 19px; }
  .bullseye .answer-label, .palmares .answer-label {
    margin-bottom: 10px; }

.palmares {
  min-height: 800px; }
  .palmares .question-label {
    float: left;
    cursor: pointer; }
  .palmares .question-label:hover {
    color: #f3e3c8; }
  .palmares .answer-label {
    float: right;
    cursor: pointer; }
  .palmares .answer-label:hover {
    color: #d2aa50; }

.bullseye {
  min-height: 800px; }
  .bullseye .rover-result {
    color: #f3e3c8; }
  .bullseye .rover-name span {
    cursor: pointer; }

tr.row-header td.info {
  padding-bottom: 10px; }

td.rt-info p, td.q-descr p {
  color: #f3e3c8;
  font-size: 17px;
  padding: 5px 0 0 0;
  margin: 5px 0 0; }

td span.q-label {
  padding: 0 0 0 5px;
  display: block; }

td.q-descr p {
  font-style: italic; }

td.send-error, .error {
  color: #ff5000; }

.footballMatch {
  margin-bottom: 5px; }

.success {
  color: #00b400; }

.stats.table-wrapper {
  margin: 0 auto;
  width: 350px; }
  .stats.table-wrapper .chart-group {
    margin-bottom: 10px; }
  .stats.table-wrapper .goldenrod {
    color: #d2aa50; }
  .stats.table-wrapper hr {
    width: 100%;
    margin: 10px 0; }
  .stats.table-wrapper h3.stats {
    color: #f3e3c8;
    font-size: 26px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #d2aa50; }
    .stats.table-wrapper h3.stats .left {
      float: left; }
    .stats.table-wrapper h3.stats .right {
      float: right; }
  .stats.table-wrapper .data-info {
    color: #f3e3c8;
    font-size: 17px; }
    .stats.table-wrapper .data-info .pair {
      clear: right; }
      .stats.table-wrapper .data-info .pair .left {
        float: left; }
      .stats.table-wrapper .data-info .pair .right {
        float: right; }
      .stats.table-wrapper .data-info .pair .center {
        text-align: center; }
  .stats.table-wrapper h4.data-title {
    color: #d2aa50;
    font-size: 21px; }
  .stats.table-wrapper h4.chart-title {
    color: #f3e3c8;
    font-size: 21px;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: absolute;
    left: 0; }
  .stats.table-wrapper h4.answer-title {
    color: #f3e3c8;
    font-size: 18px;
    text-align: left;
    width: 100%;
    margin: 0; }
  .stats.table-wrapper .eands .event {
    float: left; }
    .stats.table-wrapper .eands .event a {
      color: #d2aa50; }
    .stats.table-wrapper .eands .event a:hover {
      color: #f3e3c8; }
  .stats.table-wrapper .eands .event.blue a {
    color: #8cb5d1; }
  .stats.table-wrapper .eands .event.blue a:hover {
    color: #f3e3c8; }
  .stats.table-wrapper .eands .score {
    float: right; }
  .stats.table-wrapper .division {
    margin: 10px 0; }
  .stats.table-wrapper .pair.total {
    margin-bottom: 10px; }
  .stats.table-wrapper .line-chart {
    margin-bottom: 30px; }

.number-ones {
  width: 95%;
  margin: 15px auto 30px auto;
  font-size: 18px;
  color: #f3e3c8; }
  .number-ones .number-one {
    display: block;
    clear: both; }
    .number-ones .number-one .seed {
      width: 30px;
      float: left;
      text-align: right; }
    .number-ones .number-one .name {
      float: left;
      padding: 0 0 0 10px; }
    .number-ones .number-one .days {
      float: right; }

table.preclassification, table.league.preclassification {
  margin: 0 auto; }

table.preclassification.first {
  margin-top: 15px; }

p.league-update-text.block {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  line-height: 22px; }

p.league-update-text.block.no-results {
  min-height: 600px;
  margin-top: 25px; }

table.eagles.medal .league {
  width: 35px; }

img.medal {
  width: 16px;
  display: block;
  margin: 3px auto 0 auto; }

table.eagles.medal {
  color: #f3e3c8; }
  table.eagles.medal tr.table-header td {
    padding-bottom: 10px;
    color: #f3e3c8; }
  table.eagles.medal td.league {
    text-align: center; }
  table.eagles.medal td.league.year-result {
    width: 49px; }
    table.eagles.medal td.league.year-result img.trophy {
      width: 16px;
      height: 16px;
      float: left; }

.ko-winner {
  color: #d2aa50;
  font-size: 19px;
  margin: 0 0 0 45px; }

.ko-q.send {
  margin: 0 0 10px 0; }

.ko-send {
  background-color: rgba(210, 170, 80, 0.1);
  border: 1px solid #d2aa50;
  padding: 10px;
  color: #f3e3c8;
  font-size: 17px;
  margin: 0 0 20px 0; }
  .ko-send .ko-send-title {
    color: #d2aa50; }
  .ko-send .ko-send-content {
    float: right; }
  .ko-send .ko-input-fields {
    margin-top: 5px; }
    .ko-send .ko-input-fields .ko-input, .ko-send .ko-input-fields .ko-select {
      margin-top: 5px;
      color: #f3e3c8;
      border: none;
      background-color: transparent;
      border: 1px solid #d2aa50;
      border-radius: 2px;
      width: 65%;
      padding: 0 5px;
      float: left; }
    .ko-send .ko-input-fields .ko-button {
      margin-top: 5px;
      float: right;
      background-color: transparent;
      border: 1px solid #d2aa50;
      border-radius: 2px;
      color: #f3e3c8;
      width: 25%;
      float: right;
      height: 26px;
      padding: 0; }
  .ko-send .ko-send-success {
    text-align: center;
    margin: 5px 0 0 0; }
  .ko-send .ko-send-success.ko-error {
    color: red; }
  .ko-send #your-result.ko-success {
    color: green; }

input.ko-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f3e3c8;
  opacity: 1;
  /* Firefox */ }

.ko-q {
  margin: 0 0 10px 0; }
  .ko-q .ko-questions-header {
    font-size: 20px;
    color: #f3e3c8;
    margin: 0 0 10px 0;
    clear: both;
    display: block; }
  .ko-q .deadline-header {
    float: right;
    display: inline; }
  .ko-q .ko-questions {
    color: #d2aa50;
    font-size: 19px; }
    .ko-q .ko-questions .ko-question .spacer {
      height: 10px; }
    .ko-q .ko-questions .ko-question .position {
      float: left;
      width: 25px;
      text-align: right; }
    .ko-q .ko-questions .ko-question .label {
      float: left;
      color: #d2aa50;
      font-size: 19px; }
    .ko-q .ko-questions .ko-question .result {
      float: right; }
    .ko-q .ko-questions .ko-question .eliminated {
      margin: 5px 0 10px 35px;
      color: #f3e3c8;
      font-size: 17px; }
      .ko-q .ko-questions .ko-question .eliminated input.send {
        background-color: black;
        border: 1px solid #f3e3c8;
        color: #f3e3c8;
        padding: 2px; }
      .ko-q .ko-questions .ko-question .eliminated img.eliminated-list-icon {
        width: 16px;
        float: left;
        margin: 4px 4px 5px 0; }
      .ko-q .ko-questions .ko-question .eliminated .eliminated-list {
        margin: 5px 0 5px 20px;
        display: none; }
      .ko-q .ko-questions .ko-question .eliminated .eliminated-list-label {
        float: left;
        cursor: pointer; }
      .ko-q .ko-questions .ko-question .eliminated .eliminated-name-result {
        height: 23px;
        clear: both; }
        .ko-q .ko-questions .ko-question .eliminated .eliminated-name-result .e-name {
          float: left;
          width: 50%;
          overflow: hidden;
          white-space: nowrap;
          display: block;
          text-align: left; }
        .ko-q .ko-questions .ko-question .eliminated .eliminated-name-result .e-result {
          float: right;
          text-align: right;
          display: block;
          width: 50%;
          overflow: hidden; }
        .ko-q .ko-questions .ko-question .eliminated .eliminated-name-result .e-time {
          cursor: pointer; }
      .ko-q .ko-questions .ko-question .eliminated .eliminated-name-result:nth-child(odd) {
        background-color: #1e1e1e; }

.ko-img-faster {
  width: 14px; }

.periscope {
  margin: 30px auto 20px auto; }
  .periscope twitterwidget {
    margin: 0 auto; }

.no-classification {
  width: 100%;
  color: #d2aa50;
  text-align: center;
  font-size: 18px; }

.no-classification.ranks {
  min-height: 600px;
  margin: 20px 0 0 0;
  font-weight: normal; }

.overview {
  margin: 0 auto;
  color: #f3e3c8; }
  .overview .pages {
    text-align: center;
    margin: 15px auto 10px auto;
    font-size: 16px;
    width: 65%; }
    .overview .pages a.selected, .overview .pages a.selected.gray {
      color: #d2aa50; }
    .overview .pages a {
      margin-right: 5px; }
    .overview .pages a.gray {
      color: #a0a0a0; }
  .overview .event {
    font-size: 22px;
    margin: 15px 0 0 0; }
  .overview .event-deadline {
    font-size: 16px;
    font-style: italic; }
    .overview .event-deadline span.red {
      color: red; }
    .overview .event-deadline span.green {
      color: #00b400; }
    .overview .event-deadline span.orange {
      color: orange; }
  .overview .event-question {
    float: left;
    font-size: 18px;
    color: #d2aa50;
    margin: 0 0 0 10px; }
    .overview .event-question a {
      color: #d2aa50; }
    .overview .event-question a:hover {
      color: #f3e3c8; }
  .overview .question-counter {
    font-size: 16px;
    color: #d2aa50;
    float: left;
    text-align: right;
    min-width: 20px;
    margin: 3px 0 0 0; }
  .overview .question-solution {
    font-size: 16px;
    display: block;
    clear: left;
    margin: 0 0 0 30px; }
  .overview .img-league {
    width: 16px;
    float: right;
    margin: 5px 0 0 10px; }
  .overview .img-spacer {
    width: 16px;
    float: right; }
  .overview .bonus {
    vertical-align: top;
    font-size: 10px; }
  .overview .spacer {
    margin: 0 0 15px 0; }

.supertext {
  vertical-align: top;
  font-size: 10px; }

.blue {
  color: #8cb5d1; }

.warning {
  color: red; }

.a-clock {
  display: block; }

.clock-wrapper {
  margin: 0 8px 4px 0;
  position: relative;
  /* Clock styles */
  /* Transparent box ensuring arms center properly. */
  /* Make all arms rotate around the same center point. */
  /* Optional: Use transition for animation. */ }
  .clock-wrapper .clockbox,
  .clock-wrapper .clock {
    width: 100%;
    padding: 0;
    background-color: inherit; }
  .clock-wrapper .clockbox {
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 24px; }
  .clock-wrapper .circle {
    fill: none;
    stroke: #d2aa50;
    stroke-width: 49;
    stroke-miterlimit: 10; }
  .clock-wrapper .mid-circle {
    fill: #d2aa50; }
  .clock-wrapper .hour-marks {
    fill: none;
    stroke: #d2aa50;
    stroke-width: 19;
    stroke-miterlimit: 10; }
  .clock-wrapper .hour-arm {
    fill: none;
    stroke: #d2aa50;
    stroke-width: 51;
    stroke-miterlimit: 10; }
  .clock-wrapper .minute-arm {
    fill: none;
    stroke: #d2aa50;
    stroke-width: 51;
    stroke-miterlimit: 10; }
  .clock-wrapper .second-arm {
    fill: none;
    stroke: #d2aa50;
    stroke-width: 31;
    stroke-miterlimit: 10; }
  .clock-wrapper .sizing-box {
    fill: none; }
  .clock-wrapper .clock-hour,
  .clock-wrapper .clock-minute,
  .clock-wrapper .clock-second {
    transform-origin: 300px 300px;
    /*transition: transform .5s ease-in-out;*/ }

#tooltip {
  text-align: center;
  color: #f3e3c8;
  background: rgba(103, 54, 0, 0.9);
  position: absolute;
  z-index: 100;
  padding: 5px 10px;
  font-weight: bold;
  border: 1px solid #d2aa50;
  border-radius: 5px; }

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -5px; }

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 5px solid transparent;
  top: -20px;
  bottom: auto; }

#tooltip.left:after {
  left: 5px;
  margin: 0; }

#tooltip.right:after {
  right: 5px;
  left: auto;
  margin: 0; }

img.points20 {
  float: right;
  width: 16px;
  height: 16px;
  margin: 7px 3px 0 0; }

.virtual-scores {
  width: 85%;
  font-size: 15px;
  margin: 20px auto 0 auto; }
  .virtual-scores .v-title {
    color: #d2aa50;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer; }
  .virtual-scores .virtual-scores-list {
    display: none; }
  .virtual-scores .name {
    color: #d2aa50;
    font-size: 16px;
    margin: 5px 0 0 0; }
  .virtual-scores .eands {
    color: #f3e3c8; }
    .virtual-scores .eands .event {
      float: left;
      color: #8cb5d1; }
      .virtual-scores .eands .event a {
        color: #8cb5d1; }
      .virtual-scores .eands .event a:hover {
        color: #f3e3c8; }
    .virtual-scores .eands .score {
      float: right;
      color: #8cb5d1; }
  .virtual-scores .qanda {
    color: #f3e3c8; }
    .virtual-scores .qanda .q {
      float: left; }
    .virtual-scores .qanda .a {
      float: right; }

.releases {
  width: 85%;
  margin: 20px auto;
  font-size: 17px;
  color: #f3e3c8; }
  .releases .left {
    float: left; }
  .releases .right {
    float: right; }
  .releases .heading {
    font-size: 18px;
    color: #d2aa50;
    margin-bottom: 10px; }

.throne-leagues {
  margin: 20px auto 0 auto;
  text-align: center; }
  .throne-leagues img {
    width: 18px;
    margin-right: 7px;
    cursor: pointer; }
  .throne-leagues img:last-of-type {
    margin-right: 0; }

.throne-positions {
  margin: 10px auto 0 auto;
  text-align: center; }
  .throne-positions span {
    margin-right: 7px;
    font-size: 18px;
    cursor: pointer; }
  .throne-positions span:last-of-type {
    margin-right: 0; }
  .throne-positions span.gray {
    color: #a0a0a0; }
  .throne-positions span.gold {
    color: #d7b54c; }

table.eagles.oepsgemist.winners {
  width: 85%;
  margin-top: 15px; }

.maintenance {
  font-size: 20px;
  color: red;
  width: 100%;
  text-align: center;
  margin-top: 20px; }

section.whatif {
  width: 85%;
  display: block;
  margin: 10px auto 0 auto; }
  section.whatif .group-event {
    font-size: 16px; }
  section.whatif .question-label {
    color: #f3e3c8;
    font-size: 16px;
    margin: 5px 0; }
  section.whatif a.event-link {
    color: #d2aa50;
    display: block;
    margin-top: 15px; }
  section.whatif a.event-link:first-of-type {
    margin-top: 0; }
  section.whatif a.event-link:hover {
    color: #f3e3c8; }
  section.whatif table tr.no-show {
    display: none; }
  section.whatif table td.preposition {
    text-align: center; }
  section.whatif table td.score {
    text-align: right; }
  section.whatif table td.more {
    text-align: center; }
  section.whatif table span.gray {
    color: #a0a0a0; }
  section.whatif table img.evolution {
    margin: 2px 0 0 0;
    width: 10px;
    float: right; }
  section.whatif table .isfirst {
    font-weight: bold;
    color: #d2aa50; }
  section.whatif div.see-more {
    margin: 0 auto 0 auto;
    width: 100%;
    display: block; }
    section.whatif div.see-more span.plus {
      float: left;
      font-size: 16px;
      color: goldenrod;
      cursor: pointer;
      margin: 2px 0 0 6px; }
    section.whatif div.see-more hr.plus {
      float: right;
      margin: 15px 0;
      width: 95%; }
  section.whatif select {
    background-color: #fff5eb;
    width: 100%; }
  section.whatif .bonus {
    vertical-align: top;
    font-size: 10px; }

.picture img {
  width: 100%; }

.bonus {
  vertical-align: top;
  font-size: 10px; }

.podium {
  width: 318px;
  margin: 0 auto;
  position: relative; }
  .podium h3 {
    margin: 0 auto -20px auto;
    color: #f3e3c8;
    font-size: 26px;
    text-align: center; }
  .podium .season-line {
    margin: 30px 0 0 0; }
  .podium .leagues {
    position: relative;
    width: 100%;
    margin-bottom: 30px; }
    .podium .leagues .league {
      position: relative;
      width: 100%;
      height: 150px;
      min-height: 0 !important;
      margin: 20px 0 0; }
      .podium .leagues .league h4 {
        margin: 0;
        color: #f3e3c8;
        font-family: BooterFF;
        font-size: 22px;
        width: 100%;
        text-align: center;
        margin: 0 0 20px 0; }
      .podium .leagues .league .positions {
        position: relative;
        width: 100%;
        text-align: center; }
        .podium .leagues .league .positions img.rover-image {
          height: 106px;
          width: 106px;
          border: 1px solid black;
          border-radius: 50%; }
        .podium .leagues .league .positions .position.p1 img.league-icon {
          width: 24px;
          margin: -8px auto 10px 0; }
        .podium .leagues .league .positions .position.p1 img.rover-image {
          margin-top: 2px; }
        .podium .leagues .league .positions .position.p2 img.rover-image {
          margin-top: 40px; }
        .podium .leagues .league .positions .position.p3 img.rover-image {
          margin-top: 45px; }
        .podium .leagues .league .positions .position {
          position: relative;
          width: 33%;
          float: left;
          height: 190px; }
          .podium .leagues .league .positions .position img.rover-image {
            margin: 0 auto;
            display: block; }
          .podium .leagues .league .positions .position .first, .podium .leagues .league .positions .position .second, .podium .leagues .league .positions .position .third {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #d7b54c; }
            .podium .leagues .league .positions .position .first .position-number, .podium .leagues .league .positions .position .second .position-number, .podium .leagues .league .positions .position .third .position-number {
              position: relative;
              height: 100%; }
              .podium .leagues .league .positions .position .first .position-number .figure, .podium .leagues .league .positions .position .second .position-number .figure, .podium .leagues .league .positions .position .third .position-number .figure {
                width: 100%;
                text-align: center;
                font-weight: bold; }
              .podium .leagues .league .positions .position .first .position-number .name, .podium .leagues .league .positions .position .second .position-number .name, .podium .leagues .league .positions .position .third .position-number .name {
                position: absolute;
                bottom: 0;
                left: 0;
                text-align: center;
                width: 100%;
                padding: 0 0 5px 0;
                line-height: 12px; }
          .podium .leagues .league .positions .position .first {
            height: 56px;
            background-color: #d7b54c;
            border-radius: 5px;
            border: 1px solid black; }
          .podium .leagues .league .positions .position .second {
            height: 45px;
            background-color: #a0a0a0;
            border-radius: 5px;
            border: 1px solid black; }
          .podium .leagues .league .positions .position .third {
            height: 40px;
            background-color: #d0783a;
            border-radius: 5px;
            border: 1px solid black; }
  .podium .clearfix {
    clear: both; }

#virtual_warning {
  display: none; }

#toggle_warning {
  opacity: 1;
  color: red; }

.user-score {
  margin: 5px 0 0 30px;
  color: #d2aa50;
  font-size: 16px; }

.user-score.points {
  color: #00b400; }

.points.virtual {
  color: #8cb5d1; }

.my-predition {
  font-style: italic;
  margin-left: 5px; }

.single.leadtext.not-active {
  font-family: 'Crimson Text', serif;
  font-size: 17px;
  margin-top: 5px;
  font-weight: normal; }

.compare {
  color: #f3e3c8;
  width: 100%;
  font-size: 17px;
  margin: 0 auto;
  min-height: 500px;
  padding: 0 5px; }
  .compare form {
    margin: 20px 0 0 0;
    padding-bottom: 5px; }
    .compare form label {
      float: left; }
    .compare form select {
      float: right;
      background-color: black !important;
      color: #f3e3c8;
      text-align: right; }
    .compare form option {
      background-color: black !important;
      color: #f3e3c8;
      text-align: right; }
  .compare .cheader {
    border-top: 1px solid #d2aa50;
    border-bottom: 1px solid #d2aa50;
    padding: 3px 0 5px 0;
    margin-bottom: 10px; }
  .compare .info {
    float: left; }
  .compare .data {
    float: right; }
    .compare .data .name {
      text-align: right;
      overflow: hidden;
      float: left;
      width: 90px;
      padding-right: 10px; }
    .compare .data .result {
      float: left;
      width: 90px;
      text-align: right;
      margin-right: 7px; }
      .compare .data .result .trophies {
        float: right; }
        .compare .data .result .trophies .trophy {
          margin-left: 5px; }
    .compare .data .result.green {
      color: #00b400; }
    .compare .data .result.red {
      color: #ff5000; }

td.selection-hover {
  background-color: #1e1e1e; }

div.preditions, .margin {
  color: #f3e3c8;
  margin: 0 auto;
  white-space: nowrap;
  font-size: 18px;
  width: 100%; }
  div.preditions .set, .margin .set {
    clear: both; }
    div.preditions .set .set-head, div.preditions .set .set-body, .margin .set .set-head, .margin .set .set-body {
      width: 100%; }
    div.preditions .set .set-head, .margin .set .set-head {
      clear: both;
      padding: 4px 0 4px 2px;
      margin-bottom: 1px; }
      div.preditions .set .set-head .user, .margin .set .set-head .user {
        float: left;
        font-weight: bold;
        color: #d2aa50; }
        div.preditions .set .set-head .user a, .margin .set .set-head .user a {
          color: #d2aa50; }
        div.preditions .set .set-head .user a:hover, .margin .set .set-head .user a:hover {
          color: #f3e3c8; }
      div.preditions .set .set-head span.editions, .margin .set .set-head span.editions {
        vertical-align: top;
        font-size: 11px; }
    div.preditions .set .set-body, .margin .set .set-body {
      clear: both; }
      div.preditions .set .set-body .qa-set, .margin .set .set-body .qa-set {
        clear: both;
        border-top: 1px solid #f3e3c8;
        border-bottom: 1px solid #f3e3c8;
        padding: 3px;
        margin: 0 0 5px 0; }
        div.preditions .set .set-body .qa-set .ques, div.preditions .set .set-body .qa-set .ans, .margin .set .set-body .qa-set .ques, .margin .set .set-body .qa-set .ans {
          float: left;
          font-size: 15px;
          width: 70%;
          overflow: hidden;
          padding-right: 2px; }
        div.preditions .set .set-body .qa-set .ques, .margin .set .set-body .qa-set .ques {
          display: none; }
  div.preditions .tot-score, div.preditions .tot-points, div.preditions .score, div.preditions .points, .margin .tot-score, .margin .tot-points, .margin .score, .margin .points {
    float: right;
    text-align: right;
    width: 30px;
    max-width: 30px; }
  div.preditions .score, div.preditions .points, .margin .score, .margin .points {
    font-size: 15px; }
  div.preditions .gray, .margin .gray {
    color: #a0a0a0; }
  div.preditions .goldenrod, .margin .goldenrod {
    color: #d2aa50; }
  div.preditions .virtual, .margin .virtual {
    color: #8cb5d1; }
  div.preditions .event-questions, .margin .event-questions {
    text-align: center;
    margin: 0 auto; }
    div.preditions .event-questions a, .margin .event-questions a {
      font-size: 16px; }
    div.preditions .event-questions a.selected, .margin .event-questions a.selected {
      color: #d2aa50; }
  div.preditions .notsent, .margin .notsent {
    margin-top: 10px;
    white-space: normal;
    font-size: 15px; }
  div.preditions .question-solutions, .margin .question-solutions {
    font-size: 15px;
    margin: 5px 0 10px 0; }
    div.preditions .question-solutions .qs-q, .margin .question-solutions .qs-q {
      float: left;
      width: 50%;
      max-width: 50%;
      white-space: nowrap; }
    div.preditions .question-solutions .qs-s, .margin .question-solutions .qs-s {
      float: right;
      width: 50%;
      max-width: 50%;
      white-space: nowrap;
      text-align: right;
      overflow: hidden; }

.predictions.virtual {
  color: #8cb5d1; }

.marathon, .marathon-table, .margin {
  width: 100%; }

.marathon {
  height: 415px;
  margin: 25px auto 0 auto;
  position: relative; }
  .marathon span.won {
    display: none; }
  .marathon .matharon-background {
    position: relative;
    width: 100%;
    height: 100%; }
  .marathon img.background {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .marathon img.runner {
    position: absolute;
    width: 120px;
    max-width: 160px;
    left: -1px;
    bottom: 10px; }
  .marathon div.time {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px 10px;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff5eb;
    z-index: 1;
    cursor: pointer; }
  .marathon div#time.success {
    color: #00b400 !important; }
  .marathon div.points {
    text-align: center;
    font-weight: bold;
    font-size: 16px; }
  .marathon div.time.virtual {
    color: #8cb5d1; }

.marathon-table {
  color: #f3e3c8;
  margin: 35px auto; }
  .marathon-table .m-entry {
    font-size: 15px;
    border-bottom: 1px solid #f3e3c8; }
    .marathon-table .m-entry .m-endtime {
      float: left;
      color: #d2aa50;
      font-weight: bold; }
    .marathon-table .m-entry .m-score {
      float: right;
      text-align: right; }
    .marathon-table .m-entry .m-users {
      float: left;
      margin: 0 0 0 10px; }
      .marathon-table .m-entry .m-users span.name {
        display: block; }
      .marathon-table .m-entry .m-users span:last-child {
        margin-bottom: 4px; }
    .marathon-table .m-entry .m-points, .marathon-table .m-entry .m-score {
      text-align: right;
      float: right;
      width: 25px; }
    .marathon-table .m-entry .lost.virtual {
      color: #8cb5d1; }
    .marathon-table .m-entry .won {
      display: none; }
    .marathon-table .m-entry .m-points {
      margin: 0 10px 0 0; }

.marathon, .margin {
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  .marathon .slider, .margin .slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 25px;
    /* Specified height */
    background-color: #f3e3c8;
    outline: none;
    /* Remove outline */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: color .2s;
    padding: 0;
    margin: 0; }
  .marathon .slider:hover, .margin .slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */
    background-color: #fff5eb; }
  .marathon .slider::-webkit-slider-thumb, .margin .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 15px;
    /* Set a specific slider handle width */
    height: 25px;
    /* Slider handle height */
    background: #d2aa50;
    cursor: pointer;
    /* Cursor on hover */ }
  .marathon .slider::-moz-range-thumb, .margin .slider::-moz-range-thumb {
    width: 15px;
    /* Set a specific slider handle width */
    height: 25px;
    /* Slider handle height */
    background: #d2aa50;
    cursor: pointer;
    /* Cursor on hover */ }

.marathon-table.margin {
  margin: 10px auto; }

.margin span.won {
  display: none; }
.margin div#time {
  margin: 0 auto 10px auto;
  text-align: center; }
.margin div#time.success {
  color: #00b400 !important; }

.event-questions {
  text-align: center;
  margin: 0 auto; }
  .event-questions a {
    font-size: 16px; }
  .event-questions a.selected {
    color: #d2aa50; }

.notsent {
  margin-top: 10px;
  white-space: normal;
  font-size: 15px; }

.margin #time {
  cursor: pointer; }

.finished {
  color: #a0a0a0 !important; }

.users-preditions {
  color: #f3e3c8;
  width: 100%;
  font-size: 16px;
  margin: 15px auto 0 auto;
  display: block; }
  .users-preditions .quantity {
    margin-bottom: 10px; }
  .users-preditions .users-with-preditions, .users-preditions .users-without-preditions {
    width: 50%; }
    .users-preditions .users-with-preditions .users .user, .users-preditions .users-without-preditions .users .user {
      display: block; }
  .users-preditions .users-with-preditions {
    float: left;
    text-align: left; }
    .users-preditions .users-with-preditions .users {
      color: #00b400; }
  .users-preditions .users-without-preditions {
    float: right;
    text-align: right; }
    .users-preditions .users-without-preditions .users {
      color: #ff5000; }

.event-navigation {
  font-family: BooterFF;
  font-size: 30px;
  text-align: center;
  width: 100%;
  margin: 0 auto; }
  .event-navigation .event-previous {
    float: left;
    width: 10px; }
  .event-navigation .event-next {
    width: 10px;
    float: right; }

.previous-editions {
  width: 100%;
  color: #f3e3c8;
  margin: -22px 0 15px 0; }
  .previous-editions h4 {
    font-size: 21px;
    color: #f3e3c8;
    margin-top: 0; }
  .previous-editions .prev-header {
    color: #d2aa50; }
    .previous-editions .prev-header .year, .previous-editions .prev-header .cum-score, .previous-editions .prev-header .popularity {
      font-size: 17px; }
  .previous-editions .year {
    width: 50%; }
  .previous-editions .cum-score {
    width: 20%; }
  .previous-editions .popularity {
    width: 20%; }
  .previous-editions .season-score:nth-child(odd) {
    background-color: #141414; }
  .previous-editions .year {
    font-size: 15px;
    float: left; }
  .previous-editions .cum-score {
    font-size: 15px;
    float: right;
    text-align: right; }
  .previous-editions .virtual {
    color: #8cb5d1; }
  .previous-editions .popularity {
    font-size: 14px;
    float: right;
    text-align: right; }

img.country.sui {
  width: 12px !important;
  margin-left: 3px !important;
  margin-right: 5px !important; }

img.country, .qs-s img.country {
  width: 18px;
  height: 12px;
  margin: -3px 2px 0 0; }

.my-predition img.country, .question-solution img.country {
  margin: -3px 2px 0 0; }

.send-questions {
  color: #f3e3c8;
  font-size: 18px;
  width: 96%;
  margin: 20px 2% 10px 2%; }
  .send-questions input.q-input {
    border-radius: 10px;
    border: 2px solid black;
    padding: 2px 8px; }
  .send-questions input.q-input.success {
    border: 2px solid #00b400; }
  .send-questions input.q-input.error {
    border: 2px solid #ff5000; }
  .send-questions input.q-input.disabled {
    background-color: lightgrey; }
  .send-questions .question {
    width: 100%; }
    .send-questions .question .autocomplete, .send-questions .question .open {
      width: 100%;
      background-color: white;
      color: black;
      font-size: 18px; }
    .send-questions .question .pair {
      width: 100%;
      text-align: left;
      margin: 0 0 10px 0; }
      .send-questions .question .pair .sport-wrapper {
        background-color: #d2aa50;
        height: 23px;
        width: 23px;
        border-radius: 50%;
        display: inline-block;
        margin: 1px 0 0 0; }
        .send-questions .question .pair .sport-wrapper img.q-sport {
          width: 19px;
          margin: 0 0 7px 2px; }
      .send-questions .question .pair label.q-label {
        color: #d2aa50;
        margin: 0 0 5px 5px;
        text-align: left;
        font-weight: normal; }
      .send-questions .question .pair .margin {
        vertical-align: top;
        font-size: 10px;
        color: #d2aa50; }
      .send-questions .question .pair .points {
        float: right;
        color: #d2aa50;
        margin: 1px 5px 0 5px;
        font-size: 19px;
        text-align: right; }
      .send-questions .question .pair .points.empty {
        margin: 1px 1px 0 5px; }
      .send-questions .question .pair img.trophy {
        float: right; }
    .send-questions .question div.game-draw {
      font-size: 16px;
      margin: 5px 0 0 3px;
      color: #f3e3c8; }
      .send-questions .question div.game-draw div.draw-pair input.draw {
        float: left; }
      .send-questions .question div.game-draw div.draw-pair input.draw.error {
        outline: 2px solid #ff5000; }
      .send-questions .question div.game-draw div.draw-pair input.draw.success {
        outline: 2px solid #00b400; }
      .send-questions .question div.game-draw div.draw-pair label.draw {
        float: left;
        margin: 0 0 0 5px; }
  .send-questions .question-info {
    margin: 0 0 20px 0; }
    .send-questions .question-info .block {
      margin: 5px 0; }
    .send-questions .question-info video.explanation {
      width: 100%; }
    .send-questions .question-info .block .title {
      margin: 0 0 5px 0;
      cursor: pointer; }
    .send-questions .question-info .block .title:hover {
      color: #d2aa50; }
    .send-questions .question-info .block .info {
      margin: 0 0 0 19px; }
    .send-questions .question-info img.arrow {
      width: 10px;
      margin-right: 5px; }
    .send-questions .question-info img.description {
      width: 10px;
      float: left;
      margin: 8px 0 0 0; }
    .send-questions .question-info img.ascdesc {
      width: 10px; }
    .send-questions .question-info img.ascdesc.left {
      margin: 4px 0 0 5px;
      float: right; }
    .send-questions .question-info img.ascdesc.right {
      margin: 4px 5px 0 4px;
      float: left; }
    .send-questions .question-info .ihead {
      color: #f3e3c8;
      line-height: 18px;
      height: 18px; }
    .send-questions .question-info .info.list {
      margin-right: 10px; }
    .send-questions .question-info .info hr {
      margin: 5px 0;
      border: 1px solid #d2aa50; }
    .send-questions .question-info .info hr.extra-top {
      margin-top: 10px; }
    .send-questions .question-info .info .ihead .t-label, .send-questions .question-info .info .ihead .t-country, .send-questions .question-info .info .ihead .t-team {
      cursor: pointer; }
    .send-questions .question-info .info .ihead, .send-questions .question-info .info .ibody .t-country, .send-questions .question-info .info .ibody .t-team {
      text-align: right; }
    .send-questions .question-info .info .ihead .t-label, .send-questions .question-info .info .ibody .t-label {
      float: left; }
    .send-questions .question-info .info .t-row {
      cursor: pointer; }
    .send-questions .question-info .info .t-row:nth-of-type(odd) {
      background-color: #1e1e1e; }
    .send-questions .question-info .info .ihead .t-country, .send-questions .question-info .info .ihead .t-team {
      margin: 0 0 0 5px;
      float: right; }
    .send-questions .question-info .info .ihead .t-country {
      width: 60px;
      margin: 0; }
    .send-questions .question-info .info .ihead .t-team {
      width: 62px;
      margin: 0 0 0 2px; }
    .send-questions .question-info .info .ibody .t-country, .send-questions .question-info .info .ibody .t-team {
      float: right;
      width: 62px; }
    .send-questions .question-info .info .ibody .t-country, .send-questions .question-info .info .ibody .t-team {
      text-align: center; }
    .send-questions .question-info .info .ibody .clearfix {
      clear: both; }
  .send-questions .send-submit-area {
    text-align: center; }
    .send-questions .send-submit-area input.send-submit {
      margin: 10px 0 5px 0;
      background-color: black;
      border: 1px solid #f3e3c8;
      border-radius: 10px;
      color: #d2aa50;
      padding: 1px 7px 4px 9px; }
    .send-questions .send-submit-area input.send-submit:hover {
      color: #f3e3c8;
      border: 1px solid #d2aa50; }
    .send-questions .send-submit-area input.send-submit.disabled {
      color: #a0a0a0; }
    .send-questions .send-submit-area input.send-submit.disabled:hover {
      border: 1px solid #f3e3c8;
      color: #a0a0a0; }

.send-information {
  width: 575px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: white;
  font-size: 14px;
  margin: 50px auto;
  font-family: Courier;
  padding: 5px; }
  .send-information div.report {
    font-weight: bold;
    text-align: center;
    margin: 10px auto; }

ul.ui-autocomplete li:nth-of-type(even) {
  background-color: white; }

ul.ui-autocomplete li:nth-of-type(odd) {
  background-color: #ebebeb; }

ul.ui-autocomplete img.m-flag {
  width: 20px;
  height: 14px;
  margin: -5px 5px 0 0; }
ul.ui-autocomplete .m-name {
  font-size: 17px; }
ul.ui-autocomplete .m-team {
  float: right;
  color: #f3e3c8;
  background-color: darkred;
  border-radius: 8px;
  border: 1px solid black;
  padding: 2px 6px;
  font-size: 13px;
  width: 45px;
  text-align: center; }

.send-result-overview {
  width: 96%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px; }
  .send-result-overview a.send-results {
    display: block;
    margin: 5px 0; }

a.has-user-sent, a.has-user-sent:hover, span.has-user-sent {
  color: #a0a0a0 !important; }
  a.has-user-sent span.green, a.has-user-sent:hover span.green, span.has-user-sent span.green {
    color: #a0a0a0 !important; }
  a.has-user-sent span.orange, a.has-user-sent:hover span.orange, span.has-user-sent span.orange {
    color: #a0a0a0 !important; }
  a.has-user-sent span.red, a.has-user-sent:hover span.red, span.has-user-sent span.red {
    color: #a0a0a0 !important; }

a.send-link {
  display: flex !important; }
  a.send-link .left {
    width: 85px;
    float: left; }
  a.send-link .right {
    float: right; }
  a.send-link span.green {
    color: #00b400; }
  a.send-link span.orange {
    color: orange; }
  a.send-link span.red {
    color: red; }

span.send-menu-header {
  font-weight: bold;
  color: #d2aa50;
  margin: 0 0 0 20px;
  cursor: default; }

img.classification-user {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  float: left;
  margin: 4px 4px 0 0; }

div.rank {
  font-size: 17px;
  color: #f3e3c8; }
  div.rank .first {
    font-weight: bold; }
  div.rank .gray {
    color: #a0a0a0; }
  div.rank div.position {
    width: 35px;
    text-align: right;
    float: left; }
  div.rank div.preposition {
    float: left;
    width: 35px;
    text-align: center; }
  div.rank div.name a.link-name {
    float: left; }
  div.rank div.trophies {
    float: left; }
    div.rank div.trophies a.league-link-icon img {
      margin: 3px 0 0 3px; }
  div.rank div.score {
    float: right; }
  div.rank div.info.blue {
    cursor: pointer; }
  div.rank div.evolution {
    float: right;
    margin: -2px 0 0 10px; }
  div.rank div.virtual-score-info {
    font-weight: normal; }
    div.rank div.virtual-score-info div.score-detail {
      margin: 2px 0 5px 70px; }
      div.rank div.virtual-score-info div.score-detail div.qa-event {
        font-style: italic;
        color: #d2aa50; }
      div.rank div.virtual-score-info div.score-detail div.qa-pair div.qa-question {
        float: left; }
      div.rank div.virtual-score-info div.score-detail div.qa-pair div.qa-answer {
        float: left; }
        div.rank div.virtual-score-info div.score-detail div.qa-pair div.qa-answer img.qa-flag {
          width: 18px;
          vertical-align: baseline;
          margin: 0 5px 0 0; }
      div.rank div.virtual-score-info div.score-detail div.qa-pair div.qa-score {
        float: right;
        margin-right: 15px; }

.squad-name {
  float: left;
  cursor: pointer; }

.squad-name:hover {
  color: gold; }

.squad-members {
  margin: 5px 0 9px 127px; }

a.squad-member-name {
  display: block;
  float: left; }

.squad-member-score {
  float: right; }

.squad-logo {
  width: 45px;
  padding: 0 2px;
  float: left;
  border: 1px solid black;
  border-radius: 4px;
  margin: 2px 5px 2px 0;
  font-size: 14px; }

.squad-logo-text {
  text-align: center; }

/******************************************************************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's 
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
******************************************************************/
@media only screen and (min-width: 481px) {
  /* styles in 481up.scss */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  .league table.ranking.full {
    width: 90%; }

  .bullseye .question-label {
    float: left; }
  .bullseye .answer-label {
    float: right; }

  table.eagles.oepsgemist.winners {
    width: 60%; }

  section.whatif {
    width: 65%; }

  div.preditions {
    width: 481px; }
    div.preditions .set-body .qa-set .ques, div.preditions .set-body .qa-set .ans {
      float: left;
      font-size: 15px;
      width: 42%;
      overflow: hidden;
      padding-right: 2px; }
    div.preditions .set-body .qa-set .ques {
      display: block; }

  .event-navigation {
    font-family: BooterFF;
    font-size: 30px;
    text-align: center;
    width: 480px; }

  .previous-editions {
    width: 306px; }
    .previous-editions .year {
      width: 160px; }
    .previous-editions .cum-score {
      width: 70px; }
    .previous-editions .popularity {
      width: 70px; } }
/* end of media query */
/******************************************************************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 768px) {
  /* styles in 768up.scss */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Mixins & Constants Stylesheet
  
  This is where you can take advantage of Sass' great features: 
  Mixins & Constants. I won't go in-depth on how they work exactly,
  there are a few articles below that will help do that. What I will
  tell you is that this will help speed up simple changes like
  changing a color or adding CSS3 techniques like box shadow and
  border-radius.
  
  A WORD OF WARNING: It's very easy to overdo it here. Be careful and
  remember less is more. 
  
  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*********************
  TYPOGRAPHY
  *********************/
  /*********************
  BORDER RADIUS
  *********************/
  /* @include rounded(4px); */
  /* @include rounded-top(4px); */
  /* @include rounded-right(4px); */
  /* @include rounded-bottom(4px); */
  /* @include rounded-left(4px); */
  /*********************
  TRANISTION
  *********************/
  /* @include transition(all,2s,ease-out); */
  /*********************
  BOX SHADOWS
  *********************/
  /* @include box-shadow(5px, 5px, 10px, #000); */
  /*********************
  CSS3 GRADIENTS
  Be careful with these since they can 
  really slow down your CSS. Don't overdue it.
  *********************/
  /* @include css-gradient(#dfdfdf,#f8f8f8); */
  /*********************
  BOX SIZING
  *********************/
  /* @include box-sizing(border-box); */
  /*********************
  BUTTONS
  *********************/
  body {
    padding-top: 0; }

  .dummy {
    position: absolute;
    margin: auto;
    left: 25%;
    width: 50%;
    height: 100px;
    background-color: transparent; }

  h3 {
    font-family: BooterFF;
    font-size: 38px; }

  h3.heading {
    margin: 0 auto 15px auto;
    padding: 0 0 5px 0;
    text-align: center; }

  h3.heading.event.left {
    text-align: left; }

  h3.heading.extra-margin-bottom {
    margin-bottom: 20px; }

  h3.swipe {
    /*background: none;*/ }

  h4.title {
    font-size: 36px;
    line-height: 32px; }

  .teaser.small .caption h4.title {
    font-size: 24px;
    line-height: 22px; }

  h4.title.no-leadtext {
    margin-bottom: 10px; }

  a {
    color: #f3e3c8; }

  a:hover {
    color: #d2ac54;
    text-decoration: none; }

  hr {
    margin: 15px; }

  hr.mobile {
    display: none; }

  hr.mobile.extra-margin-top {
    margin-top: 15px; }

  img.page-logo {
    margin: 0 auto;
    display: block; }

  .nav-wrapper {
    /*background: url(../img/treasure-header.jpg) no-repeat center center;*/
    background: none;
    min-height: 130px; }
    .nav-wrapper .nav-wrapper-overlay {
      height: 130px;
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, rgba(0, 0, 0, 0), black);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), black);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
      /* Standard syntax (must be last) */ }

  .table-wrapper.stand {
    width: 450px;
    margin-left: auto;
    margin-right: auto; }

  .navbar.navbar-default {
    position: absolute;
    z-index: 2; }
    .navbar.navbar-default .navbar-header .mobile.navbar-brand {
      display: none; }

  nav {
    background: url(../img/logo.png) no-repeat center center;
    min-height: 180px; }
    nav .img-overlay {
      min-height: 180px;
      background: none; }
    nav ul.nav.navbar-nav {
      width: 100%;
      margin-top: 93px;
      text-align: center; }
      nav ul.nav.navbar-nav li.dropdown {
        display: inline-block;
        float: none; }
        nav ul.nav.navbar-nav li.dropdown a {
          color: #dcb478; }
        nav ul.nav.navbar-nav li.dropdown a:hover {
          color: #e6be8c; }

  .block {
    margin-bottom: 25px; }

  .triptych.block {
    margin-bottom: 55px; }

  .teaser.small .shadow-top-overlay {
    height: 6%; }

  .caption {
    padding: 10px; }
    .caption h4 {
      margin: 0; }
    .caption .leadtext {
      /*display: block;*/ }

  #owl-news {
    margin-bottom: 50px; }

  #owl-news.owl-theme .owl-controls .owl-nav {
    top: 45%; }

  #owl-rankings.owl-theme .owl-controls .owl-nav {
    top: 10%; }

  .owl-theme .owl-controls .owl-nav {
    position: absolute;
    width: 100%;
    background-color: transparent;
    top: 40%; }
    .owl-theme .owl-controls .owl-nav .owl-prev {
      float: left; }
    .owl-theme .owl-controls .owl-nav .owl-next {
      float: right; }
  .owl-theme .owl-controls .owl-dots {
    display: none; }
  .owl-theme table {
    margin-bottom: 40px; }
  .owl-theme .item .shadow-bottom-overlay .caption .leadtext.short {
    width: 75%; }

  .deadline {
    font-size: 20px; }

  .league {
    min-height: 410px; }

  .league.event {
    min-height: inherit; }

  .videos h3.extra-margin-bottom {
    margin-bottom: 25px; }

  .more-news h3.heading, .videos h3.heading {
    text-align: left;
    border-bottom: 1px solid #d2aa50; }
  .more-news .teaser .shadow-bottom-overlay .caption .leadtext, .videos .teaser .shadow-bottom-overlay .caption .leadtext {
    display: block; }
  .more-news .teaser.small, .videos .teaser.small {
    margin-bottom: 20px; }
    .more-news .teaser.small .shadow-bottom-overlay .caption, .videos .teaser.small .shadow-bottom-overlay .caption {
      padding-bottom: 0; }
      .more-news .teaser.small .shadow-bottom-overlay .caption h5.title, .videos .teaser.small .shadow-bottom-overlay .caption h5.title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 0; }
      .more-news .teaser.small .shadow-bottom-overlay .caption .leadtext, .videos .teaser.small .shadow-bottom-overlay .caption .leadtext {
        display: none; }

  .rss {
    margin: 10px auto 0 auto; }
    .rss h3.heading {
      text-align: left;
      border-bottom: 1px solid #d2aa50; }
    .rss h3.heading.extra-margin-bottom {
      margin-bottom: 10px; }
    .rss h5 {
      font-size: 18px; }

  footer {
    height: 350px;
    background-image: url("../img/treasure.jpg"); }

  table.send {
    width: 600px; }

  table.predictions {
    margin-bottom: 20px; }
    table.predictions tr.main-row {
      font-size: 20px; }
      table.predictions tr.main-row td.user {
        color: #d2aa50; }
    table.predictions tr.question-answer {
      font-size: 18px; }

  #divContent {
    min-height: 500px; }

  table.preliminary {
    width: 500px; }

  #divContent {
    margin-top: 40px; }

  .answer, .question, .header {
    text-align: center; }

  .league table.ranking.full {
    width: 50%; }

  h1.glazenbol-title {
    margin-top: 40px; }

  .number-ones {
    width: 50%; }

  table.preclassification.first {
    margin-top: 40px; }

  p.league-update-text.block.no-results {
    margin-top: 40px; }

  table.eagles.medal {
    margin-top: 15px; }
    table.eagles.medal tr:nth-child(2n) {
      border: 1px solid #191919; }

  tr.classification.medal td {
    border: 1px solid #191919; }

  table.virtual-questions, .virtual-scores, .releases {
    width: 60%; }

  table.eagles.oepsgemist.winners {
    width: 50%; }

  section.whatif {
    width: 50%; }

  .overview {
    margin: 0 auto;
    color: #f3e3c8; }
    .overview .pages {
      width: 100%; }

  .marathon, .marathon-table, .margin {
    width: 640px; }

  .marathon {
    height: 415px; }

  .users-preditions {
    width: 480px; }

  .send-questions {
    color: #f3e3c8;
    font-size: 18px;
    width: 575px;
    margin: 20px auto 20px auto; }

  .stats-header-send {
    width: 575px;
    margin: 0 auto; }

  h1.glazenbol-title.send {
    margin-top: 0; }

  .extra-info-video {
    width: 575px;
    margin: 0 auto; }

  .extra-info-space {
    height: 50px; } }
/* end of media query */
/******************************************************************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 990px) {
  /* styles in 768up.scss */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Mixins & Constants Stylesheet
  
  This is where you can take advantage of Sass' great features: 
  Mixins & Constants. I won't go in-depth on how they work exactly,
  there are a few articles below that will help do that. What I will
  tell you is that this will help speed up simple changes like
  changing a color or adding CSS3 techniques like box shadow and
  border-radius.
  
  A WORD OF WARNING: It's very easy to overdo it here. Be careful and
  remember less is more. 
  
  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*********************
  TYPOGRAPHY
  *********************/
  /*********************
  BORDER RADIUS
  *********************/
  /* @include rounded(4px); */
  /* @include rounded-top(4px); */
  /* @include rounded-right(4px); */
  /* @include rounded-bottom(4px); */
  /* @include rounded-left(4px); */
  /*********************
  TRANISTION
  *********************/
  /* @include transition(all,2s,ease-out); */
  /*********************
  BOX SHADOWS
  *********************/
  /* @include box-shadow(5px, 5px, 10px, #000); */
  /*********************
  CSS3 GRADIENTS
  Be careful with these since they can 
  really slow down your CSS. Don't overdue it.
  *********************/
  /* @include css-gradient(#dfdfdf,#f8f8f8); */
  /*********************
  BOX SIZING
  *********************/
  /* @include box-sizing(border-box); */
  /*********************
  BUTTONS
  *********************/
  .non-mobile {
    display: block; }

  .mobile-only {
    display: none; }

  .leadtext.non-mobile.short {
    display: none; }

  .margin-div {
    margin-top: 60px; }

  .single.content {
    font-size: 21px;
    line-height: 28px; }

  img.single {
    margin: 30px auto 30px auto; }

  .iframe-container.single {
    margin: 30px 0 40px 0; }

  .comments-warning {
    margin-left: 16.67%; }

  a.comments-open {
    margin-left: 10px;
    margin-top: 10px; }

  .comments-area {
    margin-top: 0;
    margin-bottom: 15px; }

  .statistics {
    margin-bottom: 10px; }

  #comments {
    width: 100%;
    margin-bottom: 20px; }

  .league table.ranking.full {
    width: 30%; }

  .title-update-text {
    margin-bottom: 0; }

  .bullseye, .palmares {
    width: 55%; }

  .number-ones {
    width: 35%; }

  .ko-send .ko-input-fields .ko-input, .ko-send .ko-input-fields .ko-select {
    width: 80%; }
  .ko-send .ko-input-fields .ko-button {
    width: 15%; }

  .overview {
    width: 50%; }

  table.virtual-questions, .virtual-scores, .releases {
    width: 50%; }

  .breaking {
    background: none;
    margin: 0 0 35px;
    padding: 5px 0; }
    .breaking span {
      font-size: 18px;
      font-weight: bold;
      margin: 0 10px 0 0;
      padding: 5px 10px; }
    .breaking h2 {
      font-size: 30px;
      line-height: 32px;
      margin: 0;
      padding: 2px;
      color: #f3e3c8; }
    .breaking h2.breaking-update {
      white-space: nowrap;
      overflow: hidden; }

  .breaking h2 {
    font-size: 24px; }

  table.eagles.oepsgemist.winners {
    width: 40%; }

  section.whatif {
    width: 40%; }

  .compare {
    width: 45%; } }
/* end of media query */
/******************************************************************
DESKTOP 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  /* styles in 1030up.scss */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 
  
  ******************************************************************/
  table.virtual-questions, .virtual-scores, .releases {
    width: 40%; }

  table.eagles.oepsgemist.winners {
    width: 35%; }

  section.whatif {
    width: 30%; }

  .compare {
    width: 40%; } }
/* end of media query */
/******************************************************************
LARGE VIEWING SIZE 
This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  /* styles in 1240up.scss */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  .leadtext.non-mobile.short {
    display: block; }

  .number-ones {
    width: 30%; }

  table.virtual-questions, .virtual-scores {
    width: 30%; }

  .releases {
    width: 55%; }

  .breaking h2 {
    font-size: 30px; }

  table.eagles.oepsgemist.winners {
    width: 30%; }

  section.whatif {
    width: 25%; }

  .compare {
    width: 30%; }

  table.eagles.desktop {
    display: block; }
    table.eagles.desktop td.name {
      min-width: 300px; }

  table.eagles.mobile {
    display: none; } }
/* end of media query */
/******************************************************************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with 
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* styles in 2x.scss */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ }
/* end of media query */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
  #calendar-slider article .imgWrapper {
    opacity: 1; }
    #calendar-slider article .imgWrapper img {
      display: block; } }
/******************************************************************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    /* show links on printed pages */
    /* show title too */ }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  /* hide content people who print don't need to see */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

/*# sourceMappingURL=style.css.map */