/* -------------------------------------------------------------
    SITE: https://www.barcrawlioscom.com/
    FILE: main.less/main.css/main.min.css
    AUTHOR: Stefan Nafra
    UPDATED: 31.12.2025

    STRUCTURE:
      1. VARIABLES
        1.01. COLORS
        1.02. FONTS
        1.03. PATHS
      2. MIXINS
        2.01. VENDOR PREFIXES
        2.02. HELPER FUNCTIONS
      3. STANDARD
      4. STRUCTURE
      5. CONTENT
      6. RESPONSIVE
      7. PLUGIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    1. VARIABLES
      1.01. COLORS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      1.02. FONTS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      1.03. PATHS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    2. MIXINS
      2.01. VENDOR PREFIXES
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      2.02. HELPER FUNCTIONS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    3. STANDARD
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: standard.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.05.2024

    STRUCTURE:
      3.01. RESET
      3.02. DEFAULTS
        3.02.01. MISCELLANEOUS
        3.02.02. HEADLINE
        3.02.03. LINK
        3.02.04. FORM
      3.03. BANNER
      3.04. COUNTERS
      3.05. TIMELINE
      3.06. GALLERY
      3.07. F.A.Q.
      3.08. TICKETS
      3.09. TESTIMONIALS
      3.10. QUOTE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      3.01. RESET
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p:empty {
  margin: 0;
  padding: 0 !important;
}
p:last-child,
ul:last-child,
li:last-child,
dl:last-child,
dd:last-child,
label:last-child,
.alert:last-child,
.row:last-child {
  margin-bottom: 0;
}
/* -------------------------------------------------------------
      3.02. DEFAULTS
        3.02.01. MISCELLANEOUS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
  background-color: #171717;
  color: #B1B5B7;
  font: 400 16px/24px 'Mulish', sans-serif;
  letter-spacing: 0.3px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
ul {
  list-style: none;
  padding-left: 0;
}
ul li {
  margin: 0 0 4px 4px;
  text-align: left;
}
ul li:last-child {
  margin-bottom: 0;
}
.squared ul li {
  list-style: square outside;
  margin-left: 25px;
}
table th,
table td {
  background-color: transparent !important;
}
abbr[title] {
  text-decoration: none;
}
.color--light {
  color: #FFF;
}
.color--dark {
  color: #0A0A0A;
}
.color--grey {
  color: #171717;
}
.color--gold {
  color: #C19977;
}
.background-color {
  background-color: #171717;
}
.background-color--dark {
  background-color: #0A0A0A;
}
.background-color--grey {
  background-color: #171717;
}
.background-color--light {
  background-color: #FFF;
}
.font-family--gold {
  font-family: 'Kalam', 'Mulish', sans-serif;
}
.text--highlight {
  font: 200 24px/32px 'Oswald', 'Mulish', sans-serif;
}
.border--gold {
  border-color: #C19977 !important;
}
.direction-rtl {
  direction: rtl;
}
.divider {
  height: 20px;
  margin: 15px 5px 40px;
  position: relative;
  left: -10px;
}
.divider .divider__inner {
  display: inline;
  position: absolute;
}
.divider .divider__inner::before,
.divider .divider__inner::after {
  background-color: #C19977;
  content: "";
  height: 1px;
  width: 100px;
  position: absolute;
  top: 10px;
  left: -104px;
}
.divider .divider__inner::after {
  left: 30px;
}
.divider .divider__inner .divider__marker {
  border: 1px solid #C19977;
  height: 20px;
  width: 20px;
  padding: 2px;
  transform: rotate3d(0, 0, 1, 45deg);
}
.divider .divider__inner .divider__marker::after {
  background-color: #C19977;
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  top: -5px;
  left: 10px;
}
.divider.divider--onesided {
  left: 5px;
}
.divider.divider--onesided .divider__inner::before {
  height: 0;
}
.image {
  display: block;
  overflow: hidden;
  position: relative;
}
.image::after {
  background-color: #0A0A0A;
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  transition: all 0.35s;
  opacity: 0;
}
.image .image__hover {
  color: #FFF;
  display: none !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.image:hover::after,
.image:focus::after,
.image:active::after {
  opacity: 0.5;
}
.image:hover .image__file,
.image:focus .image__file,
.image:active .image__file {
  transition: all 0.35s;
  transform: scale(1.1);
}
.image:hover .image__hover,
.image:focus .image__hover,
.image:active .image__hover {
  display: flex !important;
}
.footer__socialmedia a .fa-stack-2x {
  color: #171717;
  transition: all 0.4s;
}
.footer__socialmedia a .fa-stack-1x {
  color: #FFF;
  transition: all 0.4s;
}
.footer__socialmedia a:hover .fa-stack-2x,
.footer__socialmedia a:focus .fa-stack-2x,
.footer__socialmedia a:active .fa-stack-2x,
.footer__socialmedia a.active .fa-stack-2x {
  color: #FFF;
}
.footer__socialmedia a:hover .fa-stack-2x::before,
.footer__socialmedia a:focus .fa-stack-2x::before,
.footer__socialmedia a:active .fa-stack-2x::before,
.footer__socialmedia a.active .fa-stack-2x::before {
  border: 2px solid #C19977;
  border-radius: 50%;
  padding: 2px;
}
.footer__socialmedia a:hover .fa-stack-1x,
.footer__socialmedia a:focus .fa-stack-1x,
.footer__socialmedia a:active .fa-stack-1x,
.footer__socialmedia a.active .fa-stack-1x {
  color: #0A0A0A;
  transform: rotate(360deg);
}
.modal-content {
  background-color: #171717;
}
.wpcf7-not-valid-tip {
  padding: 10px 5px;
}
.wpcf7-response-output {
  border: none !important;
  color: #C19977;
  margin: -20px -10px !important;
}
.air-datepicker-cell.-disabled- {
  text-decoration: line-through;
}
._spinner {
  background-color: #0A0A0A;
}
.background-color--dark ._spinner {
  background-color: #171717 !important;
}
.js-sn-spinner-controller {
  border-color: transparent !important;
  border-radius: 0;
}
.spinner__input {
  background-image: none !important;
  padding: 12px 0 !important;
  text-align: center;
}
/* -------------------------------------------------------------
        3.02.02. HEADLINE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,
h2,
h3,
h4 {
  color: #FFF;
  font: 200 48px/56px 'Oswald', 'Mulish', sans-serif;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
h1.headline--gold,
h2.headline--gold,
h3.headline--gold,
h4.headline--gold {
  color: #C19977;
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
}
h1.headline--background,
h2.headline--background,
h3.headline--background,
h4.headline--background {
  color: #C19977;
  font-size: 55px;
  text-transform: uppercase;
  letter-spacing: 50px;
  opacity: 0.2;
  position: absolute;
  top: -30px;
}
h2 {
  font-size: 36px;
  line-height: 44px;
}
h3 {
  font-size: 30px;
  line-height: 38px;
}
h4 {
  font-size: 24px;
  line-height: 32px;
}
/* -------------------------------------------------------------
        3.02.03. LINK
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a:link,
a:visited {
  color: #FFF;
  text-decoration: none;
  transition: all 0.4s;
}
a:hover,
a:focus,
a:active {
  color: #C19977;
  outline: none;
  text-decoration: underline;
}
a.disabled {
  color: #B1B5B7;
  cursor: default;
  text-decoration: none;
}
/* -------------------------------------------------------------
        3.02.04. FORM
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
input,
textarea,
select,
button {
  letter-spacing: 0.1em;
}
select,
button,
label {
  cursor: pointer;
}
label {
  color: #B1B5B7;
  text-transform: uppercase;
  width: 100%;
}
input,
textarea,
select,
.form-control {
  background-color: transparent;
  border: 1px solid #B1B5B7;
  border-width: 0 0 1px;
  border-radius: 0;
  color: #FFF;
  padding: 12px;
}
input:hover,
textarea:hover,
select:hover,
.form-control:hover,
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
input:active,
textarea:active,
select:active,
.form-control:active,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.form-control:focus-visible {
  background-color: #0A0A0A;
  border-color: #C19977;
  box-shadow: none;
  outline: none;
}
.background-color--dark input:hover,
.background-color--dark textarea:hover,
.background-color--dark select:hover,
.background-color--dark .form-control:hover,
.background-color--dark input:focus,
.background-color--dark textarea:focus,
.background-color--dark select:focus,
.background-color--dark .form-control:focus,
.background-color--dark input:active,
.background-color--dark textarea:active,
.background-color--dark select:active,
.background-color--dark .form-control:active,
.background-color--dark input:focus-visible,
.background-color--dark textarea:focus-visible,
.background-color--dark select:focus-visible,
.background-color--dark .form-control:focus-visible {
  background-color: #171717 !important;
}
input.is-valid,
textarea.is-valid,
select.is-valid,
.form-control.is-valid,
input.is-invalid,
textarea.is-invalid,
select.is-invalid,
.form-control.is-invalid {
  box-shadow: none !important;
  outline: none !important;
}
input[type='radio'],
input[type='checkbox'] {
  margin-right: 8px;
  width: auto;
}
button,
.btn {
  border-radius: 0;
  color: #C19977;
  font-family: 'Oswald', 'Mulish', sans-serif;
  letter-spacing: 0.1em;
  padding: 0;
}
button:hover,
.btn:hover,
button:focus,
.btn:focus,
button:active,
.btn:active {
  color: #FFF;
  text-decoration: none;
}
button.btn--gold,
.btn.btn--gold {
  color: #FFF;
}
button.btn--gold .btn__inner,
.btn.btn--gold .btn__inner {
  background-color: #C19977;
  border: 1px solid transparent;
}
button.btn--gold:hover,
.btn.btn--gold:hover,
button.btn--gold:focus,
.btn.btn--gold:focus,
button.btn--gold:active,
.btn.btn--gold:active {
  color: #FFF;
}
button.btn--gold:hover .btn__inner,
.btn.btn--gold:hover .btn__inner,
button.btn--gold:focus .btn__inner,
.btn.btn--gold:focus .btn__inner,
button.btn--gold:active .btn__inner,
.btn.btn--gold:active .btn__inner {
  background-color: transparent;
  border: 1px solid #C19977;
}
button.btn--gold2,
.btn.btn--gold2 {
  border: 1px solid #C19977;
  color: #FFF;
  padding: 5px;
}
button.btn--gold2 .btn__inner,
.btn.btn--gold2 .btn__inner {
  background-color: #C19977;
}
button.btn--gold2:hover,
.btn.btn--gold2:hover,
button.btn--gold2:focus,
.btn.btn--gold2:focus,
button.btn--gold2:active,
.btn.btn--gold2:active {
  color: #FFF;
}
button.btn--gold2:hover .btn__inner,
.btn.btn--gold2:hover .btn__inner,
button.btn--gold2:focus .btn__inner,
.btn.btn--gold2:focus .btn__inner,
button.btn--gold2:active .btn__inner,
.btn.btn--gold2:active .btn__inner {
  background-color: #171717;
}
button.btn--light,
.btn.btn--light {
  color: #0A0A0A;
}
button.btn--light .btn__inner,
.btn.btn--light .btn__inner {
  background-color: #FFF;
}
button.btn--light:hover,
.btn.btn--light:hover,
button.btn--light:focus,
.btn.btn--light:focus,
button.btn--light:active,
.btn.btn--light:active {
  color: #FFF;
}
button.btn--light:hover .btn__inner,
.btn.btn--light:hover .btn__inner,
button.btn--light:focus .btn__inner,
.btn.btn--light:focus .btn__inner,
button.btn--light:active .btn__inner,
.btn.btn--light:active .btn__inner {
  background-color: #0A0A0A;
}
button.btn--ghost,
.btn.btn--ghost {
  border-bottom: 1px solid #32363A;
  color: #FFF;
}
button.btn--ghost:hover,
.btn.btn--ghost:hover,
button.btn--ghost:focus,
.btn.btn--ghost:focus,
button.btn--ghost:active,
.btn.btn--ghost:active {
  border-color: #C19977;
  color: #C19977;
}
button.btn--grey,
.btn.btn--grey {
  border: 1px solid #C19977;
  color: #FFF;
  padding: 5px;
}
button.btn--grey .btn__inner,
.btn.btn--grey .btn__inner {
  background-color: #171717;
}
button.btn--grey:hover,
.btn.btn--grey:hover,
button.btn--grey:focus,
.btn.btn--grey:focus,
button.btn--grey:active,
.btn.btn--grey:active {
  color: #FFF;
}
button.btn--grey:hover .btn__inner,
.btn.btn--grey:hover .btn__inner,
button.btn--grey:focus .btn__inner,
.btn.btn--grey:focus .btn__inner,
button.btn--grey:active .btn__inner,
.btn.btn--grey:active .btn__inner {
  background-color: #C19977;
}
button.btn--small .btn__inner,
.btn.btn--small .btn__inner {
  padding: 4px 12px;
}
button.disabled,
.btn.disabled {
  opacity: 1;
}
button .btn__inner,
.btn .btn__inner {
  border: 1px solid transparent;
  display: block;
  padding: 15px 30px;
  text-transform: uppercase;
  transition: all 0.4s;
}
.input-group-text {
  background-color: transparent;
  border-color: #32363A;
  border-radius: 0;
  border-width: 0 0 1px;
}
.form-floating > label {
  text-transform: uppercase;
  top: -5px;
  left: -5px;
}
.form-floating > label::after {
  background-color: transparent !important;
}
/* -------------------------------------------------------------
      4.03. BANNER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.banner {
  margin: 0 calc(var(--bs-gutter-x) * 0.5 * -1);
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}
.banner__media {
  height: 100%;
  width: 100%;
  position: absolute;
}
.banner__media video,
.banner__media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.banner__content {
  position: absolute;
  bottom: 40px;
  left: 20px;
  width: 100%;
}
.banner__text {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
}
.banner__btn {
  margin: 10px;
}
/* -------------------------------------------------------------
      3.04. CONTENTBLOCKS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contentblocks__description li {
  list-style: square inside;
  text-align: center;
}
/* -------------------------------------------------------------
      3.05. TIMELINE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.timeline__wrapper {
  position: relative;
}
.timeline__wrapper::before,
.timeline__wrapper::after {
  background-color: #C19977;
  content: "";
  padding: 2px 20px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.timeline__wrapper::after {
  bottom: -5px;
}
.timeline__item {
  padding-top: 30px;
  position: relative;
}
.timeline__item:last-child {
  padding-bottom: 60px;
}
.timeline__item:nth-child(odd) {
  border-right: 1px solid #C19977;
}
.timeline__item:nth-child(odd)::after {
  right: 0;
}
.timeline__item:nth-child(odd) .timeline__text {
  margin-right: 200px;
}
.timeline__item:nth-child(odd) .timeline__media {
  right: 70px;
}
.timeline__item:nth-child(odd) .timeline__marker {
  margin-top: -5px;
  right: 2px;
}
.timeline__item:hover::after,
.timeline__item:focus::after,
.timeline__item:active::after {
  background-color: #FFF;
}
.timeline__item:hover .timeline__time,
.timeline__item:focus .timeline__time,
.timeline__item:active .timeline__time {
  color: #C19977;
}
.timeline__item:hover .timeline__text,
.timeline__item:focus .timeline__text,
.timeline__item:active .timeline__text,
.timeline__item:hover .timeline__media,
.timeline__item:focus .timeline__media,
.timeline__item:active .timeline__media {
  border-color: #FFF;
}
.timeline__item:hover .timeline__marker,
.timeline__item:focus .timeline__marker,
.timeline__item:active .timeline__marker {
  background-color: #FFF;
}
.timeline__item:hover .timeline__marker::after,
.timeline__item:focus .timeline__marker::after,
.timeline__item:active .timeline__marker::after {
  border: 1px solid #FFF;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: -5px;
  left: -5px;
  transition: all 0.35s;
}
.timeline__item::after {
  background-color: #C19977;
  content: "";
  padding: 1px 150px;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.timeline__time {
  color: #FFF;
  font: 300 40px/48px 'Kalam', 'Mulish', sans-serif;
}
.timeline__text {
  background-color: #0A0A0A;
  border: 1px solid #C19977;
  padding: 25px 30px;
  position: relative;
  z-index: 99;
}
.timeline__media {
  border: 1px solid #C19977;
  max-width: 230px;
  padding: 8px;
  position: absolute;
  top: 25px;
  z-index: 9;
}
.timeline__marker {
  background-color: #C19977;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: rotate3d(0, 0, 1, 45deg) translate(50%, -50%);
}
.timeline__marker ::after {
  border: 1px solid #C19977;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: -5px;
  left: -5px;
  transition: all 0.35s;
}
/* -------------------------------------------------------------
      3.07. F.A.Q.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.faq__question {
  background-color: #0A0A0A;
  border: 1px solid #0A0A0A;
  cursor: pointer;
}
.faq__question:first-child {
  margin-top: 0 !important;
}
.faq__question:hover,
.faq__question:focus,
.faq__question:active,
.faq__question.active {
  border-color: #C19977;
}
.faq__icon {
  border-left: 1px solid #32363A;
  padding: 10px 0 10px 15px;
}
.faq__answer {
  display: none;
}
/* -------------------------------------------------------------
      3.08. PRODUCT
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.product__price-value {
  display: block;
  color: #C19977;
  font-size: 48px;
  line-height: 56px;
}
.product__inclusions li {
  font: 200 24px/32px 'Oswald', 'Mulish', sans-serif;
  text-align: center;
}
.product__price {
  display: none;
}
/* -------------------------------------------------------------
      3.09. TESTIMONIALS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.testimonials__testimonial {
  background-color: #0A0A0A;
  border: 1px solid #C19977;
  position: relative;
  z-index: 99;
}
.testimonials__sign {
  color: #C19977;
  font-style: italic;
  display: block;
  position: absolute;
  top: -30px;
  right: 20px;
}
.testimonials__quote {
  color: #FFF;
  font: 300 italic 20px/28px 'Kalam', 'Mulish', sans-serif;
  display: block;
}
.testimonials__location {
  color: #C19977;
  font-style: italic;
}
.testimonials__control {
  position: absolute;
  top: 55%;
}
.testimonials__control.testimonials__control--left {
  left: -15px;
  transform: translate(-50%, -50%);
}
.testimonials__control.testimonials__control--right {
  right: -15px;
  transform: translate(50%, -50%);
}
.testimonials__control.testimonials__control--right::after {
  left: -9px;
}
.testimonials__control:hover {
  z-index: 999;
}
.testimonials__control::after {
  background-color: #0A0A0A;
  border: 1px solid #C19977;
  content: "";
  padding: 22px;
  position: absolute;
  top: -7px;
  left: -5px;
  z-index: -1;
  transform: rotate(45deg);
}
/* -------------------------------------------------------------
      3.10. COUNTERS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.counters__number {
  color: #C19977;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 5px;
}
.counters__title {
  color: #FFF;
  font-style: italic;
}
/* -------------------------------------------------------------
      3.11. QUOTE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.quote {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}
.quote__inner {
  background-color: rgba(0, 0, 0, 0.5);
}
.quote__sign {
  color: #C19977;
  font-style: italic;
}
.quote__text {
  color: #FFF;
  font: 300 italic 40px/48px 'Kalam', 'Mulish', sans-serif;
  text-shadow: 1px 1px 4px #000;
  display: block;
}
/* -------------------------------------------------------------
    4. STRUCTURE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: structure.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.02.2024

    STRUCTURE:
      4.01. HEADER
      4.03. MAIN
      4.04. FOOTER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      4.01. HEADER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.header.header--nonavigation .header__information {
  border-bottom: none;
  padding-bottom: 0 !important;
}
.header__information,
.header__action {
  position: relative;
  z-index: 1000;
}
.header__scroll,
.header__mobile {
  box-shadow: 1px 1px 4px #0A0A0A;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
.header__scroll {
  opacity: 0;
}
.header__scroll.header__scroll--active {
  opacity: 1;
}
.header__information {
  border-bottom: 1px solid #32363A;
}
.header__navigation a:link,
.header__navigation a:visited {
  font-family: 'Oswald', 'Mulish', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 15px;
  position: relative;
}
.header__navigation a:link::before,
.header__navigation a:visited::before,
.header__navigation a:link::after,
.header__navigation a:visited::after {
  background-color: #C19977;
  content: "";
  height: 5px;
  width: 5px;
  margin-left: -4px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: rotate(45deg) scale(0);
  transition: 0.4s;
}
.header__navigation a:link::after,
.header__navigation a:visited::after {
  top: 5px;
}
.header__navigation a:hover,
.header__navigation a:focus,
.header__navigation a:active,
.header__navigation a.active {
  text-decoration: none;
}
.header__navigation a:hover::before,
.header__navigation a:focus::before,
.header__navigation a:active::before,
.header__navigation a.active::before,
.header__navigation a:hover::after,
.header__navigation a:focus::after,
.header__navigation a:active::after,
.header__navigation a.active::after {
  transform: rotate(45deg) scale(1);
}
.offcanvas__navigation a:link,
.offcanvas__navigation a:visited {
  display: block;
  font: 700 38px/38px 'Oswald', 'Mulish', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.offcanvas__navigation a:hover,
.offcanvas__navigation a:focus,
.offcanvas__navigation a:active,
.offcanvas__navigation a.active {
  margin-left: 10px;
  text-decoration: none;
}
/* -------------------------------------------------------------
      4.03. MAIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      4.04. FOOTER
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.footer__links a:last-child {
  margin-right: 0 !important;
}
/* -------------------------------------------------------------
    5. CONTENT
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: content.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.05.2024

    STRUCTURE:
      05.01. CHECKOUT
      05.02. CHECKIN
      05.03. CHECKIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      05.01. CHECKOUT
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.woocommerce__table td:last-child,
.woocommerce__table th:last-child {
  text-align: right;
  vertical-align: middle;
}
.woocommerce__table th {
  font: 200 24px/32px 'Oswald', 'Mulish', sans-serif;
  text-transform: uppercase;
}
.woocommerce-Price-amount {
  color: #C19977;
}
.woocommerce-error {
  margin-bottom: 20px !important;
}
.woocommerce-message,
.woocommerce-error > li {
  background-color: #0A0A0A;
  border: 1px solid #C19977;
  margin: 0 0 20px;
  padding: 15px;
}
.woocommerce-message > a,
.woocommerce-error > li > a {
  display: none;
}
.woocommerce-order ul {
  list-style: square outside;
  margin-left: 25px;
}
.select2 .select2-selection {
  background-color: transparent;
  border: 1px solid #B1B5B7;
  border-width: 0 0 1px;
  border-radius: 0;
  height: auto;
  margin: 0;
  padding: 12px 3px;
}
.select2 .select2-selection:hover,
.select2 .select2-selection:focus,
.select2 .select2-selection:active,
.select2 .select2-selection:focus-visible {
  background-color: #171717;
  border-bottom: 1px solid #C19977;
}
.select2 .select2-selection__rendered {
  color: #FFF !important;
}
.select2 .select2-selection__arrow {
  top: 20px !important;
  right: 10px !important;
}
.select2-container .select2-dropdown {
  background-color: #171717;
}
.select2-container .select2-dropdown .select2-results__option[data-selected=true] {
  background-color: #0A0A0A;
  color: #C19977;
}
.select2-results__option {
  color: #FFF;
}
.wc_payment_method label {
  font: 200 24px/32px 'Oswald', 'Mulish', sans-serif;
  margin-bottom: 10px;
  width: auto;
}
.wc_payment_method > label {
  cursor: default;
}
.woocommerce-SavedPaymentMethods-saveNew label {
  font: 400 16px/24px 'Mulish', sans-serif;
  text-transform: inherit;
}
.wc-stripe-elements-field {
  margin-bottom: 20px !important;
  padding: 15px !important;
}
.payment_method_vivacom_smart img {
  width: 20px;
  height: 20px;
}
/* -------------------------------------------------------------
      05.02. CHECKIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.checkin__inclusions li {
  text-align: center;
}
.checkin__details {
  border: 1px dashed #C19977;
  border-width: 0 0 0 1px;
}
/* -------------------------------------------------------------
      05.03. POST
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.post .post__title {
  margin: 50px -100px 50px 0;
}
/* -------------------------------------------------------------
    6. RESPONSIVE
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: responsive.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.05.2024

    STRUCTURE:
      6.01. MAX-WIDTH-767
      6.02. MIN-WIDTH-768
      6.03. MAX-WIDTH-991
      6.04. MIN-WIDTH-992
      6.05. MAX-WIDTH-1199
      6.06. MIN-WIDTH-1200
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.01. MAX-WIDTH-767
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 767.98px) {
  .quote {
    background-position: center;
  }
  .quote__text {
    font-size: 24px;
    line-height: 40px;
  }
  .testimonials__carousel .col:nth-child(even) {
    display: none;
  }
  .checkin__details {
    border-width: 1px 0 0;
  }
  .checkin__details li {
    text-align: center;
  }
  .checkin .btn--gold {
    width: 100%;
  }
}
/* -------------------------------------------------------------
      6.02. MIN-WIDTH-768
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 767.98px) {
  .quote__text {
    width: 70%;
  }
}
/* -------------------------------------------------------------
      6.03. MAX-WIDTH-991
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 991.98px) {
  .headline--background {
    font-size: 40px !important;
    letter-spacing: 5px !important;
  }
  .timeline__wrapper::before,
  .timeline__wrapper::after {
    right: -40px;
    left: auto;
  }
  .timeline__item {
    border-right: 1px solid #C19977;
  }
  .timeline__item::after {
    right: 0;
  }
  .timeline__item .timeline__text {
    margin-right: 50px !important;
  }
  .timeline__item .timeline__media {
    right: 70px;
  }
  .timeline__item .timeline__marker {
    margin-top: -5px;
    right: 2px;
  }
}
/* -------------------------------------------------------------
      6.04. MIN-WIDTH-992
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 991.98px) {
  .timeline__item:nth-child(even) {
    margin-top: 80px;
  }
  .timeline__item:nth-child(even)::after {
    left: 0;
    margin-top: 40px;
  }
  .timeline__item:nth-child(even) .timeline__time {
    text-align: right;
  }
  .timeline__item:nth-child(even) .timeline__text {
    margin-left: 200px;
  }
  .timeline__item:nth-child(even) .timeline__media {
    left: 70px;
  }
  .timeline__item:nth-child(even) .timeline__marker {
    left: -12px;
    margin-top: 35px;
  }
  .spinner__input {
    width: 40px;
  }
}
/* -------------------------------------------------------------
      6.05. MAX-WIDTH-1199
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      6.06. MIN-WIDTH-1200
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    7. PLUGIN
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
    FILE: plugin.less
    AUTHOR: Stefan Nafra
    UPDATED: 31.02.2024

    STRUCTURE:
      7.01. XXX
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
      7.01. XXX
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */