/* Restore the original three-column WordPress block gallery layout */
main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0 !important;
}

main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex > li.blocks-gallery-item {
  width: calc(33.33333% - .66667em) !important;
  flex: 0 0 calc(33.33333% - .66667em) !important;
  margin: 0 1em 1em 0 !important;
  box-sizing: border-box !important;
}

main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex > li.blocks-gallery-item:nth-child(3n) {
  margin-right: 0 !important;
}

main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex > li.blocks-gallery-item figure,
main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex > li.blocks-gallery-item a {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

main#primary article main ul.wp-block-gallery.columns-3.is-layout-flex > li.blocks-gallery-item img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}

@media only screen and (max-width: 640px) {
  main#primary article main img,
  main#primary article main p > img,
  main#primary article main p > a > img,
  main#primary article main figure img,
  main#primary article main .wp-caption img {
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
  }

  main#primary article main iframe,
  main#primary article main object,
  main#primary article main embed {
    max-width: 100%;
  }

  main#primary article main table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  main#primary article main .mejs-container,
  main#primary article main .wp-audio-shortcode {
    width: 100% !important;
    max-width: 100% !important;
  }

  main#primary article main .mejs-container .mejs-controls {
    max-width: 100% !important;
  }

  main#primary article main div[style*="width: 443px"] {
    width: 100% !important;
    max-width: 443px !important;
  }

  main#primary article main iframe.wp-embedded-content[style*="visibility: hidden"] {
    display: none !important;
  }
}

/* Keep the fixed header logo and menu on one line on small desktop widths.
   Between 961px and 1280px the theme wrapper is 940-1000px wide, while the
   menu needs ~1027px, which made the last menu item wrap under the logo. */
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  #headline nav ul li a {
    font-size: 1.3em;
    padding: 10px;
    margin-left: 6px;
  }
}