/*********************
  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-feature-list] {
  display: flex;
  flex-direction: column;
  row-gap: var(--h-space);
  [data-is=feature-items] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--v-space);
    row-gap: var(--h-space);

    [data-is=feature-item] {
      display: flex;
      column-gap: var(--v-space);
    }
  }
  img {
    width: 24px;
  }
  svg {
    fill:#5B5F72;
  }
}
section[data-rating-bar] [data-is=feature-item] {
    margin: 0!important;
}

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

}

[data-layout="pricing"], [data-order-summary] [data-content] {
    --grey2: #f5f5f5;
    background-color: var(--color-nav-link-active);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 2px 0;
    display: flex;
    flex-direction: column;
    padding: 1em;
    h3, h4 {
      color: #fff;
    }
    [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-direction: column;
        /* flex-wrap: wrap; */
        column-gap: 0.5em;
        color: var(--grey2);
    }

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

    button {
        display: flex;
        border: 0;
        width: 100%;
        /* 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;
  align-items: flex-end;
  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;
  }
  button {
    height: fit-content;
  }
}

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

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

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

[data-article-layout=cart] {
  [data-layout=checkout-grid] {
    background-color: var(--bg-content-color, white);
    padding: 0 var(--h-space, none);
    display: flex;
    flex-direction: column;
    [data-article-title] {
      margin-top: var(--h-space, 1rem);
    }
    [data-type=checkout] {
      order: 2;
    }
    [data-cart-summary] {
      order: 1;
    }
    @media only screen and (min-width : 577px) {
      display: grid;
      grid-template-columns: 2fr 1fr;
      column-gap: var(--v-space);
      row-gap: var(--h-space);
      [data-article-title] {
        grid-row: 1;
        grid-column: 1 / span 2;
      }
      [data-type=checkout] {
        order: 1;
      }
      [data-cart-summary] {
        order: 2;
      }      

    }
  }
}
[data-display=price-summary] {
  [data-modal-open] {
    small {
      text-transform: lowercase;
    }

  }
}