/*
Theme Name: HiPark
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== Base Border Radius Utility ===== */

.b-radius {
	border-radius: 8px;
}

/* ===== Desktop (>= 850px) ===== */
@media (min-width: 850px) {
  .desktop-b-radius {
    border-radius: 8px;
  }
  .desktop-b-radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .desktop-b-radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .desktop-b-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .desktop-b-radius-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

/* ===== Tablet (≤ 849px) ===== */
@media (max-width: 849px) {
  .tablet-b-radius {
    border-radius: 8px;
  }
  .tablet-b-radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .tablet-b-radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .tablet-b-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .tablet-b-radius-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

/* ===== Mobile (≤ 549px) ===== */
@media (max-width: 549px) {
  .mobile-b-radius {
    border-radius: 8px;
  }
  .mobile-b-radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .mobile-b-radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .mobile-b-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .mobile-b-radius-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

/* Extension for column component. */
/* Desktop */
@media (min-width: 850px) {
  .desktop-b-radius .col-inner,
  .desktop-b-radius-left .col-inner,
  .desktop-b-radius-right .col-inner,
  .desktop-b-radius-top .col-inner,
  .desktop-b-radius-bottom .col-inner {
    border-radius: inherit;
  }
}

/* Tablet */
@media (max-width: 849px) {
  .tablet-b-radius .col-inner,
  .tablet-b-radius-left .col-inner,
  .tablet-b-radius-right .col-inner,
  .tablet-b-radius-top .col-inner,
  .tablet-b-radius-bottom .col-inner {
    border-radius: inherit;
  }
}

/* Mobile */
@media (max-width: 549px) {
  .mobile-b-radius .col-inner,
  .mobile-b-radius-left .col-inner,
  .mobile-b-radius-right .col-inner,
  .mobile-b-radius-top .col-inner,
  .mobile-b-radius-bottom .col-inner {
    border-radius: inherit;
  }
}

/* Customer documents page */
.customer-documents-list {
  list-style: none;
}

.customer-documents-list li a {
  background-color: var(--fs-color-primary);
  color: #fff;
  border-radius: 8px;
  font-size: .97em;
  line-height: 2.4em;
  min-height: 2.5em;
  padding: .6em 1.2em;
  border: 1px solid transparent;
  text-align: center;
}

/* Booking page */
.booking-calendar .wpbs-main-wrapper {
	display: grid;
    align-items: self-start;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.booking-calendar .wpbs-main-wrapper .wpbs-form-container {
	max-width: unset;
}