/* Layout corrections shared by every theme. Loaded after the approved Rapet styles, for screens only. */

/* Short sites keep the footer at the bottom of the window. */
body {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

body > .header,
body > .footer {
  flex-shrink: 0;
}

/* A plain introduction under a large page heading. */
.page-intro h1 + p:not([class]) {
  margin-top: 24px;
}

/* The craft photograph follows the height of its text panel, including open accordions. */
@media (min-width: 741px) {
  .craft-image {
    height: auto;
    min-height: 620px;
    align-self: stretch;
  }
}
