.attraction-details {
  h1 {
    font-weight: 700;
    padding-bottom: 5px;
  }

  .attraction-details-slider {
    .slider-out {
      @media (max-width: 767px) {
        width: 100%;
      }

      .f-carousel {
        .f-carousel__nav {
          button.f-button {
            @media (max-width: 1024px) {
              width: 40px;
              height: 40px;
              right: -20px !important;
              background-size: 35%;

              &.is-prev {
                right: auto !important;
                left: -20px !important;
              }
            }

            @media (max-width: 575px) {
              right: 5px !important;

              &.is-prev {
                left: 5px !important;
              }
            }
          }
        }
      }
    }

    .col-6 {
      @media (max-width: 767px) {
        width: 100%;
      }
    }
  }
}

.opaque {
  opacity: 0.4;
}

.desc-video {
  margin: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 60px;
  text-align: center;

  iframe {
    padding: 0px;
  }
}

.custom-info-button {
  margin: auto;
  padding: 5px 10px;
}

.hero-inner.hero-main.attraction-details .figure:after {
  content: "";
  width: 100%;
  height: 70%;
  float: left;
  background: linear-gradient(180deg, transparent, #000e1d 75%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0.5;
}

.hero-inner .hero-cont {
  text-transform: none;
}

.tx-wabs-attractions section.filter-elements form.filter-form {
  margin-bottom: 40px;

  .btn-filter.filter-red {
    background: transparent;
    box-shadow: none !important;
    padding: 15px 0px;

    .btn-filter-content {
      display: none;
    }

    .filter-options {
      display: block !important;
      opacity: 1;
      visibility: visible;
      position: static;
      background: transparent;
      box-shadow: none;
      padding: 10px 10px;

      select {
        background-color: #FFB718;
        background-image: url(../../Images/select-white.svg);
        background-size: 22px auto;
        background-repeat: no-repeat;
        background-position: top 17px right 25px;
        font-weight: 700;
        font-size: 1rem;
        color: #fff;
        padding: 5px 20px;
        border: none;

        &:hover,
        &:active,
        &:focus,
        &:active:focus {
          background-color: #D1482B;
          outline: 0;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        }

        option {
          background-color: #851F23;
          font-size: 1rem;
          font-weight: 700;
          color: #fff;
          &[selected] {
            background-color: #D1482B;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 767.98px) {
  .tx-wabs-attractions .hero-inner.attraction-details {
    margin-top: 85px;
  }

  .tx-wabs-attractions section.filter-elements form.filter-form .btn-filter.filter-red {
    padding: 0px 0px;
  }
}

@media screen and (max-width: 620px) {
  .hero-inner.hero-main.attraction-details .hero-cont {
    padding: 0px 40px;
  }

  .hero-inner.hero-main.attraction-details .hero-cont h1 {
    font-size: 2.525rem;
    line-height: 1em;
  }

  .hero-inner.hero-main.attraction-details .hero-cont p {
    font-size: 1.15rem !important;
  }
}