.post-type-archive-room {
  .rooms-info {
    .cta-wrapper {
      display: inline-flex;
      flex-direction: column;

      @media (min-width: 1366px) {
        display: flex;
        flex-direction: row;
        gap: 15px;
      }

      .virtual-tour {
        display: inline-flex;
        align-items: center;
        background: transparent;
        transition: all 0.3s ease-in-out;

        &::before {
          background: #D557AF;
        }
      }

      .learn-more {
        display: inline-flex;
        align-items: center;
        background: transparent;
        transition: all 0.3s ease-in-out;

        &::before {
          background: #e23e38;
        }
      }
    }
  }
}

.list-vertical {
  display: flex;
  flex-direction: column;
}

.facetwp-facet.facetwp-type-radio .checked {
  color: #e23e38;
}
.square-grid__item.bg-pink{
  background-color: #a31f67;
}
.map-location__distance span {
  font-weight: 600;
}

h3.fs-h1 {
  margin-bottom: 20px;
}

@media screen and (min-width: 48.0625em) {
  h3.fs-h1 {
    margin-bottom: 54px;
  }
}

.single-room {
  .top-banner {
    picture {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;

      img {
        max-height: none !important;
      }
    }

    .content {
      padding: 0 30px;

      p {
        margin-bottom: 45px;
      }

      .link {
        a {
          &::before {
            transform: rotate(-3deg) !important;
          }
        }
      }
    }
  }

  .footer-booking-link {
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-top: 50px;

    a {
      margin-top: 10px;
      display: inline-block;

      &::before {
        background-color: #d6509b;
        transform: rotate(-5deg);
      }
    }

    &::before {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background: #DD5537;
      background: linear-gradient(90deg, rgba(221, 85, 55, 1) 0%, rgba(214, 80, 155, 1) 100%);
    }
  }
}

@media only screen and (max-width:767px) {
  .single-room {
    .top-banner {
      .content {
        .link {
          a {
            font-size: 14px;
          }
        }
      }
    }
  }
}

.signal-strip {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;

  .signal-strip-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 40px 0 10px;
    gap: 40px;

    p {
      margin-bottom: 0;
    }
  }

  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #DD5537;
    background: linear-gradient(90deg, rgba(221, 85, 55, 1) 0%, rgba(214, 80, 155, 1) 100%);
  }
}

@media only screen and (max-width:991px) {
  .signal-strip {
    .signal-strip-wrapper {
      padding: 0;
      flex-direction: column;
      gap: 20px;

      p {}
    }

    &::after {
      display: none;
    }
  }
}

@media only screen and (max-width:768px) {
  .custom-row {
    flex-direction: column;
    gap: 30px;

    .wp-block-column {
      width: 100%;

      h3 {
        font-size: 24px;
        line-height: 1.25;
      }
    }
  }
}

@media only screen and (min-width:769px) {
  .custom-row {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 50px;

    .wp-block-column {
      width: 50%;

      h3 {
        font-size: 24px;
        line-height: 1.25;
      }
    }
  }
}

.content-media {
  ul {
    margin-bottom: 30px;
    padding-left: 20px;
    list-style: circle;

    li {
      a {
        font-weight: bold;
      }

      &:not(:last-of-type) {
        margin-bottom: 15px;
      }
    }
  }

  .button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

/* GALLERY */

.gallery {
  .gallery-items {
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;

    .gallery-item {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: auto;
      top: 0;
      left: 0;
      aspect-ratio: 1/1;

      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
}

@media only screen and (min-width:575px) {
  .gallery {
    .gallery-items {
      .gallery-item {
        width: calc(100% / 2 - 15px);
      }
    }
  }
}

@media only screen and (min-width:1024px) {
  .gallery {
    .gallery-items {
      .gallery-item {
        width: calc(100% / 3 - 15px);
      }
    }
  }
}

@media only screen and (min-width:1366px) {
  .gallery {
    .gallery-items {
      .gallery-item {
        width: calc(100% / 4 - 15px);
      }
    }
  }
}

/* CTAs */
.cta--1,
.cta--2,
.cta--3,
.cta--4,
.cta--5,
.cta--7 {
  &:hover {
    color: white;

    &::after {
      color: white;
      background-image: url(../../img/arrow-right-white.svg);
    }
  }
}

/* Additional Information */
@media only screen and (min-width:1024px) {
  .simple-wysiwyg-wrapper {
    padding: 30px 50px !important;
  }
}

@media only screen and (min-width:1366px) {
  .simple-wysiwyg-wrapper {
    padding: 50px 100px !important;
  }
}

@media only screen and (min-width:1920px) {
  .simple-wysiwyg-wrapper {
    padding: 50px 150px !important;
  }
}

.simple-wysiwyg {
  border-top: 5px solid black;

  .simple-wysiwyg-wrapper {
    padding: 30px 0;

    h2 {
      font-size: 1.5rem;
      margin-bottom: 15px;
    }

    ul {
      list-style: disc;
      margin-bottom: 25px;
      padding-left: 20px;

      li:not(:last-of-type) {
        margin-bottom: 3px;
      }
    }

    a {
      text-decoration: underline;
    }
  }
}

span.subheader{
  letter-spacing: .05em;
  display: block;
}
.map-location__distance span{
  color: #a51d63;
}