/**
 * Kutby Main Stylesheet
 *
 * Foundation cascade. For production builds, prefer a build step that
 * concatenates these files to avoid @import round-trips.
 *
 * @package Kutby
 */

@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/animations.css");

@import url("layout/container.css");
@import url("layout/grid.css");
@import url("layout/header.css");
@import url("components/header/layout-classic.css");
@import url("components/header/layout-modern.css");
@import url("components/header/layout-centered.css");
@import url("layout/hero.css");
@import url("components/hero/layout-classic.css");
@import url("components/hero/layout-magazine.css");
@import url("components/hero/layout-grid.css");
@import url("components/hero/layout-minimal.css");
@import url("layout/footer.css");
@import url("components/footer/layout-classic.css");
@import url("components/footer/layout-modern.css");
@import url("components/footer/layout-minimal.css");
@import url("layout/sidebar.css");

@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/cards/variant-editorial.css");
@import url("components/cards/variant-compact.css");
@import url("components/cards/variant-horizontal.css");
@import url("components/cards/variant-grid.css");
@import url("components/cards/variant-featured.css");
@import url("components/forms.css");
@import url("components/breadcrumbs.css");
@import url("components/pagination.css");
@import url("components/tables.css");
@import url("components/alerts.css");

@import url("pages/home.css");
@import url("pages/archive.css");
@import url("pages/single.css");
@import url("pages/search.css");

@import url("utilities/spacing.css");
@import url("utilities/helpers.css");
@import url("utilities/visibility.css");
/* Education Modern last among chrome — must beat header/forms/visibility */
@import url("components/header/layout-education-modern.css");

.kutby-site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
}

.kutby-main {
  flex: 1 0 auto;
  width: 100%;
  max-width: 100%;
  padding-block: var(--kutby-space-6);
}
