body {
  overflow-x: hidden;
}

/* default content width */
main > *:not(.alignwide):not(.alignfull):not(.wide):not(.full) {
  margin-right: auto;
  margin-left: auto;
  max-width: 720px;
}

.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
}

.alignfull,
.full {
  width: calc(100% + 30px);
  margin-right: -15px;
  margin-left: -15px;
}

/* set default width for child group */
.wp-block-group__inner-container
  > .wp-block-group:not(.alignwide):not(.alignfull) {
  margin: 0 auto;
  max-width: 720px;
}

.wp-block-image > img {
  height: auto;
}

/* embedded video aspect ratios */
.wp-block-embed__wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
}

.wp-embed-aspect-16-9 > .wp-block-embed__wrapper {
  padding-bottom: 56.25%;
}

.wp-embed-aspect-4-3 > .wp-block-embed__wrapper {
  padding-bottom: 75%;
}

.wp-block-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* default element spacing */
main > *[class^="wp-block"]:not(h1,h2,h3,h4,h5,h6),
main > *[class^="wp-container"]:not(h1,h2,h3,h4,h5,h6) {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

main > *:is(.wp-block-table) {
  margin-top: 0;
  margin-bottom: 1em;
}

main > .alignfull:first-child {
  margin-top: 0;
}

main > .alignfull:last-child {
  margin-bottom: 0;
}

main > *[class^="wp-block"].alignfull + *[class^="wp-block"].alignfull,
main > *[class^="wp-container"].alignfull + *[class^="wp-container"].alignfull {
  margin-top: -3rem;
}

.wp-block-group.has-background {
  padding: 1em;
}

main > h1 {
  margin-top: 1.5em;
}

/* 404 page */

.error-not-found {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

@media (min-width: 1400px) {
  /* default element spacing */
  main > *[class^="wp-block"]:not(h1,h2,h3,h4,h5,h6),
  main > *[class^="wp-container"]:not(h1,h2,h3,h4,h5,h6) {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  main > *:is(.wp-block-table) {
    margin-top: 0;
    margin-bottom: 1em;
  }

  main > .alignfull:last-child {
    margin-bottom: 0;
  }

  main > *[class^="wp-block"].alignfull + *[class^="wp-block"].alignfull,
  main
    > *[class^="wp-container"].alignfull
    + *[class^="wp-container"].alignfull {
    margin-top: -5vw;
  }
}