@import "functions";
@import "variables";

// Set core marko web variables from theme vars.
$marko-web-node-placeholder-image-bg-color:     $theme-item-image-placeholder-color !default;
$marko-web-node-placeholder-image:              $theme-item-image-placeholder-image !default;
$marko-web-node-placeholder-image-bg-position:  $theme-item-image-placeholder-position !default;
$marko-web-node-placeholder-image-opacity:      $theme-item-image-placeholder-opacity !default;

@import "mixins";
@import "components";

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;
  }
}