/* 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";

.frame-type-news_newsdetail .news .news-body p {
  color: #fff;
}

.frame-space-before-small {
  padding-top: 2em;
  margin-top: -1px;
}

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

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

.split-cont {
  .row>div .aside p {
    font-weight: $font-weight-normal;
  }
}

.section-bg-image {
  .gradient-overlay:before {
    background: transparent linear-gradient(180deg, #000e1d2e 0%, #000e1dc7 62%, #000e1d 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    z-index: -1;
  }
}

.content-main>section:last-of-type {
  background: transparent linear-gradient(180deg, #000e1d 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

/* Cookies */
#klaro {
  .klaro.we_cookie_consent {

    .cookie-notice,
    .cookie-modal {

      .cn-body,
      .cm-modal.cm-klaro,
      .cm-modal.cm-klaro .cm-footer {
        background: $primary-bg;
      }
    }
  }
}

/* Attraction */

.attraction-features {
  background-color: #000000;
  border: 3px solid #32c3ee;
  height: auto;

  .icon-list {
    ul li {
      display: flex;

      img {
        filter: invert(1);
        margin-right: 20px;
        width: 30px;
        height: 30px;
      }
    }
  }
}

.mosaic-reversed {
  &.mosaic-2col .row>* {
    &>div:nth-child(1) {
      grid-row: 1;
    }

    &>div:nth-child(2) {
      grid-row: span 2;
      /* First Item is as high as two regular ones */
    }
  }

  &.mosaic-3col .row>* {
    &>div:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
    }

    &>div:nth-child(3) {
      grid-column: span 2;
      /* First Item is as wide as two regular ones */
      grid-row: span 2;
      /* First Item is as high as two regular ones */
    }
  }
}

.mosaic-2col {
  .row>* {

    &>div:first-child:nth-last-child(2),
    &>div:first-child:nth-last-child(2)~div {
      grid-column: span 1;
      grid-row: span 1;
    }
  }
}

.mosaic-3col {
  .row>* {

    &>div:first-child:nth-last-child(2),
    &>div:first-child:nth-last-child(2)~div {
      grid-column: span 2;
      grid-row: span 1;
    }
  }
}

.mosaic-2col {
  .row>* {

    &>div:first-child:nth-last-child(4),
    &>div:first-child:nth-last-child(4)~div {
      grid-column: span 1;
      grid-row: span 1;
    }
  }
}

.mosaic-3col {
  .row>* {

    &>div:first-child:nth-last-child(4),
    &>div:first-child:nth-last-child(4)~div {
      grid-column: span 2;
      grid-row: span 1;
    }
  }
}

.news .owl-dots {
  margin-top: 0;
}

/* Attractions */
.tx-wabs-attractions {
  .hero-inner {
    min-height: 75vh;

    .figure {
      &:before {
        background: transparent linear-gradient(180deg, #000e1d00 0%, #000e1d 100%) 0% 0% no-repeat padding-box;
        content: "";
        height: 30%;
        width: 100%;
        float: left;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        opacity: 1;
        display: block !important;
      }
    }

    .hero-cont {
      p {
        font-style: italic;
      }

      .aside {
        padding: 0 0 160px 0;
      }
    }
  }
}

.ce-table thead th {
  background-color: #dff1ff70;
  color: $white;
  font-weight: bolder;
}

.card .content .title .subtitle {
  font-weight: 300 !important;
}

body {

  p,
  li {
    font-weight: 300;
  }

  li {
    padding-bottom: 0;
  }

  p {
    line-height: 1.5rem;

    a {
      text-decoration: underline;
    }
  }
}

.accordion .card-header {
  background: #dff1ff70;

  .card-title {
    color: $white;

    &:hover {
      text-shadow: none;
    }
  }
}

.hero-main .figure {
  @include media-breakpoint-down(md) {
    &:before {
      height: 170px;
    }
  }

  iframe {
    width: 100%;
  }
}

.frame-type-text li {
  color: $white;
}

.fixed-sidebar-link {
  &.right {
    @include media-breakpoint-down(sm) {
      display: none;
    }
  }
}

@include media-breakpoint-down(md) {
  .ce-row:last-child {
    margin-bottom: 10px;
  }
}

.gradient-overlay .frame-type-textmedia video.video-embed-item {
  max-width: 100%;
  height: auto;
}

.actions nav.form-navigation .submit .btn {
  border-top-left-radius: 360px;
  border-bottom-left-radius: 360px;
}

// redesign-responsive
@include media-breakpoint-down(lg) {
  hr {
    height: 20px !important;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xxxl {
    .container {
      --bs-gutter-x: 0px;
    }

    .section-bg-color {
      .container {
        --bs-gutter-x: 24px;
      }
    }

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

  .section-bg-image .jarallax {
    padding: 0px 24px !important;
  }

  .section-bg-color .row .col-sm-12 .frame-type-text+.accordion-wrapper.accordion.accordion-modern.accordion-modern-grey-scale-1.without-bg {
    margin-top: 15px;
  }

  .container .py-4 .owl-carousel .owl-item {
    .item[style="padding-bottom: 50px;"] {
      padding-bottom: 25px !important;
    }
  }

  div[style="padding-bottom: 50px;"] {
    padding-bottom: 20px !important;

    &.my-2 {
      margin-bottom: 0px !important;
    }
  }

  .mb-3 {
    margin-bottom: 0.5rem !important;
  }

  .mosaic.mosaic-2col.mobile-no-padding.mobile-padding .row>.col-sm-12 {
    grid-gap: 10px;
  }

  .py-4 .py-4 {
    padding-bottom: 0rem !important;
  }

  .container-fluid .container-full.twocol-50-50 .frame-type-text {
    margin: 0px 0px;
  }

  .social-feeds {
    padding: 40px 0;
  }

  .frame-space-before-extra-small,
  .frame-space-before-small,
  .frame-space-before-medium,
  .frame-space-before-large,
  .frame-space-before-extra-large {
    .py-4 {
      padding-top: 0px !important;

      .py-4 {
        padding-top: 0rem !important;
      }
    }
  }

  .frame-space-after-extra-small,
  .frame-space-after-small,
  .frame-space-after-medium,
  .frame-space-after-large,
  .frame-space-after-extra-large {
    .py-4 {
      padding-bottom: 0px !important;

      .py-4 {
        padding-bottom: 0rem !important;
      }
    }
  }

  body .container.twocol-50-50 .row.col2-grid .col-sm-12.col-md-6.col-lg-6:first-child {
    margin-bottom: 20px;
  }

  .fourcol-25-25-25-25 .row {
    --bs-gutter-y: 20px;
  }

  .frame-type-text p a,
  .frame-type-text li a,
  .avalex-container p a,
  .avalex-container li a,
  .frame-type-list p a,
  .frame-type-list li a,
  .frame-type-news_newsdetail p a,
  .frame-type-news_newsdetail li a {
    word-break: break-word;
  }
}

@include media-breakpoint-down(md) {

  .container,
  .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;
      }
    }
  }
}

@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;
    }
  }
}

@include media-breakpoint-up(md) {
  .hero-inner {
    .figure {
      img {
        filter: brightness(0.5);
      }
    }
  }
}

// 767.98px fixes
@include media-breakpoint-down(md) {
  .section-bg-image {
    .container-fluid {
      .row {
        &.jarallax {
          margin-inline: 0px !important;
        }
      }
    }
  }

  .container-fluid {
    .slide-item-review {
      &.cardtype-rating {
        padding: 30px;
      }

      .center-large .owl-stage .owl-item {
        display: flex;
      }

      h4.card-headline,
      .card-content {
        height: 100%;
      }

      >* {
        margin-bottom: 20px !important;
        text-align: left !important;
      }
    }
  }

  .container-fluid {
    .row {
      &.feature-items {
        >* {
          padding-inline: 0px;
        }

        .row {
          margin: 0px !important;

          >div {
            padding-inline: 0px !important;

            @media screen and (orientation: landscape) {
              padding-inline: 8px !important;
            }
          }
        }

        .container-full.fourcol-25-25-25-25 {
          padding-inline: 24px;
        }
      }
    }
  }

  .container-full {
    .row {
      .card {
        &.cardtype-price {
          .content {
            padding: 10px;

            .price-wrap {
              .price-items {
                &.items-below {
                  padding: 20px 0px;

                  a.card.cardtype-price {
                    li {
                      padding: 10px;

                      .title {
                        p {
                          text-align: left !important;
                        }

                        span.subtitle {
                          p {
                            font-weight: 700;
                          }
                        }
                      }

                      .price-wrap-inner {
                        justify-content: flex-start;

                        .price {
                          font-weight: 700;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container-fluid.mobile-padding:has(figure.video) {
    padding-inline: 6px;
  }

  .container,
  .container-fluid {
    .row {
      .card {
        &.content-on-image-bottom {
          .content {
            padding: 24px;

            .title {
              .subtitle {
                h3 {
                  font-weight: 700;
                  padding: 0 30px 0 0;
                  font-size: 25px;
                }
              }

              &:after {
                content: "\f061"; // Font Awesome arrow-right
                font-family: "Font Awesome 5 Pro";
                font-weight: 200;
                font-size: 30px;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(0, -50%);
              }
            }
          }
        }
      }
    }
  }

  .image-wall {
    padding: 0;
  }

  .container {
    .news {
      .section {
        .container {
          .mosaic {
            &.mosaic-2col {
              .card {
                &.content-on-image-bottom {
                  .content {
                    .title {
                      h3 {
                        font-size: 1.2rem;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .ce-headline-center {
    word-wrap: break-word;
  }

  .container-fluid {
    .row {
      &.split-cont {
        p.ce-headline-center {
          padding: 0 24px;
        }
      }
    }
  }

  .section-bg-image {
    .container {
      .row {
        >h1 {
          margin: 0 24px;
        }

        &:has(div.news),
        &:not(.parallax-window) {
          padding: 24px 0 !important;

          h2.ce-headline-center {
            padding-inline: 24px;
          }

          .news {
            padding: 0 24px;
          }
        }
      }
    }
  }

  .container {
    .row {
      .card {
        &.zoom-in {
          &.img-left {
            .content {
              padding: 10px;
            }
          }
        }
      }
    }
  }

  .container-fluid {
    h2.ce-headline-center {
      padding: 0 24px;
      font-size: 1.65rem;
    }

    .container-fluid:has(.card.zoom-in.content-on-image-bottom) {
      padding: 0 24px;

      h3 {
        font-size: 1.2rem;
      }
    }
  }

  .container-fluid {
    .row {
      &.split-cont {
        .container {
          .row {
            &.col2-grid {
              padding: 12px;
            }
          }
        }
      }
    }
  }

  .container {
    .row {
      .container {
        &.twocol-50-50 {
          .row {
            &.col2-grid {
              .card {
                &.img-left {
                  .content {
                    padding: 10px;
                    padding-bottom: 50px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .section-bg-color {
    .container {
      .owl-carousel {
        .owl-stage {
          .owl-item {
            .card {
              &.cardtype-price {
                .content {
                  position: relative;
                  padding: 10px;

                  .btn-inn {
                    position: absolute;
                    bottom: -24px;
                    left: 0;
                    right: 0;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container {
    .container {
      &.twocol-50-50 {
        .row {
          &.col2-grid {
            .card.img-left {
              margin-bottom: 15px;

              .content {
                position: relative;

                .btn-inn {
                  position: absolute;
                  bottom: -24px;
                  left: 0;
                  right: 0;
                }
              }
            }
          }
        }
      }
    }
  }

  .inside {
    text-align: center;
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
  }

  ul {
    padding: 0;
  }

  .section-bg-color {
    .container-fluid {
      .row {
        &.jarallax {
          header>p.ce-headline-center {
            padding: 0 24px;
          }

          .frame-type-news_newsliststicky {
            .news {
              .section {
                .container {
                  .row {
                    .mosaic {
                      &.mosaic-2col {
                        .row {
                          .item {
                            .card {
                              &.content-on-image-bottom {
                                .content {
                                  .title {
                                    h3 {
                                      font-size: 1rem;
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .search-icon {
    img {
      height: 60%;
      filter: invert(1);
      margin: 10px 0px 0px 15px;
    }
  }

  .container-fluid {
    .row {
      &.feature-items {
        h2.ce-headline-center {
          padding: 0 0 10px 0;
        }
      }
    }
  }

  .container-fluid {
    .t3-alignment {
      padding-bottom: 36px;
    }
  }

  .container-fluid {
    .container {
      .row {
        &.split-cont {
          h2.ce-headline-center {
            padding: 0 0 10px 0;
          }
        }
      }
    }
  }

  .container-fluid {
    .row {
      &.split-cont {
        h1.ce-headline-center {
          padding-inline: 24px;
        }
      }
    }
  }

  .filter {
    margin-top: 2.2px;
  }

  .section-bg-color {
    .container {
      .row {
        &.split-cont {
          .t3-alignment {
            padding-bottom: 1.5em;
          }

          .ce-textpic {
            &.ce-left {
              &.ce-intext {
                &.ce-nowrap {
                  display: flex;
                  flex-direction: column;
                  align-items: center;

                  &>* {
                    margin: 0;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container {
    &.twocol-50-50 {
      .row {
        &.col2-grid {
          &.frame-space-before- {
            .col-sm-12.col-md-6.col-lg-6 {
              header {
                >p {
                  color: hsl(194, 100%, 28%);
                  padding: 20px 0;
                  font-weight: 700;
                  font-size: 28px;
                  line-height: 30px;
                }
              }

              &:last-child {
                padding-bottom: 20px;
              }
            }
          }
        }
      }
    }
  }

  .accordion {
    .card-header {
      .card-title {
        font-weight: 700;
        font-size: 14px;
      }
    }
  }

  .hero-inner {
    .figure {
      img {
        filter: brightness(0.5);
      }
    }
  }

  .py-4 .py-4 {
    padding-bottom: 0.8rem !important;
  }

  // .card {
  //   &.cardtype-price {
  //     .content:has(span.subtitle ul) {
  //       padding: 18px 18px 18px 0 !important;
  //     }
  //   }
  // }
  .card {
    &.zoom-in {
      &.content-on-image-bottom {
        .content {
          .title {
            h3 {
              font-size: 1.75rem;
              padding-right: 30px;

              @media screen and (orientation: landscape) {
                font-size: 1.2rem;
              }
            }
          }
        }
      }
    }
  }

  #_form_5_._inline-form,
  #_form_5_._inline-form ._form-content {
    padding: 0px;
  }

  #_form_5_ input[type="text"] {
    display: flex;
    padding: 10px 20px !important;
    align-items: center;
    align-self: stretch;
    border-radius: 100px !important;
  }

  #_form_5_._inline-form ._submit {
    display: flex;
    min-width: 180px;
    padding: 15px 10px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px !important;
    width: 100%;
  }

  .footer-main {
    .footer-menu {
      a {
        font-size: 0.8em;
      }
    }
  }
}

// 575.98px fixes
@include media-breakpoint-down(sm) {

  .hero-main .owl-carousel .slide-item .hero-cont:not(.hero-more-cont) h1,
  .hero-main .owl-carousel .slide-item .hero-cont:not(.hero-more-cont) .h1,
  .hero-main .owl-carousel .slide-item .hero-cont:not(.hero-more-cont) .sub-title {
    margin-bottom: 35px;
  }

  #header-type-1 .navbar .brand-nav img {
    height: auto !important;
    width: 100%;
    max-width: 200px;
  }

  #header-type-1 #language_menu {
    right: calc(6.6% + 65px);
  }

  .footer-main .pre-footer {
    padding: 0px !important;
  }

  .hero-inner .hero-cont .aside header {
    padding: 30px;
  }
}

// UAT internal review changes

@include media-breakpoint-down(md) {
  .section {
    &.section-bg-color {
      .container {
        .t3-alignment {
          padding-bottom: 0px;
        }
      }
    }
  }

  .container {
    .container {
      &.twocol-50-50 {
        .col-sm-12 {
          &.col-md-6 {
            &.col-lg-6 {
              .item {
                .card {
                  &.zoom-in {
                    &.content-on-image {
                      position: relative;

                      .content {
                        .btn-inn {
                          position: absolute;
                          bottom: -34px;
                          left: 0;
                          right: 0;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 380px) {
  #header-type-1 .navbar .navbar-brand {
    margin-left: -10px !important;
  }
}

@media (max-width: 1199px) {
  #header-type-1 #language_menu {
    right: calc(6.6% + 70px);
  }
}

@media (max-width: 1199.98px) {
  #header-type-1 #language_menu {
    right: calc(6.6% + 100px);
  }
}

@media (max-width: 480px) {
  #header-type-1 #language_menu {
    right: calc(6.6% + 90px);
  }
}

// UAT review 2 changes

@include media-breakpoint-down(md) {
  .tx-wabsolute-popup .alert-wrap2.alert-closable .inner-wrap {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;

    p {
      height: auto;
      white-space: pre-wrap;
      line-height: 20px;
      font-size: 0.8rem;
      padding-top: 2px;
    }

    strong {
      color: #e12321;
      font-weight: 700;
    }
  }
}

@media (max-width: 768px) {
  .hero-section.header-type-before-1 .hero-content {
    margin-top: 175px;
  }
}