/* StageHill: Activity image modal compatibility fix.
   Scoped only to Activity post images. Does not modify normal UM modals. */
.sth-activity-photo-lightbox {
	position: fixed !important;
	inset: 0 !important;
	z-index: 10000000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 42px !important;
	background: rgba(0, 0, 0, 0.88) !important;
	overflow: auto !important;
	overscroll-behavior: contain !important;
}

.sth-activity-photo-stage {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 120px !important;
	box-sizing: border-box !important;
}

.sth-activity-photo-img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: calc(100vw - 84px) !important;
	max-height: calc(100vh - 84px) !important;
	object-fit: contain !important;
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45) !important;
}

.sth-activity-photo-close {
	position: fixed !important;
	top: 18px !important;
	right: 24px !important;
	z-index: 10000001 !important;
	width: 42px !important;
	height: 42px !important;
	line-height: 38px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: rgba(0, 0, 0, 0.72) !important;
	color: #fff !important;
	font-size: 34px !important;
	font-weight: 400 !important;
	text-align: center !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.sth-activity-photo-close:hover,
.sth-activity-photo-close:focus {
	background: rgba(0, 0, 0, 0.92) !important;
	color: #fff !important;
	outline: none !important;
}

.sth-activity-photo-loader,
.sth-activity-photo-error {
	padding: 14px 18px !important;
	border-radius: 8px !important;
	background: rgba(0, 0, 0, 0.78) !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

@media only screen and (max-width: 767px) {
	.sth-activity-photo-lightbox {
		padding: 22px !important;
	}

	.sth-activity-photo-img {
		max-width: calc(100vw - 44px) !important;
		max-height: calc(100vh - 44px) !important;
	}

	.sth-activity-photo-close {
		top: 10px !important;
		right: 10px !important;
		width: 40px !important;
		height: 40px !important;
		line-height: 36px !important;
	}
}