/* Import default styles
----------------------------------------*/
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/fonts";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/variables";
@import "fonts";
@import "variables";
@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 "custom-colors-components";

#header-type-2:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0%
    0% no-repeat padding-box;
  z-index: -1;
  @include media-breakpoint-down(sm) {
    height: 160px;
  }
}

.feature-items .container {
  @include media-breakpoint-down(md) {
    margin-top: 0;
  }
}

.content-main {
  @include media-breakpoint-down(md) {
    padding-top: 0;
  }
}

.image-wall {
  padding: 30px;
  > .row {
    align-items: center;
    .figure {
      padding: 20px;
    }
  }
}

ul.tx-indexedsearch-browsebox li a {
  color: $white;
}

.tx-indexedsearch-title a:hover {
  color: $white;
}

/* FAQ Accordion */
.accordion .accordion-element.card {
  .card-header {
    position: relative;

    .card-title {
      font-weight: $font-weight-bold;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 25px;
      position: initial;
      text-shadow: none;
      color: $white;
      font-size: $font-size-20;

      a:hover {
        text-decoration: none;
      }
    }
  }

  .card-body {
    margin-top: 0 !important;
    border: 3px solid $secondary-color;

    * {
      color: $white;
    }
  }
}

.card.img-top.transparent {
  .content {
    padding: 30px 0 !important;
  }

  .figure img {
    display: flex;
    align-self: center;
  }
  @media (max-width: 1200px) and (min-width: 992px) {
    .figure img {
      height: 200px;
      width: 200px;
      float: none;
    }
  }
}
.section-bg-image .row:not(.parallax-window) {
  padding: 40px 0;
}

@include media-breakpoint-up(lg) {
  .container#container-12447 .break-early:nth-child(2),
  .container#container-12447 .break-early:nth-child(3) {
    margin-top: 9%;
  }
}

.section-bg-color {
  background: #0081eb !important;
}

@include media-breakpoint-down(md) {
  .card .content > .title {
    // h3 {
    //   font-size: 1.125rem;
    // }
    .subtitle p {
      padding-top: 0;
    }
  }
}

@include media-breakpoint-up(md) {
  .card .content .btn-inn {
    padding-top: 50px;
  }
}

.actions nav.form-navigation .submit .btn {
  border-top-left-radius: 360px;
  border-bottom-left-radius: 360px;
}
.frame-type-form_formframework form > .form-group .form-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1;
  color: #fff;
}

.brand-nav > p {
  font-family: $font-family-primary !important;
}
.Shareable_card__gTSS4 > p {
  font-family: $font-family-primary !important;
}
.iconbox .box-content {
  font-family: $font-family-primary !important;
}
a.content-on-image-bottom .title:after {
  content: "";
  top: 25%;
  right: -15%;
  @include media-breakpoint-down(md) {
    content: "";
    display: inline-block;
    width: 23.337px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'><path d='M23.7576 10.5887C24.0806 10.2657 24.0806 9.73431 23.7576 9.4113L14.5886 0.242251C14.2656 -0.0807502 13.7342 -0.0807502 13.4112 0.242251C13.0882 0.565251 13.0882 1.09664 13.4112 1.41964L21.158 9.16645H1.49664C1.03818 9.16645 0.663086 9.54155 0.663086 10C0.663086 10.4585 1.03818 10.8336 1.49664 10.8336H21.158L13.4112 18.5804C13.0882 18.9034 13.0882 19.4347 13.4112 19.7577C13.7342 20.0807 14.2656 20.0807 14.5886 19.7577L23.7576 10.5887Z' fill='white'/></svg>")
      no-repeat center;
    background-size: contain;
    position: absolute;
    top: 25%;
    right: -15%;
  }
}
.filter .btn.btn-filter.filter-red {
  background: $electric_blue 0% 0% no-repeat padding-box;
  color: $secondary-color;
}
.filter-elements .filter-options div {
  color: $electric_blue;
}

#header-type-2 .navbar .btn-booking .btn:hover .icon {
  background-color: $electric_blue;
}
#header-type-2 .navbar .btn-booking .btn:hover {
  background-color: #ffc240;
  color: #0081eb;
  border: 3px solid #ffc240;
  transform: scale(1.07);
}
small.footer-links.text-center a {
  font-family: $font-family-tertiary;
}
.accordion .accordion-element.card .card-body a {
  color: #0081eb;
}
ul.navbar-nav.justify-content-center.flex-grow-1 > li,
.btn-booking.h-100.col-xl-2.text-center.button_layout_1 a > p {
  font-family: $font-family-primary !important;
}
div.t3-alignment {
  margin-top: 1em;
}
.alert-wrap2 {
  box-shadow: none;
}
.alert-wrap2 .inner-wrap {
  width: 89%;
  height: 36px;
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Noto Serif";
  font-size: 1rem;
  color: #ffffff;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  background: #d6d2cb99;
  box-shadow: 0px 5px 15px #0000001a;
  position: relative;
  overflow: hidden;
  padding: 0 15%;
}
@media (max-width: 1200px) {
  .alert-wrap2 .inner-wrap {
    width: 100%;
    background: #d6d2cb99;
  }
}
.iconbox {
  border: 1px solid #ffc240 !important;
}
.dropdown .dropdown-menu li a {
  font-family: $font-family-tertiary !important;
}
.alert-wrap2 .inner-wrap strong {
  color: #0081eb;
}
.iconbox .value {
  font-family: "Roboto Condensed";
}
// .gradient-overlay:before{
//   content: "";
//   position: absolute;
//   top: -140px;
//   height: 55%;
//   background: transparent linear-gradient(0deg, #0081EB 0%, #253768 0%, #0081EB30 64%, #0081EB00 100%) 0% 0% no-repeat padding-box;
//   opacity: 1;
//   width: 100%;
// }

@media (max-width: 767px) {
  div#news-slider .owl-dots {
    display: none;
  }
}

.know-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tx-wabs-attractions .layout8.colored .aside,
.slider-out {
  padding-top: 0em !important;
}

@include media-breakpoint-down(md) {
  .card {
    .content {
      padding: 10px;
      .title {
        h3 {
          text-align: left;
          padding: 0px 10px 5px;
        }
      }
      .btn-in {
        text-align: center;
      }
      .price-wrap {
        .items-below {
          padding: 0;
          margin: 20px 0;
          a.cardtype-price {
            li {
              padding: 10px;
              p {
                text-align: left;
              }
            }
          }
        }
      }
    }
    &.content-on-image-bottom {
      .content {
        .title {
          h3 {
            font-size: 15px;
            padding-inline: 0px;
          }
        }
      }
    }
  }

  .iconbox.kpi-box {
    width: 150px;
    height: 150px;
  }

  .slide-item-review {
    padding: 30px;
    h4 {
      text-align: left !important;
    }
    > * {
      margin-bottom: 20px !important;
    }
  }

  .card.img-top.transparent .figure img {
    width: 250px;
    height: 250px;
  }

  .events-cont {
    .events-articles {
      padding: 20px 30px;
    }
  }

  .card {
    &.img-left,
    &.img-right {
      .content {
        padding: 25px;
      }
    }
  }

  .frame-type-news_pi1 {
    .news {
      .owl-carousel {
        .owl-stage {
          .owl-item {
            .item {
              .card {
                position: relative;
                .content {
                  .btn-in {
                    position: absolute;
                    bottom: -25px;
                    left: 0;
                    right: 0;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .card.cardtype-price {
    .content {
      .price-wrap {
        ul.price-items {
          .price-style1 {
            .title {
              justify-content: flex-start !important;
              p {
                text-align: left !important;
              }
            }
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .container,
  content-on-image-bottom .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xxxl {
    .container {
      --bs-gutter-x: 0px;
    }

    .row.split-cont {
      .container {
        --bs-gutter-x: 12px;
      }
    }
  }
}

.card {
  &.img-left.transparent,
  &.img-right.transparent {
    .figure {
      @include media-breakpoint-down(md) {
        text-align: center;
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .content-on-image.card {
    .figure {
      align-items: center;
      align-content: center;
      flex: 1 1 0%;
      img {
        height: 100%;
      }
    }
  }
}

// bug fixes

.news-custom-content-section {
  .ce-image {
    .ce-column {
      @include media-breakpoint-down(md) {
        margin-bottom: 10px;
      }
    }
  }
}

@media (min-width: 768px) {
  .card {
    &.content-on-image-bottom {
      .content {
        .title {
          h3 {
            font-size: 15px;
          }
        }
        .btn-inn {
          padding-top: 10px !important;
        }
      }
    }
  }
}

@media (max-width: 767.98px) {
  .feature-items {
    div[style*="padding-bottom: 50px;"] {
      padding-bottom: 20px !important;
    }
  }
  div[style*="padding-bottom: 50px;"] {
    padding-bottom: 20px !important;
  }

  .container .py-4 .owl-carousel .owl-item {
    .item[style*="padding-bottom: 50px;"] {
      padding-bottom: 25px !important;
    }
  }
}
@media screen and (max-width: 1199.98px) {
  #header-type-2 {
    &.header-main {
      .navbar-nav {
        .nav-item {
          .nav-link {
            .nav-text {
              color: #003378 !important;
            }
          }
          .dropdown-item {
            a {
              color: #003378 !important;
            }
          }
        }
      }
    }
  }
  #header-type-1,
  #header-type-2 {
    .navbar {
      .container {
        .nav-link {
          &.dropdown-toggle {
            &::after {
              color: #003378 !important;
            }
          }
        }
      }
    }
  }
}

// 767.98px screen size
@include media-breakpoint-down(md) {
  .section-bg-image {
    .container-fluid {
      .row {
        &.jarallax {
          .container {
            &.twocol-50-50 {
              --bs-gutter-x: 24px;
            }
          }
        }
      }
    }
  }

  .container:has(.tx-indexedsearch-searchbox) {
    --bs-gutter-x: 24px;
  }
  .accordion {
    .accordion-element {
      &.card {
        .card-body {
          p {
            margin: 10px 0 0 0;
          }
          a {
            margin-bottom: 20px;
          }
        }
      }
    }
  }
  .accordion .accordion-element.card .card-body img {
    margin: 40px 0px 0px;
  }
  .feature-items .row > div {
    padding: 0 0px 14px 0px;
  }
  .slider {
    &.filter-elements {
      &.attraction-slider {
        padding: 20px 40px 0px !important;
      }
    }
  }

  .card .content > .title h3,
  span.subtitle p {
    padding-top: 0;
    text-align: left !important;
  }
  .card .content > .title span.subtitle p {
    padding-top: 0;
    text-align: left;
  }
  .feature-items {
    .item {
      .card {
        .figure {
          overflow: visible !important;
          max-height: 100%;
        }
        .content {
          padding: 10px !important;
          .title {
            align-items: flex-start !important;
            h3 {
              text-align: left !important;
            }
            .subtitle {
              p {
                text-align: left !important;
              }
            }
          }
        }
      }
    }
  }
  .container {
    .container-fluid {
      &.mobile-no-padding {
        &.mobile-padding {
          padding-inline: 24px;
        }
      }
    }
  }
  .container-fluid {
    .feature-items {
      .container-full {
        padding-inline: 24px;
      }
    }
  }

  .section-bg-image {
    .container-fluid {
      .row {
        &.jarallax {
          margin-inline: 0px;
        }
      }
    }
  }

  .header-main.fixed .offcanvas.offcanvas-start {
    top: 70px !important;
  }

  .header-main.fixed {
    .offcanvas-backdrop.fade.show {
      top: 70px !important;
    }
  }

  .container-fluid {
    .slide-item-review {
      &.cardtype-rating {
        padding: 20px;
        margin: 0px 24px;
        .card-content,
        .rating-author {
          p {
            padding-inline: 0px;
          }
        }
      }
    }
  }
}

.feature-items {
  .item {
    .card {
      .figure {
        @media screen and (min-width: 390px) and (orientation: portrait) {
          max-height: 100%;
        }
      }
    }
  }
}

// 575.98px screen size
@include media-breakpoint-down(sm) {
  .footer-main h2,
  .footer-main .h2 {
    padding: 15px 10px;
    font-size: 1.3rem;
  }
  .card .content > .title h3,
  .card .content > .title .h3,
  .card .content > .title .subtitle p {
    padding-left: 0;
  }
  .container {
    .tx-wabsolute-popup {
      .alert-wrap2 {
        .inner-wrap {
          a {
            p {
              font-size: 0.8rem;
            }
          }
        }
      }
    }
  }
  .container {
    .item {
      .card {
        &.img-left,
        &.img-right {
          .content {
            padding-inline: 10px !important;

            p {
              text-align: left !important;
            }
          }
        }
      }
    }
  }
  .section-bg-color {
    .container-fluid {
      &.mobile-padding {
        .row > * {
          padding-inline: 0px;
        }
      }
    }
  }
  .container-fluid {
    &.mobile-padding {
      h2.ce-headline-center,
      p {
        padding-inline: 24px;
      }
    }
  }
  .card.cardtype-price {
    .content {
      > .title {
        h3,
        .h3,
        .subtitle p {
          text-align: left !important;
        }
      }

      .price-wrap {
        ul.price-items {
          .price-style1 {
            .title {
              p {
                padding-inline: 0px !important;
              }
            }
          }
        }
      }
    }
  }

  .card.content-on-image-bottom .content > .title h3,
  .card.content-on-image-bottom .content > .title .h3,
  .card.content-on-image-bottom .content > .title .subtitle p {
    text-align: left !important;
  }
  .card.img-left {
    .figure {
      max-height: 100%;
    }
  }
  .tx-wabs-attractions .hero-inner.attraction-details {
    margin-top: 80px;
  }
  .card.content-on-image-bottom .content .title .subtitle,
  .card.content-on-image .content .title .subtitle {
    text-align: left !important;
  }
}

@media screen and (orientation: landscape) {
  .t3-alignment {
    a.btn {
      margin-bottom: 50px;
    }
  }
  .section-bg-color {
    .container {
      .t3-alignment {
        a.btn {
          margin-bottom: 0px;
        }
      }
    }
  }
  .feature-items {
    margin-top: 0px;
    .row {
      text-align: center;
      > div {
        padding: 0 10px 14px 10px;
      }
    }
  }
  .container-fluid {
    .row {
      h2.ce-headline-center {
        padding-inline: 24px;
      }
    }
  }
  .card.img-left {
    .figure {
      max-height: 100%;
    }
  }
}

// UAT internal review changes

@include media-breakpoint-down(md) {
  .footer-main .pre-footer {
    padding: 40px 0px 50px !important;
  }
  .section-bg-color {
    .container {
      .row {
        .tx-wabs-attractions {
          .attraction-slider {
            .owl-stage-outer {
              margin-bottom: 0px;
              .owl-item {
                margin-bottom: 0px;
                .box {
                  &.filter-element {
                    &.filter-red {
                      h3 {
                        padding: 16px 16px 0px 16px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .card.img-top.transparent .content {
    padding: 0px !important;
  }

  .container {
    .row {
      p.text-center {
        span {
          span {
            line-height: 30px;
          }
        }
      }
    }
  }

  .fixed-sidebar-link {
    &.right {
      width: 70px;
      .fixed-sidebar-image-wrapper {
        height: 45px;
        img {
          max-width: 30px;
        }
      }
      .fixed-sidebar-content {
        font-size: 0.5rem;
        margin-left: 15px;
      }
    }
  }
}

@media (max-width: 767px) {
  .ridetile-container, .news-slider-2-container {
      padding: 0;
      margin: 0;
  }
}