:root {
    --heading-font: le-monde-livre-std;
    --body-font: effra;
    --accent-color: rgb(140, 172, 192);
    --secondary-color: rgb(76, 61, 35);
    --dark-color: rgb(76,61,35);
    --light-color: rgba(255, 255, 255, 1);
    --button-color: rgb(140, 172, 192);
    --button-hover-color: rgb(76, 61, 35);
    --body-font-size: 16px;
}

body {
    font-size: var(--body-font-size);
}

.dark-color {
    color: var(--dark-color);
}
.light-color {
    color: var(--light-color);
}

.bg-darker,
.bg-dark-color {
    background-color: var(--dark-color);
}
.bg-white,
.bg-light-color {
    background-color: var(--light-color);
}

.accent-color {
    color: var(--accent-color);
}

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

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

.button-hover-color {
    background-color: var(--button-hover-color);
}

.bg-accent,
.group:hover .group-hover\:bg-accent,
.floorplans_filter button:after,
.two_column_gallery .owl-dots .owl-dot.active span,
.owl-dot.active span {
    background-color: var(--accent-color);
}

.owl-dot span {
    background-color: rgba(76,61,35, 20%);
}

.hover\:fill-accent:hover {
    fill: var(--accent-color);
}

.hover\:fill-accent:hover i {
    color: var(--accent-color);
}

.hover\:bg-primary:hover {
    background-color: rgb(76, 61, 35);
}

.hover\:text-accent:hover,
.testimonials_section_testimonial_item h3,
.testimonials_section_testimonial_item h4,
.simple_text_inner ul li::marker,
.location-carousel ul li::marker,
.modal-content ul li::marker {
    color: var(--accent-color)
}

.testimonials_section_testimonial_item h3,
.testimonials_section_testimonial_item h4 {
    color: rgb(140, 172, 192);
}

.contact_field.contact_field_submit input:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.schedule_tour_form .contact_field.contact_field_submit input {
    background-color: var(--light-color);
    border-color: var(--light-color);
    color: var(--accent-color);
}
.schedule_tour_form .contact_field.contact_field_submit input:hover {
    background-color: var(--button-hover-color);
    border-color: var(--button-hover-color);
    color: var(--light-color);
}

.ui-state-active, .ui-widget-content .ui-state-active {
    color: var(--accent-color);
}

/** 
 * Fonts
 */
.section-title,
.simple_text h2,
.simple_text_inner h2,
.walk_score_section_content h2,
.header_content_inner h1,
.header_content_inner h2,
.parallax_section_content h1,
.parallax_section_content h2,
.walk_score_section_content ul li strong,
.font-serif,
.header_modal_menu li a {
    font-family: var(--heading-font);
}

html,
.simple_text h3 {
    font-family: var(--body-font);
}

/**
 * Header
 */

#header {
        background-color: rgba(76,61,35, 70%);
}

#header.is-stuck {
        background-color: var(--dark-color);
}

.header_modal_menu li.menu-item.button a:hover,
.btn-outline:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.header_modal_menu li a:hover,
.header_modal_menu li.current-menu-item:not(.button) a {
    color: var(--accent-color);
}


/* Mobile Menu Toggle */
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: rgba(255, 255, 255, 1);
}

/**
 * Footer
 */
.footer_links ul li a { 
    color: #fff}

footer nav ul li a:hover,
.footer_links ul li a:hover {
    color: var(--accent-color);
}

/**
 * Other Sections
 */
.contact_gallery_section {
    background: var(--accent-color)
}

.parallax_section_content a {
    background-color: var(--button-color);
}
.parallax_section_content a:hover {
    background-color: var(--button-hover-color);
}