/*
 * Sonder Hill — standard Page Builder modules on the home page.
 *
 * The SH modules sit in Fullwidth Sections and carry their own layout. This
 * file only covers regular sections (rows / columns with Text, Image and other
 * stock modules) so they can be mixed in between: neither Divi's stylesheet
 * nor the old custom.css is loaded on the home page.
 */

.sh-home .et_pb_section:not(.et_pb_fullwidth_section) {
	padding: 90px 0;
}
.sh-home .et_pb_section:not(.et_pb_fullwidth_section) + .et_pb_section:not(.et_pb_fullwidth_section) {
	padding-top: 0;
}

/* Rows follow the design's container widths. */
.sh-home .et_pb_row,
.sh-home .et_pb_row_inner {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	width: 100%;
	margin: 0 auto;
	padding: 0 12px;
}
.sh-home .et_pb_row_inner {
	padding: 0;
}
.sh-home .et_pb_row + .et_pb_row,
.sh-home .et_pb_row_inner + .et_pb_row_inner {
	margin-top: 40px;
}
@media (min-width: 576px) { .sh-home .et_pb_row { max-width: 540px; } }
@media (min-width: 768px) { .sh-home .et_pb_row { max-width: 720px; } }
@media (min-width: 992px) { .sh-home .et_pb_row { max-width: 960px; } }
@media (min-width: 1200px) { .sh-home .et_pb_row { max-width: 1140px; } }
@media (min-width: 1400px) { .sh-home .et_pb_row { max-width: 1320px; } }
@media (min-width: 1920px) { .sh-home .et_pb_row { max-width: 1720px; } }

/* Columns share a row in proportion to their Divi width. */
.sh-home .et_pb_column {
	flex: 1 1 0;
	min-width: 0;
}
.sh-home .et_pb_column_2_3 { flex-grow: 2; }
.sh-home .et_pb_column_3_4 { flex-grow: 3; }
.sh-home .et_pb_column_4_4 { flex: 0 0 100%; }

@media (max-width: 767px) {
	.sh-home .et_pb_column {
		flex: 0 0 100%;
	}
}

.sh-home .et_pb_column > * + * {
	margin-top: 24px;
}

/* Stock modules. */
.sh-home .et_pb_column img {
	max-width: 100%;
	height: auto;
}
.sh-home .et_pb_column figure {
	margin: 0;
}
.sh-home .et_pb_text_align_center { text-align: center; }
.sh-home .et_pb_text_align_right { text-align: right; }

.sh-home .et_pb_text h1,
.sh-home .et_pb_text h2,
.sh-home .et_pb_text h3,
.sh-home .et_pb_text h4 {
	font-family: var(--head-font);
	font-weight: 700;
	color: var(--deepblue-sh);
}
.sh-home .et_pb_text h2 span {
	color: var(--golden-sh);
}
.sh-home .et_pb_text a {
	color: var(--deep-golden-sh-v1);
}
.sh-home .et_pb_text > :last-child {
	margin-bottom: 0;
}