.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.block-ph-room {
  padding: 0; }

.booking-room-overview {
  padding: 20px;
  background: #ccc;
  margin: 10px 0; }

.hidden {
  display: none !important; }

/*
.block-room-and-suites {
  padding: 0;
  > div {
    padding: 0;
  }
  .room {
    display: none;
    &.active {
      display: block;
    }
    .room-overview {
      padding: 10px;
	    background: #fff;
	    margin: 0 0 20px 0;
    }
  }
  .room-categories {
    .room-category {
      margin: 20px 0 0 0;
  	  background: #fff;
  	  &:first-child {
  	  	margin-top: 0;
  	  }
      .total-units {
        .form-item {
          margin: 0;
        }
        position: absolute;
        background: #d44658;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        color: #fff;
        width: 100px;
        height: 100px;
        z-index: 100;
        top: 5%;
        left: 5%;
        text-align: center;
        .units-wrapper {
          padding: 34px 0;
          span {
            &.header {
              display: block;
              text-transform: uppercase;
            }
            &.units {
              padding-right: 5px;
            }
          }
        }
      }
      .room-full-slider {
        width: 100%;
        height: 400px;
        overflow: hidden;
        display: none;
        position: relative;
        .flex-direction-nav {
          display: block;
          .flex-nav-prev {
            a {
              left: 0;
              opacity: 1;
            }
          }
          .flex-nav-next {
            a {
              right: 0;
              opacity: 1;
            }
          }
        }
        .flex-viewport {
          .slides {
            .slide {
              img {
                width: 100%;
              }
            }
          }
        }
        .slick {
          height: 400px;
          position: relative;
          .slick__arrow {
            width: 100%;
            .slick-prev {
              left: 0;
              position: absolute;
              top: 50%;
              text-indent: -9999px;
            }
            .slick-next {
              right: 0;
              position: absolute;
              top: 50%;
              text-indent: 9999px;
            }
          }
          .slick-slider {
          }
          .slick-dots {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
          }
          .slick-track {
            height: 400px;
          }
          .slide__content {
          }
          .slide__media {
            div {
              height: 400px;
              background-size: cover;
              background-position: center;
            }
          }
        }
        .close-room-gallery {
          position: absolute;
          top: 0;
          background: #ccc;
          color: #000;
          padding: 10px;
          display: block;
          z-index: 100;
          cursor: hand;
        }
      }
      .room-category-top-wrapper {
        height: 300px;
        overflow: hidden;
        @extend %row;
        margin: 0;
        .room-photos {
          height: 300px;
          width: 284px;
          float: left;
          overflow: hidden;
          padding: 0;
          .room-thumbs {
            display: none;
            .thumb-pager {
              .pager-button {
                display: block;
                float: left;
                padding: 10px;
              }
            }
          }
          .room-slider {
            position: relative;
            .flex-direction-nav {
              display: block;
              .flex-nav-prev {
                a {
                  left: 0;
                  opacity: 1;
                }
              }
              .flex-nav-next {
                a {
                  right: 0;
                  opacity: 1;
                }
              }
            }
            .slick {
              height: 300px;
              position: relative;
              .slick__arrow {
                width: 100%;
                .slick-prev {
                  left: 0;
                  position: absolute;
                  top: 50%;
                  text-indent: -9999px;
                }
                .slick-next {
                  right: 0;
                  position: absolute;
                  top: 50%;
                  text-indent: 9999px;
                }
              }
              .slick-slider {
              }
              .slick-dots {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
              }
              .slick-track {
                height: 300px;
              }
              .slide__content {
              }
              .slide__media {
                div {
                  height: 300px;
                  background-size: cover;
                  background-position: center;
                }
              }
            }
            .room-slide-pager {
              position: absolute;
              bottom: 0;
              padding: 10px 0;
              text-align: center;
              width: 100%;
              z-index: 100;
              background-color: #ccc;
              height: 27px;
              span {
                color: #000;
                &.full-gallery {
                  position: absolute;
                  right: 5px;
                }
              }
            }
            &.room-thumb-slider {
              .slide-caption {
                display: none;
              }
            }
          }
        }
        .room-category-info-wrapper {
          height: 100%;
          position: relative;
          //float: right;
        }
        .room-category-info {
          padding: 0 10px;
          float: left;
          width: 100%;
          width: 470px;
          position: relative;
          height: 300px;
          .buttons {
            a {
              @extend %button;
            }
          }
          .room-details {
            span {
              padding: 0 10px 0 30px;
            }
            .room-size {
              background: url(../img/icons/room-size-icon.png) center left no-repeat;
            }
            .room-adults {
              background: url(../img/icons/room-adults-icon.png) center left no-repeat;
            }
            .room-beds {
              background: url(../img/icons/room-beds-icon.png) center left no-repeat;
            }
          }
          .room-content {
            padding: 10px 0 0 0;
            p {
              font-size: 16px;
            }
          }
        }
        .room-booking {
          height: 100%;
          padding: 0;
          float: right;
          background: #ccc;
          .buttons {
            position: absolute;
            bottom: 0;
            width: 100%;
            max-width: 200px;
            a {
              min-width: 100%;
              @extend %button;
            }
            &.wide-buttons {
              max-width: 100%;
              left: 0;
              right: 0;
              width: 100%;
            }
          }
          .booking-price {
            color: #000;
            padding: 10px;
            .rate-label {
              float: left;
              span {
                &.label {
                  font-size: 18px;
                }
                &.total-nights {
                  font-size: 14px;
                }
                display: block;
              }
            }
            .rate-price {
              float: right;
              font-size: 18px;
              .currency {
              }
            }
          }
          .booking-avg-price,
          .rate-avg-price {
            padding: 10px;
            text-align: right;
            span {
              &.label {
                padding: 0 5px;
                font-style: italic;
              }
              &.price {
                font-weight: bold;
              }
              &.currency {
              }
            }
          }
        }
      }
      .room-category-bottom-wrapper {
        >div {
          padding: 15px;
        }
        h3 {
          text-align: center;
          padding: 15px 0;
        }
        .customise-room {
          border-top: 1px solid #ccc;
          display: none;
          padding: 40px;
          &.expanded {
            display: block;
          }
          .room-type {
            .group {
              .form-radios {
                .form-item {
                  position: relative;
                  label {
                    background: url(../img/icons/bed-icon.png) center left no-repeat;
                  }
                  .description {
                    //position: absolute;
                    //top: 38%;
                    //right: 10px;
                    margin: 0;
                    padding: 0;
                    font-weight: bold;
                    text-align: center;
                    span {
                    }
                  }
                }
              }
            }
          }
          .form-item {
            margin: 0;
          }
          .group {
            display: block;
            width: 100%;
            label {
              display: none;
            }
            .form-radios {
              display: table;
              width: 100%;
              .form-item {
                padding: 0 10px;
                display: table-cell;
                border: 1px solid #ccc;
                input {
                  display: none;
                }
                label {
                  cursor: pointer;
                  display: block;
                  padding: 15px 10px 15px 30px;
                }
                &.disabled,
                &.form-disabled {
                  opacity: 0.5;
                }
              }
            }
          }
          .form-type-radio {
            &.checked {
              background: #ccc;
            }
          }
          .room-section {
            margin: 20px 0;
          }
          .room-packages {
            @extend %clearfix;
            .packages {
              float: left;
              width: 50%;
              .form-radios {
                .radio-wrapper {
                  display: table-cell;
                }
                .form-item {
                  display: block;
                }
              }
            }
            .other-packages {
              border: 1px solid #ccc;
              float: left;
              width: 48%;
              width: calc(50% - 2px);
              span {
                &.field-label {
                  display: block;
                  padding: 15px;
                  background: #ccc url(../img/icons/down-arrow.png) 95% center no-repeat;
                  cursor: pointer;
                  &.collapsed {
                    background: #ccc url(../img/icons/up-arrow.png) 95% center no-repeat;
                  }
                }
              }
              .form-type-select {
                padding: 15px;
                label {
                  display: none;
                }
                select {
                  width: 100%;
                  border: none;
                }
              }
              .field-options {
                display: none;
                margin: 0;
                .package {
                  display: block;
                  border-bottom: 1px solid #ccc;
                  padding: 10px;
                  margin: 0;
                  cursor: pointer;
                  span {
                    display: block;
                  }
                  &.last {
                    border-bottom: none;
                  }
                  &.selected {
                    background: #ccc;
                  }
                  &.disabled,
                  &.form-disabled {
                    opacity: 0.5;
                  }
                }
              }
            }
          }
          .payment-rates {
            .payment-rate {
              border: 1px solid #ccc;
              position: relative;
              .form-item {
                padding: 15px;
              }
              input {
                display: none;
              }
              label {
                display: block;
                font-weight: bold;
                padding-bottom: 10px;
                padding-top: 10px;
                cursor: pointer;
              }
              .description {
                margin: 0;
              }
              .rate-price {
                position: absolute;
                right: 15px;
                top: 15px;
                .currency {
                }
                .highest-price {
                  text-decoration: line-through;
                }
                .highest-price, .base-price, .difference {
                  display: inline-block;
                  padding: 0 20px;
                }
              }
            }
          }
          .contact-us {
            text-align: center;
            .button {
              margin: 20px auto;
              min-width: 50%;
              display: block;
            }
          }
        }
        .room-category-details {
          border-top: 1px solid #ccc;
          display: none;
          .room-details {
            table {
              width: 100%;
              thead {
                tr {
                  th {
                    text-transform: uppercase;
                    font-weight: bold;
                  }
                }
              }
              tbody {
                tr {
                  &.odd {
                    background: #fff;
                  }
                  td {
                    padding: 5px;
                  }
                }
              }
            }
          }
          .room-services {
            .main-services {
              float: left;
              width: 500px;
              .service {
                display: inline-block;
                width: 240px;
                .service-icon {
                  width: 75px;
                  height: 75px;
                }
                .service-title {
                }
              }
            }
            .remaining-services {
              float: right;
              width: 200px;
              border: 1px solid #ccc;
              padding: 20px;
            }
          }
        }
      }
    }
  }
}
*/
/*
.block-room-hotel-overview {
  padding: 10px;
  background: #fff;
  margin: 0;
  > div, section,
  section > div {
    padding: 0;
	  max-width:none;
  }
  h3 {
    background: #ccc;
    color: #000;
    text-align: center;
    padding: 10px 0;
    margin: 0;
  }
  .overview-content {
    h3 {
      margin: 0;
    }
    .property {
      padding: 20px;
      span {
        display: block;
        padding: 0 0 0 25px;
        margin: 10px 0;
        line-height: 25px;
        &.address {
          background: url(../img/icons/address-icon.png) left center no-repeat;
        }
        &.phone {
          background: url(../img/icons/phone-icon.png) left center no-repeat;
        }
        &.dates {
          background: url(../img/icons/calendar-icon.png) left center no-repeat;
        }
      }
    }
    .rooms {
      .room-overview-label {
        border-top: 1px solid #ccc;
        padding: 15px;
        a {
          font-weight: bold;
          text-transform: uppercase;
          display: block;
          &:hover {
            text-decoration: none;
          }
        }
        &.collapsed {
          background: url(../img/icons/icon-plus.png) 95% center no-repeat;
        }
        &.expanded {
          background: url(../img/icons/icon-minus.png) 95% center no-repeat;
        }
      }
      .room-overview-content {
        padding: 15px;
        &.expanded {
          display: block;
        }
        &.collapsed {
          display: none;
        }
        h5 {
          margin: 0;
          text-transform: uppercase;
        }
        .remove-room-button {
          float: right;
        }
        .guests {
          padding: 10px 0;
          span {
            display: block;
          }
        }
        .beds, .rate, .total {
          padding: 10px 0;
        }
        .total {
          span {
            display: inline-block;
            &.label {
              font-weight: bold;
              padding-right: 5px;
            }
            &.currency {
            }
          }
        }
      }
    }
  }
}
*/

/*# sourceMappingURL=room.css.map */