/*********************
  Media Query Classes
**********************/
@media only screen and (max-width : 576px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width : 768px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width : 577px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width : 769px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width : 769px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width : 576px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width : 577px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width : 768px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width:600px) {
  .container-intro {
    padding-top: calc(250 / 600 * 100%);
  }
  .container-intro:before {
    background-size: cover !important;
  }
}
@media only screen and (max-width:992px) {
  .container-intro {
    padding-top: calc(350 / 992 * 100%);
  }
  .container-intro:before {
    background-size: cover !important;
  }
}
[data-is=feature-list] {
  display: flex;
  flex-direction: column;
  row-gap: var(--h-space);
  [data-is=feature-item] {
    display: flex;
    column-gap: var(--v-space);
  }
  img {
    width: 24px;
  }
  svg {
    fill:#5B5F72;
  }
}
[data-is=feature-item] {
    margin: 0;
}

[data-retail-price=discounted] {
    text-decoration: line-through;
    color: red;
    opacity: 0.8;

}

[data-layout="pricing"] {
    --grey2: #ced4da;
    background-color: #5B5F72;
    background-size: cover;
    /* background-image: url('/images/pattern/subtle-grunge.png'); */
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 2px 0;
    display: flex;
    flex-direction: column;
    padding: 1em;
    [data-labels] {
        display: flex;
        justify-content: space-between;
    }

    [data-tagline] {
        border-radius: 4px;
        background-color: #fff;
        color: teal;
        padding: 3px 6px;
    }

    h3 {
        margin: 0;
    }

    [data-strapline] {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0.5em;
        color: var(--grey2);
    }

    svg {
        fill: var(--grey2);
    }

    button {
        border: 0;
        background-color: transparent;
        color: var(--grey2);
        cursor: pointer;
    }
}

[data-layout="book-bar-fixed"] {
  background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.75) -1px 0px 5px 0px; padding: 1em 0.75em; display: flex; justify-content: space-between; bottom: 0px !important; left: 0px !important; position: fixed !important; right: 0px !important; z-index: 1999 !important;
  & .price-list { display: flex; flex-direction: column; }
}

[aria-label="user-rating"] {
    padding: 0;
}

.timeslots {
  max-width: 600px;
  margin: 0 auto;
}

[data-rating-bar] {
  display: flex;
  justify-content: space-between;
}