@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Space+Grotesk:wght@500;700&family=Syncopate:wght@700&display=swap');

/* plank Site Style Override */

:root {
	--color-plank-lime: #BCE316;
	--color-plank-olive: #475428;
	--color-plank-olive-dark: #445304;
	--color-plank-peach: #FEDDAE;
	--color-plank-sage: #EDF2D1;
	--color-plank-muted: #46483D;
	--color-plank-gray: #535353;
	--color-plank-ink: #1F1F1F;
	--color-plank-black: #000000;
	--color-plank-white: #FFFFFF;

	--header-bg: #FFFFFF;
	--header-border: transparent;
	--header-menu-color: #000000;
	--header-menu-hover-color: #BCE316;
	--header-menu-underline-color: #BCE316;
	--header-brand-color: #475428;

	--footer-bg: #FFFFFF;
	--footer-heading-color: #475428;
	--footer-link-color: #535353;
	--footer-link-hover-color: #BCE316;
	--footer-accent-color: #1F1F1F;
	--footer-credit-color: #475428;
	--footer-copyright-color: #535353;

	--section-title-color: #475428;
	--section-title-accent: #BCE316;
	--section-title-border: var(--color-plank-ink);
	--section-title-font: 'Syncopate', var(--font-family-heading);
}

.site-footer__copyright {
	border-top-color: rgba(71, 84, 40, 0.16);
}

body.page {
	background-color: var(--color-plank-white);
	color: var(--color-plank-ink);
}

.page-title,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-plank-olive);
}

.entry-content,
.entry-content p,
.entry-content li {
	color: var(--color-plank-gray);
}

.entry-content a {
	color: var(--color-plank-olive);
	text-decoration-color: var(--color-plank-lime);
}

.entry-content a:hover,
.entry-content a:focus {
	color: var(--color-plank-lime);
}

.entry-content strong,
.entry-content b {
	color: var(--color-plank-ink);
}

.entry-content blockquote {
	border-left-color: var(--color-plank-lime);
	background-color: #F7FBE8;
}

.entry-content hr {
	border-top-color: #E5E5E5;
}

.entry-content th {
	background-color: #F7FBE8;
	color: var(--color-plank-olive);
}

.entry-content th,
.entry-content td {
	border-color: #E5E5E5;
}

.entry-content code,
.entry-content kbd,
.entry-content samp,
.entry-content pre {
	background-color: #F7F7F7;
}

.hero {
	background: linear-gradient(135deg, #E97132 0%, #7C2D12 100%);
}

.hero-content h1 {
	color: #FDBA74;
}

.plank-timer {
	background: white;
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(233, 113, 50, 0.15);
	margin-top: 20px;
	border: 1px solid rgba(233, 113, 50, 0.2);
	color: var(--color-anthracite);
	text-align: center;
}

.plank-timer h4 {
	color: #7C2D12;
	margin-bottom: 12px;
	font-size: 18px;
}

.timer-display {
	font-size: 36px;
	font-weight: 700;
	font-family: monospace;
	margin-bottom: 16px;
	color: var(--color-anthracite);
}

.timer-btns {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.timer-btn {
	background: #E97132;
	color: white;
	border: none;
	padding: 8px 16px;
	font-weight: 600;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s;
}

.timer-btn:hover {
	background: #EA580C;
}

.faqs {
	--faqs-bg: #F4F0E2;
	--faqs-accent: var(--color-plank-olive);
	--faqs-card-bg: var(--color-plank-white);
	--faqs-card-title: var(--color-plank-ink);
	--faqs-card-text: var(--color-plank-muted);
	--faqs-button-bg: var(--color-plank-olive);
	--faqs-button-color: var(--color-plank-white);
	--faqs-button-font: 'Manrope', var(--font-family-heading);
	--faqs-item-bg: #D2E0A1;
	--faqs-question-color: var(--color-plank-black);
	--faqs-answer-color: rgba(0, 0, 0, 0.8);
	--faqs-font-heading: 'Space Grotesk', var(--font-family-heading);
	--faqs-font-body: 'Manrope', var(--font-family-base);
}

.faqs__item.is-open {
	background: #D2E0A1;
	border-radius: 24px;
}

.faqs__item.is-open .faqs__question {
	border-bottom-color: var(--color-plank-olive);
}

.cta {
	--cta-bg: #D2E0A1;
	--cta-title-color: var(--color-plank-olive);
	--cta-text-color: var(--color-plank-ink);
	--cta-button-bg-plain: var(--color-plank-olive);
	--cta-button-color-plain: var(--color-plank-white);
	--cta-button-bg-with-bg: var(--color-plank-olive);
	--cta-button-color-with-bg: var(--color-plank-white);
}

.cta__title {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.cta__button {
	font-family: 'Space Grotesk', var(--font-family-heading);
	text-transform: capitalize;
}

.cta--without-background,
.cta--with-background{
	background: #F4F0E2;
}

.cta--without-background .cta__title {
		color: var(--color-plank-olive);
	}

.cta--without-background .cta__text {
	color: var(--color-plank-ink);
}

.spotlight {
	--spotlight-bg: #F4F0E2;
	--spotlight-card-bg: #D2E0A1;
	--spotlight-title-color: var(--color-plank-olive);
	--spotlight-title-gradient: none;
	--spotlight-text-color: var(--color-plank-ink);
	--spotlight-trust-color: var(--color-plank-olive);
	--spotlight-trust-line: var(--color-plank-olive);
	--spotlight-font-heading: 'Space Grotesk', var(--font-family-heading);
	--spotlight-font-body: 'Manrope', var(--font-family-base);
}

.spotlight__title {
	-webkit-text-fill-color: var(--color-plank-olive);
}

.reviews {
	--reviews-bg: #F4F0E2;
	--reviews-card-light-bg: var(--color-plank-white);
	--reviews-card-dark-bg: var(--color-plank-lime);
	--reviews-star-color: var(--color-plank-olive);
	--reviews-shape-color: rgba(71, 84, 40, 0.05);
	--reviews-font-heading: 'Space Grotesk', var(--font-family-heading);
	--reviews-font-body: 'Manrope', var(--font-family-base);
}

.reviews__card--light .reviews__text,
.reviews__card--dark .reviews__text {
	color: var(--color-plank-gray);
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 500;
}

.reviews__card--light .reviews__author-name {
	color: var(--color-plank-ink);
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--dark .reviews__author-name {
	color: var(--color-plank-ink);
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--light .reviews__author-role,
.reviews__card--dark .reviews__author-role {
	color: var(--color-plank-gray);
	font-family: 'Manrope', var(--font-family-base);
}

.contact {
	--contact-bg: #F4F0E2;
	--contact-form-bg: var(--color-plank-white);
	--contact-form-radius: 24px;
	--contact-input-bg: #F5F3EF;
	--contact-label-color: var(--color-plank-ink);
	--contact-placeholder-color: rgba(119, 120, 108, 0.5);
	--contact-note-color: rgba(0, 0, 0, 0.5);
	--contact-btn-bg: var(--color-plank-olive);
	--contact-btn-color: var(--color-plank-white);
	--contact-details-bg: rgba(188, 227, 22, 0.3);
	--contact-details-radius: 24px;
	--contact-details-heading-color: var(--color-plank-olive);
	--contact-details-icon-bg: var(--color-plank-lime);
	--contact-details-icon-color: var(--color-plank-black);
	--contact-info-label-color: var(--color-plank-olive);
	--contact-info-value-color: var(--color-plank-gray);
	--contact-social-heading-color: var(--color-plank-olive);
	--contact-social-link-color: var(--color-plank-gray);
	--contact-font-heading: 'Space Grotesk', var(--font-family-heading);
	--contact-font-body: 'Manrope', var(--font-family-base);
}

.contact .cf7-label {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
	letter-spacing: 1.4px;
}

.contact .cf7-input,
.contact .cf7-textarea,
.entry-content .contact .cf7-input,
.entry-content .contact .cf7-textarea {
	color: var(--color-plank-muted);
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select,
.entry-content .contact .cf7-select {
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select option:not([value=""]) {
	color: var(--color-plank-muted);
}

.contact .cf7-submit,
.entry-content .contact .cf7-submit,
.contact input.cf7-submit {
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 700;
}

.faqs {
	--faqs-title-color: var(--color-plank-olive);
	--faqs-title-accent: var(--color-plank-olive-dark);
	--faqs-title-border: var(--color-plank-olive);
}

.features {
	--features-title-color: var(--color-plank-olive);
	--features-title-accent: var(--color-plank-olive-dark);
	--features-title-border: var(--color-plank-olive);
}

.how-it-works {
	--how-it-works-title-color: var(--color-plank-olive);
	--how-it-works-title-accent: var(--color-plank-olive-dark);
	--how-it-works-title-border: var(--color-plank-olive);
}

.growth {
	--growth-title-color: var(--color-plank-olive);
	--growth-title-accent: var(--color-plank-olive-dark);
	--growth-title-border: var(--color-plank-olive);
}

.services {
	--services-title-color: var(--color-plank-olive);
	--services-title-accent: var(--color-plank-olive-dark);
	--services-title-border: var(--color-plank-olive);
}

.highlights {
	--highlights-title-color: var(--color-plank-olive);
	--highlights-title-accent: var(--color-plank-olive-dark);
	--highlights-title-border: var(--color-plank-olive);
}

.error-404 {
	--error-404-button-color: #0F172A;
}