/**
 * Deps: magnific-popup
 */
.check-availability-container.loading .check-availability > .inner-container,
.check-availability-container.loading .show-availability > .inner-container {
  pointer-events: none; }

.check-availability-container.loading .check-availability:after,
.check-availability-container.loading .show-availability:after {
  opacity: 1; }

.check-availability-widget {
  text-align: center;
  align-items: center;
  margin: 0;
  justify-content: space-between;
  padding: 0; }
  .check-availability-widget > .left-side {
    padding: 30px 0px 30px 0; }
  .check-availability-widget > .right-side {
    width: 100%; }
  body:not(.check-availability-initialized) .check-availability-widget > .right-side {
    background: url(../check-availability/images/loader.gif) no-repeat center center;
    background-size: 48px;
    padding-bottom: 100px; }
  body:not(.check-availability-initialized) .check-availability-widget .pre-confirmation,
  body:not(.check-availability-initialized) .check-availability-widget .post-confirmation {
    display: none; }
  .check-availability-widget .check-availability-title {
    margin-top: 0;
    margin-bottom: .33em;
    color: inherit; }
    .check-availability-widget .check-availability-title:after {
      display: none !important; }
  .check-availability-widget .pre-confirmation {
    display: none; }
  .check-availability-widget .post-confirmation {
    display: none; }
    .check-availability-widget .post-confirmation .check-availability-user-saved-location {
      font-weight: bold;
      font-size: 20px; }
    .check-availability-widget .post-confirmation .check-availability-clear {
      text-decoration: underline;
      background: none;
      border: none;
      font-size: 16px;
      cursor: pointer; }
    .check-availability-widget .post-confirmation h3 {
      margin-bottom: 0.5em; }
  .check-availability-widget.initialized .pre-confirmation {
    display: block; }
  .check-availability-widget.initialized.is-loading {
    opacity: .7;
    pointer-events: none; }
  body.check-availability-is-set .check-availability-widget.initialized .pre-confirmation {
    display: none; }
  body.check-availability-is-set .check-availability-widget.initialized .post-confirmation {
    display: block; }
  .check-availability-widget.initialized .debug-panel,
  .check-availability-widget.initialized .debug-panel-button {
    display: block; }
  .check-availability-widget .debug-panel-button {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    display: none; }
  .check-availability-widget .debug-panel {
    background: var(--wp--preset--color--light-gray);
    padding: 20px;
    border: 1px #ccc dashed;
    display: none;
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 30px; }
    .check-availability-widget .debug-panel h3 {
      font-size: 16px;
      margin-top: 0; }
    .check-availability-widget .debug-panel .button {
      font-size: 12px !important;
      padding: 5px 15px !important;
      border-radius: 0 !important;
      margin-top: 5px !important; }
  .check-availability-widget .zone-override-details {
    padding: 15px;
    background: #ccc;
    margin: 10px 0; }
  .check-availability-widget .zone-override {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
  .check-availability-widget .zone-override-item {
    list-style: none;
    margin: 2px 3px 2px 0px;
    line-height: 1em;
    background: #666; }
    .check-availability-widget .zone-override-item > a {
      display: inline-block;
      padding: 2px 5px;
      font-size: 12px;
      color: #fff;
      white-space: nowrap; }
    .check-availability-widget .zone-override-item.is-active {
      font-weight: bold; }
      .check-availability-widget .zone-override-item.is-active > a {
        background: #000 !important; }
  @media (max-width: 767px) {
    .check-availability-widget {
      flex-wrap: wrap;
      margin: 0;
      padding-bottom: 30px;
      text-align: center; }
      .check-availability-widget > .left-side {
        padding-right: 0; } }

body .check-availability-popup-container.mfp-close-btn-in .mfp-close {
  color: #fff; }
  body .check-availability-popup-container.mfp-close-btn-in .mfp-close:hover, body .check-availability-popup-container.mfp-close-btn-in .mfp-close:focus {
    color: #fff; }

.popup.check-availability-popup {
  padding-top: 55px;
  max-width: 1230px;
  box-shadow: none;
  background: var(--wp--preset--color--dark-gray);
  color: #fff; }
  .popup.check-availability-popup .check-availability {
    margin-bottom: 0; }
  .popup.check-availability-popup .check-availability-widget {
    margin: 0; }
    .popup.check-availability-popup .check-availability-widget > .left-side {
      padding-left: 0; }
  .popup.check-availability-popup .check-availability-title {
    margin-top: 0; }
  .popup.check-availability-popup .check-availability-instructions {
    max-width: 540px;
    margin: 0 auto 1em; }
  @media (max-width: 1340px) {
    .popup.check-availability-popup .service_links > .service_links-item {
      width: 100px; } }
  @media (max-width: 1170px) {
    .popup.check-availability-popup {
      max-width: 800px; }
      .popup.check-availability-popup .check-availability-widget {
        flex-wrap: wrap; } }
  @media (max-width: 991px) {
    .popup.check-availability-popup .check-availability-widget {
      flex-wrap: wrap;
      margin: 0;
      padding-bottom: 30px;
      text-align: center; }
      .popup.check-availability-popup .check-availability-widget > .left-side {
        padding-right: 0;
        width: 100%; }
    .popup.check-availability-popup .service_links {
      margin: 0px  auto 25px;
      justify-content: center; } }