/* 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 "attraction-details";
@import "attraction-slider";
@import "base";
@import "cards";
@import "header";
@import "footer";
@import "button";
@import "news";
@import "custom-colors-components";

// Newsletter
#newsletter-wrapper {
  border-radius: 40px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 12%);
  margin-bottom: -100px;
  background: $primary-bg;
  padding: 40px;

  .newsletter-headline {
    color: $fifth-color;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1.5px;
  }

  .subscribe-box {
    position: relative;

    input {
      border: 1px solid $primary-bg;
      background: $primary-bg;
      border-radius: 18px;
      padding-right: 56px;

      &::placeholder {
        color: $primary-bg;
      }
    }

    button {
      position: absolute;
      right: 0;
      height: 50px;
      width: 50px;
      outline: none;
      border-radius: 0px 18px 18px 0;
      border: none;
      background: $fifth-color;
      color: $primary-bg;

      .icon {
        width: 24px;
        height: 21px;
        display: block;
        background: $primary-bg;
        margin-left: 6px;
        mask-image: url("../../Images/footericons/newsletter.svg") !important;
        -webkit-mask-image: url("../../Images/footericons/newsletter.svg") !important;
      }
    }
  }
}

//social feeds
.social-feeds {
  padding: 30px 0;
  color: $primary-bg;
}

//attraction
.attraction-features {
  .content {
    ul {
      list-style-type: disc;
    }

    .icon-list {
      background-color: #ffffff;
      padding: 30px 30px 30px 60px;

      .category {
        display: none;
      }
    }
  }

  .facebook-link-wrapper {
    background-color: $secondary-color;
    padding: 10px 30px;
    text-align: center;

    a {
      color: $primary-bg;
    }
  }
}

// kpi element
.iconbox {
  height: auto;
  background: transparent;
  border-color: transparent;
}

.kpi-data {
  color: $sixth-color;
  font-size: 90px;
  font-weight: 900;
  text-shadow: none;
  letter-spacing: 0;
  padding-bottom: 0;
}

.kpi-key {
  color: $secondary-color;
  text-transform: uppercase;
  padding-top: 15px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
}

//Card Image with content on
.card.zoom-in.content-on-image.border-rounded {
  .icon.center {
    width: 75px;
    height: 75px;
  }

  .figure {
    &::before {
      content: "";
      background: transparent radial-gradient(closest-side at 50% 50%,
          $secondary-color 0%,
          #ffffff 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 15px 50px #e4e7ee;
      mix-blend-mode: multiply;
      border-radius: 20px;
      opacity: 1;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
  }

  .content {
    width: 100%;
  }

  &:hover .figure::before {
    background: transparent radial-gradient(closest-side at 50% 50%, #9fa2a9 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
  }
}

//slider
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
  border-color: $secondary-bg;
  color: $secondary-bg;
  box-shadow: inset $secondary-bg 0 0 0 3px;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:hover:before,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:hover:before {
  color: $secondary-color;
}

.owl-carousel .owl-dots button.owl-dot {
  background: $secondary-bg;
}

//homepage
#page-uid-2252 .owl-carousel {
  @include media-breakpoint-up(lg) {
    padding: 0;
  }
}

#container-39477 .row .item,
#container-39480 .row .item:first-child {
  padding-bottom: 0;
}

#container-39426 .feature-items {
  max-width: inherit;
}

.iconbox-link-wrapper {

  &:hover,
  &:focus,
  &:active {
    .iconbox {
      background-color: inherit;

      * {
        color: inherit;
      }
    }
  }
}

// card with content on with icon center
.wrapper-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .icon.center,
  .title {
    display: flex;
    align-self: center;
    position: unset !important;
    transform: unset;
  }
}

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

@media (max-width: 1024px) {
  .section-bg-image .row:not(.parallax-window) {
    padding: 40px 0;
  }
}

@include media-breakpoint-down(lg) {
  .iconbox {
    margin-bottom: 15px;
  }
}

@include media-breakpoint-down(md) {
  .tx-wabs-attractions .hero-inner.attraction-details {
    margin-top: 0;
  }

  .content-on-image .figure img {
    height: auto;
  }
}

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

@include media-breakpoint-down(md) {
  .header-main .menu-btn {
    position: absolute;
  }

  .container {
    .container {
      &.twocol-50-50 {
        --bs-gutter-x: 0px;

        .row {
          .item[style="padding-bottom: 50px;"] {
            padding-bottom: 25px !important;
          }
        }
      }
    }
  }

  .container-fluid {
    .news {
      .section {
        .container {
          .mosaic {
            &.mosaic-2col {
              .item {
                .content {
                  .title {
                    h3 {
                      font-size: 18px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .btn {
    font-size: 0.875rem;
    padding: 15px 20px;
    border-radius: 100px;
    margin: 8px 0px;
  }

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

              .card {
                &.img-top {
                  .content {
                    position: relative;

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

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

  .container {
    &.twocol-50-50 {
      .item {
        .card {
          &.content-on-image-bottom {
            .content {
              padding: 24px;

              .title {
                h3 {
                  font-size: 25px;
                  padding-right: 30px;
                }

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

  .hero-main {
    .owl-carousel {
      .slide-item {
        .hero-cont:not(.hero-more-cont) {

          h1,
          .h1,
          .sub-title {
            margin-bottom: 40px;
          }
        }
      }
    }
  }

  ul {
    padding: 0 0 0 5px;
  }

  .container {
    &.mosaic {
      &.mosaic-3col {
        .item[style="padding-bottom: 50px;"] {
          padding-bottom: 25px !important;
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .container.twocol-50-50 {
    .row.col2-grid.frame-space-before- {
      .col-sm-12.col-md-6.col-lg-6:first-child {
        margin-bottom: 0px;
      }
    }
  }
}

// bug-fixes

@include media-breakpoint-down(md) {
  input#tx-indexedsearch-searchbox-sword::placeholder {
    visibility: visible;
  }

  &:focus::placeholder {
    color: #aaa;
  }

  .btn {
    margin: 8px 0px;
  }

  .ce-gallery figure {
    width: 100vw;
  }

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

  #header-type-1 {
    #language_menu {
      right: 24px;
    }
  }

  .tx-wabs-attractions {
    .hero-inner {
      .hero-cont {
        .aside {

          h1,
          .h1 {
            padding-inline: 24px;
          }
        }
      }
    }
  }

  .footer-main .footer-menu {
    width: 100%;
  }

  .ce-gallery img {
    width: 100%;
  }

  .hero-inner {
    .hero-cont {
      .aside {
        header {
          @media screen and (orientation: landscape) {
            padding: 0;
          }
        }
      }
    }
  }

  .tx-wabs-attractions {
    .hero-inner {
      .hero-cont {
        .aside {

          h1,
          .h1 {
            @media screen and (orientation: landscape) {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }

  .hero-inner .hero-cont {
    @media screen and (orientation: landscape) {
      padding: 150px 24px 60px 24px;
    }
  }

  .icon-list {
    ul {
      li {
        .text-wrap {
          p {
            text-align: left;
          }
        }
      }
    }
  }

  form {
    .form-group {
      .input {
        .form-check {
          padding: 0;
        }
      }

      >.recaptcha {
        padding: 0;
      }
    }

    &.form-inline {
      .recaptcha {
        padding: 0;
      }
    }
  }

  .frame-type-text,
  .avalex-container,
  .frame-type-list,
  .frame-type-news_newsdetail {

    p,
    li {
      a {
        word-break: break-all;
      }
    }
  }

  .container {
    &.threecol-33-33-33 {
      .row {

        .col-12,
        .col-sm-6,
        .col-md-6,
        .col-lg-4,
        .mb-3,
        .mb-lg-0 {
          width: 100% !important;
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .hero-main {
    .owl-carousel {
      .slide-item {
        .hero-cont {

          h1,
          .h1 {
            font-size: 1.8em;
          }

          &:not(.hero-more-cont) {

            h1,
            .h1,
            .sub-title {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }

  .tx-wabs-attractions {
    .hero-inner {
      .hero-cont {
        .aside {

          h1,
          .h1 {
            padding-inline: 35px;
          }
        }
      }
    }
  }
}

// UAT internal review changes

@include media-breakpoint-down(md) {
  .social-links {
    .frame-type-html {
      div {
        display: flex;
        align-items: center;
        justify-content: center;

        span {
          padding-top: 5px;
        }
      }
    }
  }

  .container {

    &.twocol-50-50,
    &.threecol-33-33-33 {
      .row {

        &.col2-grid,
        &.col3-grid {
          .frame-type-image {
            header {
              padding-top: 25px;

              .ce-headline-center {
                padding: 0;
              }
            }
          }
        }
      }
    }
  }

  .content-on-image-bottom {
    .content {
      .title {
        &::after {
          color: #ffffff !important;
        }
      }
    }
  }

  .container-fluid {
    .row {
      .news {
        .section {
          .container {
            .row {
              .mosaic {
                &.mosaic-2col {
                  .item {
                    padding-bottom: 0px !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .tx-wabs-attractions {
    .primary-bg {
      .container {
        .details {
          a {
            float: none;
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .tx-wabs-attractions {
    .primary-bg {
      .container {
        .details {
          a {
            float: none;
            display: ruby-text;

            &.attraction-details-social-icon {
              padding: 4px;
            }
          }
        }
      }
    }
  }
}

// EAA accessibility fix
@media (min-width: 1200px) {
  .mega-menu-custom {
    .sub-menu-list {
      ul li>a:focus {
        &::before {
          background: none;
          transition: none;
        }
      }
    }
  }

  #header-type-1 {
    .navbar {
      .container {
        .nav-item.dropdown {
          .mega-menu-custom {
            .sub-menu-list {
              ul li>a:focus {
                color: $tertiary-color;
              }
            }
          }
        }
      }
    }
  }
}


#page-uid-2252 .footer-main h2,
#page-uid-2252 .footer-main .h2 {
  font-size: 1.5rem !important;
}