/* THIS CSS WAS COMPILED AND OPTIMIZED, USING THE WP COMPILER PLUGIN */
/* https://bytes.co */
/* Last Compiled: 2024-10-22 8:53:31 UTC */

body {
  color: #fff;
}
.navbar ul li.active a {
  color: #78FAAE;
  font-weight: 300;
}
.zeropoints {
  display: none;
}
.page-template-page-create section.background.game_wrapper {
  overflow-y: hidden;
  height: calc(100vh - 86px - 51px);
  background-color: #121a2f;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.page-template-page-create section.background.game_wrapper .container {
  height: auto;
}
.page-template-page-create section.background.game_wrapper .intro {
  text-align: center;
}
.form-wrapper .inner {
  background: #181F2F;
  border: 1px solid #78FAAE;
  border-radius: 10px;
  width: 100%;
  padding: 30px 30px;
  padding-bottom: 40px;
  padding-top: 30px;
  position: relative;
}
.form-wrapper .inner .submit {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -21px;
  left: 0;
}
.form-wrapper .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-image: url(../img/close.svg);
  background-size: contain;
  width: 15px;
  height: 15px;
}
.game-finished h2,
.form-wrapper h2 {
  font: normal normal 300 32px/43px "SKODA Next";
  color: #FFFFFF;
  margin-bottom: 10px;
}
.game-finished p,
.form-wrapper p {
  font: normal normal 300 14px/24px "SKODA Next";
}
.game-finished p.subtitle,
.form-wrapper p.subtitle {
  font: normal normal 300 18px/28px "SKODA Next";
  color: #FFFFFF;
}
.game-finished p.subtitle a,
.form-wrapper p.subtitle a {
  color: #fff;
  text-decoration: underline;
}
.game-finished p.money-total-p span,
.form-wrapper p.money-total-p span {
  color: #78FAAE;
}
.game-finished .score,
.form-wrapper .score {
  margin-bottom: 15px;
  font: normal normal normal 40px/53px "SKODA Next";
  color: #78FAAE;
}
.game-finished .score span,
.form-wrapper .score span {
  font: normal normal 900 80px/80px "SKODA Next";
  color: #78FAAE;
}
.game-finished .fields,
.form-wrapper .fields {
  padding-top: 25px;
}
.game-finished .fields input[type="text"],
.form-wrapper .fields input[type="text"] {
  border: 1px solid #78FAAE;
  border-radius: 10px;
  width: 266px;
  height: 45px;
  background-color: #181F2F;
  margin-bottom: 15px;
  color: #fff;
}
.game-finished .fields input[type="text"].error,
.form-wrapper .fields input[type="text"].error {
  border: 1px solid red;
}
.game-finished .fields textarea,
.form-wrapper .fields textarea {
  border: 1px solid #78FAAE;
  border-radius: 10px;
  width: 363px;
  max-width: 100%;
  background-color: #181F2F;
  height: 136px;
  color: #fff;
}
.game-finished .fields label,
.form-wrapper .fields label {
  font: normal normal 300 14px/24px "SKODA Next";
  color: #FFFFFF;
}
.game-box {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.game-box .game {
  margin: 0 auto;
  position: relative;
  display: block;
  display: none;
  line-height: normal;
  width: 306px;
  height: 663px;
  background-image: url("../img/2024/rack_help/Rack_v1.png");
  background-position: center center;
  background-size: contain;
}
.game-box .game .status-row {
  position: absolute;
  width: 100%;
  top: 10px;
}
.game-box .game .status-row .rack-number {
  width: 45px;
  height: 32px;
  background-color: #181F2F;
  color: #78FAAE;
  line-height: 32px;
  position: absolute;
  left: 20px;
  text-align: center;
}
.game-box .game .status-row .rack-status {
  width: 45px;
  height: 32px;
  background-color: #181F2F;
  color: #FF8B00;
  line-height: 32px;
  position: absolute;
  left: 75px;
  text-align: center;
}
.game-box .game .status-row .rack-status.ok {
  color: #78FAAE;
}
.game-box .game .status-row .rack-score {
  width: 35px;
  height: 32px;
  color: #181F2F;
  background-color: #78FAAE;
  line-height: 32px;
  position: absolute;
  right: 73px;
  text-align: center;
  border: 1px solid #181f2f;
}
.game-box .game .status-row .rack-time {
  width: 45px;
  height: 32px;
  background-color: #181F2F;
  color: #78FAAE;
  line-height: 32px;
  position: absolute;
  right: 20px;
  text-align: center;
}
.game-box .game .sockets-labels {
  position: absolute;
  left: 25px;
  top: 56px;
  width: 265px;
  height: 135px;
}
.game-box .game .sockets-labels .horizontal {
  position: absolute;
  left: 35px;
  top: 4px;
  color: #fff;
  width: 195px;
  height: 35px;
  display: flex;
  justify-content: space-between;
}
.game-box .game .sockets-labels .vertical {
  position: absolute;
  left: 0px;
  top: 33px;
  color: #fff;
  width: 20px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.game-box .game .rack_helpers {
  background-image: url(../img/2024/rack_help/Rack_v1_helpers.png);
  width: 100%;
  height: 100%;
  background-size: contain;
  position: relative;
  z-index: 1;
  pointer-events: none !important;
}
.game-box .game .rack-labels {
  top: 7px;
  position: absolute;
  left: 25px;
  width: 100%;
  pointer-events: none !important;
  z-index: 1;
}
.game-box .game .rack-labels > div {
  margin-bottom: 19px;
  display: flex;
  justify-content: start;
  text-align: left;
  align-items: center;
  font-size: 12px;
}
.game-box .game .rack-labels > div .statusdot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #515151;
  margin-right: 18px;
}
.game-box .game .rack-labels > div .line {
  height: 1px;
  width: 42px;
  background-color: #fff;
  margin-right: 10px;
}
.game-box .game .rack-labels > div .status {
  display: flex;
  width: 50px;
  position: absolute;
  right: 30px;
}
.game-box .game .rack-labels > div .status .dot_1 {
  width: 6px;
  height: 15px;
  margin-right: 5px;
  background-color: red;
  transition: all 0.2s;
}
.game-box .game .rack-labels > div .status .dot_2 {
  width: 6px;
  height: 15px;
  margin-right: 5px;
  background-color: #181F2F;
  transition: all 0.2s;
}
.game-box .game .rack-labels > div .status .dot_3 {
  width: 6px;
  height: 15px;
  margin-right: 5px;
  background-color: #181F2F;
  transition: all 0.2s;
}
.game-box .game .rack-labels > div .status.pending .dot_1 {
  background-color: orange;
}
.game-box .game .rack-labels > div .status.pending .dot_2 {
  background-color: orange;
}
.game-box .game .rack-labels > div .status.OK .dot_1 {
  background-color: #78FAAE;
}
.game-box .game .rack-labels > div .status.OK .dot_2 {
  background-color: #78FAAE;
}
.game-box .game .rack-labels > div .status.OK .dot_3 {
  background-color: #78FAAE;
}
.game-box .game.r_02 {
  background-image: url("../img/2024/rack_help/Rack_v2.png");
}
.game-box .game.r_02 .sockets-labels {
  top: 337px;
}
.game-box .game.r_02 .rack_helpers {
  background-image: url(../img/2024/rack_help/Rack_v2_helpers.png);
}
.game-box .game.r_03 {
  background-image: url("../img/2024/rack_help/Rack_v3.png");
}
.game-box .game.r_03 .rack_helpers {
  background-image: url(../img/2024/rack_help/Rack_v3_helpers.png);
}
.game-box .game.r_03 .sockets-labels {
  right: 42px;
  left: auto;
  top: 60px;
  width: 32px;
  height: 394px;
}
.game-box .game.r_03 .sockets-labels .vertical {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #fff;
  width: 100%;
  height: 356px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.game-box .game.r_03 .rack-labels {
  top: 7px;
  position: absolute;
  left: 25px;
  width: 228px;
  margin-top: 53px !important;
}
.game-box .game.r_03 .rack-labels > div .line {
  height: 1px;
  width: 10px;
  background-color: #fff;
  margin-right: 5px;
}
.game-box .game.r_03 .rack-labels > div .statusdot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #515151;
  margin-right: 5px;
}
.game-box .game.r_04 {
  background-image: url("../img/2024/rack_help/Rack_v4.png");
}
.game-box .game.r_04 .rack_helpers {
  background-image: url(../img/2024/rack_help/Rack_v4_helpers.png);
}
.game-box .game.r_04 .sockets-labels {
  left: 42px;
  top: 60px;
  width: 32px;
  height: 394px;
}
.game-box .game.r_04 .sockets-labels .vertical {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #fff;
  width: 100%;
  height: 356px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.game-box .game.r_04 .rack-labels {
  top: 7px;
  position: absolute;
  left: 105px;
  width: 228px;
  margin-top: 53px !important;
}
.game-box .game.r_04 .rack-labels > div .line {
  height: 1px;
  width: 10px;
  background-color: #fff;
  margin-right: 5px;
}
.game-box .game.r_04 .rack-labels > div .statusdot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #515151;
  margin-right: 5px;
}
.game-box canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.game-box canvas.pointer {
  cursor: pointer;
}
.gallery {
  background-position: top center;
  background-attachment: initial;
  display: flex;
  align-items: center;
  height: auto;
}
.score-board {
  border-radius: 20px;
  background: #181f2f;
  border: 1px solid #75faab;
  width: 100%;
  padding: 28px;
  padding-right: 0;
  padding-bottom: 15px;
  font-size: 14px;
  overflow: hidden;
}
.score-board thead {
  color: #5A6785;
  font-weight: 300;
}
.score-board thead th {
  font-weight: 300;
}
.score-board .ps .ps__rail-x:hover,
.score-board .ps .ps__rail-y:hover,
.score-board .ps .ps__rail-x:focus,
.score-board .ps .ps__rail-y:focus,
.score-board .ps .ps__rail-x.ps--clicking,
.score-board .ps .ps__rail-y.ps--clicking {
  background-color: transparent;
  opacity: 1 !important;
}
.score-board .ps:hover > .ps__rail-x,
.score-board .ps:hover > .ps__rail-y,
.score-board .ps--focus > .ps__rail-x,
.score-board .ps--focus > .ps__rail-y,
.score-board .ps--scrolling-x > .ps__rail-x,
.score-board .ps--scrolling-y > .ps__rail-y {
  opacity: 1 !important;
}
.score-board .ps__thumb-y {
  opacity: 1 !important;
  background-color: #78FAAE !important;
}
.score-board .ps__rail-y {
  opacity: 1;
}
.score-board .table-block {
  padding-right: 28px;
  position: relative;
  min-height: 500px;
  height: 40vh;
}
.score-board .table-block .ellipsis span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-block;
}
.score-board .tooltip-link {
  color: #fff;
}
.score-board th,
.score-board td {
  border: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.score-board .table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
p.share {
  font-size: 20px;
  color: #78faae;
}
p.share img {
  width: 20px;
}
.page-template .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #181f2f;
  left: 0;
  top: -3px;
}
.page-template .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #78faae;
}
.page-template .tooltipster-sidetip .tooltipster-box {
  background: #181f2f;
  border: 2px solid #78faae;
  border-radius: 4px;
}
.page-template .tooltipster-sidetip .tooltipster-box p {
  margin-bottom: 5px;
  font-size: 14px;
}
.navbar-toggler {
  padding-right: 0;
}
.total-score {
  width: 270px;
  height: 121px;
  border-radius: 0px 0px 14px 14px;
  background: transparent;
  border: 1px solid #78faae;
  backdrop-filter: blur(3px);
  margin: 0 auto;
  border-top: 0px;
  text-align: center;
  --webkit-backdrop-filter: blur(3px);
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 15px;
}
.total-score .total {
  font-weight: 900;
  font-size: 32px;
  text-align: center;
  color: #fff;
}
video {
  max-width: 270px;
}
.negative-buttons-row {
  margin-top: -20px;
}
.game_wrapper {
  background-color: #0e1930 !important;
  margin-top: 70px;
}
.game_wrapper.active {
  background-image: url(../img/2024/Game_BG.png);
  background-color: #181F2F !important;
  background-position: center center !important;
  background-size: auto 720px !important;
}
#prispet.prispet-background {
  background-size: auto;
  background: url(../img/2024/prispet_L_side.png) 0px 30px no-repeat, url(../img/2024/prispet_R_side.png) right 80px no-repeat;
  background-size: 25%, 25%;
  padding-top: 100px;
  display: flex;
  align-items: center;
  height: auto;
  background-color: #181F2F;
  min-height: 100vh;
  margin-top: 90px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-left: 3px;
  margin-right: 3px;
}
.owl-carousel .owl-nav button.owl-prev.active,
.owl-carousel .owl-nav button.owl-next.active,
.owl-carousel button.owl-dot.active {
  background-color: #78FAAE;
}
.game-intro > div {
  padding-bottom: 15px;
}
.game-intro > div img {
  display: inline-block !important;
  max-width: 70%;
  margin-bottom: 10px;
}
#menu-menu-2 li:last-child a {
  text-transform: uppercase;
}
@media screen and (max-height: 740px) {
  .game_wrapper .container {
    transform: scale(0.85);
  }
  .game-box {
    padding-top: 140px;
  }
}
@media screen and (max-height: 600px) {
  .game_wrapper .container {
    transform: scale(0.7);
  }
}
/*# sourceMappingURL=/var/www/pfskoda2023beta/wp-content/themes/pf2023/css/2024.css.map */