/* Import default styles
----------------------------------------*/
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/fonts";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/variables";
@import "fonts";
@import "variables";
@import "mixins";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/park-styles";

/* Imports
----------------------------------------*/

@import "base";
@import "form-elements";
@import "navigations";
@import "mega-menu";
@import "header";
@import "footer";
@import "cards";
@import "multiselect";
@import "newsletter";
@import "slider";
@import "info-popup";
@import "social";
@import "feature-items";
@import "filter-elements";
@import "events";
@import "reviews";
@import "badge";
@import "button";
@import "weatherinfo";
@import "calendar";
@import "attractions";
@import "accordion";
@import "hotelbooking";
@import "park-styles";
@import "custom-colors-components";

body {

  ol,
  ul {
    li::marker {
      color: $red-dark !important;
      font-weight: 600;
    }
  }
}

.more-padding {
  @include media-breakpoint-down(md) {
    margin: 0 20px;
    padding-bottom: 0 !important;
  }

  .card .content {
    padding: 90px;

    @include media-breakpoint-down(xl) {
      padding: 50px;
    }
  }
}

.tx-indexedsearch-info-noresult {
  color: $secondary-color;
  filter: brightness(1.1);
}

.address {
  @include media-breakpoint-down(md) {
    padding-bottom: 0 !important;
  }

  .card .content {
    display: block;
  }
}

#c259 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.owl-carousel {
  display: block;
}

.hero-main .slide-item {
  height: 85vh;
}

ol li:before {
  font-size: 20px;
}

.news-body .news-text a {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
}

#header-type-6 .mega-menu-custom .sub-menu-list ul {
  grid-template-columns: none !important;
}

.mega-menu-custom {
  @include media-breakpoint-up(xl) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@include media-breakpoint-down(md) {
  .section-bg-image .container-fluid .row:not(.parallax-window) {
    padding: 0 !important;

    .container {
      padding-left: 0;
      padding-right: 0;

      .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
    }
  }
}

@include media-breakpoint-up(md) {
  .section-bg-image .container-fluid .row:not(.parallax-window) {
    padding-left: 0;
    padding-right: 0;

    .container .row {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
  }
}

.image-round img {
  border-radius: 20px;
}

.card ul li:before {
  top: 7px;

  @include media-breakpoint-down(md) {
    top: 11px;
  }
}

// Added on 07-03-2024

.card .content .title {
  padding-bottom: 20px;
}

form>.form-group textarea,
.form-inline textarea {
  white-space: pre-wrap;
}

.frame-type-news_newsdetail p {
  color: $red-dark;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (max-width: 1399px) {
  .mega-menu-custom .sub-menu-list ul {
    grid-template-columns: auto auto !important;
  }
}

@media (max-width: 767.98px) {
  .hero-main .figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.hero-main {
  .slide-item.image-item {
    height: 100%;
    margin-top: 75px;

    .figure {
      position: static;

      img {
        position: static;
        width: 100%;
        transform: translate(0px, 0px);
      }
    }
  }
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
  .hero-main .owl-carousel .slide-item {
    min-height: 100%;
    height: 100%;
    align-items: normal;
  }

  .hero-main .owl-carousel .slide-item.video-item {
    height: 70vh;
    min-height: 420px;
  }
}

@media (max-width: 575.98px) {
  .hero-main .owl-carousel .figure:before {
    mask-size: 100% 90%;
  }

  .mega-menu-custom {
    display: none;
  }
}

.container-main.park-wmsp {
  min-height: auto;
}

.hero-cont:not(.hero-more-cont) {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0;
  transform: translateY(-50%);
}

.slide-item.image-item .hero-cont.hero-more-cont {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0;
  transform: translateY(-50%);
}

@media (max-width: 991.98px) {

  .slide-item.image-item,
  .slide-item.video-item {
    .hero-cont.hero-more-cont {
      position: static !important;
      top: 50%;
      left: 0;
      padding: 0;
      transform: translateY(0%) !important;
      padding: 40px 0px 10px;
      background: $secondary-bg;
    }
  }

  .hero-main .hero-cont .aside {
    position: absolute;
    left: 0;
    top: -15vh;
    padding: 0px 10px;
  }

  .home-icon-wrap {
    padding-top: 6rem;
  }
}

@media (max-width: 767.98px) {
  .hero-main .hero-cont .aside {
    top: -8vh;
  }
}

@media (max-width: 630.98px) {
  .hero-main .hero-cont .aside {
    top: -11vh;
  }
}

@media (max-width: 540.98px) {
  .hero-main .hero-cont .aside {
    top: -9vh;
  }
}

.button-inside .item {
  max-height: 88% !important;
}

.button-inside .owl-nav {
  display: block !important;
}

.button-inside .owl-nav button.owl-prev:before,
.button-inside .owl-nav button.owl-next:before {
  background: $third-color;
  box-shadow: inset $third-color 0 0 0 3px;
  color: $primary-color;
}

.button-inside .owl-nav button.owl-prev:hover:before,
.button-inside .owl-nav button.owl-next:hover:before,
.button-inside .owl-nav button.owl-prev:focus:before,
.button-inside .owl-nav button.owl-next:focus:before,
.button-inside .owl-nav button.owl-prev:active:before,
.button-inside .owl-nav button.owl-next:active:before {
  color: $primary-color !important;
}

.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
  background: $blue-dark;
  box-shadow: inset $blue-dark 0 0 0 3px;
  color: $secondary-color;
}

@media (min-width: 1400px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xll,
  .container-xxl {
    max-width: 1320px;
  }
}

.hero-main .owl-carousel .figure:after {
  display: block;
  opacity: 1;
  content: " ";
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 16%);
}

nav.navbar.navbar-expand-xl {
  box-shadow: none !important;
}

.owl-carousel.image-round.button-inside.slider-style-5 {
  @media (max-width: 767px) {
    margin-bottom: 50px;
  }

  .owl-item .item.h-100 {
    padding-bottom: 20px !important;

    @media (max-width: 1400px) {
      padding-bottom: 16px !important;

      .btn-out a.btn.btn-primary.mt-2 {
        font-size: 0.925rem;
        padding: 10px 18px;
        min-width: auto;
        line-height: 1rem;
      }
    }
  }
}

.owl-carousel.image-round.button-inside:not(.slider-style-5) {
  @media (max-width: 767px) {
    margin-bottom: 50px;

    .btn-out a.btn {
      font-size: 0.725rem;
      min-width: auto;
      padding: 6px 15px;
    }
  }

  @media (max-width: 499px) {
    .item.h-100.my-2 {
      padding-bottom: 15px !important;
    }
  }

  @media (max-width: 360px) {
    margin-bottom: 50px;

    .btn-out a.btn {
      font-size: 0.58rem;
    }
  }
}

@media (max-width: 1199.98px) {
  .feature-items.tab-wrapper.frame-layout-1 {
    margin-top: 0px;
  }
}

@media (max-width: 575.98px) {

  .hero-main .owl-carousel .slide-item .hero-cont h1,
  .hero-main .owl-carousel .slide-item .hero-cont .h1 {
    color: $white;
    font-size: 2.2rem;
    margin-top: 0px;
  }
}

//****//

body {
  // background-color: $third-bg;
  background-color: $white;
}

@media (min-width: 1200px) {
  .header-main {
    background: $secondary-bg;
  }

  .content-main {

    // background: $fourth-bg;
    // background: linear-gradient(
    //   0deg,
    //   rgba(246, 233, 203, 1) 0%,
    //   rgba(246, 233, 203, 1) 51%,
    //   rgba(246, 233, 203, 0) 100%
    // );
    p {
      color: $black;
      font-size: 18px;
    }

    .hero-main {
      .owl-carousel.image-slider {
        .slide-item {
          height: 70vh;
        }
      }
    }
  }

  #header-type-2.header-main .navbar {
    height: 70px;
    padding: 0;
    z-index: 100;
    margin-top: 20px;
    background-color: transparent;

    .container {
      display: flex;
      flex-wrap: inherit;
      align-items: center;
      justify-content: space-between;
      scroll-margin-top: 70px;
      padding-right: 0 !important;
      padding-left: 0 !important;

      @media (min-width: 1550px) {
        max-width: 1550px;

        .brand-nav {
          transform: scale(1.5);
          padding: 0;
        }
      }

      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      background-color: $white;
      padding-right: 0 !important;
      padding-left: 0 !important;
      height: 100% !important;

      .btn-booking,
      .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        line-height: 70px;
        padding: 0;
        margin-top: 0 !important;
        border-radius: 0;

        &:hover {
          background-color: $secondary-color !important;
          color: $white !important;
        }
      }
    }

    .navbar-nav {
      &>.nav-item {
        &>a:hover {
          color: $white;
        }
      }

      .nav-link {

        // text-shadow: 0.25em 0.25em 0 $black;
        .nav-item {
          &.dropdown {
            &:hover {}

            &:after {}
          }
        }
      }
    }

    .search-box {
      form {
        width: 40px;
        height: 40px !important;

        input[type="submit"] {
          min-width: inherit !important;
          width: 40px !important;
          height: 40px !important;
        }

        input[type="text"] {
          height: 40px;
        }
      }

      &.open {
        form {
          width: 335px;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .header-main {
    .btn-booking {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100% !important;
      margin-left: -20px;
      transition: all 0.25s;
      line-height: 70px;
      margin-top: 0 !important;
      border-radius: 0;

      .btn {
        background-color: $red-dark !important;
        width: 100%;
        height: 100%;
        line-height: 70px;
        min-height: 100%;
        padding: 0 15px !important;
        color: $white;
        min-width: 0px;
        border: none;
        display: block !important;

        p {
          color: $white;
        }
      }
    }
  }

  // /* The panel (your existing #c102396 container) */
  .park-status-info {
    position: fixed;
    right: -280px;
    top: 18.8%;
    width: 280px;
    height: auto;
    background: $white;
    box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);
    padding: 30px 20px;
    overflow-y: auto;
    font-size: 18px;
    z-index: 9998;
    transition: right 0.35s ease-in-out;
    border-radius: 30px 0 0 30px;

    .status {
      position: fixed;
      right: 0;
      top: 15%;

      color: $white;
      padding: 10px 18px 10px 18px;
      z-index: 9999;
      cursor: pointer;
      border-radius: 20px 0 0 20px;
      transition: background 0.3s;
      font-weight: 600;
      text-shadow: 0.125rem 0.25rem 2px $black;
      box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);

      &:hover {
        background: $secondary-color;
      }

      display: flex;
      flex-direction: column;
      text-align: center;
      background: $blue-dark;

      .icon {
        width: 36px;
        height: 36px;
        margin: 0 auto;
        background-color: $white;
        border-radius: 50%;
        box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);

        img {
          width: 36px;
          height: 36px;
          top: 30% !important;
          filter: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(6714%) hue-rotate(339deg) brightness(98%) contrast(113%);
        }
      }

      &.open {
        display: flex;
        flex-direction: column;
        text-align: center;
        background: $red-dark;

        .icon {
          width: 36px;
          height: 36px;
          margin: 0 auto;
          background-color: $white;
          border-radius: 50%;
          box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);

          img {
            width: 36px;
            height: 36px;
            top: 30% !important;
            filter: brightness(0) saturate(100%) invert(54%) sepia(66%) saturate(484%) hue-rotate(73deg) brightness(93%) contrast(90%);
          }
        }

        span:last-child {
          font-size: 14px !important;

          display: block;
          margin-top: -5px;
        }
      }
    }

    .opening-hours-table {
      width: 100%;
      color: $black;
      font-size: 18px;

      tr {
        border-bottom: 1px dashed $secondary-bg;

        td {
          padding-left: 0px;

          &.weekday {
            font-weight: 700;
            vertical-align: top;
            color: $black;
          }

          &.opening-time {
            padding-left: 10px;
            font-size: 18px;
            color: $black;

            .closed {
              color: $red-dark;
            }

            span {
              padding-left: 10px;
              display: block;
              line-height: 20px;
            }
          }
        }
      }

      tr:nth-child(odd) {
        background: transparent;
      }

      tr:nth-child(even) {
        background: transparent;
      }
    }

    &:has(.open-panel) {
      right: 0px !important;
    }
  }

  // end of sticky tbl
}

@media (max-width: 1980px) {
  .hero-main.slider-at-homepage {
    .slide-item {
      .content-header-container {
        .header-subtitle {
          margin-bottom: 30px;
          background: $secondary-color;

          h2 {
            font-size: 24px;
            color: $white;
            border: none !important;
            text-shadow: none;
            font-weight: 600;
          }
        }

        .header-title {
          background: transparent;

          h1 {
            color: $white !important;
            filter: brightness(1.1);
            text-transform: uppercase;
            margin-bottom: 0.25rem !important;
            letter-spacing: 0.1rem;
            font-family: $font-family-secondary !important;
            font-weight: 400 !important;
            line-height: 1rem;
            font-size: 3.5rem;

            // -webkit-text-stroke-color: $red-dark;
            text-shadow:
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark !important;
            paint-order: stroke;
          }
        }

        .header-button.btn {
          background-color: $red-dark;
          color: $white;
          font-size: 20px;
        }
      }
    }
  }

  .container {
    max-width: 1500px;

    .frame-space-before-small {
      h2 {
        &.ce-headline-center {
          margin-top: 1rem;
        }
      }
    }

    h2 {
      &.ce-headline-center {
        margin-top: 3rem;
      }

      strong {
        margin-bottom: 0;
      }
    }

    .btn {
      &.data {
        margin-top: 1.5rem !important;
      }
    }

    .btn-booking {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100% !important;
      margin-left: -20px;
      transition: all 0.25s;
      line-height: 70px;

      .btn {
        background-color: $red-dark !important;
        width: 100%;
        height: 100%;
        line-height: 70px;
        min-height: 100%;
        padding: 0 15px !important;
        color: $white;
        min-width: 0px;
        border: none;
        display: block !important;

        p {
          color: $white;
        }
      }
    }
  }

  header {
    h2 {
      color: $secondary-color;
      filter: brightness(1.1);

      text-shadow:
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark !important;
      paint-order: stroke;
    }
  }

  // end of right sticky, park timging components

  #calendar {
    .events-highlights {
      ul {
        li {
          font-size: 12px;
        }
      }
    }

    margin-top: 30px;
    padding-top: 30px;

    .events-calendar {
      .calendar-box {
        background-color: $white;
        border-radius: 10px;
        border-color: $blue-dark;

        .month {
          color: $white;
          background-color: $blue-dark;

          a.prevmonth {
            &:after {
              color: $white;
            }
          }

          a.nextmonth {
            &:after {
              color: $white;
            }
          }

          .calendar-spinner {
            position: absolute;
            left: 45%;
            top: 30%;

            filter: drop-shadow(2px 4px 6px $black);
          }
        }

        .days {
          background-color: $white;

          ul {
            li {}
          }
        }

        .dates {
          background-color: $white;

          ul {
            li {
              a {
                .date-wrap {
                  font-size: 18px;

                  @media screen and (max-width: 768px) {
                    font-size: 14px;
                  }
                }
              }

              // &.gray-bg {
              //   a {
              //     border-color: $red-dark;
              //     background-color: $secondary-bg;
              //   }
              // }

              // &.blue-bg {
              //   a {
              //     background-color: $secondary-color;
              //   }
              // }
            }
          }
        }

        ul {
          padding: 0 20px 30px 20px !important;
        }
      }

      .events-highlights {
        ul {
          li {
            width: 100%;
            padding: 5px 30px;
            min-height: 26px;
            line-height: 26px;
            color: $secondary-color;
            display: inline-block;

            &.gray-bg {
              &:after {
                border: 2px solid $red-dark;
                background-color: $secondary-bg;
              }
            }
          }
        }
      }
    }

    .events-articles {
      color: $black;
      border-radius: 10px;
      background: $secondary-bg;

      h3 {
        color: $black;
      }

      .time {
        .icon {
          img {
            filter: brightness(0) saturate(100%) invert(27%) sepia(32%) saturate(5724%) hue-rotate(347deg) brightness(79%) contrast(101%);
          }
        }

        .txt {
          color: $black;
        }
      }

      &:before {
        border-right-color: $secondary-bg;

        @media (max-width: 767.98px) {
          border-right-color: transparent;
          border-bottom-color: $secondary-bg;
        }
      }
    }
  }

  .ce-table-off-peak-time,
  .ce-table-peak-time {
    box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);
    background-color: $white;
    width: 100%;

    thead {
      th {
        background-color: $blue-dark;
        filter: brightness(1.1);
        color: $secondary-color;
        filter: brightness(1.1);
        // text-shadow: 0.25em 0.25em 0 $black;
        padding-left: 20px;
        vertical-align: middle;
      }
    }

    tbody {
      color: $black;
      font-weight: normal;
      font-size: 18px;

      tr:nth-child(odd) {
        background: $primary-color;
      }

      tr:nth-child(even) {
        background-color: $secondary-bg;
      }

      tr {
        td {
          border-top: 1px solid $secondary-bg;

          &:first-child {
            font-weight: 700;
          }

          &:nth-child(3) {
            background-color: $secondary-color;
            color: $black;
          }

          &:nth-child(4) {
            background-color: $secondary-color;
            color: $black;
          }
        }
      }
    }
  }

  .ce-table-peak-time {
    tbody {
      tr {
        td {
          &:nth-child(3) {
            background-color: $secondary-color;
            color: $secondary-color;
          }

          &:nth-child(4) {
            background-color: $secondary-color;
            color: $secondary-color;
          }
        }
      }
    }
  }
}

@media (max-width: 1550px) {
  .btn-booking {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 100% !important;
    margin-left: -20px;
    transition: all 0.25s;
    line-height: 70px;

    .btn {
      background-color: $red-dark !important;
      width: 100%;
      height: 100%;
      line-height: 70px;
      min-height: 100%;
      padding: 0 15px !important;
      color: $white;
      min-width: 0px;
      border: none;
      display: block !important;

      p {
        color: $white;
      }
    }
  }

  .container {
    max-width: 1500px;
  }

  .header-main {
    .navbar {
      .container {
        max-width: 100% !important;
        margin: 0 auto;
        width: 100% !important;
      }
    }
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1320px;
  }

  .header-main {
    .navbar {
      .container {
        max-width: 100% !important;
        margin: 0 auto;
        width: 100% !important;
      }
    }
  }
}

@media screen and (max-width: 1399px) {
  .header-main .search-box {
    margin: 0 !important;
  }

  .navbar-expand-xl .navbar-nav {
    justify-content: left !important;

    li .nav-link .nav-text {
      font-size: 1.125rem;
    }
  }
}

@media (max-width: 1200px) {
  .header-main .navbar .container .btn {
    margin-right: 25px;
  }

  .btn-booking {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 100% !important;
    margin-left: -20px;
    transition: all 0.25s;
    line-height: 70px;

    .btn {
      background-color: $red-dark !important;
      width: 100%;
      height: 100%;
      line-height: 70px;
      min-height: 100%;
      padding: 0 15px !important;
      color: $white;
      min-width: 0px;
      border: none;
      display: block !important;

      p {
        color: $white;
      }
    }
  }

  .header-main {
    .menu-btn {
      .menu-bar {
        background: $secondary-color;

        &:before {
          background: $secondary-color;
        }

        &:after {
          background: $secondary-color;
        }
      }
    }

    .navbar-nav .nav-item .nav-link .nav-text {
      color: $secondary-color !important;
      filter: brightness(1.1);
    }

    .navbar .container .nav-link.dropdown-toggle::after,
    #header-type-2 .navbar .container .nav-link.dropdown-toggle::after {
      color: $secondary-color !important;
      filter: brightness(1.1);
    }

    .navbar-nav .nav-item.dropdown .nav-link.show .nav-text {
      color: $secondary-color !important;
    }

    .search-box {
      position: relative;
      margin: 30px 20px 20px;
    }
  }

  .header-main {
    .nav-item.dropdown .nav-link.show .nav-text {
      color: $secondary-color !important;
    }

    .navbar {
      .container {
        max-width: 100% !important;
        margin: 0 auto;
        width: 100% !important;
      }
    }
  }

  .container {
    &.small {
      max-width: 100% !important;
      width: 100% !important;
      margin: 0 !important;
    }
  }
}

@media (min-width: 1200px) {
  // right sticky park timing components

  //* The toggle button (the existing .status div) */

  .park-status-info {}

  .container-xxxl {
    max-width: 1550px;
  }

  .header-main {
    .search-box {
      position: absolute;
      top: 50%;
      right: 25px;
      transform: translate(0%, -50%);
      z-index: 11111;
    }
  }

  .section-bg-image {
    .row {}
  }

  .dropdown {
    ul.dropdown-menu {
      background-color: $red-dark;
      padding: 40px 20px;

      li {
        a {
          color: $white;

          &:before {
            background-color: $secondary-color;
          }

          &:hover {
            color: $black;
          }
        }
      }
    }
  }

  // .news .card { //card
  //   background-color: #fefefe;
  //   h3 {
  //     font-size: 28px !important;
  //     color: #8eb445;
  //     a {
  //       &:hover {
  //         text-decoration: none;
  //         color: $secondary-color;
  //       }
  //     }
  //   }
  // }

  .section:has(.container-fluid) {
    max-width: 1600px;
  }

  .section:has(.jarallax) {
    max-width: 100%;

    +section {
      .container {
        max-width: 1600px;

        .container {
          max-width: 100%;
          align-content: center;

          p {
            font-size: 18px;
            line-height: 24px;
          }
        }
      }
    }
  }

  .jarallax {
    .container {
      max-width: 1600px;
      min-height: 400px !important;

      .container {
        justify-content: center;
        padding: 30px 30px;
        margin: 30px 0 30px -70px;
        filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
        align-content: center;
      }

      .btn {
        margin-top: 15px !important;
        background-color: $white !important;
        color: $black !important;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15));
        float: none !important;
        width: max-content;

        &:hover {
          color: $white !important;
          background-color: $secondary-color !important;
        }

        .image-button {
          width: 24px;
          height: 24px;
        }
      }
    }

    h2 {
      margin-bottom: 15px !important;
    }
  }

  h2.text-center,
  h2 strong {
    text-shadow:
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark !important;
    paint-order: stroke;
    font-size: 2.815rem;
    display: block;
    text-align: center;
    color: $secondary-color;
    filter: brightness(1.1);
    text-transform: uppercase;
    margin-bottom: 1.5em;
    letter-spacing: 0.1rem;
    font-family: $font-family-primary;
    line-height: 1em;
    margin-top: 1.5rem;
  }

  .btn {
    .image-button.left {
      padding-right: 5px;
      height: 24px;
      width: 24px;
    }
  }

  .content-main {
    .feature-items {
      .iconbox {
        background-color: $blue-dark !important;
        border: none;

        filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));

        .icon {
          background-color: $red-dark !important;

          width: 100px;
          height: 100px;
          margin: 0 auto;
          padding: 5px 5px;
          border-radius: 50%;
          align-items: center;

          .icon-image {
            width: 60px;
            height: 60px;
            filter: brightness(0) saturate(100%) invert(79%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(105%) contrast(106%);
          }
        }

        .box-content {
          h5 {
            margin-top: 15px;
            font-size: 1.25rem !important;
            color: $white;
            filter: brightness(1.1);
          }
        }

        &:hover {
          .icon {
            background-color: $secondary-color !important;
          }

          h5 {
            color: $white;
          }
        }
      }
    }
  }

  .frame-type-image+.frame-type-text h2 {
    margin-top: 60px;
  }

  .frame-type-text li {
    color: $black;

    &:before {
      background-color: $red-dark;
    }
  }

  h2.text-center,
  .text-center.h2,
  h2 strong,
  .h2 strong {
    text-shadow:
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark !important;
    font-size: 2.815rem;
    display: block;
    text-align: center;
    color: $secondary-color;
    filter: brightness(1.1);
    text-transform: uppercase;
    margin-bottom: 1.5em;
    letter-spacing: 0.1rem;
    font-family: $font-family-primary;
    line-height: 1em;
  }

  h2 {
    // -webkit-text-stroke-width: clamp(1px, calc(100vw / 600), 3px);
    // -webkit-text-stroke-color: $red-dark;
    // text-shadow: 1px 1px 0 $blue-dark, 1px 1px 0 $blue-dark, 1px 1px 0 $blue-dark,
    //   1px 1px 0 $blue-dark !important;
    font-size: 2.815rem;
    display: block;
    color: $secondary-color;
    filter: brightness(1.1);
    text-transform: uppercase;
    margin-bottom: 0em;
    letter-spacing: 0.1rem;
    font-family: $font-family-primary;
    line-height: 1em;
  }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    text-shadow: none;
    font-family: $font-family-primary !important;

    font-weight: 700 !important;
    letter-spacing: 0;
  }
}

@media (max-width: 992px) {
  .frame-type-text p {
    color: $black;
    font-size: 18px;
  }

  .image-button.left {
    width: 24px;
    height: 24px;
  }

  .park-status-info .opening-hours-table {
    display: none;
  }

  .container .btn.data {
    width: auto;
  }

  .content-main .feature-items .iconbox {
    background-color: $secondary-color !important;
    border: none;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  }

  .content-main .feature-items .iconbox .icon {
    background-color: $red-dark !important;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 5px 5px;
    border-radius: 50%;
    align-items: center;
  }

  .content-main .feature-items .iconbox .icon .icon-image {
    width: 60px;
    height: 60px;
    filter: brightness(0) saturate(100%) invert(79%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(105%) contrast(106%);
  }

  .content-main .feature-items .iconbox .box-content h5,
  .content-main .feature-items .iconbox .box-content .h5 {
    margin-top: 15px;
    font-size: 20px;
    color: $white;
    filter: brightness(1.1);
  }

  .content-main .feature-items .iconbox:hover .icon {
    background-color: $secondary-color !important;
  }

  .content-main .feature-items .iconbox:hover h5,
  .content-main .feature-items .iconbox:hover .h5 {
    color: $white;
  }

  h2.text-center,
  .text-center.h2,
  h2 strong,
  .h2 strong {
    text-shadow:
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark,
      1px 1px 0 $blue-dark !important;
    font-size: 2.815rem;
    display: block;
    text-align: center;
    color: $secondary-color;
    filter: brightness(1.1);
    text-transform: uppercase;
    margin-bottom: 1.5em;
    letter-spacing: 0.1rem;
    font-family: $font-family-primary;
    line-height: 1em;
  }

  .header-main .search-box {
    position: relative;
    margin: 30px 0 20px;
  }

  .jarallax .container .btn {
    margin-top: 15px !important;
    background-color: $white !important;
    color: $black !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15));
    float: none !important;
  }

  #header-type-2.header-main {
    .navbar-nav .nav-item.dropdown .nav-link.show .nav-text {
      color: $secondary-color !important;
    }

    .navbar-nav .nav-item.dropdown .dropdown-menu {
      border-radius: 10px;
    }
  }

  .park-status-info {
    .status {
      display: none;
    }

    a {
      max-width: 100%;
      border-radius: 0 !important;
    }

    .cta-wrapper {
      display: none !important;
      display: block;
      position: fixed;
      bottom: 0;
      width: 100% !important;
      max-width: 100%;
      border-radius: 0 !important;
      left: 0;
      right: 0;
    }
  }

  // table adj for mob view price tbl
  table.ce-table-off-peak-time,
  table.ce-table-peak-time {
    display: grid;
    grid-row-gap: 5px;
    max-width: 100%;
    width: 100%;

    thead {
      max-width: 100%;
      width: 100%;

      tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
      }

      th {
        min-width: 150px !important;

        &:nth-child(1),
        &:nth-child(2) {
          display: none;
          width: 100%;
          grid-column: span 3;
          height: 0;
          padding: 0;
        }
      }
    }

    tbody {
      max-width: 100%;
      width: 100%;

      tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;

        td {
          width: 100%;
          grid-column: span 2;
          border: none;

          &:nth-child(1) {
            padding-bottom: 0;
          }

          &:nth-child(2) {
            padding-top: 5px;
            font-size: 14px;
            padding-left: 15px;
            line-height: 18px;
          }

          &:nth-child(3),
          &:nth-child(4) {
            width: 100%;
            grid-column: span 1;
          }
        }
      }
    }
  }

  .content-main {
    // background: #f6e9cb;
    // background: linear-gradient(
    //   0deg,
    //   #f6e9cb 0%,
    //   #f6e9cb 51%,
    //   rgba(246, 233, 203, 0) 100%
    // );
  }
}

@media (max-width: 845px) {
  header {
    .opening-hours-table {
      display: none;
    }
  }

  .hero-main.slider-at-homepage .slide-item .content-header-container {
    padding-bottom: 30px;
    width: 100%;
  }

  .hero-main.slider-at-homepage .slide-item .content-header-container .header-subtitle h2 {
    font-size: 18px;
  }

  .hero-main.slider-at-homepage.mobile-view .slide-item .content-header-container .header-title h1 {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }

  .hero-main.slider-at-homepage.mobile-view .slide-item .content-header-container .header-button.btn {
    width: 100%;
  }

  .content-main .feature-items .iconbox .box-content h5 {
    font-size: 18px !important;
  }

  .container h2.text-center,
  .container h2,
  .container h2 strong {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .jarallax .container .container {
    margin-left: auto;
    margin-right: auto;
  }

  .section:has(.jarallax)+section .container .container p {
    color: $black;
  }

  // .container .btn.data {
  //   width: 100%;
  // }
}

@media (max-width: 576px) {
  .header-main {
    .menu-btn {
      .menu-bar {
        background: $secondary-color;

        &:before {
          background: $secondary-color;
        }

        &:after {
          background: $secondary-color;
        }
      }
    }

    .navbar-nav .nav-item .nav-link .nav-text {
      color: $white !important;
      filter: brightness(1.1);
    }

    .navbar .container .nav-link.dropdown-toggle::after,
    #header-type-2 .navbar .container .nav-link.dropdown-toggle::after {
      color: $white !important;
      filter: brightness(1.1);
    }

    .navbar-nav .nav-item.dropdown .nav-link.show .nav-text {
      color: $white !important;
    }

    .search-box {
      position: relative;
      margin: 30px 20px 20px;
    }
  }
}

// tx-wabs-attractions :nandu
.tx-wabs-attractions {
  .filter-elements {
    .container {
      .filter {
        .btn {
          &.btn-filter {
            &.filter-red {
              background-color: $red-dark !important;
              color: $white;

              &:hover {
                background-color: $secondary-color !important;
              }
            }

            .filter-options {
              background-color: $red-dark !important;

              >div:hover {
                background-color: $secondary-color;
              }
            }
          }
        }
      }
    }

    .row {
      .box {
        &.filter-element {
          &.filter-red {
            background-color: $red-dark !important;
            position: relative;

            img.slider-content-icon {
              width: 80px;
              height: 80px;
              position: absolute;
              left: 10px;
              top: 10px;
            }
          }
        }
      }
    }
  }

  .hero-inner {
    &.hero-main {
      &.attraction-details {
        &.owl-carousel {
          .figure {
            top: 0px !important;
          }
        }
      }
    }
  }
}

// tx-wabs-attractions :nandu
// tx-wabs-attractions
.tx-wabs-attractions {
  width: 100%;

  .filter-elements {
    .container {
      .filter.border-rounded {
        .btn-filter {
          padding-left: 15px;
          padding-right: 15px;
          background-color: $blue-dark !important;

          .icon {
            width: 24px;
            height: 24px;
          }

          .icon-select {}

          &:hover {
            color: #fff;
            background-color: #0a91ef !important;
          }
        }
      }
    }
  }

  .box.filter-element {
    position: relative;

    .slider-content-icon {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 100px;
      height: 100px;
    }

    &:hover {
      background-color: #0a91ef !important;
    }

    .title-with-icon {
      h3 {
        color: $black;
      }
    }

    &:hover {
      .title-with-icon {
        h3 {
          color: #fff;
          text-shadow: 0.025em 0.025em 2px #000;
        }
      }
    }
  }
}

// accordion
.accordion-wrapper {
  .accordion-element {
    background-color: #d9cd96;

    .card-header {
      background-color: $blue-dark;

      &:has(a[aria-expanded="true"]) {
        background-color: $red-dark;

        h4 {
          a {
            color: $secondary-color !important;
            // filter: brightness(1.1);
          }
        }
      }

      h4.card-title {
        font-family: $font-family-primary;
        font-weight: 600;
        text-shadow: 0.25em 0.25em 0 #000;
        padding-left: 15px;
        filter: brightness(1.1);

        a {
          font-size: 26px;

          &[aria-expanded="true"] {
            color: $secondary-color;
            // filter: brightness(1.1);
          }

          &.accordion-toggle {
            color: $secondary-color;

            // filter: brightness(1.1);
            &.collapsed {
              color: $secondary-color;
              // filter: brightness(1.1);
            }
          }
        }
      }
    }

    .card-body ol li {
      color: $black !important;
      font-weight: 300 !important;
      font-size: 1.125rem !important;
    }

    .collapse {
      background-color: #d9cd96;

      .card-body {
        color: $black;
        padding: 30px 30px;
        font-size: 1.125rem !important;

        ul,
        ol {
          li {
            color: $black !important;
            font-size: 1.125rem !important;
            font-weight: 300 !important;

            &::marker {
              font-weight: 600;
              color: $red-dark !important;
            }
          }
        }

        p {
          color: $black;
          font-size: 1.125rem !important;

          strong {
            font-weight: 600 !important;
          }
        }
      }
    }
  }
}

//end of accordion
h2.text-center,
.text-center.h2,
h2 strong,
.h2 strong {
  margin-bottom: 1rem !important;
  margin-top: 0;
}

header {
  h2 {
    &.ce-headline-center {
      margin-top: 0 !important;
    }
  }
}

.section.frame-default {
  .t3-alignment {
    a {
      &.btn.data.align-center {
        background-color: $red-dark;
        margin-top: 15px !important;
        border: 0 !important;

        &:hover {
          background-color: #0a91ef;
          border: 0 !important;
        }
      }
    }
  }
}

.content-main {
  p {
    font-size: 18px;
    font-weight: 300;

    a {
      text-decoration: none !important;
      color: $red-dark;

      &:hover {
        color: #0a91ef;
      }
    }
  }
}

.content-main {
  .container {
    a {

      &.btn.data.align-center,
      &.btn.data {
        background-color: $red-dark;

        .fa {
          padding-right: 10px;
        }

        &:hover {
          background-color: #0a91ef;
        }
      }
    }

    form {
      .btn.btn-primary {
        &[type="submit"] {
          background-color: $red-dark;

          &:hover {
            background-color: #0a91ef;
          }
        }
      }
    }

    .frame.frame-default.frame-type-textmedia {
      .ce-gallery {
        width: 100%;
        height: 100vh;
        border: none;
      }
    }

    .frame-type-text,
    .frame {
      h3 {
        font-size: 1.5rem;

        strong {
          font-size: 1.5rem;
        }
      }

      h2 {
        font-size: 2.5rem;
        color: $secondary-color;
        filter: brightness(1.1);

        text-shadow:
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark !important;
      }
    }

    .frame-default {
      .fa {
        padding-right: 5px;
      }

      .tel,
      .email {
        font-size: 18px;
        font-weight: 600;

        strong {
          font-weight: 600;
        }

        &:hover {
          strong {
            color: #0a91ef !important;
          }
        }
      }

      .social {
        margin-top: 30px;

        a.fab {
          &:before {
            font-size: 24px;
            color: $blue-dark;
          }

          &:hover {
            &:before {
              color: #0a91ef;
            }
          }
        }
      }
    }
  }

  .container-fluid {
    .frame-type-news_newsliststicky {
      header {
        h1 {
          font-size: 2.75rem !important;
          color: $secondary-color;
          filter: brightness(1.1);

          text-shadow:
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark !important;
          paint-order: stroke;
        }
      }
    }
  }

  .frame-type-form_formframework {
    form {
      font-size: 18px;
      width: 50%;
      margin: 0 auto;

      .actions {
        text-align: center;
      }

      .form-group {
        padding-top: 0;
        display: block;
        width: 100%;

        .form-label {
          display: none;
        }

        select {
          border: 0;
          color: $black;
          padding-left: 25px;

          &.form-control {}
        }

        input {
          border: 0;

          &::placeholder {
            color: $black;
          }

          &.form-control {
            color: $black;
          }
        }

        .input {
          textarea {
            border-radius: 20px;
            text-indent: 15px;

            &::placeholder {
              color: $black;
            }

            color: $black;
          }
        }

        .recaptcha-development-mode {
          font-size: 18px;
          color: $red-dark;
          font-weight: 300;
        }

        .input.checkbox {

          .form-check,
          .form-text {
            display: inline-block;
            color: $black;
          }
        }
      }
    }
  }

  .newsletter {
    background-color: transparent;
    border-radius: 20px;

    .card {
      background-color: $blue-dark !important;
      height: 100%;

      .content {
        text-align: center;

        .title {
          align-self: center;

          h3 {
            color: $white !important;
            filter: brightness(1.1);

            text-shadow:
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark,
              1px 1px 0 $blue-dark !important;

            text-align: center !important;
            // color: $secondary-color !important;
            // filter: brightness(1.1);
            // -webkit-text-stroke-width: 1px !important;
            // -webkit-text-stroke-color: black !important;
            // text-shadow: 0.25rem 0.25rem 0 #332010 !important;
            font-size: 2.75rem !important;
            line-height: 115% !important;

            @include media-breakpoint-down(md) {
              font-size: 1.75rem !important;
              font-weight: 700 !important;
              line-height: 100% !important;
            }
          }

          .subtitle {
            padding-top: 15px;

            p {
              color: #fff !important;
              font-size: 24px;
            }
          }
        }
      }
    }
  }
}

// fix hpb 05122025

.header-main .navbar-nav .nav-item .nav-link:hover .nav-text {
  color: #fcf7ed;
}

.dropdown:hover .dropdown-menu {
  width: 280px;
  padding: 2rem 0;
  border-radius: 1rem;
}

@media (min-width: 1200px) {
  .dropdown ul.dropdown-menu li a:hover {
    color: $white !important;
    text-shadow: 3px 2px 1px rgb(0 0 0 / 24%) !important;
  }

  .dropdown ul.dropdown-menu li a {
    white-space: normal;
    display: block;

    &:before {
      display: none;
    }
  }

  .navbar-nav .nav-item.lvl-1:hover>a .nav-text {
    color: $blue-dark !important;
    position: relative;
  }

  // .navbar-nav .nav-item > a .nav-text:after{
  //   content: "\f107";
  //   font-family:"Font Awesome 5 Pro";
  //   position: absolute;
  //   right: 0;
  //   top: 20px;
  //   z-index: 999999;
  //   font-size: 16px;
  //   height: 16px;
  //   width: 12px;
  // }
}

.header-main .navbar-nav .nav-item.dropdown .dropdown-menu {
  @media (max-width: 992px) {
    background: transparent !important;
    color: #fff !important;
  }

  li {
    a {
      line-height: 22px;

      @media (max-width: 992px) {
        color: #fff !important;
      }

      &:hover {
        @media (max-width: 992px) {
          color: $secondary-color !important;
          filter: brightness(1.1);
        }
      }
    }
  }
}

//by nandu
// tx-wabs-attractions :nandu
// .container,
// .container-fluid {
//   .tx-wabs-attractions {
//     .filter-elements {
//       .container {
//         .filter {
//           .btn {
//             &.btn-filter {
//               &.filter-red {
//                 background-color: $red-dark !important;
//                 color: $white !important;
//                 &:hover {
//                   background-color: $secondary-color !important;
//                 }
//               }
//               .filter-options {
//                 background-color: $red-dark !important;
//                 > div:hover {
//                   background-color: $secondary-color;
//                 }
//               }
//             }
//           }
//           .filter-active-options {
//             > div {
//               border: 1px solid $red-dark !important;
//               color: $red-dark !important;
//               .icon {
//                 background-color: $red-dark !important;
//               }
//             }
//           }
//         }
//       }
//       .row {
//         .box {
//           &.filter-element {
//             &.filter-red {
//               background-color: $red-dark !important;
//               position: relative;
//               img.slider-content-icon {
//                 width: 80px;
//                 height: 80px;
//                 position: absolute;
//                 left: 10px;
//                 top: 10px;
//               }
//               .title-with-icon {
//                 h3.attraction-title {
//                   color: $white !important;
//                   &:hover {
//                     opacity: 0.9;
//                     text-shadow: 0 0 3px $white, 0 0 1px $white;
//                   }
//                 }
//               }
//             }
//           }
//         }
//       }
//     }
//     .hero-inner {
//       &.hero-main {
//         &.attraction-details {
//           &.owl-carousel {
//             .figure {
//               top: 0px !important;
//             }
//           }
//         }
//       }
//     }
//   }
// }
// tx-wabs-attractions :nandu

body {
  font-family: $font-stack;
  color: $black;
  line-height: 1.5;
  margin: 0;
  padding: 0;

  p {
    color: $black !important;

    @include media-breakpoint-up(md) {
      color: $black !important;
    }

    @include media-breakpoint-up(lg) {
      color: $black !important;
    }

    @include media-breakpoint-up(xl) {
      color: $black !important;
    }

    @include media-breakpoint-up(xxl) {
      color: $black !important;
    }

    @include media-breakpoint-up(xxxl) {
      color: $black !important;
    }
  }

  .content-main {

    .container,
    .container-fluid {
      .btn {
        @include button-base; // Include the base styles

        background-color: $red-dark;
        color: $white;

        &:hover {
          background-color: $secondary-color; // Use SCSS function to darken color on hover
        }
      }

      h3,
      h4,
      h5,
      h6 {
        span {
          font-weight: 700 !important;
        }
      }

      h1 {
        font-size: $h1-size !important;
        font-weight: normal !important;
      }

      h2 {
        font-size: $h2-size !important;
        font-weight: normal !important;
      }

      h3 {
        font-size: $h3-size !important;
        font-weight: 600 !important;
      }

      h4 {
        font-size: $h4-size !important;
        font-weight: 600 !important;
      }

      h5 {
        font-size: $h5-size !important;
        font-weight: 600 !important;
      }

      h6 {
        font-size: $h6-size !important;
        font-weight: 600 !important;
      }

      // $h1-size: 4.236rem;
      // $h2-size: 2.618rem;
      // $h3-size:1.618rem;
      // $h4-size:1rem;
      // $h5-size:0.618rem;
      // $h6-size:0.382rem;

      h1 {
        margin-top: 1em;
        /* Or 1.5rem, depends on design */
        margin-bottom: 0.6em;
        padding-top: 0;
        padding-bottom: 0;
      }

      h2 {
        margin-top: 1.563rem !important;
        margin-bottom: 1.875rem !important;
        padding-top: 0;
        padding-bottom: 0;
      }

      h3 {
        margin-top: 0.7em;
        margin-bottom: 0.4em;
        padding-top: 0;
        padding-bottom: 0;
      }

      h4 {
        margin-top: 0.6em;
        margin-bottom: 0.3em;
        padding-top: 0;
        padding-bottom: 0;
      }

      h5 {
        margin-top: 0.5em;
        margin-bottom: 0.2em;
        padding-top: 0;
        padding-bottom: 0;
      }

      h6 {
        margin-top: 0.4em;
        margin-bottom: 0.1em;
        padding-top: 0;
        padding-bottom: 0;
      }
    }

    .container {
      @include media-breakpoint-up(sm) {
        max-width: 540px;
      }

      @include media-breakpoint-up(md) {
        max-width: 720px;
      }

      @include media-breakpoint-up(lg) {
        max-width: 9600px;
      }

      @include media-breakpoint-up(xl) {
        max-width: 1140px;
      }

      @include media-breakpoint-up(xxl) {
        max-width: 1320px;
      }

      @include media-breakpoint-up(xxxl) {
        max-width: 1500px;
      }
    }
  }
}

.content-main {
  .newsletter .figure>img {
    aspect-ratio: 3 !important;
  }

  header {
    h2 {
      font-weight: normal !important;
    }
  }

  .slide-item-review {
    background-color: $blue-dark;

    h4.card-headline {
      font-family: $font-family-primary !important;
      font-weight: 700 !important;
      color: $secondary-color !important;
      filter: brightness(1.1);
      font-size: 1.125rem !important;
      line-height: 1.5rem;
      padding: 0 !important;
      margin: 0rem 0 1.25rem !important;
      height: 60px;
    }

    .card-content {
      p {
        color: $white !important;
        font-size: 1.125rem !important;
        font-weight: 300 !important;
      }
    }

    .rating-author {
      p {
        color: $secondary-color !important;
        filter: brightness(1.1);
      }
    }
  }

  .hero-main .owl-nav {
    display: none;
  }

  .hero-main .figure:before {
    // background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 16%)!important;
    background: linear-gradient(180deg,
        transparent,
        rgb(0, 0, 0, 0.25) 10%) !important;
  }

  .hero-main .owl-carousel .owl-dots button.owl-dot {
    display: none;
  }

  .hero-main.slider-at-homepage .slide-item .content-header-container .header-subtitle h2,
  .hero-main.slider-at-homepage .slide-item .content-header-container .header-subtitle .h2,
  .hero-main .hero-cont .content-header-container .header-subtitle h2 {
    margin: 0 !important;
    font-size: 1.5rem !important;
    color: $white !important;
    border: none !important;
    text-shadow: none;
  }

  .hero-main.slider-at-homepage .slide-item .content-header-container .header-title h1 {
    margin: 0.05rem 0 0.1rem 0 !important;
    font-weight: 700 !important;
    line-height: 110% !important;
  }

  .header-main {
    background: none !important;
  }

  .hero-main .hero-cont .content-header-container .header-subtitle {
    max-width: 60%;
  }

  .hero-main .hero-cont .content-header-container .header-title {
    padding: 0;
    margin: 0;
    background: transparent !important;
  }

  .hero-main .hero-cont .content-header-container .header-title h1 {
    color: $white !important;
    filter: brightness(1.1);
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-family: $font-family-primary;

    // -webkit-text-stroke-width: clamp(1px, calc(100vw / 600), 3px);
    // -webkit-text-stroke-color: $red-dark;
    @media (max-width: 991.98px) {
      color: $secondary-color !important;
    }

    paint-order: stroke;

    margin: 0.05rem 0 0.1rem 0 !important;
    line-height: 110% !important;
  }

  .hero-main .hero-cont .content-header-container .header-subtitle {
    margin-bottom: 30px !important;
  }

  .container {
    .container-fluid {
      h2.text-center {
        margin-top: 0 !important;
      }

      p {
        span {
          font-weight: 300 !important;
        }
      }
    }

    p {
      span {
        font-weight: 300 !important;
      }
    }
  }
}

.container .row .item .card:has(.gradient-overlay).content-on-image-bottom .content .title h3 {
  // color: $secondary-color!important;
  font-size: 1.618rem !important;
  text-shadow: 0 0.125em 3px #000;
  font-weight: 700 !important;
  color: $white !important;
}

// .container
//   .row
//   .item:hover
//   .card:has(.gradient-overlay).content-on-image-bottom
//   .content
//   .title
//   h3 {
//   color: $secondary-color !important;
//   text-shadow: 0 0.125em 3px #000;
//   font-weight: 700 !important;
// }
// .container
//   .row
//   .item
//   .card:has(.gradient-overlay).content-on-image-bottom
//   .content
//   .title:after {
//   text-shadow: 0 0.125em 3px #000;
// }
.container .row .item:hover .card:has(.gradient-overlay).content-on-image-bottom .content .title:after {
  color: $white !important;
  filter: brightness(1.1);
  // text-shadow: 0 0.125em 3px #000;
}

@media (min-width: 1200px) {
  .header-main:has(.navbar.navbar-expand-xl) {
    background: transparent !important;

    +.content-main {
      .hero-main {
        &.slider-at-homepage {
          &.desktop-view {
            .owl-carousel {
              .slide-item {
                height: 80vh;
                margin-top: 0;

                .figure {
                  &::after {
                    background: transparent;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.section-bg-image .row:not(.parallax-window) {
  padding: 0 !important;
}

.dropdown .dropdown-menu {
  transition: none !important;
}

.hero-main .hero-cont .content-header-container.float-left {
  padding-left: 60px;
}

.tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup {
  color: $red-dark;
}

@media (max-width: 992px) {
  .content-main .hero-main .hero-cont .content-header-container .header-subtitle {
    max-width: 100% !important;
  }

  .content-main .hero-main.slider-at-homepage .slide-item .content-header-container .header-subtitle h2,
  .content-main .hero-main .hero-cont .content-header-container .header-subtitle h2 {
    font-size: 1.125rem !important;
  }

  body .content-main .container h2,
  body .content-main .container .h2,
  body .content-main .container-fluid h2,
  body .content-main .container-sm h2,
  body .content-main .container-sm .h2,
  body .content-main .container-md h2,
  body .content-main .container-md .h2,
  body .content-main .container-lg h2,
  body .content-main .container-lg .h2,
  body .content-main .container-xl h2,
  body .content-main .container-xl .h2,
  body .content-main .container-xxl h2,
  body .content-main .container-xxl .h2,
  body .content-main .container-xxxl h2,
  body .content-main .container-xxxl .h2,
  body .content-main .container-fluid .h2 {
    font-size: 1.75rem !important;
    text-shadow: none !important;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container h2,
  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container .h2 {
    -webkit-text-stroke-width: 0px !important;
    -webkit-text-stroke-color: transparent !important;
    text-shadow: none !important;
  }

  #header-type-2.header-main .navbar .btn-booking .btn {
    margin-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .feature-items {
    margin-top: 0 !important;
  }

  .content-main .hero-main.slider-at-homepage .slide-item .content-header-container .header-title h1,
  .content-main .hero-main.slider-at-homepage .slide-item .content-header-container .header-title .h1 {
    font-size: 1.75rem !important;
  }

  .content-header-container {
    padding-left: 60px !important;
  }
}

@media (min-width: 993px) and (max-width: 1199.95px) {
  .content-main {
    // background: #f6e9cb;
    // background: linear-gradient(
    //   0deg,
    //   #f6e9cb 0%,
    //   #f6e9cb 51%,
    //   rgba(246, 233, 203, 0) 100%
    // );
  }
}

@media (min-width: 992px) {
  .header-main {
    .btn-booking {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100% !important;
      margin-left: -20px;
      transition: all 0.25s;
      line-height: 70px;
      margin-top: 0 !important;
      border-radius: 0;

      .btn {
        background-color: $red-dark !important;
        width: 100%;
        height: 100%;
        line-height: 70px;
        min-height: 100%;
        padding: 0 15px !important;
        color: $white;
        min-width: 0px;
        border: none;
        display: block !important;

        p {
          color: $white;
        }
      }
    }
  }
}

// /***/

@media (max-width: 992px) {
  .content-main .frame-type-form_formframework form {
    width: 100% !important;
  }

  footer.footer-main .pre-footer>.container {
    .col-lg-3 {
      width: 50%;

      p {
        font-size: 18px;
      }
    }
  }

  footer.footer-main .pre-footer>.container .col-lg-3 {
    width: 100%;
  }

  .footer-menu-content .container .row .col-lg-3:nth-child(4) {
    margin-left: 0;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container .btn {
    bottom: 0;
    right: 0;
  }

  .footer-menu-content {
    padding-top: 30px !important;
  }

  .footer-main .footer-menu ul li a {
    white-space: normal;
    font-weight: 300;
  }

  footer.footer-main .title,
  footer.footer-main h2,
  footer.footer-main .h2 {
    display: block;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-bottom: 7px;
    color: $secondary-color;
    filter: brightness(1.1);
    margin-bottom: 1rem;
    text-transform: uppercase;
  }

  footer.footer-main {
    background-color: $blue-dark;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container h2,
  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container .h2 {
    color: $secondary-color;
    filter: brightness(1.1);

    // text-shadow: 1px 1px 0 $blue-dark, 1px 1px 0 $blue-dark, 1px 1px 0 $blue-dark,
    //   1px 1px 0 $blue-dark !important;
    paint-order: stroke;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) {
    background-color: $white;
    padding: 0 20px;

    p {
      color: $black;
    }

    ul {
      margin: 0;
      padding: 0;

      li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;

        &:before {
          display: none;
        }
      }
    }

    a {
      color: $black;
    }
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container .btn {
    float: left !important;
    margin-top: 32px !important;
    background-color: $red-dark !important;
    color: $white !important;
  }

  .footer-menu-content {
    padding-top: 30px;

    .social-links {
      a {
        margin: 10px 10px;

        &:before {
          font-size: 24px;
        }
      }
    }

    .container {
      padding: 0 20px;
    }
  }

  .footer-menu-content {
    div.frame-type-html:has(.social-links.social-footer.social-gtm) {
      align-items: center !important;
      float: none;
      display: grid;
      width: 100%;

      img {
        width: 60%;
        margin: 30px auto 0 auto !important;
        float: none;
        align-items: center;
      }
    }
  }

  footer.footer-main .pre-footer>.container .col-lg-3 {
    padding-bottom: 0;
  }

  .hero-main .hero-cont .content-header-container.float-left {
    padding-left: 30px !important;
  }
}

@media (max-width: 845px) {
  .footer-main .pre-footer {
    padding-bottom: 30px !important;
  }

  footer.footer-main .pre-footer .container {
    --bs-gutter-x: 0px;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container h2 {
    background: transparent;
    border: 0;
    padding: 0;

    &:after {
      display: none;
    }
  }

  .footer-main .pre-footer .fourcol-25-25-25-25 .col-6.col-sm-6.col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
  }

  .footer-main .pre-footer p {
    line-height: 24px;
  }

  .footer-main .pre-footer .row {
    flex-direction: column;
    gap: 10px;

    &>div {
      padding-bottom: 0;
    }
  }

  .footer-menu-content {
    padding-bottom: 20px !important;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container {
    padding-bottom: 20px;
  }

  .footer-menu-content .container .row .col-lg-3 {
    width: 100% !important;

    h2 {
      background-color: $secondary-color;
      color: white !important;
      -webkit-text-stroke-width: 0px;
      -webkit-text-stroke-color: transparent;
      font-size: 1.125rem !important;
      line-height: 1.375rem;
      margin-bottom: 0;
      padding-right: 32px;
      padding-top: 5px;
    }

    .footer-menu {
      padding-top: 10px;

      ul {
        li {
          a {
            color: $white;
          }
        }
      }
    }
  }

  footer.footer-main {
    .copy-rights {
      .container {
        max-width: 100%;

        &>row {
          flex-direction: column;
        }

        .icons {
          width: 100% !important;
        }

        .footer-text-bottom {
          margin-top: 15px;
          text-align: center;

          +.footer-text-bottom {
            &.text-end {
              padding-top: 15px;
              text-align: center !important;
              float: none !important;
            }
          }
        }
      }
    }
  }
}

.header-main .search-box form input[type="text"] {
  color: $white !important;
}

.tx-indexedsearch-info-noresult {
  color: $red-dark;
}

@media (max-width: 845px) {
  footer.footer-main .copy-rights .container .icons {
    width: 100% !important;
    justify-content: center !important;
  }
}

.content-main {
  .btn.data {
    margin-top: 32px !important;
    background-color: $red-dark !important;
    color: $white !important;

    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;

    margin-bottom: 20px;

    &:hover {
      background-color: #0a91ef !important;
    }
  }
}

.navbar.navbar-expand-xl .header-main .btn-booking .btn {
  min-height: 100% !important;
  padding: 0 15px !important;
  color: $white !important;
  min-width: 0px !important;
  border: none !important;
  display: block !important;
}

.accordion-wrapper .accordion-element .collapse .card-body p strong {
  font-weight: 600 !important;
}

@media (max-width: 992px) {
  footer.footer-main .pre-footer .container {
    --bs-gutter-x: 0px;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container h2 {
    background: transparent;
    border: 0;
    padding: 0;

    &:after {
      display: none;
    }
  }

  .footer-main .pre-footer .fourcol-25-25-25-25 .col-6.col-sm-6.col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
  }

  .footer-main .pre-footer p {
    line-height: 24px;
  }

  .footer-main .pre-footer .row {
    flex-direction: column;
    gap: 10px;

    &>div {
      padding-bottom: 0;
    }
  }

  .footer-menu-content {
    padding-bottom: 20px !important;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) .container {
    padding-bottom: 20px;
  }

  .footer-menu-content .container .row .col-lg-3 {
    width: 100% !important;

    h2 {
      background-color: $secondary-color;
      color: $white !important;
      -webkit-text-stroke-width: 0px;
      -webkit-text-stroke-color: transparent;
      font-size: 1.125rem !important;
      line-height: 1.375rem;
      margin-bottom: 0;
      padding-right: 32px;
      padding-top: 5px;
    }

    .footer-menu {
      padding-top: 10px;

      ul {
        li {
          a {
            color: $black !important;
          }
        }
      }
    }

    .content-main .container .frame.frame-default.frame-type-textmedia .ce-gallery {
      height: auto !important;
    }
  }

  footer.footer-main {
    .copy-rights {
      .container {
        max-width: 100%;

        &>row {
          flex-direction: column;
        }

        .icons {
          width: 100% !important;
        }

        .footer-text-bottom {
          margin-top: 15px;
          text-align: center;

          +.footer-text-bottom {
            &.text-end {
              padding-top: 15px;
              text-align: center !important;
              float: none !important;
            }
          }
        }
      }
    }
  }

  .frame.frame-default.frame-type-textmedia {
    .ce-gallery {
      width: 100%;
      height: 100% !important;
      border: none;
    }
  }
}

@media (min-width: 767.95px) and (max-width: 1024px) {
  .footer-menu-content div.frame-type-html:has(.social-links.social-footer.social-gtm) {
    width: 50% !important;
    margin: 0 auto !important;
  }

  .footer-main .pre-footer {
    float: left;
    width: 100%;
  }

  footer.footer-main .pre-footer>.container .row:nth-last-child(2) {
    display: block !important;
    margin-bottom: 30px !important;
  }

  .footer-main .pre-footer .container:first-child .row+.row {
    display: block !important;
    margin-bottom: 30px !important;
  }

  .footer-main .pre-footer .container:first-child .row+.row .footer-menu-content {
    display: block !important;
  }

  .footer-menu-content .container .row .col-lg-3 h2,
  .footer-menu-content .container .row .col-lg-3 .h2 {
    background-color: transparent !important;
    color: $secondary-color !important;
    padding-left: 0 !important;
  }
}

/* Tablet view (md: 768px - 991px) */
@media (min-width: 768px) and (max-width: 1200px) {
  .footer-menu-content .container .row>.col-lg-3:first-child {
    flex: 0 0 100%;
    max-width: 100%;

    .frame-default {
      margin: 0 auto;
      text-align: center;

      img {
        width: 50%;
        margin: 0 auto;
      }
    }
  }

  .footer-menu-content .container .row>.col-lg-3:not(:first-child) {
    flex: 0 0 50%;
    max-width: 50%;

    h2 {
      background-color: transparent !important;
      color: $white !important;
      padding-left: 0 !important;
    }
  }

  .content-main {
    .feature-items {
      .iconbox {
        background-color: $secondary-color !important;
        border: none;

        filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));

        .icon {
          background-color: $red-dark !important;

          width: 100px;
          height: 100px;
          margin: 0 auto;
          padding: 5px 5px;
          border-radius: 50%;
          align-items: center;

          .icon-image {
            width: 60px;
            height: 60px;
            filter: brightness(0) saturate(100%) invert(79%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(105%) contrast(106%);
          }
        }

        .box-content {
          h5 {
            margin-top: 15px;
            font-size: 1.25rem !important;
            color: $white;
            filter: brightness(1.1);
          }
        }

        &:hover {
          .icon {
            background-color: $secondary-color !important;
          }

          h5 {
            color: $white;
          }
        }
      }
    }
  }

  .section:has(.jarallax) {
    max-width: 100%;

    +section {
      .container {
        max-width: 1600px;

        .container {
          max-width: 100%;
          align-content: center;

          p {
            font-size: 18px;
            line-height: 24px;
          }
        }
      }
    }
  }

  .jarallax {
    .container {
      max-width: 1600px;
      min-height: 400px !important;

      .container {
        justify-content: center;
        padding: 30px 30px;
        margin: 30px 0 30px -70px;
        filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
        align-content: center;
      }

      .btn {
        margin-top: 15px !important;
        background-color: $white !important;
        color: $black !important;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15));
        float: none !important;
        width: max-content;

        &:hover {
          color: $white !important;
          background-color: $secondary-color !important;
        }

        .image-button {
          width: 24px;
          height: 24px;
        }
      }
    }

    h2 {
      margin-bottom: 15px !important;
    }
  }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
  /* CSS styles for landscape orientation on devices wider than 768px */
}

@media only screen and (max-width: 1399.95px) {
  .content-main .hero-main.slider-at-homepage .slide-item .content-header-container .header-title h1 {
    font-size: 2.75rem !important;
  }

  #header-type-2.header-main .navbar .search-box form {
    border-radius: 20px !important;
  }
}

@media only screen and (max-width: 992px) {
  .container {
    .ce-gallery {
      figure {
        &.video {
          .video-embed {
            video.video-embed-item {
              width: 100% !important;
            }
          }
        }
      }
    }
  }

  footer.footer-main {
    .copy-rights {
      padding-bottom: 60px;
    }
  }

  .footer-main .pre-footer .row {
    flex-direction: row;
  }

  .footer-menu-content .container .row .col-lg-3 .footer-menu ul li a {
    color: $white !important;
  }
}

@media only screen and (min-width: 767.95px) and (max-width: 1199.95px) {
  .footer-menu-content .container .row>.col-lg-3:not(:first-child) {
    max-width: 49%;
  }

  footer.footer-main .copy-rights .container .icons {
    justify-content: center !important;
  }
}

@media only screen and (max-width: 1199.95px) {
  .content-main .feature-items .iconbox {
    filter: none !important;
  }

  .owl-carousel.owl-loaded {
    padding: 0 30px !important;
  }
}

.content-main .slide-item-review .rating-author p {
  opacity: 1 !important;
  font-size: 1rem !important;
  color: $white !important;
}

.jarallax .container .btn {
  background-color: $red-dark !important;
  color: $white !important;

  .image-button {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(189deg) brightness(105%) contrast(101%) !important;
  }
}

@media only screen and (max-width: 767.95px) {
  .footer-menu-content .container .row .col-lg-3 .footer-menu ul li a {
    color: white !important;
  }

  .accordion-wrapper .accordion-element .card-header h4.card-title a.accordion-toggle,
  .accordion-wrapper .accordion-element .card-header .card-title.h4 a.accordion-toggl {
    font-size: 1.125rem !important;
  }

  #header-type-2 .navbar .btn-booking .btn p.txt {
    font-size: 0.875rem;
  }

  .owl-carousel.owl-loaded {
    padding: 0 0px !important;
  }
}

@media only screen and (max-width: 767.95px) {

  .container,
  .container-fluid {
    header {
      h1 {
        font-size: 30px !important;
        font-family: $font-family-secondary !important;
        font-weight: 400 !important;

        &.ce-headline-center,
        &.ce-headline-left,
        &.ce-headline-right {
          font-family: $font-family-secondary !important;
          font-weight: 400 !important;
          color: $secondary-color;
          filter: brightness(1.1);

          text-shadow:
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark,
            1px 1px 0 $blue-dark !important;
          paint-order: stroke;
        }
      }
    }
  }

  .content-main .newsletter {
    .card {
      .content {
        padding: 30px !important;
      }
    }

    .figure {
      &>img {
        min-height: 250px !important;
      }
    }
  }

  .hero-main .hero-cont .content-header-container.float-left {
    padding-left: 0px !important;
  }
}

h1:not(.ce-headline-center),
h2:not(.ce-headline-center) {
  text-align: left;
}

@media screen and(min-width:1025px) {
  .content-main {
    .container {
      .container.twocol-50-50 {
        .row.col2-grid {
          .col-sm-12:first-child {
            .container {
              padding-left: 0 !important;
            }
          }
        }
      }
    }
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .content-main {
    .container {
      .container.twocol-50-50 {
        .row.col2-grid {
          .col-sm-12:first-child {
            .container {
              // padding-left: 0!important;
            }

            // padding-left: 0;
          }
        }
      }

      .accordion-wrapper {
        padding: 0 15px;
      }
    }
  }
}

body {
  .content-main {
    p {
      font-size: 18px !important;

      strong {
        font-weight: 600 !important;
      }
    }

    ol,
    ul {
      li {
        strong {
          font-weight: 600 !important;
        }
      }
    }

    .container,
    .container-fluid {
      p {
        font-size: 18px !important;

        strong {
          font-weight: 600 !important;
        }
      }

      h1,
      .h1,
      h2,
      .h2,
      h3,
      .h3,
      h4,
      .h4,
      h5,
      .h5,
      h6,
      .h6,
      h2 strong {
        text-shadow: none !important;
        font-family: $font-family-primary;
        letter-spacing: 0 !important;

        & strong {
          font-weight: 700 !important;
        }
      }

      h1,
      .h1,
      h2,
      .h2 {
        font-family: $font-family-secondary !important;
        font-weight: 400 !important;
        color: $secondary-color !important;
      }

      @media only screen and (max-width: 767.95px) {

        h1,
        header h1 {
          font-size: 2rem !important;
        }

        h2,
        header h2,
        h2 strong {
          font-size: 1.5rem !important;
        }

        h3,
        header h3 {
          font-size: 1.17rem !important;
        }
      }

      @media only screen and (min-width: 768px) and (max-width: 991.95px) {

        h1,
        header h1 {
          font-size: 2.5rem !important;
        }

        h2,
        header h2,
        h2 strong {
          font-size: 1.875rem !important;
        }

        h3,
        header h3 {
          font-size: 1.25rem !important;
        }
      }

      @media only screen and (min-width: 992px) and (max-width: 1199.95px) {

        h1,
        header h1 {
          font-size: 3rem !important;
        }

        h2,
        header h2,
        h2 strong {
          font-size: 2rem !important;
        }

        h3,
        header h3 {
          font-size: 1.5rem !important;
        }
      }

      .frame-type-news_newsliststicky {

        h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3,
        h4,
        .h4,
        h5,
        .h5,
        h6,
        .h6 {
          text-shadow: none !important;
          font-family: "Raleway", sans-serif !important;
          font-weight: 700 !important;
          letter-spacing: 0 !important;

          & strong {
            font-weight: 700 !important;
          }
        }

        @media only screen and (max-width: 767.95px) {

          h1,
          header h1 {
            font-size: 2rem !important;
          }

          h2,
          header h2,
          h2 strong {
            font-size: 1.5rem !important;
          }

          h3,
          header h3 {
            font-size: 1.17rem !important;
          }
        }

        @media only screen and (min-width: 768px) and (max-width: 991.95px) {

          h1,
          header h1 {
            font-size: 2.5rem !important;
          }

          h2,
          header h2,
          h2 strong {
            font-size: 1.875rem !important;
          }

          h3,
          header h3 {
            font-size: 1.25rem !important;
          }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199.95px) {

          h1,
          header h1 {
            font-size: 3rem !important;
          }

          h2,
          header h2,
          h2 strong {
            font-size: 2rem !important;
          }

          h3,
          header h3 {
            font-size: 1.5rem !important;
          }
        }
      }
    }

    p {
      font-size: 18px !important;

      strong {
        font-weight: 600 !important;
      }
    }

    h1,
    .h1,
    h2,
    .h2 {
      text-shadow: none !important;
      font-family: $font-family-secondary !important;
      font-weight: normal !important;
      letter-spacing: 0 !important;

      & strong {
        font-weight: 700 !important;
      }
    }

    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
      text-shadow: none !important;
      font-family: $font-family-primary !important;
      font-weight: 700 !important;
      letter-spacing: 0 !important;

      & strong {
        font-weight: 700 !important;
      }
    }

    @media only screen and (max-width: 767.95px) {

      h1,
      header h1 {
        font-size: 2rem !important;
      }

      h2,
      header h2,
      h2 strong {
        font-size: 1.5rem !important;
      }

      h3,
      header h3 {
        font-size: 1.17rem !important;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 991.95px) {

      h1,
      header h1 {
        font-size: 2.5rem !important;
      }

      h2,
      header h2,
      h2 strong {
        font-size: 1.875rem !important;
      }

      h3,
      header h3 {
        font-size: 1.25rem !important;
      }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199.95px) {

      h1,
      header h1 {
        font-size: 3rem !important;
      }

      h2,
      header h2,
      h2 strong {
        font-size: 2rem !important;
      }

      h3,
      header h3 {
        font-size: 1.5rem !important;
      }
    }
  }
}

// ipadmini
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  footer.footer-main .pre-footer .row>.col-sm-12 .fourcol-25-25-25-25 .col-6 {
    width: 49% !important;
  }
}

/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #header-type-2.header-main .navbar-nav .nav-item.dropdown .nav-link.show .nav-text {
    color: $black !important;
  }

  footer .pre-footer>.container .row:nth-last-child(2) .container ul li a {
    color: $black !important;
  }

  #header-type-2.header-main .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item>a {
    color: $white !important;
  }

  .header-main .dropdown-menu {
    background-color: transparent;

    ul.dropdown-menu.show {
      li.dropdown-item {
        a {
          color: $white !important;
        }
      }
    }
  }

  .header-main .navbar-nav li.nav-item.dropdown:last-of-type {
    .dropdown-menu {
      right: 0 !important;
    }
  }

  footer.footer-main .pre-footer .row>.col-sm-12 .fourcol-25-25-25-25 .col-6 {
    width: 49% !important;
  }

  footer.footer-main .copy-rights p {
    text-align: right;
  }

  .search-box.order-md-first {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #header-type-2.header-main .navbar-nav .nav-item.dropdown .nav-link.show .nav-text {
    color: $white !important;

    .dropdown-menu.show {
      right: 0 !important;
    }
  }

  .navbar-nav .nav-item.lvl-1:hover>a .nav-text,
  .navbar-nav .nav-item.lvl-1:focus>a .nav-text {
    color: $white !important;
  }
}

@media only screen and (min-width: 1200px) {
  .header-main .navbar-nav li.nav-item.dropdown:last-of-type {
    .dropdown-menu {
      right: 0 !important;
    }
  }
}

@media only screen and (max-width: 767.95px) {
  .footer-main .pre-footer .container:first-child .row .container.footer-container {
    h2 {
      font-size: 1.25rem !important;
    }
  }
}

// park status info sticky module

.park-status-info {
  position: fixed;
  right: -280px;
  top: 18%;
  width: 280px;
  height: auto;
  background: $white;
  box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  overflow-y: auto;
  font-size: 18px;
  z-index: 9998;
  transition: right 0.35s ease-in-out;
  border-radius: 30px 0 0 30px;

  &:has(.open-panel) {
    right: 0px !important;
  }

  div {
    .opening-hours-table {
      width: 100%;
      color: $black;
      font-size: 18px;

      tr {
        border-bottom: 1px dashed $secondary-bg;

        td {
          padding-left: 0px;

          &.weekday {
            font-weight: 700;
            vertical-align: top;
            color: $black;
          }

          &.opening-time {
            padding-left: 10px;
            font-size: 18px;
            color: $black;

            .closed {
              color: $red-dark;
            }

            span {
              padding-left: 10px;
              display: block;
              line-height: 20px;
            }
          }
        }
      }

      tr:nth-child(odd) {
        background: transparent;
      }

      tr:nth-child(even) {
        background: transparent;
      }

      @media only screen and (max-width: 767.95px) {
        display: none !important;
      }
    }

    .status {
      position: fixed;
      right: 0;
      top: 15%;
      color: $white;
      padding: 10px 18px 10px 18px;
      z-index: 9999;
      cursor: pointer;
      border-radius: 20px 0 0 20px;
      transition: background 0.3s;
      font-weight: 600;
      text-shadow: 0.125rem 0.25rem 2px $black;
      box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);

      &:hover {
        background: $secondary-color;
      }

      display: flex;
      flex-direction: column;
      text-align: center;

      background: #f49a09;

      .icon {
        width: 36px;
        height: 36px;
        margin: 0 auto;
        background-color: $white;
        border-radius: 50%;
        box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);

        img {
          width: 36px;
          height: 36px;
          top: 30% !important;
          filter: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(6714%) hue-rotate(339deg) brightness(98%) contrast(113%);
        }
      }

      &.open {
        display: flex;
        flex-direction: column;
        text-align: center;
        background: $red-dark;

        .icon {
          width: 36px;
          height: 36px;
          margin: 0 auto;
          background-color: $white;
          border-radius: 50%;
          box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);

          img {
            width: 36px;
            height: 36px;
            top: 30% !important;
            filter: brightness(0) saturate(100%) invert(54%) sepia(66%) saturate(484%) hue-rotate(73deg) brightness(93%) contrast(90%);
          }
        }

        span:last-child {
          font-size: 14px !important;

          display: block;
          margin-top: -5px;
        }

        &.mob-hide {
          @media only screen and (max-width: 767.95px) {
            display: none !important;
          }
        }
      }
    }

    .btn-link-wrapper {
      &.desk-hide {
        display: block;
        position: fixed;
        bottom: 0;
        top: auto;
        height: 44px;

        color: $white;
        padding: 10px 0px 20px 0px;
        z-index: 9999;
        cursor: pointer;
        border-radius: 20px 20px 0 0;
        transition: background 0.3s;
        font-weight: 600;
        text-shadow: 0.125rem 0.25rem 2px #332010;
        // box-shadow: -6px 0 25px rgba(0, 0, 0, 0.2);
        text-align: center;
        // background: #f49a09;
        background: transparent !important;

        width: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);

        .btn {
          width: 250px;

          display: flex;
          justify-content: center;
          align-items: end;
          background: transparent !important;

          position: absolute;
          height: 44px;
          bottom: 0;
          left: 0;

          .status {
            // width: 100%;
            min-width: 231px;
            // width: 250px;
            text-align: center;
            justify-content: center;
            align-items: center;
            display: flex;
            align-content: center;
            font-size: 14px;
            border-radius: 20px 20px 0 0;
            flex-direction: row;
            flex-wrap: wrap;
            left: 50%;
            top: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            max-width: calc(100vw - 2rem);

            &:hover {
              background: #a81b17;
            }

            &.open {}

            .icon {
              width: 24px;
              height: 24px;
              display: inline-block;
              margin-right: 5px !important;
              padding: 0 !important;

              img {
                width: 24px;
                height: 24px;
              }
            }

            span:last-child {
              font-size: 14px !important;
              display: flex;
              align-items: anchor-center;
              margin: 0;
              padding: 0 0 0 10px;
            }

            &.closed {
              min-width: 130px;
            }
          }

          &:has(.status.closed) {
            min-width: 130px !important;
            box-sizing: border-box;
            left: 24%;
            width: auto;
          }
        }

        @media screen and (min-width: 992px) {
          display: none !important;
        }
      }
    }

    &.mob-hide {
      @media screen and (max-width: 991.95px) {
        display: none !important;
      }
    }
  }

  // end of div

  &:has(.open-panel) {
    @media screen and (max-width: 991.95px) {
      display: none;
    }
  }
}

// end of park-status-info

.header-main {
  .search-box {
    @media screen and (max-width: 991.95px) {
      margin-top: 20px !important;
    }
  }
}

.events-cont .events-highlights ul li:before {
  white-space: normal !important;
  width: 80%;
  line-height: 100%;
  padding-top: 5px;
}

@media screen and (max-width: 1023.95px) {
  #header-type-2.header-main .navbar-nav .nav-item.dropdown {
    .nav-link.show .nav-text {
      color: $white !important;
    }

    .dropdown-menu {
      &.show {
        background: transparent !important;
        padding: 1.5rem 10px !important;

        li {
          a {
            color: $white !important;
          }
        }
      }
    }
  }
}

#header-type-2.header-main .navbar-nav .nav-item.dropdown {
  .dropdown-menu {
    @media screen and (min-width: 1024px) {
      padding: 1.75rem 10px !important;
    }
  }
}

body {
  .container-main {

    ul,
    ol {

      // padding: 0 0 0 17px !important;
      li {
        color: $black;

        &::marker {
          font-weight: 600;
          color: $red-dark;
        }

        &:before {
          font-weight: 600;
          background: $red-dark;
        }
      }
    }
  }
}

.container {
  .footer-menu {
    ul {
      padding: 0 !important;
    }
  }
}

.content-main {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-transform: none;

    & strong {
      text-transform: none;
    }
  }
}

.fancybox-button {
  background: $blue-dark; // rgba(30,30,30,.6)
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: $secondary-bg;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: $secondary-bg;
}

.card {
  &.attraction-features {
    background-color: $secondary-bg;
  }
}

.content-main {
  .primary-bg {
    background-color: $secondary-bg !important;
  }

  .heading-txt {
    .aside {
      h2 {
        color: $secondary-color;
        filter: brightness(1.1);

        text-shadow:
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark,
          1px 1px 0 $blue-dark !important;
      }
    }
  }

  header {
    h1 {
      color: $secondary-color;
      filter: brightness(1.1);

      text-shadow:
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark,
        1px 1px 0 $blue-dark !important;
    }
  }
}

@media screen and (max-width: 1200px) {
  .hero-main {
    &.desktop-view {
      .owl-carousel {
        &.owl-loaded {
          padding: 0 0px !important;

          .owl-stage-outer {
            .owl-stage {
              min-width: auto;
              max-width: 100vw;
            }
          }
        }
      }
    }
  }
}

.container.fourcol-25-25-25-25 {
  .row {
    .col-lg-3 {
      &.break-early {
        @media screen and (max-width: 1024px) {
          width: 50% !important;
        }

        @include media-breakpoint-down(sm) {
          width: 100% !important;
        }
      }
    }
  }
}

.ticket-card-slider,
.ridetile-container,
.news-slider-2 {

  .owl-nav button.owl-prev.owl-prev span,
  .owl-nav button.owl-next.owl-prev span,
  .owl-nav button.owl-prev.owl-next span,
  .owl-nav button.owl-next.owl-next span {
    display: none;
  }
}

.content-main .container .frame {
  h2.promotion-title {
    font-family: $font-family-primary !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    border: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: unset;
    margin: 0 0 5px 0 !important;
  }
}

.tab-wrapper.frame-layout-1 {
  .tab-content.round-border {
    .tab-pane#firsttab {
      border: 0px;
    }

    .tab-pane#secondtab {
      border: 0px;
    }

    .tab-pane#thirdtab {
      border: 0px;
    }
  }
}

@media (max-width: 767.98px) {

  .owl-carousel .card .content .btn-out,
  .card .content .btn-out {
    width: 100%;
    position: absolute;
    bottom: 6px;
  }

  .tx-wabs-attractions .filter {
    margin-top: 60px;
  }
}

.frame-type-carousel_with_preview_component {
  .content-attraction {
    &.c-carousel-with-preview-component {
      &.component {
        .carousel-with-preview-holder {
          .hero-detail-container {
            @media (max-width: 1199.98px) {
              top: 40px;
            }
          }
        }
      }
    }
  }
}

.carousel-with-preview-holder .hero-banner-holder {
  @media (max-width: 1199.98px) {
    margin-bottom: 0;
  }

  @include media-breakpoint-down(md) {
    margin-bottom: 45px;
  }
}

.content-main {
  .feature-items {
    .iconbox {
      background-color: $blue-dark !important;
    }
  }
}

.card-carousel-component-container .slick-active .card-frame {
  box-shadow: 0 19px 72px 0 rgba(0, 0, 0, 0.1);
}

.image-slider .owl-carousel .owl-nav button.owl-prev {
  left: -10px;
}

.image-slider .owl-carousel .owl-nav button.owl-next {
  right: -10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .container-fluid {
    .row {
      &.jarallax {
        .container {
          &.twocol-66-33 {
            .row {
              >div:nth-child(2) {
                width: 60% !important;
                margin-left: auto;
              }
            }
          }
        }
      }
    }
  }
}

// btn cut issue iphone fix
@include media-breakpoint-down(md) {
  .news {
    &:has(.card .btn-out) {
      padding: 0px;

      .owl-carousel {
        &.owl-loaded {
          .owl-stage-outer {
            overflow: visible !important;
          }

          .item {
            &:has(.card .btn-out) {
              padding-bottom: 50px !important;

              .card {
                position: relative;
                transform: none !important;

                .content {
                  position: relative;
                  padding-bottom: calc(70px + env(safe-area-inset-bottom));

                  .btn-out {
                    width: 100%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: -20px;
                    transform: none !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .item {
    &:has(.card .btn-out) {
      padding-bottom: 25px !important;

      .card {
        &:has(.btn-out) {
          position: relative;
          transform: none !important;
          overflow: visible !important;

          .content {
            position: relative;
            padding-bottom: calc(70px + env(safe-area-inset-bottom));

            .btn-out {
              width: 100%;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -20px;
              transform: none !important;
            }
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .hero-cont {
    &.hero-more-cont {
      .content-header-container {
        padding-left: 0 !important;
      }
    }
  }

  .tab-wrapper {
    &.frame-layout-1 {
      .tab-pane {
        .content {
          .title {
            div {
              span {
                &.subtitle {
                  >ul {
                    text-align: center;

                    >li {
                      font-size: 1rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .hero-main {
    &.mobile-view {
      background: $secondary-bg;

      .slide-item {
        &.video-item {
          .hero-cont {
            &.hero-more-cont {
              padding: 40px 0 0 0 !important;
            }
          }
        }
      }
    }
  }

  .slide-item.video-item:has(picture) {
    iframe {
      display: none !important;
    }
  }

  .hero-main {
    &:not(.slider-at-homepage) {
      .slide-item {
        .hero-cont {
          &.hero-more-cont {
            padding: 20px 0 !important;
          }
        }
      }
    }
  }

  .container .ce-gallery figure.video .video-embed video.video-embed-item {
    height: auto;
  }
}

.hero-main .slide-item {
  @include media-breakpoint-down(md) {
    height: 65vh;
  }

  @include media-breakpoint-down(sm) {
    height: 50vh;
  }
}

.hero-banner-container {
  .hero-image {
    &.has-media {
      iframe.vimeo-video {
        pointer-events: none;
      }
    }
  }
}

@media screen and (orientation: portrait) {
  .tx-wabs-attractions {
    .hero-inner.hero-main.attraction-details.owl-carousel {
      &:has(iframe) {
        @media (max-width: 991px) {
          min-height: 47vh !important;
          margin-top: 0px !important;
        }

        @include media-breakpoint-down(sm) {
          min-height: 41vh !important;
        }

        .slide-item {
          &:has(iframe) {
            @media (max-width: 991px) {
              height: 52vh !important;
            }

            @include media-breakpoint-down(sm) {
              height: 50vh !important;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1200px) {
  .owl-carousel {
    &.owl-loaded {
      .owl-stage-outer {
        .owl-stage {
          .slide-item {
            .figure:has(iframe) {
              &::before {
                background: transparent !important;
              }
            }
          }
        }
      }
    }
  }

  .content-main {
    .hero-main {
      .figure:before {
        background: transparent !important;
      }
    }
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .hero-main {
    &.slider-at-homepage.desktop-view {
      .owl-carousel {
        &.owl-loaded {
          .owl-stage-outer {
            .owl-stage {
              max-width: none !important;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1199px) {
  .tx-wabs-attractions {
    .hero-inner {
      &.hero-main {
        &.attraction-details {
          &.owl-carousel {
            .figure {

              // top: 74px !important;
              .slide-item {
                height: 100% !important;
              }
            }

            &+section.section {

              // margin-top: 75px !important;
              header {
                h1 {
                  margin-top: 0;
                }
              }
            }
          }
        }
      }
    }
  }

  .header-main .navbar .offcanvas {
    background-color: $secondary-color;
  }

  #header-type-2.header-main .navbar-nav .nav-item .nav-link .nav-text {
    color: $white !important;
  }

  .header-main .navbar .container .nav-link.dropdown-toggle::after,
  .header-main #header-type-2 .navbar .container .nav-link.dropdown-toggle::after {
    color: $white !important;
    filter: brightness(1.1);
  }

  .header-main .search-box form {
    background-color: $white !important;

    input,
    input[type="text"] {
      color: $secondary-color !important;
    }

    input[type="submit"] {
      filter: $icon-filter;
    }
  }
}

@media screen and (max-width: 991px) {
  .hero-main {
    &.desktop-view {
      .figure {
        &:has(+ .hero-cont.hero-more-cont) {
          background-color: $secondary-bg;
        }
      }
    }
  }
}

footer.footer-main {
  .copy-rights {
    .container {
      .row {
        .icons {
          padding-left: calc(var(--bs-gutter-x) * 0.5);
        }

        .footer-text-bottom {
          padding-right: calc(var(--bs-gutter-x) * 0.5);
        }
      }
    }
  }
}

.tx-wabs-attractions {
  &:has(.attraction-details) {
    .slide-item {
      &.video-item {
        iframe {
          width: auto !important;
          height: auto !important;
          min-width: 100% !important;
          min-height: 100% !important;
        }
      }
    }
  }
}

// UAT fixes
@include media-breakpoint-down(md) {
  footer.footer-main {
    .pre-footer {
      .footer-container {
        text-align: center !important;

        h2 {
          text-align: center !important;
        }

        .t3-alignment {
          a.btn.mt-2.data {
            float: none !important;
            text-align: center !important;
          }
        }
      }
    }
  }
}

// responsive btn fix

@include media-breakpoint-down(md) {
  .t3-alignment[style*="text-align"] {
    a[id*="button"] {
      float: none !important;
    }
  }
}

.stay-card .stay-card-image .stay-card-badge-box .badge-text,
.tickettile-content .price-card .price-card-image .price-card-badge-box .badge-text,
.promotion-container .promotion-image .promotion-badge-box .badge-text {
  color: $white;
  background-color: $third-color;
}

.footer-menu-content {
  padding: 80px 0 15px !important;
}

h1,
.h1,
h2,
.h2 {
  font-family: $font-family-secondary !important;
  font-weight: 400 !important;
  color: $secondary-color !important;
}

footer.footer-main h2,
footer.footer-main .h2 {
  color: $white !important;
  font-family: $font-family-primary !important;
  font-weight: 700 !important;
}

.footer-main .pre-footer {
  background-color: #312783;
  padding: 0;
}

.content-main .container .frame-type-text h2,
.content-main .container .frame-type-text .h2,
.content-main .container .frame h2,
.content-main .container .frame .h2 {
  text-shadow: none !important;
}

.hero-section .hero-content .hero-text .hero-title,
.news .hero-inner.hero-main.news-detail .container .aside h1.ce-headline-center {
  color: $white !important;
  text-shadow: none !important;
}

.skip-btn {
  background-color: $secondary-color;
  color: $white;
  text-shadow: none !important;

  &:hover {
    background-color: $secondary-color;
    color: $white;
    text-shadow: none !important;
  }
}

.skip-btn:hover,
.skip-btn:focus,
.skip-btn:active {
  background-color: $secondary-color;
  color: $white;
  text-shadow: none !important;
}

.tx-indexedsearch-title,
.tx-indexedsearch-title a {
  color: $secondary-color !important;
}

.events-cont .calendar-box ul li.green-bg a {
  background-color: $status-green;
  border: 3px solid $status-green;

  @media (max-width: 767px) {
    border: 1px solid $status-green;
  }
}

.events-cont .calendar-box ul li.blue-bg a {
  background-color: $status-blue;
  border: 3px solid $status-blue;

  @media (max-width: 767px) {
    border: 1px solid $status-blue;
  }
}

.events-cont .calendar-box ul li.orange-bg a {
  background-color: $status-orange;
  border: 3px solid $status-orange;

  @media (max-width: 767px) {
    border: 1px solid $status-orange;
  }
}

.events-cont .calendar-box ul li.red-bg a {
  background-color: $status-red;
  border: 3px solid $status-red;

  @media (max-width: 767px) {
    border: 1px solid $status-red;
  }
}

.events-cont .calendar-box ul li.gray-bg a {
  background-color: $status-grey;
  border: 3px solid $fourth-color;

  @media (max-width: 767px) {
    border: 1px solid $fourth-color;
  }
}

.events-cont .calendar-box ul li.gray-bg a,
.events-cont .calendar-box ul li.gray-bg a span {
  color: $black;
}

.events-cont .calendar-box ul li a,
.events-cont .calendar-box ul li a span {
  color: $white;
}

.events-cont .calendar-box ul li.blue-bg a {
  border: 3px solid $status-blue;
}

.events-cont .calendar-box ul li.green-bg a {
  border: 3px solid $status-green;
}

.events-cont .calendar-box ul li.orange-bg a {
  border: 3px solid $status-orange;
}

.events-cont .calendar-box ul li.red-bg a {
  border: 3px solid $status-red;
}

#calendar .events-calendar .events-highlights ul li.gray-bg:after {
  border: 2px solid $fourth-color;
  background-color: $status-grey;
}

form .form-group .form-control,
.form-inline .form-control {
  font-weight: 400;
}

form .form-group .form-control,
.form-inline .form-control,
.form-control {
  border: 2px solid #006f4229 !important;
}

.content-main .container form .btn.btn-primary[type="submit"]:hover,
.content-main .container a.btn.data.align-center:hover,
.content-main .container a.btn.data:hover {
  color: $white !important;
  background-color: $secondary-color !important;
}

.tx-wabs-attractions .filter-elements .box.filter-element.filter-red {
  background-color: $red-dark !important;
  position: relative;
}

.tx-wabs-attractions .filter-elements .box.filter-element.filter-red h4,
.tx-wabs-attractions .filter-elements .box.filter-element.filter-red h4 {
  color: $white !important;
}

.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
  background: $secondary-color;
  box-shadow: inset #1e3a6e 0 0 0 3px;
  color: $white;
}

.mobile-slider-four-col .owl-carousel .owl-item .content-on-image .figure,
.mobile-slider-four-col .owl-carousel .owl-item .content-on-image .figure img {
  border-radius: 0 !important;
}

.item .card.content-on-image,
.item .card.content-on-image-bottom {
  background: none;
}

.content-main .mosaic-3col .row>*,
.content-main .mosaic-2col .row>* {
  grid-auto-rows: auto;
}

#calendar {
  .events-calendar {
    .calendar-box {
      background-color: $white;
    }
  }
}

@media (max-width: 1199px) {
  #calendar .events-calendar .calendar-box .dates ul li a .date-wrap {
    font-size: 12px;
  }
}

.articles-out {
  display: none;
}

.events-articles {
  color: $black !important;
  border-radius: 10px;
  background: $secondary-bg !important;
}

#calendar .events-calendar .calendar-box .month a.prevmonth:after {
  color: #ffffff;
}

#calendar .events-calendar .calendar-box .month a.nextmonth:after {
  color: #ffffff;
}

#calendar .events-calendar .calendar-box .month {
  color: #ffffff;
  background-color: #1e3a6e;
}