/* 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 "attraction-details";
@import "custom-colors-components";

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

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

.image-wall {
  padding: 0 10%;

  .figure {
    padding-bottom: 20px;
  }
}

@include media-breakpoint-down(md) {
  #container-2790,
  #container-2804 {
    .split-cont .row {
      flex-direction: column-reverse;
    }
  }
}

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

.tx-indexedsearch-title a {
  color: $secondary-color;
  text-transform: none;
  font-weight: $font-weight-black;

  &:hover {
    color: $white;
    text-decoration: none;
  }
}

/* Cookies */
#klaro {
  .klaro.we_cookie_consent {
    .cookie-notice,
    .cookie-modal {
      .cn-body,
      .cm-modal.cm-klaro,
      .cm-modal.cm-klaro .cm-footer {
        p {
          color: $black;

          a {
            color: $black;
          }
        }

        .cm-header h1 {
          color: $black;
        }
      }
    }
  }
}

/* Back to top */
.btn-faq {
  right: 25px;
  background: #ffffff7a;
  border-radius: 360px;
  padding: 10px;
}

/* News */
.news {
  .card .content .title .subtitle {
    color: $white;
  }

  .card {
    background: $fifth-color;

    .content {
      .btn {
        background: #903000;
      }

      .title,
      .subtitle {
        color: $white;
      }

      .title a:hover {
        color: $white;
      }
    }
  }

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

.price-style1 {
  color: black;
}

.news #news-slider .card .gradient-overlay:before {
  background: none;
}

.form-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1;
  color: #000000;
}

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

.form-label {
  margin-bottom: 10px;
}

@include media-breakpoint-down(md) {
  section.section.section-bg-color .feature-items .row {
    margin: 0px 0px 0px 0px;

    & > div {
      padding-inline: 0px;
    }
  }

  section.section-bg-color .row.split-cont .col-sm-12 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);

    .container-full.twocol-50-50 .row.col2-grid {
      --bs-gutter-y: 20px;
    }
  }
}

@include media-breakpoint-down(sm) {
  .tx-wabsolute-popup {
    .alert-wrap2.alert-closable {
      .inner-wrap {
        height: auto;

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

// UAT internal review changes

@include media-breakpoint-down(md) {
  .section-bg-color {
    .container-fluid {
      .frame-type-news_newsliststicky {
        .news {
          .section {
            .container {
              .mosaic {
                &.mosaic-2col {
                  .item {
                    .content {
                      .title {
                        text-align: left;
                        h3 {
                          text-align: left !important;
                          font-size: 1.3rem;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  section.section-bg-color {
    .row.split-cont {
      .col-sm-12 {
        .container-full.twocol-50-50 {
          .row.col2-grid {
            padding: 0 24px;
            p {
              line-height: 1.8rem;
            }
            .t3-alignment {
              a {
                margin-top: 12.8px !important;
              }
            }
          }
        }
      }
    }
  }

  .container {
    .frame-type-text {
      p {
        span[style="font-size:48px"] {
          font-size: 36px !important;
          line-height: 2.5rem;
        }
      }
    }
  }

  .container-fluid {
    .container {
      .container {
        &.threecol-33-33-33 {
          .item {
            .card {
              &.cardtype-price {
                &.zoom-in {
                  &.img-top {
                    .content {
                      padding: 10px 10px 40px;
                      .btn-inn {
                        width: 100%;
                        position: absolute;
                        bottom: -25px;
                        left: 0;
                        right: 0;
                        z-index: 1;
                        display: inline-block;
                        vertical-align: top;
                        text-align: center;
                        max-width: 250px;
                        margin: 0 auto;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}