/**
 * Marketing Sales Page Template Styles
 * Scoped to .sales-page-template so it does not affect the rest of the site.
 */

.sales-page-template {
	--sales-page-max-width: 100%;
	--sales-page-narrow-width: 100%;
	/* --sales-page-padding-inline: clamp(1.25rem, 4vw, 3rem); */
	--sales-page-padding-inline: 0;
	--sales-page-section-padding: clamp(3rem, 8vw, 7rem);

	background: #ffffff;
	font-family: Georgia, serif;
}

.sales-page-template .sales-page {
	margin: 0;
	padding: 0;
}

.sales-page-template .sales-page__content {
	width: 100%;
}

.sales-page-template .wp-block-columns .wp-block-column {
	border: none;
}

.sales-page-template .eb-flex-container.eb-flex-container-vnczr:not(.editor) >.eb-flex-container-inner {
	margin: 0;
	min-height: inherit !important;
}

/**
 * Default block width.
 */
.sales-page-template .sales-page__content > * {
	max-width: var(--sales-page-narrow-width);
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--sales-page-padding-inline);
	padding-right: var(--sales-page-padding-inline);
	text-align: left;
}

.sales-page-template .sales-page__content > .align-left,
.sales-page-template .sales-page__content > .is-style-align-left {
	margin-left: 0;
	margin-right: auto;
}

/**
 * Gutenberg wide alignment.
 */
.sales-page-template .sales-page__content > .alignwide {
	max-width: var(--sales-page-max-width);
}

/**
 * Gutenberg full-width alignment.
 */
.sales-page-template .sales-page__content > .alignfull {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/**
 * Make full-width groups useful for sections.
 */
.sales-page-template .wp-block-group.alignfull {
	padding-top: var(--sales-page-section-padding);
	padding-bottom: var(--sales-page-section-padding);
}

/**
 * Inner content inside full-width Gutenberg groups.
 */
.sales-page-template .wp-block-group.alignfull > .wp-block-group__inner-container {
	max-width: var(--sales-page-max-width);
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--sales-page-padding-inline);
	padding-right: var(--sales-page-padding-inline);
}

.sales-page-template .sales-page__content .is-layout-constrained > *,
.sales-page-template .sales-page__content .is-layout-flow > *,
.sales-page-template .sales-page__content > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/**
 * Better sales-page typography defaults.
 */
.sales-page-template h1,
.sales-page-template h2,
.sales-page-template h3 {
	line-height: clamp(0.95, 1vw, 1.08);
	letter-spacing: -0.035em;
}

.sales-page-template h1 {
	font-size: clamp(3rem, 8vw, 5.25rem);
	color: #7F9F4C;
}

.sales-page-template h2 {
	font-size: clamp(2.5rem, 3vw, 3.25rem);
	color: #748835;
}

.sales-page-template h3 {
	font-size: clamp(1.5rem, 2vw, 2rem);
	color: #B5913E;
}

.sales-page-template p,
.sales-page-template li {
	font-size: clamp(1.5rem, 1.5vw, 1.25rem);
	line-height: 1.65;
	color: #161616;
}

.sales-page-template .wp-block-button__link {
	border-radius: 999px;
	padding: 0.9em 1.4em;
	font-weight: 700;
	text-decoration: none;
}

.sales-page-template b,
.sales-page-template strong {
	color: inherit;
}

.sales-page-template .hero h1 {
	color: #41522C;
	text-shadow:
        0 2px 24px rgba(255,255,255,1),
        0 0 20px rgba(255,255,255,.55),
        2px 2px 20px rgba(255,255,255,.45);
}
.sales-page-template .hero h2,
.sales-page-template .hero h3 {
	color: #748835;
	text-shadow:
        0 2px 24px rgba(255,255,255,1),
        0 0 20px rgba(255,255,255,.55),
        2px 2px 20px rgba(255,255,255,.45);
}

.sales-page-template .footer p {
	color: #ffffff;
	font-size: 13px;
}

/**
 * Force sales-page content alignment.
 * Handles Gutenberg layout wrappers, Cover blocks, and Essential Blocks flex containers.
 */

/*
.sales-page-template .sales-page__content,
.sales-page-template .sales-page__content * {
	box-sizing: border-box;
}

.sales-page-template .sales-page__content > *,
.sales-page-template .sales-page__content .is-layout-constrained > *,
.sales-page-template .sales-page__content .is-layout-flow > *,
.sales-page-template .wp-block-cover__inner-container > *,
.sales-page-template .eb-flex-container:not(.editor) > .eb-flex-container-inner > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.sales-page-template h1,
.sales-page-template h2,
.sales-page-template h3,
.sales-page-template h4,
.sales-page-template h5,
.sales-page-template h6,
.sales-page-template p,
.sales-page-template li,
.sales-page-template .wp-block-heading,
.sales-page-template .wp-block-paragraph {
	text-align: left !important;
}

.sales-page-template .wp-block-cover,
.sales-page-template .wp-block-cover__inner-container,
.sales-page-template .eb-flex-container:not(.editor),
.sales-page-template .eb-flex-container:not(.editor) > .eb-flex-container-inner {
	text-align: left !important;
	justify-content: flex-start !important;
}

.sales-page-template .eb-flex-container:not(.editor),
.sales-page-template .eb-flex-container:not(.editor) > .eb-flex-container-inner {
	align-items: flex-start !important;
}
/*

/**
 * Optional: make cover blocks feel more like hero sections.
 */
.sales-page-template .wp-block-cover.alignfull {
	min-height: clamp(520px, 80vh, 860px);
	padding-left: var(--sales-page-padding-inline);
	padding-right: var(--sales-page-padding-inline);
}

/**
 * Optional: improve columns on smaller screens.
 */
@media (max-width: 781px) {
	.sales-page-template .wp-block-columns {
		gap: 2rem;
	}
}