/* Base */
@import "./base/reset.css";
@import "./base/variables.css";
@import "./base/layout.css";
@import "./base/typography.css";
@import "./base/buttons.css";
@import "./base/sections.css";

/* Components */
@import "./components/header.css";
@import "./components/footer.css";
@import "./components/hero.css";
@import "./components/booking-drawer.css";
@import "./components/amelia.css";
@import "./components/coaching-slider.css";
@import "./components/updates.css";
@import "./components/gravity-forms.css";

/* Product */
@import "./components/products.css";
@import "./components/downloads.css";

/* Pages */
@import "./pages/about.css";
@import "./pages/coaches.css";
@import "./pages/contact.css";
@import "./pages/facility.css";
@import "./pages/shop.css";

/* Page templates — also conditionally enqueued in functions.php */
@import "./page-news.css";
@import "./page-membership.css";

:root{
  --mc-container: 1200px;
  --mc-gutter: 24px;
}

.mc-container{
  width: 100%;
  max-width: var(--mc-container);
  margin-inline: auto;
  padding-inline: var(--mc-gutter);
  box-sizing: border-box;
}
.full-bleed{
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.section {
  position: relative;
  width: 100%;
}