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

@include media-breakpoint-up(lg) {
  .aside.attraction-details-11 {
    padding-right: 55px;
  }
}

.attraction-details {

  .owl-carousel .owl-nav button.owl-prev:before,
  .owl-carousel .owl-nav button.owl-next:before {
    background: $fourth-color;
    border: 2px solid $fourth-color;
    color: $primary-color;
  }

  .owl-carousel .owl-nav button.owl-prev:hover,
  .owl-carousel .owl-nav button.owl-prev:focus,
  .owl-carousel .owl-nav button.owl-prev:active,
  .owl-carousel .owl-nav button.owl-next:hover,
  .owl-carousel .owl-nav button.owl-next:focus,
  .owl-carousel .owl-nav button.owl-next:active {
    border-color: $fourth-color;
  }

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

  @include media-breakpoint-up(md) {
    .figure {
      top: 100px;
    }
  }

  .figure::before {
    display: inline-block;
    opacity: 1;
    -webkit-mask-image: url('../../Images/backgroundMask.png');
    mask-image: url('../../Images/backgroundMask.png');
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: bottom;
    background: $primary-bg;
    mask-size: 100% 100%;

    @include media-breakpoint-down(xl) {
      mask-size: 100% 65%
    }

    @include media-breakpoint-down(lg) {
      mask-size: 100% 45%
    }

    @include media-breakpoint-down(sm) {
      mask-size: 100% 30%;
    }
  }
}

.tx-wabs-attractions {
  .filter-elements .box h3 {
    font-family: $font-family-primary;
  }

  p {
    padding-bottom: 16px !important;
  }

  .iconbox {
    display: none;
  }
}

.headline-details-11 {
  padding-top: 2em;

  @include media-breakpoint-down(md) {
    padding-top: 2em;
  }
}

/* Attraction / Animal Detail */
.hero-inner {
  +section .vulnerability-status-section {
    padding-top: 7em;

    @include media-breakpoint-down(md) {
      padding-top: 2em;
    }
  }

  +section .attraction-icon-section {
    padding-top: 7em;

    @include media-breakpoint-down(md) {
      padding-top: 2em;
    }
  }

  +div .headline-details-11 {
    padding-top: 7em;

    @include media-breakpoint-down(md) {
      padding-top: 2em;
    }
  }
}

.attraction-details.animal-page .figure::before {
  background: transparent;
}

@media (max-width: 767.98px) {
  .tx-wabs-attractions .hero-inner.animal-page {
    margin-top: 62px;
  }
}

.tx-wabs-attractions {
  .grey-box {
    background: #f0f0f0;
    border-radius: $border-radius-card;
    padding: 45px;
    margin-bottom: 25px;

    p,
    h3 {
      color: $black;
    }

    .iucn-title {
      font-weight: $font-weight-normal;
      font-size: $font-size-16;
    }

    .iucn-status {
      color: #fe5b5b;
      font-weight: $font-weight-bold;
      font-size: $font-size-24;
      text-transform: uppercase;
    }

    .iucn-details {
      color: #686868;
      font-weight: $font-weight-normal;
      font-size: $font-size-14;
      line-height: $line-height-18;

      a {
        color: #fe5b5b;
        font-weight: $font-weight-normal;
      }
    }
  }
}

#animal-slider {
  p {
    font-weight: $font-weight-normal;
    line-height: $line-height-22;
    padding: 30px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .tx-wabs-attractions .grey-box {
    background: #f0f0f0;
    border-radius: 8px;
    padding: 45px 7px;
    margin-bottom: 25px;
  }

  .tx-wabs-attractions .grey-box .iucn-status {
    color: #fe5b5b;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
  }

  .vulnerability-status-section {
    margin-top: -6px;
  }
}