.p-template-single-post .p-hero-main__image {
  height: 60vh;
}

.p-template-single-post .wp-caption {
  width: auto !important;
}

.p-template-single-post .wp-caption a,
.p-template-single-post .wp-caption img {
  width: 100% !important;
  display: block !important;
}

.p-template-single-post .gallery {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -0.3rem !important;
  row-gap: 0.6rem !important;
  margin-bottom: 2rem !important;
}

.p-template-single-post .gallery > br {
  display: none !important;
}

.p-template-single-post .gallery > dl {
  margin: 0 !important;
  padding: 0 0.3rem !important;
  flex: 0 0 50% !important;
}

.p-template-single-post .gallery .gallery-icon a {
  display: block !important;
  aspect-ratio: 100 / 65 !important;
}

.p-template-single-post .gallery .gallery-icon a img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

.p-template-single-post .gallery .gallery-caption {
  font-size: 80% !important;
  font-style: italic !important;
}

.p-template-single-post .p-button {
  font-size: 1rem !important;
}

.p-template-single-post__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

@media (min-width: 700px) {
  .p-template-single-post .gallery.gallery-columns-2 > dl {
    flex-basis: 50% !important;
  }

  .p-template-single-post .gallery.gallery-columns-3 > dl {
    flex-basis: 33.33% !important;
  }

  .p-template-single-post .gallery.gallery-columns-4 > dl {
    flex-basis: 25% !important;
  }

  .p-template-single-post .gallery.gallery-columns-5 > dl {
    flex-basis: 20% !important;
  }

  .p-template-single-post .p-button {
    font-size: 1.1rem !important;
  }
}
