@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* Habit Tracker Site Style Override */

:root {
	--color-habit-olive: #534300;
	--color-habit-olive-soft: #576138;
	--color-habit-green: #597203;
	--color-habit-dark: #1F1F1F;
	--color-habit-sage: #475428;
	--color-habit-lime: #E3ECC4;
	--color-habit-divider: #C5D394;
	--color-habit-muted: #46483D;
	--color-habit-ink: #0F172A;
	--color-habit-white: #FFFFFF;
	--color-habit-black: #000000;

	--header-bg: #FFFFFF;
	--header-border: transparent;
	--header-menu-color: #000000;
	--header-menu-hover-color: #597203;
	--header-menu-underline-color: #597203;
	--header-brand-color: #534300;

	--footer-bg: #FFFFFF;
	--footer-heading-color: #534300;
	--footer-link-color: #534300;
	--footer-link-hover-color: #597203;
	--footer-accent-color: #0F172A;
	--footer-credit-color: #597203;
	--footer-copyright-color: #534300;

	--section-title-color: var(--color-habit-olive);
	--section-title-accent: var(--color-habit-green);
	--section-title-border: var(--color-habit-olive);
	--section-title-font: 'Poppins', var(--font-family-heading);
}

.site-footer__copyright {
	border-top-color: rgba(83, 67, 0, 0.16);
}

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

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

.entry-content,
.entry-content p,
.entry-content li {
	color: var(--color-habit-olive);
}

.entry-content a {
	color: var(--color-habit-green);
	text-decoration-color: var(--color-habit-green);
}

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

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

.entry-content blockquote {
	border-left-color: var(--color-habit-green);
	background-color: #F7F8EC;
}

.entry-content hr {
	border-top-color: rgba(83, 67, 0, 0.2);
}

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

.entry-content th,
.entry-content td {
	border-color: rgba(83, 67, 0, 0.2);
}

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

.faqs {
	--faqs-bg: #F4F0E2;
	--faqs-accent: var(--color-habit-sage);
	--faqs-card-bg: var(--color-habit-white);
	--faqs-card-title: var(--color-habit-sage);
	--faqs-card-text: var(--color-habit-muted);
	--faqs-button-bg: var(--color-habit-olive);
	--faqs-button-color: var(--color-habit-white);
	--faqs-button-font: 'Manrope', var(--font-family-heading);
	--faqs-item-bg: var(--color-habit-lime);
	--faqs-question-color: var(--color-habit-black);
	--faqs-answer-color: rgba(0, 0, 0, 0.8);
	--faqs-font-heading: 'Poppins', var(--font-family-heading);
	--faqs-font-body: 'Poppins', var(--font-family-heading);
}

.faqs .section-title__heading,
.faqs__question-text {
	font-weight: 600;
}

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

.cta {
	--cta-bg: var(--color-habit-olive);
	--cta-title-color: var(--color-habit-white);
	--cta-text-color: rgba(255, 255, 255, 0.8);
	--cta-button-bg-plain: var(--color-habit-olive);
	--cta-button-color-plain: var(--color-habit-white);
	--cta-button-bg-with-bg: var(--color-habit-white);
	--cta-button-color-with-bg: var(--color-habit-olive);
}

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

.cta__title,
.cta--without-background .cta__title,
.entry-content .cta--without-background .cta__title {
	font-family: 'Poppins', var(--font-family-heading);
	font-weight: 600;
	color: var(--color-habit-olive-soft);
}

.cta--without-background .cta__text {
	color: var(--color-habit-muted);
}

.cta--with-background .cta__inner {
	border-radius: 40px;
}

.cta--with-background .cta__title,
.entry-content .cta--with-background .cta__title {
	font-weight: 700;
	font-size: 48px;
	line-height: 48px;
	color: var(--color-habit-white);
}

.cta--with-background .cta__text {
	max-width: 693px;
	font-family: 'Poppins', var(--font-family-heading);
	font-size: 20px;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 768px) {
	
	.cta--with-background .cta__title,
	.entry-content .cta--with-background .cta__title {
		font-size: 32px;
		line-height: 32px;
	}

	.cta--with-background .cta__text {
		font-size: 16px;
		line-height: 24px;
	}
}

.spotlight {
	--spotlight-bg: #F4F0E2;
	--spotlight-card-bg: #E3ECC4;
	--spotlight-title-color: var(--color-habit-olive-soft);
	--spotlight-title-gradient: none;
	--spotlight-text-color: var(--color-habit-muted);
	--spotlight-trust-color: var(--color-habit-olive-soft);
	--spotlight-trust-line: var(--color-habit-olive-soft);
	--spotlight-font-heading: 'Poppins', var(--font-family-heading);
	--spotlight-font-body: 'Poppins', var(--font-family-base);
}

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

.reviews {
	--reviews-bg: #F4F0E2;
	--reviews-card-light-bg: #FFFFFF;
	--reviews-card-dark-bg: var(--color-habit-lime);
	--reviews-star-color: #685F2E;
	--reviews-shape-color: rgba(87, 97, 56, 0.05);
	--reviews-font-heading: 'Poppins', var(--font-family-heading);
	--reviews-font-body: 'Poppins', var(--font-family-base);
	--section-title-color: var(--color-habit-olive);
	--section-title-accent: var(--color-habit-green);
	--section-title-border: var(--color-habit-olive);
}

.reviews__card--light .reviews__text {
	color: #1B1C1A;
	font-family: 'Poppins', var(--font-family-base);
}

.reviews__card--dark .reviews__text {
	color: var(--color-habit-muted);
	font-family: 'Poppins', var(--font-family-base);
}

.reviews__card--light .reviews__author-name {
	color: #1B1C1A;
	font-family: 'Poppins', var(--font-family-heading);
	font-weight: 500;
}

.reviews__card--dark .reviews__author-name {
	color: #1B1C1A;
	font-family: 'Poppins', var(--font-family-heading);
	font-weight: 400;
}

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

.reviews__card--dark .reviews__author-role {
	color: var(--color-habit-muted);
	font-family: 'Poppins', var(--font-family-base);
}

.contact {
	--contact-bg: #F4F0E2;
	--contact-form-bg: var(--color-habit-white);
	--contact-form-radius: 48px;
	--contact-input-bg: #F5F3EF;
	--contact-label-color: var(--color-habit-black);
	--contact-placeholder-color: rgba(119, 120, 108, 0.5);
	--contact-note-color: rgba(0, 0, 0, 0.5);
	--contact-btn-bg: var(--color-habit-olive);
	--contact-btn-color: var(--color-habit-white);
	--contact-details-bg: #9FAE6B;
	--contact-details-radius: 24px;
	--contact-details-heading-color: var(--color-habit-white);
	--contact-details-icon-bg: var(--color-habit-white);
	--contact-details-icon-color: var(--color-habit-olive-soft);
	--contact-info-label-color: var(--color-habit-muted);
	--contact-info-value-color: #1B1C1A;
	--contact-social-heading-color: var(--color-habit-muted);
	--contact-social-link-color: var(--color-habit-muted);
	--contact-font-heading: 'Poppins', var(--font-family-heading);
	--contact-font-body: 'Poppins', var(--font-family-base);
}

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

.contact .cf7-input,
.contact .cf7-textarea,
.contact .cf7-select,
.entry-content .contact .cf7-input,
.entry-content .contact .cf7-textarea,
.entry-content .contact .cf7-select {
	color: #1B1C1A;
	font-family: 'Poppins', var(--font-family-base);
}

.contact .cf7-select {
	color: rgba(119, 120, 108, 0.5);
}

.contact .cf7-select option:not([value=""]) {
	color: #1B1C1A;
}

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

.faqs {
	--faqs-title-color: var(--color-habit-olive);
	--faqs-title-accent: var(--color-habit-green);
	--faqs-title-border: var(--color-habit-olive);
}

.features {
	--features-title-color: var(--color-habit-olive);
	--features-title-accent: var(--color-habit-green);
	--features-title-border: var(--color-habit-olive);
}

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

.growth {
	--growth-title-color: var(--color-habit-olive);
	--growth-title-accent: var(--color-habit-green);
	--growth-title-border: var(--color-habit-olive);
}

.services {
	--services-title-color: var(--color-habit-olive);
	--services-title-accent: var(--color-habit-green);
	--services-title-border: var(--color-habit-olive);
}

.highlights {
	--highlights-title-color: var(--color-habit-olive);
	--highlights-title-accent: var(--color-habit-green);
	--highlights-title-border: var(--color-habit-olive);
}