html,
body {
  background-color: #d1d1d0;
}
.dialog-off-canvas-main-canvas {
  background-color: #f5f5f0;
  display: flex;
  flex-direction: column;
}
.autry-region-header + #main-content {
  border-top: 5px solid #ad5700;
}
#main-content {
  padding: 2rem;
}
/*
  1680
  275 1344
      870 415
*/
.autry-layout-page {
  display: grid;
  grid-gap: 3rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1680px;
  grid-template-areas: 'content content';
  grid-template-columns: clamp(200px, 25%, 275px) 1fr;
}
.autry-layout-page.has-rail {
  grid-template-areas: 'rail content';
}
.autry-region-content {
  grid-area: content;
}
.autry-region-content > .autry-media-image.autry-field-cover-image {
  margin-bottom: 2rem;
}
.autry-region-rail {
  grid-area: rail;
}
@media (min-width : 820px)  and (max-width : 1279px) {
  #main-content {
    padding: 1.5rem;
  }
  .autry-layout-page {
    grid-gap: 2rem;
  }
}
@media (max-width : 819px) {
  #main-content {
    padding: 1rem;
  }
  .autry-layout-page {
    grid-gap: 1rem;
  }
}
@media (max-width : 1239px) {
  .autry-layout-page.has-rail {
    grid-template-areas: 'content';
    grid-template-columns: 1fr;
  }
  .autry-region-rail {
    display: none;
  }
}


/*# sourceMappingURL=autry-layout-page.library.css.map*/