:root {
    --background: #EAECEA;
    --secondary-background: #FFFFFF;
    --text: #1d2025;
    --primary: #334736;
    --secondary: #B4BB21;
    --highlight: #D14754;
}

.background-dark {
    background-color: var(--primary);
}

.secondary-background {
    background-color: var(--background);
}

section a:not(#hero-cta,#footer-cta),
section a:link:not(#hero-cta,#footer-cta),
section a:visited:not(#hero-cta,#footer-cta),
section a:focus:not(#hero-cta,#footer-cta),
section a:hover:not(#hero-cta,#footer-cta),
section a:active:not(#hero-cta,#footer-cta) {
    color: var(--highlight);
    text-decoration: none;
}

section a:hover:not(#hero-cta,#footer-cta) {
    text-decoration: underline;
}

.featurette-divider {
    margin: 5em 0;
}

.featurette:last-child {
    margin-bottom: 5em;
}

.blog-post img {
    max-width: 100%;
    height: auto;
}

.blog-post ul {
    margin-left: 2em;
}

.blog-post__image__img {
    max-width: 100%;
    height: auto;
}