a {
    color: #7c4a03;         /* Medium brown */
    text-decoration: none;
}

a:hover {
    color: #4e2e0e;         /* Deep brown */
}

.header {
    background-color: #a67c52; /* Light brown */
    background-image: linear-gradient(#a07050, #3a220a); /* Light to dark brown */
}

#header-picture {
    background-color: #4e2e0e; /* Solid dark brown */
    background-image: none;
}

.footer {
    border-top: 5px solid #8c6a3f; /* Darker light brown */
    background-image: linear-gradient(#3a220a, #3f2f0f); /* Dark to lighter brown */
    background-color: #bfa77a;     /* Slightly darker light brown */
}

/* Active dropdown nav item */
.main-nav ul li ul li:not(:first-child) {
    box-sizing: border-box;
    border-top: 1px solid #a38a5e; /* Slightly darker pale brown */
}

.main-nav ul li ul li ul li {
    box-sizing: border-box;
    border-left: 1px solid #a38a5e;
}

.main-nav ul li:hover > a {
    background-color: #a67c52;
}

/* Linger Dropdown nav item */
.main-nav li.linger > a {
    background-color: #a67c52;
}

/* Selected Dropdown nav item */
.main-nav ul li.selected > a {
    background-color: #bfa77a; /* Slightly darker light brown */
    color: #7c4a03;            /* Medium brown text */
}

.main-nav ul li ul {
    background-color: #a67c52; /* Light brown */
}

/* Hamburger Menu */
.hamburger {
    background-color: #a67c52; /* Light brown */
}

.hamburger div {
    background-color: #fff;
}

/* Dropdown Menu */
.main-nav ul li.has-children > a.active {
    background-color: #a67c52;
}

.main-nav ul li ul li a {
    background-color: #7c4a03; /* Medium brown */
}

.main-nav ul li ul li ul li a {
    background-color: #8c6a3f; /* Darker light brown */
}