@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3677b7eb-6bde-4376-9e19-d09b523cb919");
@font-face {
  font-family: "Clarendon LT W01 Roman";
  src: url("fonts/e3b6d916-11b8-4f8a-8a63-5016e751d5f0.eot?#iefix");
  src: url("fonts/e3b6d916-11b8-4f8a-8a63-5016e751d5f0.eot?#iefix") format("eot"), url("fonts/4f3b0a23-130f-42fb-9ea5-6dfd4404d81b.woff2") format("woff2"), url("fonts/052a9541-0f33-45dc-98a6-9f85308e8ec8.woff") format("woff"), url("fonts/675b75f9-9e87-49e4-b612-cc879f7ec7ba.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue LT W05_45 Light";
  src: url("fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix");
  src: url("fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix") format("eot"), url("fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"), url("fonts/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue LT W05_65 Medium";
  src: url("fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
  src: url("fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"), url("fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"), url("fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"), url("fonts/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype"); }

@font-face {
  font-family: "Univers LT W01_49 Light Ult Cn";
  src: url("fonts/c5ac8b78-594b-4ba2-acf3-aa4e2977b48e.eot?#iefix");
  src: url("fonts/c5ac8b78-594b-4ba2-acf3-aa4e2977b48e.eot?#iefix") format("eot"), url("fonts/315eba9a-1de1-4947-9e48-e36be51ceaf9.woff2") format("woff2"), url("fonts/e28e2802-76b7-4961-87fd-2db3819775d1.woff") format("woff"), url("fonts/14c479c8-e060-4c89-a6a8-5e3f6d874b89.ttf") format("truetype"); }

@font-face {
  font-family: "Univers LT W01_59 Ult Cond";
  src: url("fonts/33e0711d-4ebc-4904-8477-24849ae50e88.eot?#iefix");
  src: url("fonts/33e0711d-4ebc-4904-8477-24849ae50e88.eot?#iefix") format("eot"), url("fonts/452edecf-b228-4999-870a-a817fafba5bd.woff2") format("woff2"), url("fonts/d542b352-b0cb-4267-a60e-501c672d1506.woff") format("woff"), url("fonts/dcea0a7e-a589-4bb2-841e-37b428926ccc.ttf") format("truetype"); }

/*--------------------------------
  VARIABLES
--------------------------------*/
/*--------------------------------
  STYLES
--------------------------------*/
/*---------- GENERAL ----------*/
body {
  background: black;
  font-size: 18px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*---------- TYPOGRAPHY ----------*/
a {
  text-decoration: none; }

h1 {
  font-family: "Univers LT W01_59 Ult Cond";
  font-size: 19vw;
  font-weight: 400;
  font-style: normal;
  line-height: .875;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: white; }
  @media screen and (min-width: 600px) {
    h1 {
      font-size: 11vw; } }
  h1 .strike-color {
    color: white;
    font-weight: 100;
    font-family: "Univers LT W01_49 Light Ult Cn";
    text-decoration: line-through; }
    h1 .strike-color .strike-text {
      font-family: "Univers LT W01_49 Light Ult Cn";
      color: #3c4043;
      font-style: italic; }

h2 {
  font-family: "Univers LT W01_59 Ult Cond";
  font-size: 13vw;
  font-weight: 400;
  font-style: normal;
  line-height: .875;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: white; }
  @media screen and (min-width: 600px) {
    h2 {
      font-size: 7vw; } }

h3 {
  font-family: "Clarendon LT W01 Roman";
  font-size: 14px;
  letter-spacing: 3px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 5vw;
  color: #3c4043; }
  @media screen and (min-width: 600px) {
    h3 {
      margin: 0 0 3vw; } }

h4 {
  font-family: "Helvetica Neue LT W05_65 Medium";
  font-size: 11px;
  letter-spacing: 6px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0;
  color: white; }

p {
  margin: 0;
  padding: 0; }

.welcome-player {
  color: white;
  margin: 0; }

/*---------- HEADER ----------*/
header {
  display: flex;
  margin: 5vw 5vw 10vw 5vw; }
  @media screen and (min-width: 600px) {
    header {
      margin: 3vw; } }
  header .logo {
    width: 55px;
    height: 55px;
    margin-right: 5vw; }
    @media screen and (min-width: 600px) {
      header .logo {
        margin-right: 3vw; } }
    header .logo .plains:hover path {
      fill: #f4b600; }
    header .logo .island:hover path {
      fill: #138fed; }
    header .logo .swamp:hover path {
      fill: #8a19ed; }
    header .logo .mountain:hover path {
      fill: #de3226; }
    header .logo .forest:hover path {
      fill: #17a33d; }
    header .logo path {
      fill: #3c4043; }
  header h3 {
    margin: auto 0; }

/*---------- BUTTON ----------*/
button {
  background-color: white;
  border-radius: 40px;
  border: none;
  display: inline-block;
  cursor: pointer;
  color: black;
  font-family: "Clarendon LT W01 Roman";
  font-size: 17px;
  letter-spacing: 2px;
  padding: 15px 38px;
  margin: 5vw 0;
  text-decoration: none;
  text-transform: uppercase; }
  @media screen and (min-width: 600px) {
    button {
      margin: 3vw 0;
      font-size: 14px; } }
  button:hover {
    background-color: #3c4043; }
  button:focus, button:active {
    outline: 0; }

.back-button {
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  width: 30px;
  height: 30px;
  padding: 15px;
  margin: 0 0 5vw;
  margin: 0 0 3vw;
  background-repeat: no-repeat;
  border-radius: 0;
  background-image: url("data:image/svg+xml;utf8,<svg id='back-button' xmlns='http://www.w3.org/2000/svg' fill='%231f1f1f' viewBox='0 0 50.75 51.52'> <polygon points='50.75 19.26 23.48 19.26 34.25 8.49 25.76 0 8.49 17.27 0 25.76 8.49 34.25 25.76 51.52 34.25 43.03 23.48 32.26 50.75 32.26 50.75 19.26'/></svg>"); }
  @media screen and (min-width: 600px) {
    .back-button {
      display: none; } }

.menu-icon {
  background-color: white;
  background-position: center center;
  text-decoration: none;
  text-transform: uppercase;
  width: 41.5vw;
  height: 41.5vw;
  margin: 0 0 5vw;
  text-decoration: none;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (min-width: 600px) {
    .menu-icon {
      width: 18vw;
      height: 18vw; } }

.dashboard a:nth-child(odd) {
  margin: 5vw 5vw 0 0; }
  @media screen and (min-width: 600px) {
    .dashboard a:nth-child(odd) {
      margin: 3vw 3vw 0 0; } }

.dashboard a:nth-child(even) {
  margin: 5vw 0 0 0; }
  @media screen and (min-width: 600px) {
    .dashboard a:nth-child(even) {
      margin: 3vw 3vw 0 0; } }

.start-game-btn {
  background-image: url(../img/add.svg); }

.leaderboard-btn {
  background-image: url(../img/list.svg); }

.game-list-btn {
  background-image: url(../img/calendar.svg); }

.contact-btn {
  background-image: url(../img/contact.svg); }

.outlined {
  background-color: transparent;
  border: 1px solid white;
  color: white; }

.gallery-dots {
  list-style-type: none;
  display: inline;
  margin: 0 0 0 5vw;
  padding: 0; }
  .gallery-dots li {
    display: inline;
    margin-right: 10px; }
    .gallery-dots li button {
      background-color: #3c4043;
      border-radius: 40px;
      border: none;
      display: inline-block;
      cursor: pointer;
      color: black;
      font-family: "Clarendon LT W01 Roman";
      font-size: 0;
      letter-spacing: 0;
      padding: 5px;
      margin: 0 0 5vw 0;
      text-decoration: none;
      text-transform: uppercase; }
  .gallery-dots .slick-active button {
    background-color: white; }

.gallery-arrows-place {
  display: flex;
  justify-content: flex-end; }
  .gallery-arrows-place .slick-arrow {
    margin: 0;
    padding: 5px 15px;
    position: absolute;
    font-family: "Helvetica Neue LT W05_45 Light";
    font-size: 10px;
    background: none;
    color: white; }
  .gallery-arrows-place .slick-prev {
    right: 10vw; }
  .gallery-arrows-place .slick-next {
    right: 3vw; }
  .gallery-arrows-place .slick-disabled {
    color: #3c4043; }

/*---------- CHECKMARKS ----------*/
label {
  display: flex;
  margin: 5vw 0; }
  @media screen and (min-width: 600px) {
    label {
      margin: 20px 0 0; } }
  label .icheckbox, label .iradio {
    display: inline-block;
    vertical-align: middle;
    margin: 7px 10px 0 0;
    padding: 0;
    width: 15px;
    height: 15px;
    /*     background: url(../img/check-off.svg) no-repeat; */
    background-size: cover;
    border: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='checks' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%233c4043'\a 	 viewBox='0 0 51.52 51.52' style='enable-background:new 0 0 51.52 51.52;' xml:space='preserve'><path class='st0' d='M43,0L25.76,17.27L8.49,0L0,8.49l17.27,17.27L0,43l8.49,8.49l17.27-17.24L43,51.52L51.52,43L34.25,25.76\a 			L51.52,8.49L43,0z'/></svg>"); }
    @media screen and (min-width: 600px) {
      label .icheckbox, label .iradio {
        width: 30px;
        height: 30px;
        margin: 13px 3vw 0 0; } }
  label .icheckbox.checked, label .iradio.checked {
    /*     background: url(../img/check-on.svg) no-repeat; */
    background-image: url("data:image/svg+xml;utf8,<svg id='checks' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50.75 51.52'><path class='cls-1' fill='%2317a33d' d='M7,24.84c3.65,2.89,7.29,5.62,10.94,8.36,7.75-10.49,15.65-20.82,23.4-31.15,3.19,2.28,6.23,4.56,9.42,7C40.57,22.41,30.39,35.94,20.21,49.46,13.52,44.29,6.69,39.28,0,34.11,2.28,31.07,4.56,28,7,24.84Z'/></svg>"); }
  label h2 {
    color: #3c4043; }
  label .checked + h2 {
    color: white; }

.select-players .icheckbox.checked {
  background-image: url("data:image/svg+xml;utf8,<svg id='checks' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50.75 51.52'><path class='cls-1' fill='%23fff' d='M7,24.84c3.65,2.89,7.29,5.62,10.94,8.36,7.75-10.49,15.65-20.82,23.4-31.15,3.19,2.28,6.23,4.56,9.42,7C40.57,22.41,30.39,35.94,20.21,49.46,13.52,44.29,6.69,39.28,0,34.11,2.28,31.07,4.56,28,7,24.84Z'/></svg>"); }

.radio-col, .checkmark-col, .week-col {
  width: 15px; }

.game label {
  margin: 0; }
  .game label .icheckbox, .game label .iradio {
    margin: 0 10px 0 0;
    width: 15px;
    height: 15px; }

.game .row-checked td, .game .row-checked h2 {
  color: #3c4043; }

.game .game-elminations {
  float: none; }
  @media screen and (min-width: 600px) {
    .game .game-elminations {
      float: left;
      width: 50%; } }

.game .game-place {
  float: none; }
  @media screen and (min-width: 600px) {
    .game .game-place {
      float: right;
      width: 50%; } }

/*---------- GENERAL PAGES ----------*/
.home section, .welcome section, .new-game section, .game section, .schedule section {
  margin: 0 5vw 20vw; }
  @media screen and (min-width: 600px) {
    .home section, .welcome section, .new-game section, .game section, .schedule section {
      margin: 0 3vw 3vw; } }

.home .logo .plains, .home .logo .island, .home .logo .swamp, .home .logo .mountain, .home .logo .forest {
  fill: white; }

@media screen and (min-width: 600px) {
  .home section {
    padding-bottom: 10vw; } }

table {
  border-collapse: collapse;
  width: 100%;
  margin: 5vw 0 20vw; }
  @media screen and (min-width: 600px) {
    table {
      margin: 3vw 0 7vw; } }
  table th, table td {
    padding: 0 10px 20px 0;
    text-align: left;
    vertical-align: text-top;
    border-bottom: none; }
    @media screen and (min-width: 600px) {
      table th, table td {
        padding: 15px 10px 15px 0;
        border-bottom: 1px solid #1f1f1f; } }
  table thead th {
    border: none; }
  @media screen and (min-width: 600px) {
    table tr:hover td {
      background-color: rgba(255, 255, 255, 0.05); } }
  table th {
    font-family: "Univers LT W01_49 Light Ult Cn";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #3c4043; }
  table td {
    font-family: "Helvetica Neue LT W05_65 Medium";
    font-size: 16px;
    line-height: 1.2;
    color: white; }
  table thead h3 {
    color: white; }
  table .completed-game td {
    color: #1f1f1f; }

.classes table {
  margin: 5vw 0; }
  @media screen and (min-width: 600px) {
    .classes table {
      margin: 3vw 0; } }

.classes .class-page {
  margin: 0 5vw 20vw; }
  @media screen and (min-width: 600px) {
    .classes .class-page {
      margin: 0 3vw 7vw; } }
  .classes .class-page:active, .classes .class-page:focus {
    outline: 0;
    border: 0; }
  .classes .class-page td:nth-child(1) {
    color: #de3226; }
  .classes .class-page td:last-child {
    font-family: "Helvetica Neue LT W05_45 Light"; }

.classes .barbarian h2, .classes .barbarian table td:nth-child(1) {
  color: #de3226; }

.classes .barbarian .select-class {
  background: #de3226; }

.classes .wizard h2, .classes .wizard table td:nth-child(1) {
  color: #138fed; }

.classes .wizard .select-class {
  background: #138fed; }

.classes .druid h2, .classes .druid table td:nth-child(1) {
  color: #17a33d; }

.classes .druid .select-class {
  background: #17a33d; }

@media screen and (min-width: 600px) {
  .game-elminations th, .game-elminations td, .game-place th, .game-place td {
    border-bottom: none; } }

.game-elminations tr:hover td, .game-place tr:hover td {
  background-color: none !important; }

.game-total {
  margin: 3vw 0;
  clear: both; }

.dashboard {
  margin: 10vw 0; }
  @media screen and (min-width: 600px) {
    .dashboard {
      margin: 7vw 0 3vw; } }

.contact-page {
  overflow-x: scroll;
  padding: 0 5vw;
  margin: 0 0 20vw; }
  @media screen and (min-width: 600px) {
    .contact-page {
      padding: 0;
      margin: 0 3vw 7vw; } }
  .contact-page table td {
    min-width: 150px;
    padding-right: 3vw; }

.schedule table tr th, .schedule table tr td {
  width: 10vw; }

.schedule table tr th:first-child, .schedule table tr td:first-child {
  width: 20px; }

/*---------- FOOTER ----------*/
footer {
  background-color: white;
  margin: 0;
  padding: 0;
  width: 100%; }
  footer .about-section {
    padding: 10vw 5vw; }
    @media screen and (min-width: 600px) {
      footer .about-section {
        padding: 3vw; } }
    footer .about-section h3 {
      margin: 0;
      color: #de3226; }
    footer .about-section p {
      font-family: "Helvetica Neue LT W05_65 Medium";
      font-size: 16px;
      line-height: 1.2;
      margin: 15px 0;
      color: black;
      max-width: 500px; }
      footer .about-section p:nth-child(3) {
        font-family: "Helvetica Neue LT W05_45 Light"; }
      footer .about-section p a {
        text-decoration: none;
        color: #de3226; }

/*---------- TEMPORARY ----------*/
.maruska .logo .swamp {
  fill: #8a19ed; }

.maruska .logo .forest {
  fill: #17a33d; }

.maruska .player-color, .maruska h4, .maruska .row-checked td, .maruska .row-checked h2 {
  color: #17a33d; }