/* 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 "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 "sidebar-button";
@import "accordion";
@import "custom-colors-components";

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

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

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

.hero-main .hero-cont .sub-title {
  color: $tertiary-color;
}

.hero-main .figure:before {
  height: 200px;

  @include media-breakpoint-down(md) {
    height: 160px;
    opacity: 0.7;
  }
}

.content-on-image-bottom .sub-title p {
  color: $tertiary-color;
}

.filter-elements {
  .box.filter-red {
    background-color: $secondary-color !important;
    color: $tertiary-color;
  }
}

.filter-elements .box.filter-red,
.filter-elements .btn-filter.filter-red {
  background: $quaternary-color !important;
}

.slider.filter-elements.attraction-slider {
  background-color: $secondary-color !important;
}

.form-group input,
select.colorize option:not([disabled]) {
  background-color: transparent;
  color: $primary-color;
}

span.ce-uploads-fileName {
  color: $primary-color;
}

ul.ce-uploads li:before {
  background: transparent;
}

.ce-table thead th {
  background: $tertiary-bg;
  color: $primary-color;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap {
  padding-bottom: 20px;
}
.accordion .card-header .card-title a {
  color: $tertiary-color;
}

.social-links p {
  display: none;
}

label {
  color: $primary-color;
}

.image-embed-item {
  @include media-breakpoint-down(lg) {
    margin-bottom: 25px;
  }
}
.header-main {
  z-index: 9999999;
}

.fixed-icon {
  width: unset;
  height: unset;
}

a.fixed-sidebar-link.left {
  display: none;
}

@include media-breakpoint-down(md) {
  .frame-indent {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .row.split-cont .col-sm-12 .container.twocol-50-50 .row.col2-grid {
    --bs-gutter-y: 20px;
  }

  .tx-wabs-faq-search {
    margin-bottom: 20px;
  }
  .card .content > .title > h3,
  .card .content > .title > .h3,
  .card .content > .title > p {
    padding-right: 15px;
  }
}

@include media-breakpoint-down(sm) {
  .hero-main.mobile-view:has(.hero-cont)
    + section.section.frame-default.section-bg-color[style*="background-color:#"],
  .hero-main.mobile-view:has(.hero-cont)
    + section.section.frame-default.section-bg-image:has(
      [style*="background-image:url("]
    ) {
    margin-top: 30px;
  }

  .frame-indent {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

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

@include media-breakpoint-between(sm, md) {
  .container.threecol-33-33-33
    .col-12.col-sm-6.col-md-6.col-lg-4.mb-3
    .item.h-100:has(.card.img-top) {
    height: 100% !important;
  }
}

// UAT review-2 changes

@include media-breakpoint-down(md) {
  .section-bg-color {
    .container-fluid {
      .row {
        &.gradient-overlay {
          &.jarallax {
            .owl-carousel.slider-style-0 {
              .owl-stage-outer {
                .owl-stage {
                  .owl-item {
                    .item:has(.slide-item-review.cardtype-rating) {
                      margin: 0 24px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// Skip menu EAA accessibility fix

@media (min-width: 1200px) {
  .skip-link-navigation {
    a.skip-btn {
      z-index: 10000000;
      top: 0px;
    }
  }
  #header-type-2 {
    .container-fluid {
      .navbar {
        &.navbar-expand-xl {
          .container {
            .nav-link {
              &:focus {
                .nav-text {
                  color: black;
                }
              }
            }
          }
        }
      }
    }
  }
}

.news {
  .news-slider-2-container {
    .owl-carousel {
      &.news-slider-2 {
        &.owl-loaded {
          .owl-stage {
            .owl-item {
              .item {
                &:has(.card.news-card) {
                  display: flex;
                }
                .card {
                  &.news-card {
                    height: auto;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.frame-type-sitepackage_promotionbar {
  .promotion-bar {
    &.promotion-bar-fixed {
      z-index: 10000000;
    }
  }
}

@media (max-width: 575.98px) {
  .row {
    div[style="padding-bottom: 50px;"] {
      padding-bottom: 30px !important;
    }
  }
}