/* I Am That, I Am Muse WP Visual Editor - front end section styles (mist green). */

.muse-ve-sections {
	margin: calc(2rem * var(--muse-ve-spacing, 1)) 0;
	font-family: var(--muse-ve-font-family);
	font-size: var(--muse-ve-font-size, 16px);
}

.muse-ve-section {
	margin-bottom: calc(2.5rem * var(--muse-ve-spacing, 1));
}

.muse-ve-btn {
	display: inline-block;
	background: var(--muse-ve-primary, #5f916f);
	color: #fff;
	padding: 0.75em 1.75em;
	border-radius: var(--muse-ve-radius, 8px);
	text-decoration: none;
	font-weight: 600;
	margin-top: 1em;
}

.muse-ve-btn:hover {
	background: #4e7d5d;
	color: #fff;
}

/* Hero */
.muse-ve-hero {
	background-size: cover;
	background-position: center;
	border-radius: var(--muse-ve-radius, 8px);
	padding: calc(4rem * var(--muse-ve-spacing, 1)) 2rem;
	text-align: center;
	color: #fff;
	background-color: var(--muse-ve-primary, #5f916f);
}

.muse-ve-hero-inner {
	max-width: 700px;
	margin: 0 auto;
}

.muse-ve-hero h2 {
	font-size: 2.2em;
	margin: 0 0 0.5em;
	color: #fff;
}

/* Text + Image */
.muse-ve-text-image {
	display: flex;
	gap: calc(2rem * var(--muse-ve-spacing, 1));
	align-items: center;
}

.muse-ve-ti-text,
.muse-ve-ti-media {
	flex: 1;
	min-width: 0;
}

.muse-ve-ti-media img {
	width: 100%;
	height: auto;
	border-radius: var(--muse-ve-radius, 8px);
}

@media (max-width: 700px) {
	.muse-ve-text-image {
		flex-direction: column;
	}
}

/* Gallery */
.muse-ve-gallery h2 {
	text-align: center;
	margin-bottom: 1em;
}

.muse-ve-gallery-grid {
	display: grid;
	gap: calc(1rem * var(--muse-ve-spacing, 1));
}

.muse-ve-cols-2 .muse-ve-gallery-grid {
	grid-template-columns: repeat(2, 1fr);
}

.muse-ve-cols-3 .muse-ve-gallery-grid {
	grid-template-columns: repeat(3, 1fr);
}

.muse-ve-cols-4 .muse-ve-gallery-grid {
	grid-template-columns: repeat(4, 1fr);
}

.muse-ve-gallery-item {
	margin: 0;
}

.muse-ve-gallery-item img {
	width: 100%;
	height: auto;
	border-radius: var(--muse-ve-radius, 8px);
	display: block;
}

@media (max-width: 700px) {
	.muse-ve-gallery-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Quote */
.muse-ve-quote blockquote {
	border-left: 4px solid var(--muse-ve-primary, #5f916f);
	background: #e3efe3;
	border-radius: var(--muse-ve-radius, 8px);
	padding: 1.5em 2em;
	margin: 0;
	font-size: 1.25em;
	font-style: italic;
}

.muse-ve-quote cite {
	display: block;
	margin-top: 0.75em;
	font-size: 0.8em;
	font-style: normal;
	color: #4e7d5d;
	font-weight: 600;
}

/* Call to Action */
.muse-ve-cta {
	background: var(--muse-ve-primary, #5f916f);
	border-radius: var(--muse-ve-radius, 8px);
	padding: calc(3rem * var(--muse-ve-spacing, 1)) 2rem;
	text-align: center;
	color: #fff;
}

.muse-ve-cta h2 {
	color: #fff;
	margin: 0 0 0.5em;
}

.muse-ve-cta .muse-ve-btn {
	background: #fff;
	color: var(--muse-ve-primary, #5f916f);
}

.muse-ve-cta .muse-ve-btn:hover {
	background: #e3efe3;
	color: #4e7d5d;
}