/* Shared editorial image treatment for RideWithPete page shortcodes. */
.rwp-home__portrait.has-image,
.rwp-n2__media,
.rwp-n2__day-media,
.rwp-services__card-media,
.rwp-services__portrait,
.rwp-about__portrait,
.rwp-about__landscape,
.rwp-about__riding,
.rwp-contact__portrait {
	position: relative;
	min-height: 0;
	align-self: stretch;
	overflow: hidden;
}

.rwp-home__portrait.has-image img,
.rwp-n2__media img,
.rwp-n2__media > .rwp-n2__image-fallback,
.rwp-n2__day-media img,
.rwp-n2__day-media > .rwp-n2__image-fallback,
.rwp-services__card-media img,
.rwp-services__card-media > .rwp-services__image-fallback,
.rwp-services__portrait img,
.rwp-services__portrait > .rwp-services__image-fallback,
.rwp-about__portrait img,
.rwp-about__portrait > .rwp-about__image-fallback,
.rwp-about__landscape img,
.rwp-about__landscape > .rwp-about__image-fallback,
.rwp-about__riding img,
.rwp-about__riding > .rwp-about__image-fallback,
.rwp-contact__portrait img,
.rwp-contact__portrait > .rwp-contact__image-fallback {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
}

.rwp-services__card,
.rwp-n2__day {
	min-height: 0;
}

.rwp-about__social-images {
	min-height: 0;
	aspect-ratio: 4 / 3;
}

.rwp-about__social-images > div {
	position: relative;
	overflow: hidden;
}

.rwp-about__social-images img,
.rwp-about__social-images .rwp-about__image-fallback {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.rwp-home__hero-image,
.rwp-home__card-image,
.rwp-n2__hero-image,
.rwp-n2__gallery img,
.rwp-services__hero-image,
.rwp-about__hero-image,
.rwp-contact__hero-image {
	display: block;
}

@media (max-width: 900px) {
	.rwp-n2__media,
	.rwp-about__landscape {
		aspect-ratio: 4 / 3;
	}

	.rwp-n2__day-media,
	.rwp-services__card-media {
		aspect-ratio: 16 / 10;
	}

	.rwp-services__portrait,
	.rwp-about__portrait,
	.rwp-about__riding,
	.rwp-contact__portrait {
		aspect-ratio: 4 / 5;
	}
}

@media (max-width: 680px) {
	.rwp-home__portrait.has-image {
		aspect-ratio: 4 / 5;
	}
}