/*! critical:start */
@import "@mindful-web/marko-web/scss/document";
@import "@mindful-web/marko-web/scss/node";
@import "@mindful-web/marko-web/scss/node-list";
@import "@mindful-web/marko-web-icons/scss/icons";

body {
  text-rendering: $theme-text-rendering;
}

.document-container {
  flex-shrink: 0;
  padding-top: calculate-navbar-height-for(default);

  @each $breakpoint, $width in sort-map-by-values($theme-site-header-breakpoints, desc) {
    @media (max-width: $width) {
      padding-top: calculate-navbar-height-for($breakpoint);
    }
  }

  @include media-breakpoint-down($theme-responsive-text-breakpoint) {
    padding-right: 0;
    padding-left: 0;
  }
}

/*! critical:end */