/* Original resource-page photos, restored as editable Elementor image widgets. */
.elementor-section.srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .86fr);
  gap: 14px 36px;
  align-items: start;
  padding-top: 28px;
}
.srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  margin: 0;
}
.srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap > .srrl-restored-photo {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: stretch;
}
.srrl-photo-hero .srrl-restored-photo > .elementor-widget-container { height: 100%; }
.srrl-photo-hero .srrl-restored-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  max-height: 340px;
  object-fit: cover;
  object-position: center 40%;
  border-radius: 16px;
  box-shadow: 0 10px 28px #083f5b14;
}
.srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap > .srrl-photo-navigation {
  grid-column: 1 / -1;
}
/* The original photo takes the place of the generic scenery banner. */
.srrl-photo-hero .srrl-photo-navigation .srrl-scenery { display: none; }
.srrl-photo-hero h1.elementor-heading-title { display: block !important; }
.srrl-restored-supporting-photo { margin: 28px 0 !important; }
.srrl-restored-supporting-photo img { display: block; width: 100%; height: auto; border-radius: 16px; }
.srrl-restored-supporting-photo.srrl-photo-scenery img { height: 230px; object-fit: cover; }
.srrl-restored-supporting-photo.srrl-photo-guide img { max-width: 860px; margin: 0 auto; }
@media (max-width: 767px) {
  .srrl-restored-supporting-photo.srrl-photo-scenery img { height: 180px; }
  .elementor-section.srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding-top: 20px;
  }
  .srrl-photo-hero > .elementor-container > .elementor-column > .elementor-widget-wrap > .srrl-restored-photo {
    grid-column: 1;
    grid-row: auto;
  }
  .srrl-photo-hero .srrl-restored-photo img {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
    max-height: 300px;
  }
}