@charset "UTF-8";
/*!
Theme Name: Cryptomania 2022 Trail 5.0
Theme URI: https://www.cryptomania.cz
Author: Cryptomania s.r.o.
Author URI: https://www.cryptomania.cz
Description: Game system v5.0 for Cryptomania
Version: 5.0.0
Text Domain: trail5
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* @see ../crypto2024/style.scss for more details as this uses it to have unified styling between crypto2024 and trail5 */
:root {
  /* COLORS */
  --primary: #b1cb20;
  --primary-from-black: invert(66%) sepia(63%) saturate(502%) hue-rotate(27deg) brightness(98%) contrast(97%);
  --secondary: #4d9de0;
  --white: #ffffff;
  --black: #000000;
  --gray1: #F1F1F1;
  --gray2: #D5D6D7;
  --gray3: #6c757d;
  --gray4: #57626A;
  --positive: #b1cb20;
  --neutral: #ffd200;
  --negative: #e60000;
  --solved: #b1cb20;
  --hinted: #ffd200;
  --told: #e60000;
  --open: #b1cb20;
  --locked: #e0e0e0;
  --closed: #e0e0e0;
  --body-color: #000;
  --body-separator-color: var(--gray2);
  /* CONSTANTS */
  --darkeingness: 0.6;
  /* FRONT-PAGE SPECIALS */
  --body-front-page-xs-color: #fff;
  --body-front-page-xs-background: url("img/background-md.jpg") 80% 50% no-repeat; /* BEWARE change color-and-background.php too */
  --body-front-page-md-left-color: #000;
  --body-front-page-md-left-background: #fff;
  --body-front-page-md-right-color: #fff;
  --body-front-page-md-right-background: url("img/background-md.jpg") #000000 100% 50% no-repeat; /* BEWARE change color-and-background.php too */
  /* OTHER PAGES SPECIALS */
  --body-outer-page-xs-header-display: block;
  --body-outer-page-xs-header-text-display: block;
  --body-outer-page-xs-header-height: 300px;
  --body-outer-page-xs-header-color: #fff;
  --body-outer-page-xs-header-background: url("img/game-header.jpg") #000000 100% 50% no-repeat;
  --body-outer-page-md-header-display: block;
  --body-outer-page-md-header-text-display: block;
  --body-outer-page-md-header-height: 300px;
  --body-outer-page-md-header-color: #fff;
  --body-outer-page-md-header-background: url("img/game-header.jpg") #000000 100% 50% no-repeat;
  --body-inner-page-xs-header-display: block;
  --body-inner-page-xs-header-text-display: block;
  --body-inner-page-xs-header-height: 300px;
  --body-inner-page-xs-header-color: #fff;
  --body-inner-page-xs-header-background: url("img/game-header.jpg") #000000 100% 50% no-repeat;
  --body-inner-page-md-header-display: block;
  --body-inner-page-md-header-text-display: block;
  --body-inner-page-md-header-height: 300px;
  --body-inner-page-md-header-color: #fff;
  --body-inner-page-md-header-background: url("img/game-header.jpg") #000000 100% 50% no-repeat;
  --font-family-time: "bc-sklonar", Courier, Serif;
  /* FOOTER */
  --page-footer-background: #000;
  --page-footer-color: #fff;
  --page-footer-a-color: inherit;
  --page-footer-a-color-hover: inherit;
  /* REUSABLE DESIGN ELEMENTS */
  /* MENU */
  --menu-background: white;
  --menu-fp-cryptomania-xs-white: block;
  --menu-fp-cryptomania-xs-black: none;
  --menu-fp-cryptomania-md-white: none;
  --menu-fp-cryptomania-md-black: block;
  --menu-fp-link-color: #fff;
  --menu-fp-link-color-hover: #b1cb20;
  --menu-fp-link-border-bottom-hover: #b1cb20;
  --menu-cryptomania-xs-white: none;
  --menu-cryptomania-xs-black: block;
  --menu-cryptomania-md-white: none;
  --menu-cryptomania-md-black: block;
  --menu-link-color: #000;
  --menu-link-color-hover: #b1cb20;
  --menu-link-border-bottom-hover: #b1cb20;
  /* FORMS */
  --input-background-lg: #f5f5f5;
  --input-border-lg: 1px #ebebeb solid;
  --input-placeholder: rgba(0,0,0,0.3);
  /* speciální případ pro form na úvodce v XS */
  --input-background-xs: rgba(255,255,255,0.2);
  --input-border-xs: 1px rgba(255,255,255,0.2) solid;
  --input-text-color-xs: #fff;
  --input-placeholder-color-xs: #fff;
  /* BUTTONS */
  --primary-btn-background: #b1cb20;
  --primary-btn-background-hover: #4d9de0;
  --primary-btn-border: 1px #b1cb20 solid;
  --primary-btn-border-hover: 1px #4d9de0 solid;
  --primary-btn-color: #ffffff;
  --primary-btn-color-hover: #ffffff;
  /* login button - ideálně stejné jako primary */
  --login-primary-btn-background: #b1cb20;
  --login-primary-btn-background-hover: #4d9de0;
  --login-primary-btn-border: 1px #b1cb20 solid;
  --login-primary-btn-border-hover: 1px #4d9de0 solid;
  --login-primary-btn-color: #ffffff;
  --login-primary-btn-color-hover: #ffffff;
  --primary-btn-outline-background-hover: #4d9de0;
  --primary-btn-outline-border: 1px #b1cb20 solid;
  --primary-btn-outline-border-hover: 1px #4d9de0 solid;
  --primary-btn-outline-color: #b1cb20;
  --primary-btn-outline-color-hover: #fff;
  --primary-btn-xs-outline-color: #fff;
  /* register button - ideálně stejné jako primary outline */
  --login-primary-btn-outline-background-hover: #4d9de0;
  --login-primary-btn-outline-border: 1px #b1cb20 solid;
  --login-primary-btn-outline-border-hover: 1px #4d9de0 solid;
  --login-primary-btn-outline-color: #b1cb20;
  --login-primary-btn-outline-color-hover: #fff;
  --login-primary-btn-xs-outline-color: #fff;
  --secondary-btn-background: #4d9de0;
  --secondary-btn-background-hover: #b1cb20;
  --secondary-btn-border: 1px #4d9de0 solid;
  --secondary-btn-border-hover: 1px #b1cb20 solid;
  --secondary-btn-color: #ffffff;
  --secondary-btn-color-hover: #ffffff;
  --secondary-btn-outline-background-hover: #b1cb20;
  --secondary-btn-outline-border: 1px #4d9de0 solid;
  --secondary-btn-outline-border-hover: 1px #b1cb20 solid;
  --secondary-btn-outline-color: #4d9de0;
  --secondary-btn-outline-color-hover: #fff;
  --hint1-btn-background: #85BCEA;
  --hint1-btn-background-hover: #3A76A8;
  --hint1-btn-border: 1px #85BCEA solid;
  --hint1-btn-border-hover: 1px #3A76A8 solid;
  --hint1-btn-color: #ffffff;
  --hint1-btn-color-hover: #ffffff;
  --hint2-btn-background: #64AAE4;
  --hint2-btn-background-hover: #3A76A8;
  --hint2-btn-border: 1px #64AAE4 solid;
  --hint2-btn-border-hover: 1px #3A76A8 solid;
  --hint2-btn-color: #ffffff;
  --hint2-btn-color-hover: #ffffff;
  --solution-btn-background: #4D9DE0;
  --solution-btn-background-hover: #3A76A8;
  --solution-btn-border: 1px #4D9DE0 solid;
  --solution-btn-border-hover: 1px #3A76A8 solid;
  --solution-btn-color: #ffffff;
  --solution-btn-color-hover: #ffffff;
  --positive-btn-background: #b1cb20;
  --positive-btn-background-hover: #4d9de0;
  --positive-btn-border: 1px #b1cb20 solid;
  --positive-btn-border-hover: 1px #4d9de0 solid;
  --positive-btn-color: #ffffff;
  --positive-btn-color-hover: #ffffff;
  --negative-btn-background: #dc3545;
  --negative-btn-background-hover: #bb2d3b;
  --negative-btn-border: 1px #dc3545 solid;
  --negative-btn-border-hover: 1px #b02a37 solid;
  --negative-btn-color: #ffffff;
  --negative-btn-color-hover: #ffffff;
  /* TABS */
  --tab-active-background: #F1F1F1;
  --tab-active-color: #000;
  --tab-inactive-background: #F9F9F9;
  --tab-inactive-color: #000;
  /* BOXES */
  --box1-border: none; /*sidebox*/
  --box1-background: var(--gray1);
  --box1-separator-color: var(--gray2);
  --box1-color: #000;
  --box2-border: 1px #b1cb20 solid; /*regbox*/
  --box2-background: #fff;
  --box2-color: #000;
  --box3-border: 2px #4d9de0 solid; /*area-hint-presun*/
  --box3-background: #FFF; /*#e1f0fd;*/
  --box3-color: #4d9de0;
  --box4-border: 2px #4d9de0 solid; /*area-hint-task*/
  --box4-background: #FFF; /*#e1f0fd;*/
  --box4-color: #4d9de0;
  --box5-border: 2px #b1cb20 solid; /*area-accesscode*/
  --box5-border-color: #b1cb20;
  --box5-background: #dfe6b9;
  --box5-color: #000;
  --box5-border-shadow: rgb(177, 203, 32, 0.25) 0px 0px 0px 4px;
  --box6-border: 2px #b1cb20 solid; /*area-code*/
  --box6-background: #dfe6b9;
  --box6-color: #000;
  --box7-border: none; /*area-hint-open*/
  --box7-background: #F1F1F1;
  --box7-color: #000;
  /* BREADCRUMBS */
  --bs-breadcrumb-divider: ">";
  /* SEZNAMY */
  --list-ol-color: #b1cb20;
  --list-ul-color: #b1cb20;
  /* IKONKY U SAD A ÚKOLŮ */
  --icon-color: #b1cb20;
  /* BOOTSTRAP COLORS */
  --valid-form-border-color: #198754;
  --invalid-form-border-color: #dc3545;
  --alert-success-bg: #d1e7dd;
  --alert-success-color: #0f5132;
  --alert-success-border-color: #badbcc;
  --alert-danger-bg: #f8d7da;
  --alert-danger-color: #842029;
  --alert-danger-border-color: #f5c2c7;
  --alert-warning-color: #664d03;
  --alert-warning-bg: #fff3cd;
  --alert-warning-border-color: #ffecb5;
  /* BOOTSTRAP COLORS MODIFICATIONS */
  --alert-success-tab-bg: #BBDBCC;
  --alert-success-inactive-tab-bg: #A6CBBA;
}

body {
  font-family: azo-sans-web, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: calc(1rem + 0.3vmin);
  color: var(--body-color);
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}

@media (min-width: 992px) { /* tweak kvůli kraji na malých displayích */
  .container-xxl-left {
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media (min-width: 1400px) {
  .container-xxl {
    max-width: 90vw;
  }
  .container-xxl-left {
    margin-left: 5vw;
  }
}
.text-perex {
  font-size: calc(1.2rem + 0.4vmin);
  line-height: 1.4;
}

.text-footer {
  font-size: calc(0.6rem + 0.3vmin);
  line-height: 1.2;
}

strong, b {
  font-weight: 700;
}

ol.carousel-indicators {
  list-style: none;
}

.row ol:not(.breadcrumb):not(.flex-control-nav):not(.carousel-indicators):not(.breadcrumb),
ol:not(.carousel-indicators):not(.breadcrumb):not(.flex-control-thumbs) {
  list-style: none;
  counter-reset: crypto-ol-counter;
  padding-left: 2.5rem;
  color: inherit;
}

.row ol:not(.breadcrumb):not(.flex-control-nav):not(.carousel-indicators):not(.breadcrumb) li:before,
ol:not(.carousel-indicators):not(.breadcrumb):not(.flex-control-thumbs) li:before {
  content: counter(crypto-ol-counter, decimal) ")";
  counter-increment: crypto-ol-counter;
  margin-right: 8px;
  font-weight: 700;
  color: var(--list-ol-color);
  margin-left: calc(-2rem + 7px);
}

.row ol[type=A]:not(.breadcrumb):not(.flex-control-nav):not(.carousel-indicators):not(.breadcrumb) li:before,
ol[type=A]:not(.carousel-indicators):not(.breadcrumb) li:before {
  content: counter(crypto-ol-counter, upper-alpha) ")";
}

.row ol[type=I]:not(.breadcrumb):not(.flex-control-nav):not(.carousel-indicators):not(.breadcrumb) li:before,
ol[type=I]:not(.carousel-indicators):not(.breadcrumb) li:before {
  content: counter(crypto-ol-counter, upper-roman) ")";
}

.row ul:not(.dropdown-menu):not(.nav-tabs):not(.pagination):not(.woocommerce-error):not(.woocommerce-order-overview):not(.wc-item-meta):not(.woocommerce-shipping-methods):not(.wcsn-key-props) {
  list-style: none;
  counter-reset: crypto-ul-counter;
  padding-left: 2.5rem;
  color: inherit;
}

.row ul:not(.dropdown-menu):not(.nav-tabs):not(.pagination):not(.woocommerce-error):not(.woocommerce-order-overview):not(.wc-item-meta):not(.woocommerce-shipping-methods):not(.wcsn-key-props) li:before {
  content: counter(crypto-ul-counter, square);
  counter-increment: crypto-ul-counter;
  margin-right: 14px;
  font-weight: 700;
  color: var(--list-ul-color);
  margin-left: calc(-2rem + 8px);
}

.row ol:not(.breadcrumb):not(.flex-control-nav):not(.carousel-indicators):not(.breadcrumb) > li,
.row ul:not(.dropdown-menu):not(.nav-tabs):not(.pagination):not(.woocommerce-error):not(.woocommerce-order-overview):not(.wc-item-meta):not(.woocommerce-shipping-methods):not(.wcsn-key-props) > li {
  margin-bottom: 0.25rem;
}

.positive {
  color: var(--positive);
}

.neutral {
  color: var(--neutral);
}

.negative {
  color: var(--negative);
}

.badge {
  font-size: 0.6rem;
}

.badge.translate-special {
  transform: translate(-100%, 0%) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

a:link, a:active, a:visited {
  color: inherit;
}

a:hover {
  color: var(--secondary);
}

.btn {
  font-weight: 700;
  font-size: calc(1rem + 0.1vmin);
}

.btn-lg {
  font-weight: 700;
  font-size: calc(1rem + 0.4vmin);
}

.btn-primary,
a.btn-primary {
  background-color: var(--primary-btn-background);
  border: var(--primary-btn-border);
  color: var(--primary-btn-color);
  text-transform: uppercase;
}

.btn-primary:hover,
a.btn-primary:hover {
  background-color: var(--primary-btn-background-hover);
  border: var(--primary-btn-border-hover);
  color: var(--primary-btn-color-hover);
}

.btn-positive,
a.btn-positive {
  background-color: var(--positive-btn-background);
  border: var(--positive-btn-border);
  color: var(--positive-btn-color);
  text-transform: uppercase;
}

.btn-positive:hover,
a.btn-positive:hover {
  background-color: var(--positive-btn-background-hover);
  border: var(--positive-btn-border-hover);
  color: var(--positive-btn-color-hover);
}

.btn-negative,
a.btn-negative {
  background-color: var(--negative-btn-background);
  border: var(--negative-btn-border);
  color: var(--negative-btn-color);
  text-transform: uppercase;
}

.btn-negative:hover,
a.btn-negative:hover {
  background-color: var(--negative-btn-background-hover);
  border: var(--negative-btn-border-hover);
  color: var(--negative-btn-color-hover);
}

.btn-login-primary,
a.btn-login-primary {
  background-color: var(--login-primary-btn-background);
  border: var(--login-primary-btn-border);
  color: var(--login-primary-btn-color);
  text-transform: uppercase;
}

.btn-login-primary:hover,
a.btn-login-primary:hover {
  background-color: var(--login-primary-btn-background-hover);
  border: var(--login-primary-btn-border-hover);
  color: var(--login-primary-btn-color-hover);
}

.btn-secondary,
a.btn-secondary {
  background-color: var(--secondary-btn-background);
  border: var(--secondary-btn-border);
  color: var(--secondary-btn-color);
  text-transform: uppercase;
}

.btn-secondary:hover,
a.btn-secondary:hover {
  background-color: var(--secondary-btn-background-hover);
  border: var(--secondary-btn-border-hover);
  color: var(--secondary-btn-color-hover);
}

.btn-outline-primary,
a.btn-outline-primary {
  border: var(--primary-btn-outline-border);
  color: var(--login-primary-btn-outline-color);
  text-transform: uppercase;
}

.btn-outline-primary:hover,
a.btn-outline-primary:hover {
  background-color: var(--primary-btn-outline-background-hover);
  border: var(--primary-btn-outline-border-hover);
  color: var(--primary-btn-outline-color-hover);
}

.btn-login-outline-primary,
a.btn-login-outline-primary {
  border: var(--login-primary-btn-outline-border);
  color: var(--login-primary-btn-xs-outline-color);
  text-transform: uppercase;
}

@media (min-width: 991px) {
  .btn-login-outline-primary,
  a.btn-login-outline-primary {
    color: var(--login-primary-btn-outline-color);
  }
}
.btn-login-outline-primary:hover,
a.btn-login-outline-primary:hover {
  background-color: var(--login-primary-btn-outline-background-hover);
  border: var(--login-primary-btn-outline-border-hover);
  color: var(--login-primary-btn-outline-color-hover);
}

.btn-outline-secondary,
a.btn-outline-secondary {
  border: var(--secondary-btn-outline-border);
  color: var(--secondary-btn-outline-color);
  text-transform: uppercase;
}

.btn-outline-secondary:hover,
a.btn-outline-secondary:hover {
  background-color: var(--secondary-btn-outline-background-hover);
  border: var(--secondary-btn-outline-border-hover);
  color: var(--secondary-btn-outline-color-hover);
}

.btn-hint1,
a.btn-hint1 {
  background-color: var(--hint1-btn-background);
  border: var(--hint1-btn-border);
  color: var(--hint1-btn-color);
  text-transform: uppercase;
}

.btn-hint1:hover,
a.btn-hint1:hover {
  background-color: var(--hint1-btn-background-hover);
  border: var(--hint1-btn-border-hover);
  color: var(--hint1-btn-color-hover);
}

.btn-hint2,
a.btn-hint2 {
  background-color: var(--hint2-btn-background);
  border: var(--hint2-btn-border);
  color: var(--hint2-btn-color);
  text-transform: uppercase;
}

.btn-hint2:hover,
a.btn-hint2:hover {
  background-color: var(--hint2-btn-background-hover);
  border: var(--hint2-btn-border-hover);
  color: var(--hint2-btn-color-hover);
}

.btn-solution,
a.btn-solution {
  background-color: var(--solution-btn-background);
  border: var(--solution-btn-border);
  color: var(--solution-btn-color);
  text-transform: uppercase;
}

.btn-solution:hover,
a.btn-solution:hover {
  background-color: var(--solution-btn-background-hover);
  border: var(--solution-btn-border-hover);
  color: var(--solution-btn-color-hover);
}

/** TODO: Zbych to variables! */
.btn-disabled,
.btn:disabled {
  color: #fff;
  background-color: gray;
  border-color: gray;
}

.modal .btn span {
  font-weight: 300;
  text-transform: lowercase;
  font-size: 80%;
  display: block;
}

.form-control {
  background: var(--input-background-lg);
  border: var(--input-border-lg);
}

.form-floating > label {
  color: var(--black);
}

.form-control::placeholder {
  color: var(--input-placeholder);
}

.form-select {
  background-color: var(--input-background-lg);
  border: var(--input-border-lg);
}

.form-floating > label {
  font-size: calc(1rem + 0.4vmin);
  padding: 0.65rem 0.75rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  font-size: inherit;
}

.form-floating > .form-control, .form-floating > .form-select {
  height: calc(3rem + 4px);
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.65) translateY(-0.5rem) translateX(0.15rem);
}

.form-control-lg {
  font-size: calc(1rem + 0.4vmin);
}

.form-control-plaintext {
  font-weight: 700;
}

.form-text {
  font-style: italic;
}

.text-note {
  font-style: italic;
}

.input-group-text {
  background-color: var(--input-background-lg);
  border: var(--input-border-lg);
}

[type=button], [type=reset], [type=submit], button { /*tweak pro apple zařízení a velikost tlačítek na ipadu*/
  -webkit-appearance: unset;
}

.bg-box1 {
  border-radius: 6px;
  border: var(--box1-border);
  background: var(--box1-background);
  color: var(--box1-color);
}

.bg-box2 {
  border-radius: 6px;
  border: var(--box2-border);
  background: var(--box2-background);
  color: var(--box2-color);
}

.alert-icon {
  font-size: calc(2rem + 0.4vmin);
  line-height: 1.4;
  font-weight: 700;
}

@media (min-width: 992px) {
  .alert-icon {
    padding: 0 1rem 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .alert-icon {
    padding: 0 1.5rem 0 2rem;
  }
}
.alert-success .btn-outline-primary,
.alert-success a.btn-outline-primary {
  border: 1px #0f5132 solid;
  color: #0f5132;
  text-transform: uppercase;
}

.alert-success .btn-outline-primary:hover,
.alert-success a.btn-outline-primary:hover {
  background-color: #0f5132;
  border: 1px #0f5132 solid;
  color: var(--white);
}

.alert-success .nav-tabs .nav-link,
.modal-success .nav-tabs .nav-link {
  background: var(--alert-success-inactive-tab-bg);
}

.alert-success .nav-tabs .nav-link.active,
.modal-success .nav-tabs .nav-link.active,
.modal-success .tab-pane,
.alert-success .tab-pane {
  background: var(--alert-success-tab-bg);
}

@media (min-width: 991px) {
  .alert-success .btn-outline-primary,
  .alert-success a.btn-outline-primary {
    color: #0f5132;
  }
}
.alert p:last-child {
  margin-bottom: 0;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  color: var(--tab-inactive-color);
  background: var(--tab-inactive-background);
  margin-bottom: 0px;
  margin-right: 6px;
  border: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-decoration: underline;
  font-weight: 300;
}

.nav-tabs .nav-link:hover {
  text-decoration: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--tab-active-color);
  background: var(--tab-active-background);
  border: none;
  text-decoration: none;
}

.tab-pane {
  background: var(--tab-active-background);
  color: var(--tab-active-color);
  padding: 1rem 1rem 0.1rem 1rem; /*tweak kvůli mb-0 v p*/
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.input-group {
  flex-wrap: wrap !important;
}

.input-group .invalid-feedback {
  flex-basis: 100% !important;
}

@media (max-width: 385px) {
  .input-group .form-floating .form-control {
    width: 180px !important;
  }
}
.input-group .form-control.is-valid ~ .input-group-text,
.was-validated .input-group .form-control:valid ~ .input-group-text {
  border: 1px solid var(--valid-form-border-color);
}

.is-invalid ~ .input-group-text,
.was-validated :invalid ~ .input-group-text {
  border: 1px solid var(--invalid-form-border-color);
}

/*--------------------------------------------------------------
# Toast styling
--------------------------------------------------------------*/
.toast-over-content {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1040;
  pointer-events: none;
}

.toast p:last-of-type {
  margin-bottom: 0;
}

.toast {
  background-color: rgb(255, 255, 255);
}

.toast {
  width: 100%;
}

/*--------------------------------------------------------------
# Back and forward links
--------------------------------------------------------------*/
.backlink i,
.forwardlink i {
  padding-right: 0.5rem;
}

/*--------------------------------------------------------------
 * Modal changes
 *--------------------------------------------------------------*/
.modal-header {
  border-bottom: 0px solid;
  padding-bottom: 0;
}

.modal-footer {
  border-top: 0px solid;
  padding-top: 0;
}

.modal-content.modal-success {
  background: var(--alert-success-bg);
  color: var(--alert-success-color);
  border: 1px solid var(--alert-success-border-color);
}

.modal-content.modal-danger {
  background: var(--alert-danger-bg);
  color: var(--alert-danger-color);
  border: 1px solid var(--alert-danger-border-color);
}

.modal-content.modal-warning {
  background: var(--alert-warning-bg);
  color: var(--alert-warning-color);
  border: 1px solid var(--alert-warning-border-color);
}

.no-wrap {
  white-space: nowrap;
}

.ml-1 {
  margin-left: 0.5rem;
}

.mb-6 {
  margin-bottom: 5rem !important;
}

.mt-n2 {
  margin-top: -0.5rem;
}

.modal-min-content { /* Force collapse width for newsletter modal window */
  width: min-content;
}

.modal-always-centered { /** Force centered even in mobile layouts */
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1921px) {
  .rounded-top-xxxl-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
  }
}
.dropdown-menu-center {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.dropdown-menu-center[data-popper-placement=bottom-start] {
  top: 100% !important;
}

.dropdown-menu-center[data-popper-placement=top-start] {
  transform: translate(-50%, -53px) !important;
}

.bg-sidebox-light {
  background-color: var(--gray1);
}

.bg-sidebox-locked {
  background-color: var(--locked);
}

.bg-sidebox-dark {
  background-color: var(--gray2);
}

.btn-dark-background {
  color: white !important;
}

.btn-dark-background:hover {
  color: black !important;
}

nav li {
  font-size: calc(0.9rem + 0.3vmin);
}

nav.navbar {
  padding-top: calc(0.5rem + 0.8vmin);
  padding-bottom: calc(0.5rem + 0.8vmin);
  background: var(--menu-background);
}

nav.navbar .navbar-text { /* pro oddělovače */
  padding: 0.2rem 1rem 0.2rem 1rem;
  font-weight: 700;
}

nav.navbar li { /* odsazení v menu */
  margin-left: 1em;
}

nav.navbar .dropdown-menu li { /* odsazení v submenu i zprava */
  margin-right: 1rem;
}

nav.navbar li.menu-icon { /* zrušení odsazení pro ikony */
  margin-left: 0;
}

nav.navbar li a {
  padding: 0.2rem 1rem;
}

nav.navbar li a:link,
nav.navbar li a:visited,
nav.navbar li a:active {
  color: var(--menu-link-color) !important;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px transparent solid;
}

nav.navbar li.current-menu-item a:link,
nav.navbar li.current-menu-item a:visited,
nav.navbar li.current-menu-item a:active {
  border-bottom: 2px var(--menu-link-border-bottom-hover) solid;
}

nav.navbar li a:hover,
nav.navbar li.current-menu-item a:hover {
  color: var(--menu-link-color-hover) !important;
  border-bottom: 2px var(--menu-link-border-bottom-hover) solid;
}

/* specificky pro menu ve vysunutém offcanvasu */
nav.navbar .offcanvas-lg.show li a:link,
nav.navbar .offcanvas-lg.show li a:visited,
nav.navbar .offcanvas-lg.show li a:active,
nav.navbar .offcanvas-xl.show li a:link,
nav.navbar .offcanvas-xl.show li a:visited,
nav.navbar .offcanvas-xl.show li a:active,
nav.navbar .offcanvas-xl.showing li a:link,
nav.navbar .offcanvas-xl.showing li a:visited,
nav.navbar .offcanvas-xl.showing li a:active {
  color: var(--menu-link-color) !important;
  font-size: calc(1rem + 0.5vmin);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px var(--menu-link-border-bottom-hover) solid;
  padding: 1em 0.2em;
  --menu-link-color-hover: #b1cb20;
  --menu-link-border-bottom-hover: #b1cb20;
}

nav.navbar .offcanvas-lg.show li a:hover,
nav.navbar .offcanvas-xl.show li a:hover,
nav.navbar .offcanvas-xl.showing li a:hover {
  color: var(--menu-link-color-hover) !important;
}

/* LOGO CRYPTOMANIA V MENU */
nav .navbar-brand,
nav .navbar-toggler {
  z-index: 100;
  border: 2px solid transparent;
}

nav .navbar-brand:focus,
nav .navbar-brand:hover {
  color: var(--menu-link-color-hover);
}

nav .navbar-brand:hover img.logo-cryptomania-black {
  filter: var(--primary-from-black);
}

nav .navbar-brand:hover,
nav .navbar-brand.active {
  border-bottom: 2px var(--menu-link-border-bottom-hover) solid;
}

nav .navbar-brand img {
  height: calc(1rem + 0.9vmin);
  float: left;
  margin-right: 0;
  margin-top: -3px;
}

nav .navbar-brand img.logo-cryptomania-black,
nav .navbar-brand img.logo-cryptomania-white {
  display: none;
}

nav .navbar-brand img.logo-cryptomania-white {
  display: var(--menu-cryptomania-xs-white);
}

nav .navbar-brand img.logo-cryptomania-black {
  display: var(--menu-cryptomania-xs-black);
}

@media (min-width: 992px) {
  nav .navbar-brand img.logo-cryptomania-white {
    display: var(--menu-cryptomania-md-white);
  }
  nav .navbar-brand img.logo-cryptomania-black {
    display: var(--menu-cryptomania-md-black);
  }
}
@media (max-width: 991.98px) {
  ul.navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  ul.navbar-nav li.nav-item {
    width: 100%;
  }
  ul.navbar-nav li.menu-item-type-cryptorace-nav-type-team-settings {
    width: 55%;
    flex-grow: 1;
    margin-left: 1em;
    text-align: right;
    background: var(--box1-background);
  }
  ul.navbar-nav li.menu-item-type-cryptorace-nav-type-messages {
    width: 25%;
    text-align: right;
    background: var(--box1-background);
  }
  ul.navbar-nav li.menu-item-type-cryptorace-nav-type-messages span {
    position: relative !important;
    top: -10px !important;
    left: -10px !important;
    transform: none !important;
  }
  ul.navbar-nav li.menu-item-type-cryptorace-nav-type-logout {
    width: 15.5%;
    text-align: right;
    background: var(--box1-background);
  }
}
ul.navbar-nav li.menu-item-type-cryptorace-nav-type-team-settings .text-truncate {
  display: inline-block;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1440px) {
  .ig-menu-icon {
    display: none !important;
  }
  .fb-menu-icon {
    display: none !important;
  }
  .ig-menu-icon + span {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .pll-parent-menu-item {
    margin-left: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  ul.navbar-nav li.nav-item:not(.menu-item-type-cryptorace-nav-type-team-settings):not(.menu-item-type-cryptorace-nav-type-logout) {
    width: 100%;
  }
  nav.navbar .offcanvas-xl.show ul.navbar-nav,
  nav.navbar .offcanvas-xl.showing ul.navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  ul.navbar-nav li#woocommerce-menubar-cart {
    width: 42% !important;
  }
  ul.navbar-nav .pll-parent-menu-item {
    text-align: right;
    width: 43% !important;
  }
  ul.navbar-nav .dropdown-menu {
    border: 0;
  }
  ul.navbar-nav .dropdown-menu li {
    width: calc(100% - 18px);
  }
}
nav.navbar .offcanvas-xl.show span.navbar-text,
nav.navbar .offcanvas-xl.showing span.navbar-text {
  display: none !important;
}

div.game-title {
  font-weight: 700;
  font-size: calc(1.8rem + 2vmin);
  line-height: 1;
}

@media (min-width: 576px) {
  div.game-title {
    font-weight: 700;
    font-size: calc(1.3rem + 2vmin);
    line-height: 1;
  }
}
div.game-desc {
  font-size: calc(1rem + 0.4vmin);
  font-weight: 300;
  line-height: 1;
  font-style: italic;
}

div.time-text {
  font-family: var(--font-family-time);
  font-size: calc(1.5rem + 0.4vmin);
  font-weight: 700;
}

/* PRO VNĚJŠÍ STRÁNKY */
body.outer-page .game-header {
  display: var(--body-outer-page-xs-header-display);
  color: var(--body-outer-page-xs-header-color);
  background: var(--body-outer-page-xs-header-background);
  background-size: cover;
  height: var(--body-outer-page-xs-header-height);
}

body.outer-page .game-header div.game-title,
body.outer-page .game-header div.game-desc {
  display: var(--body-outer-page-xs-header-text-display);
}

@media (min-width: 576px) {
  body.outer-page .game-header {
    display: var(--body-outer-page-md-header-display);
    color: var(--body-outer-page-md-header-color);
    background: var(--body-outer-page-md-header-background);
    background-size: cover;
    height: var(--body-outer-page-md-header-height);
  }
  body.outer-page .game-header div.game-title,
  body.outer-page .game-header div.game-desc {
    display: var(--body-outer-page-md-header-text-display);
  }
}
/* PRO VNITŘNÍ STRÁNKY */
body.inner-page .game-header {
  display: var(--body-inner-page-xs-header-display);
  color: var(--body-inner-page-xs-header-color);
  background: var(--body-inner-page-xs-header-background);
  background-size: cover;
  height: var(--body-inner-page-xs-header-height);
}

body.inner-page .game-header div.game-title,
body.inner-page .game-header div.game-desc {
  display: var(--body-inner-page-xs-header-text-display);
}

@media (min-width: 576px) {
  body.inner-page .game-header {
    display: var(--body-inner-page-md-header-display);
    color: var(--body-inner-page-md-header-color);
    background: var(--body-inner-page-md-header-background);
    background-size: cover;
    height: var(--body-inner-page-md-header-height);
  }
  body.inner-page .game-header div.game-title,
  body.inner-page .game-header div.game-desc {
    display: var(--body-inner-page-md-header-text-display);
  }
}
@media (min-width: 1921px) {
  body.outer-page .game-header,
  body.inner-page .game-header {
    border-radius: 10px;
  }
}
body.outer-page .container-fluid > div > div.game-header,
body.inner-page .container-fluid > div > div.game-header {
  width: calc(100% + 24px);
  margin-left: -12px;
}

@media (min-width: 768px) {
  body.outer-page .container-fluid > div > div.game-header,
  body.inner-page .container-fluid > div > div.game-header {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
@media (min-width: 992px) {
  body.outer-page .container-fluid > div > div.game-header,
  body.inner-page .container-fluid > div > div.game-header {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
body.outer-page .container-fluid > div.full-width {
  width: calc(100% + 24px);
  margin-left: -12px;
}

@media (min-width: 768px) {
  body.outer-page .container-fluid > div.full-width {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
@media (min-width: 992px) {
  body.outer-page .container-fluid > div.full-width {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
.section-menu a:hover {
  --darkeingness: 0.2 !important;
}

body.outer-page .container-fluid,
body.inner-page .container-fluid {
  max-width: 1920px;
  margin: auto;
}

@media (min-width: 768px) {
  body.outer-page .container-fluid,
  body.inner-page .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  body.outer-page .container-fluid,
  body.inner-page .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding: 0 60px;
  }
}
body.outer-page h1,
body.inner-page h1 {
  font-weight: 700;
  font-size: calc(2rem + 2vmin);
  line-height: 1;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

body.outer-page h2,
body.inner-page h2 {
  font-size: calc(1.4rem + 0.8vmin);
  font-weight: 700;
  margin-top: 1.5rem;
}

body.outer-page h3,
body.inner-page h3,
body.front-page h3 {
  font-size: calc(1.1rem + 0.4vmin);
  font-weight: 700;
  margin-top: 1.5rem;
}

body.outer-page h1:first-of-type,
body.inner-page h1:first-of-type,
body.outer-page h2:first-of-type,
body.inner-page h2:first-of-type,
body.outer-page h3:first-of-type,
body.inner-page h3:first-of-type,
body.front-page h3:first-of-type {
  margin-top: 0;
}

section#main-content > div:first-of-type:not(.wp-block-lazyblock-cryptomania-image-header):not(.wp-block-lazyblock-firemni-3cols) {
  margin-top: 2.5rem;
}

body.outer-page.home section#main-content > div:first-of-type {
  margin-top: 0 !important;
}

/** Frontpage **/
body.front-page.admin-bar {
  margin-top: -32px;
}

body.front-page.admin-bar nav.navbar {
  margin-top: 32px;
}

body.admin-bar div.toast-over-content {
  top: 32px;
}

body.front-page .background-left {
  color: var(--body-front-page-xs-color);
  background: var(--body-front-page-xs-background);
  background-size: cover;
}

@media (min-width: 992px) {
  body.front-page .background-left {
    color: var(--body-front-page-md-left-color);
    background: var(--body-front-page-md-left-background);
    background-size: cover;
  }
  body.front-page .background-right {
    color: var(--body-front-page-md-right-color);
    background: var(--body-front-page-md-right-background);
    background-size: cover;
  }
}
/* specificke pro menu na úvodce  */
body.front-page nav.navbar .offcanvas-lg:not(.show) li a:link,
body.front-page nav.navbar .offcanvas-lg:not(.show) li a:visited,
body.front-page nav.navbar .offcanvas-lg:not(.show) li a:active {
  color: var(--menu-fp-link-color) !important;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px transparent solid;
}

body.front-page nav.navbar .offcanvas-lg:not(.show) li.current-menu-item a:link,
body.front-page nav.navbar .offcanvas-lg:not(.show) li.current-menu-item a:visited,
body.front-page nav.navbar .offcanvas-lg:not(.show) li.current-menu-item a:active {
  border-bottom: 2px var(--menu-fp-link-border-bottom-hover) solid;
}

body.front-page nav.navbar .offcanvas-lg:not(.show) li a:hover,
body.front-page nav.navbar .offcanvas-lg:not(.show) li.current-menu-item a:hover {
  color: var(--menu-link-color-hover) !important;
  border-bottom: 2px var(--menu-fp-link-border-bottom-hover) solid;
}

body.front-page nav .navbar-brand img.logo-cryptomania-white {
  display: var(--menu-fp-cryptomania-xs-white);
}

body.front-page nav .navbar-brand img.logo-cryptomania-black {
  display: var(--menu-fp-cryptomania-xs-black);
}

@media (max-width: 991.98px) {
  body.front-page nav a.navbar-brand {
    color: var(--body-front-page-xs-color);
  }
}
@media (min-width: 992px) {
  body.front-page nav .navbar-brand img.logo-cryptomania-white {
    display: var(--menu-fp-cryptomania-md-white);
  }
  body.front-page nav .navbar-brand img.logo-cryptomania-black {
    display: var(--menu-fp-cryptomania-md-black);
  }
}
body.front-page h1.game-title {
  font-weight: 700;
  font-size: calc(2.5rem + 3vmin);
  line-height: 1;
}

body.front-page h2.game-desc {
  font-size: calc(1.2rem + 0.4vmin);
  font-weight: 300;
  line-height: 1;
  font-style: italic;
}

@media (max-width: 991px) {
  .front-page .form-control { /* spec. chování pro background image */
    background: var(--input-background-xs);
    border: var(--input-border-xs);
    font-weight: 300;
    color: var(--input-text-color-xs);
  }
  .front-page .form-control::placeholder {
    display: none;
  }
  .front-page .form-floating > label {
    color: var(--input-placeholder-color-xs);
  }
}
@media (max-width: 991px) {
  .front-page .input-group-text {
    background-color: var(--input-background-xs);
    border: var(--input-border-xs);
    color: var(--white);
  }
}
body.front-page .btn-outline-primary,
body.front-page a.btn-outline-primary {
  border: var(--primary-btn-outline-border);
  color: var(--primary-btn-xs-outline-color);
  text-transform: uppercase;
}

@media (min-width: 991px) {
  body.front-page .btn-outline-primary,
  body.front-page a.btn-outline-primary {
    color: var(--primary-btn-outline-color);
  }
}
.area-hint .btn span {
  font-weight: 300;
  text-transform: lowercase;
  font-size: 80%;
  display: block;
}

@media (min-width: 768px) {
  .area-hint .btn span {
    display: inline-block;
  }
}
.area-hint-presun {
  border-radius: 6px;
  border: var(--box3-border);
  background: var(--box3-background);
  color: var(--box3-color);
}

.area-hint-task {
  border-radius: 6px;
  border: var(--box4-border);
  background: var(--box4-background);
  color: var(--box4-color);
}

.area-hint-open {
  border-radius: 6px;
  border: var(--box7-border);
  background: var(--box7-background);
  color: var(--box7-color);
}

.area-accesscode {
  border-radius: 6px;
  border: var(--box5-border);
  background: var(--box5-background);
  color: var(--box5-color);
}

.area-code {
  border-radius: 6px;
  border: var(--box6-border);
  background: var(--box6-background);
  color: var(--box6-color);
}

/* ///////////////////////// */
/* IKONY U DETAILU SAD ÚKOLU */
/* ///////////////////////// */
.description-icon {
  font-size: calc(2rem + 0.4vmin);
  line-height: 1;
  font-weight: 700;
  color: var(--icon-color);
}

.description-title {
  font-size: calc(1rem + 0.5vmin);
  line-height: 1;
  font-weight: 700;
}

.description-text {
  font-style: italic;
}

/* /////////////// */
/* SEZNAM ÚKOLŮ */
/* /////////////// */
.container.assignment-list { /*tweak pro container in container*/
  padding-left: 15px;
  padding-right: 15px;
}

.assignment-list .row {
  border-bottom: 1px var(--black) dotted;
  padding: 0.5rem 0;
}

.set-background .assignment-list .row:last-child {
  border-bottom: none;
}

.assignment-list .assignment-name {
  /* white-space: ; DOPLNIT NEBO ODSTRANIT */
}

.assignment-list .assignment-counter,
.assignment-list .assignment-name,
.assignment-list .assignment-icon {
  font-size: calc(1rem + 0.5vmin);
}

/* číslo úkolu */
.assignment-counter span {
  height: 2.2rem;
  width: 2.2rem;
  line-height: 2.2rem;
  border-radius: 50%;
  background: var(--open);
  color: var(--white);
  font-weight: 700;
  display: inline-block;
}

/* badges na doplňující info */
.assignment-list .badge {
  display: block;
  width: fit-content;
}

.assignment-list .assignment-locked .assignment-counter span {
  background: var(--locked);
}

.assignment-list .assignment-closed .assignment-counter span {
  background: var(--closed);
}

/* název úkolu (i s odkazy) */
.assignment-list .assignment-open .assignment-name a:link,
.assignment-list .assignment-open .assignment-name a:visited,
.assignment-list .assignment-open .assignment-name a:active {
  color: var(--open);
  font-weight: 700;
}

.assignment-list .assignment-open .assignment-name a:hover {
  color: var(--secondary);
  font-weight: 700;
}

.assignment-list .assignment-locked .assignment-name {
  color: var(--locked);
}

.assignment-list .assignment-closed .assignment-name {
  color: var(--closed);
}

/* body za úkol */
.assignment-list .assignment-points {
  white-space: nowrap;
  font-size: min(3vi, 0.8rem + 0.4vmin);
}

.assignment-list .assignment-solved .assignment-points .points-bckg,
.assignment-list .assignment-hinted .assignment-points .points-bckg,
.assignment-list .assignment-told .assignment-points .points-bckg {
  display: inline-block;
  padding: 0.1rem 0.6rem;
  font-weight: 700;
  border-radius: 6px;
}

.assignment-list .assignment-solved .assignment-points .points-bckg {
  background: var(--solved);
}

.assignment-list .assignment-hinted .assignment-points .points-bckg {
  background: var(--hinted);
}

.assignment-list .assignment-told .assignment-points .points-bckg {
  background: var(--told);
}

.assignment-list .assignment-open .assignment-points {
  color: var(--black);
}

.assignment-list .assignment-locked .assignment-points {
  color: var(--locked);
}

.assignment-list .assignment-closed .assignment-points {
  color: var(--closed);
}

/* ikona stavu úkolu */
.assignment-list .assignment-solved .assignment-icon {
  color: var(--solved);
}

.assignment-list .assignment-hinted .assignment-icon {
  color: var(--hinted);
}

.assignment-list .assignment-told .assignment-icon {
  color: var(--told);
}

.assignment-list .assignment-open .assignment-icon {
  color: var(--open);
}

.assignment-list .assignment-locked .assignment-icon {
  color: var(--locked);
}

.assignment-list .assignment-closed .assignment-icon {
  color: var(--closed);
}

/*--------------------------------------------------------------
 * Results
 *--------------------------------------------------------------*/
.results, .results td, .results th, .results thead {
  font-size: var(--footer-size);
  font-weight: normal;
  padding: 10px 10px;
}

.results thead {
  font-family: var(--Graphik-semibold);
}

.results tbody {
  border-top: 2px var(--alpha-black) solid;
}

.results tbody tr {
  border-bottom: 1px var(--alpha-black) solid;
}

.results tbody tr.current-team-row {
  background-color: var(--lightgray);
}

.results.table-hover tbody tr:hover {
  background: var(--alpha-soft-black);
}

.results .rotate {
  width: 30px;
  padding-bottom: 40px;
  height: fit-content;
}

.results th:not(.rotate) span {
  margin-right: 12px;
}

.results .rotate span {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
}

.results .rotate::after {
  right: 0.8em !important;
}

.results .rotate::before {
  right: 1.3em !important;
}

.results td.value {
  border-right: 1px var(--alpha-black) solid;
}

.results td.value:last-child {
  border-right: 0px var(--alpha-black) solid;
}

.results td.divided-left,
.results th.divided-left {
  border-left: 2px var(--black) solid;
}

.results td.divided-right,
.results th.divided-right {
  border-right: 1px var(--black) solid;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

footer.page-footer {
  background: var(--page-footer-background);
  color: var(--page-footer-color);
}

@media (min-width: 1921px) {
  footer.page-footer {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
footer.page-footer a:link,
footer.page-footer a:active,
footer.page-footer a:visited {
  color: var(--page-footer-a-color);
  text-decoration: underline;
}

footer.page-footer a:hover {
  color: var(--page-footer-a-color-hover);
  text-decoration: none;
}

/*--------------------------------------------------------------
 * Puzzle reveal styling
 *--------------------------------------------------------------*/
.puzzle-reveal-container {
  display: grid;
  gap: 0px; /* Adjust the gap between grid items */
  padding: 0px; /* Optional: Adds some padding */
  min-width: 250px;
  width: auto;
}

.puzzle-reveal-container.none .puzzle-reveal-item.wrong:after,
.puzzle-reveal-container.none .puzzle-reveal-item.not-opened:after {
  margin-bottom: calc(50% - 1.5rem);
}

/* Example styling for grid items */
.puzzle-reveal-item {
  background-color: #f2f2f2;
  text-align: center;
  border: 1px solid #ccc;
}

.puzzle-reveal-item.no-border {
  border: none;
}

.puzzle-reveal-item.wrong {
  background-color: var(--alert-danger-bg);
}

.puzzle-reveal-item.wrong:after {
  font: var(--fa-font-solid);
  content: "\f00d";
  font-size: 2rem;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.puzzle-reveal-item.not-opened:after {
  font: var(--fa-font-solid);
  content: "\f023";
  font-size: 2rem;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.puzzle-reveal-preview {
  max-width: 400px;
  display: inline-block;
}

.puzzle-reveal-item > img {
  width: 100%;
  object-fit: contain;
}

/* Cloudflare Turnstiles */
.turnstile-config {
  min-height: 71px;
}

.navbar-collapse { /* Backported behaviour from 5.0beta1 */
  width: 100%;
}

.page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
}

.page-link {
  color: var(--primary);
}

.page-link:focus, .page-link:hover {
  color: var(--black);
}

dt {
  font-family: var(--Graphik-medium);
}

/*--------------------------------------------------------------
 * Back compatibility stuff
 *--------------------------------------------------------------*/
.img-responsive {
  /* Back compatibility with Bootstrap 3 */
  max-width: 100%;
  height: auto;
}

.separator {
  border-top: 1px var(--body-separator-color) solid;
  margin-top: 3rem;
  text-align: center;
}

.separator span {
  display: inline-block;
  padding: 15px;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 100%;
}

.separator span > span.reset {
  font-weight: normal;
  padding: 0;
  transform: none;
}

.strong {
  font-weight: bold;
}

.big-icons {
  font-size: 3rem;
}

.grecaptcha-badge {
  display: none;
}

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