/**
 * Container Block Styles
 *
 * Minimal structural styles only.
 */

.rs-container {
	position: relative;
	box-sizing: border-box;
}

.rs-container__bg-media {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.rs-container__bg-media-image,
.rs-container__bg-media-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.rs-container__bg-media-image {
	display: block;
	object-fit: cover;
}

.rs-container__content,
.rs-container__content-inner,
.rs-container > .container {
	position: relative;
	z-index: 2;
}

/* spacing */
.rs-container {
	padding-top: var(--rs-container-padding-top);
	padding-bottom: var(--rs-container-padding-bottom);
}

.rs-container--width-full {
	padding-left: var(--rs-container-padding-left, 0);
	padding-right: var(--rs-container-padding-right, 0);
}

@media screen and (max-width: 1023px) {
	.rs-container {
		padding-top: var(--rs-container-padding-top-mobile);
		padding-bottom: var(--rs-container-padding-bottom-mobile);
	}

	.rs-container--width-full {
		padding-left: var(--rs-container-padding-left-mobile, var(--rs-container-padding-left, 0));
		padding-right: var(--rs-container-padding-right-mobile, var(--rs-container-padding-right, 0));
	}
}

/* background */

.rs-container--bg-color {
	background-color: var(--rs-container-background-color);
}

.rs-container--bg-has-overlay .rs-container__bg-media-overlay {
	background-color: var(--rs-container-overlay-color);
}

/* height */

.rs-container--height-full-screen {
	height: 100vh;
}

.rs-container--height-custom {
	height: var(--rs-container-height);
}

/* tablet height overrides (≤ 1439px, so mobile also inherits unless overridden below) */
@media screen and (max-width: 1439px) {
	.rs-container--height-tablet-auto {
		height: auto;
	}

	.rs-container--height-tablet-full-screen {
		height: 100vh;
	}

	.rs-container--height-tablet-custom {
		height: var(--rs-container-height-tablet);
	}
}

/* mobile height overrides (≤ 1023px) */
@media screen and (max-width: 1023px) {
	.rs-container--height-mobile-auto {
		height: auto;
	}

	.rs-container--height-mobile-full-screen {
		height: 100vh;
	}

	.rs-container--height-mobile-custom {
		height: var(--rs-container-height-mobile);
	}
}

/* VERTICAL ALIGNMENT */

.rs-container--v-center {
	display: flex;
	align-items: center;
}

.rs-container--v-bottom {
	display: flex;
	align-items: flex-end;
}

/* tablet vertical alignment overrides (≤ 1439px) */
@media screen and (max-width: 1439px) {
	.rs-container--v-tablet-top {
		display: flex;
		align-items: flex-start;
	}

	.rs-container--v-tablet-center {
		display: flex;
		align-items: center;
	}

	.rs-container--v-tablet-bottom {
		display: flex;
		align-items: flex-end;
	}
}

/* mobile vertical alignment overrides (≤ 1023px) */
@media screen and (max-width: 1023px) {
	.rs-container--v-mobile-top {
		display: flex;
		align-items: flex-start;
	}

	.rs-container--v-mobile-center {
		display: flex;
		align-items: center;
	}

	.rs-container--v-mobile-bottom {
		display: flex;
		align-items: flex-end;
	}
}