@import "layout/masthead.css";
@import "layout/frontpage.css";
@import "layout/user-profile.css";
@import "layout/card-rollup.css";
@import "layout/memorial-info.css";
@import "layout/memorial-browser.css";
@import "layout/story.css";
@import "layout/footer.css";
@import "layout/user-login.css";

#utility {
  margin: 1rem auto;
  position: relative;
  width: min(100% - 2rem, var(--layout-max-width));
}
body:where(.node-type-story, .node-type-article, .node-type-resource) #utility {
  width: min(100% - 2rem, var(--article-max-width));
}
#breadcrumb {
  font-size: 0.85rem;
}
#breadcrumb > span {
  display: none;
}
#content-wrapper {
  background-color: white;
  padding-top: calc(108px + 1rem);
  position: relative;
}
#content {
  margin: 1rem auto;
  padding-bottom: 1rem;
  width: min(100% - 2rem, var(--layout-max-width));
}
body:where(.node-type-story, .node-type-article, .node-type-resource) #content {
  width: min(100% - 2rem, var(--article-max-width));
}
#postcontent {
  background: var(--neutral-tan) url(../images/bg-map.png) right top no-repeat;
  margin-top: 2rem;
  padding: 1rem 0 2rem 0;
}