@import url('/assets/css/site.css');

body {
    background: #f6f8f4;
    color: #17211b;
}

a {
    color: inherit;
}

.site-nav {
    border-bottom: 1px solid #d9e2d4;
    background: rgba(246, 248, 244, 0.96);
}

.site-nav-logo {
    color: #17211b;
}

.site-nav-links {
    color: #536356;
}

.site-nav-links a:hover {
    color: #1f7a4d;
}

.site-theme-toggle {
    border-color: #c9d8c4;
    background: #ffffff;
    color: #536356;
}

.site-theme-toggle:hover {
    border-color: #88b79a;
    color: #17211b;
}

.site-nav-toggle {
    border-color: #c9d8c4;
    background: #ffffff;
}

.site-nav-toggle-line {
    background: #17211b;
}

.hero {
    background: linear-gradient(180deg, #ffffff 0%, #ecf3e8 100%);
    border-bottom: 1px solid #d9e2d4;
}

.hero h1 {
    color: #17211b;
    letter-spacing: 0;
}

.hero p,
.intro,
.page-copy,
.optin p {
    color: #536356;
}

.breadcrumbs {
    color: #6b7b70;
}

.breadcrumbs a,
.inline-link {
    color: #1f7a4d;
}

.breadcrumbs-separator {
    color: #9cac9f;
}

.card {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(48, 72, 54, 0.12);
}

.card:hover {
    border-color: #88b79a;
}

.card-image,
.page-featured-image {
    background: #e5ece1;
}

.card h2,
.page-copy h2,
.optin h2 {
    color: #17211b;
}

.page-copy a {
    color: #006fd6;
}

.page-copy a:hover {
    color: #004f9e;
}

.card p {
    color: #536356;
}

.bio-box {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(48, 72, 54, 0.12);
}

.bio-image {
    background: #e5ece1;
}

.bio-copy h2 {
    color: #17211b;
}

.bio-copy p {
    color: #536356;
}

.bio-toggle {
    border-color: #c9d8c4;
    background: #edf5ea;
    color: #1f7a4d;
}

.bio-toggle:hover {
    background: #dfeedd;
}

.button,
.submit-button {
    border-radius: 8px;
    background: #1f7a4d;
    color: #ffffff;
    text-decoration: none;
}

.button:hover,
.submit-button:hover {
    background: #2b9360;
}

.page-featured-image {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
}

.optin {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(48, 72, 54, 0.12);
}

.thankyou-confirmation,
.thankyou-next-steps,
.thankyou-screenshots {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(48, 72, 54, 0.12);
}

.thankyou-kicker {
    color: #1f7a4d;
}

.thankyou-confirmation h2,
.thankyou-next-steps h2,
.thankyou-step-grid h3 {
    color: #17211b;
}

.thankyou-confirmation p,
.thankyou-next-steps p,
.thankyou-step-grid p {
    color: #536356;
}

.thankyou-step-grid article {
    border: 1px solid #dbe5d7;
    border-radius: 12px;
    background: #f6f8f4;
}

.thankyou-step-grid span {
    background: #1f7a4d;
    color: #ffffff;
}

input[type="text"],
input[type="email"] {
    border-color: #c9d8c4;
    background: #ffffff;
    color: #17211b;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder {
    color: #5f6f64;
    opacity: 1;
}

input:focus {
    border-color: #1f7a4d;
}

footer {
    border-top: 1px solid #d9e2d4;
    color: #6b7b70;
    background: #ffffff;
}

@media (max-width: 1024px) {
    .site-nav-links {
        border-color: #d9e2d4;
        background: #ffffff;
        box-shadow: 0 18px 38px rgba(48, 72, 54, 0.14);
    }

    .site-nav-links a:hover {
        background: #edf5ea;
    }
}