.tx-accommodation-results {
  padding: 40px 20px;

  #titleResults {
    font: normal normal bold 29px/36px 'Newsreader', sans-serif;
    padding: 20px 0;
  }

  #scrolling_list {
    display: flex;
    flex-wrap: wrap;

    .is-loader {
      display: none!important;
    }

    .resultbox {
      width: 100%;

      @media only screen and (min-width: 768px) {
        width: 48.5%;
      }

      ol li:before {
        content: "_";
        color: white;
        font-weight: 400;
        opacity: 0.7;
      }

      .carousel-indicators {
        display: none;

        li {
          font-size: 2.25rem;
        }

        .active::before {
          color: white;
          opacity: 1;
        }
      }

      &:nth-of-type(1n) {
        margin-bottom: 50px;

        @media only screen and (min-width: 768px) {
          margin: 1% 1.5% 1% 0;
        }
      }

      &:nth-of-type(2n) {
        margin-bottom: 50px;

        @media only screen and (min-width: 768px) {
          margin: 1% 0 1% 1.5%;
        }
      }

      .carousel-control-prev-icon {
        /*background-image: url("/static_assets/wabs_accommodation/Icons/carousel-arrow-left-default.svg");

        &:hover {
          background-image: url("/static_assets/wabs_accommodation/Icons/carousel-arrow-left-mouseover.svg");

        }*/
        display: none;
      }

      .carousel-control-next-icon {
        /*background-image: url("/static_assets/wabs_accommodation/Icons/carousel-arrow-right-default.svg");

        &:hover {
          background-image: url("/static_assets/wabs_accommodation/Icons/carousel-arrow-right-mouseover.svg");

        }*/
        display: none;
      }

      .feature-detail {
        background-color: #FFFFFF;

      }

      .rb-title {
        padding: 20px;
        font-family: 'TFArrow', sans-serif;
        font-weight: bold;
        font-size: 26px;
        line-height: 1;
        a {
          cursor: pointer;
        }

        @media only screen and (min-width: 768px) {
          font-size: 34px;
          padding: 30px 35px 20px;
        }

        .rb-link-icon {
          vertical-align: unset;

          &:hover {
            filter: brightness(1.1);
          }
        }

      }

      .rb-desc {
        padding: 0 20px 20px;
        position: relative;

        @media only screen and (min-width: 768px) {
          padding: 0 35px 30px;
        }

        a {
          color: #D08E78;
          text-decoration: none;

          &:hover {
            color: #E59C84;
          }
        }

        // Toggle Box
        p {
          padding-bottom: 0;
          font-size: 16px;
          line-height: 1.5;
          min-height: 72px;

          em {
            font-style: normal;
            font-weight: 400;
          }
        }

        .accordion-button {
          padding: 0;
          background-color: transparent;
          box-shadow: none;

          &::after {
            display: none;
          }
        }
        .accordion-wrapper-test[aria-expanded="false"] {
          .accordion-button {
            p {
              cursor: pointer;

              &:before {
                content: "";
                background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,1));
                z-index: 100;
                width: 100%;
                height: 50px;
                position: absolute;
                bottom: 0;
              }

              &:after {
                content: url("/static_assets/wabs_accommodation/Icons/mobile-cart-arrow-rose.svg");
                position: absolute;
                display: block;
                padding-left: 50%;
                width: 100%;
                z-index: 100;
              }
            }
          }
        }

        .accordion-wrapper-test[aria-expanded="true"] {
          p {
            background: none;
          }
        }

        .accordion2 p:last-child:after {
          content: url("/static_assets/wabs_accommodation/Icons/mobile-cart-arrow-rose.svg");
          transform: rotate(180deg);
          position: absolute;
          display: block;
          padding-left: 50%;
          width: 100%;
          cursor: pointer;
        }
      }

      .rb-propal {
        display: flex;
        flex-direction: column;
        background-color: #d08e78;
        align-items: center;
        padding: 16px;
        justify-content: space-between;
        padding: 10px 20px;

        @include media-breakpoint-down(xl) {
          flex-direction: column;
        }

        @include media-breakpoint-up(xl) {
          flex-direction: row;

        }

        .rbp-title {
          display: none;
        }
        .rbp-price {
          color: #FFFFFF;
          font-size: 18px;
          margin-bottom: 8px;

          @media only screen and (min-width: 480px) {
            margin-bottom: 0;
          }

          @media only screen and (min-width: 1000px) {
            font-size: 20px;
          }

          @include media-breakpoint-down(xl) {
            padding-bottom: 7px;
          }

          .persons-total {
            color: white;
          }
        }
        .rbp-action {

          button {
            background-color: #d9b77b;
            color: #FFFFFF;
            border: none;
            border-radius: 33px;
            padding: 15px 55px;
            text-transform: uppercase;
            font-size: 16px;
            cursor: pointer;
            height: unset;
            line-height: 1;

            &:hover {
              background-color: #d9b77b;
            }

            @media only screen and (min-width: 768px) {
              font-size: 18px;
            }
          }
        }
      }
    }
  }
}