/* Links */
a {
    color: #282; /* Olive green */
    text-decoration: none;
}

a:hover {
    color: #502; /* Brown */
}

/* Header */
.header {
    background-color: #335242; /* Dark blue-green */
    background-image: linear-gradient(#335242, #4a6c5a); /* Dark to medium blue-green */
}

/* Header Picture */
#header-picture {
    background-color: #335242; /* Dark blue-green */
    background-image: linear-gradient(#335242, #335242); /* Solid dark blue-green */
}

/* Footer */
.footer {
    border-top: 5px solid #7a9b88; /* Light blue-green */
    background-image: linear-gradient(#4a6c5a, #335242); /* Medium to dark blue-green */
    background-color: #9db5a5; /* Fallback light blue-green */
}

/* Active Dropdown Nav Item */
.main-nav ul li ul li:not(:first-child) {
    box-sizing: border-box;
    border-top: 1px solid #7a9b88; /* Light blue-green */
}

.main-nav ul li ul li ul li {
    box-sizing: border-box;
    border-left: 1px solid #7a9b88; /* Light blue-green */
}

/* Hover State for Navigation Links */
.main-nav ul li:hover > a {
    background-color: #4a6c5a; /* Medium blue-green */
}

/* Linger Dropdown Nav Item */
.main-nav li.linger > a {
    background-color: #4a6c5a; /* Medium blue-green */
}

/* Selected Dropdown Nav Item */
.main-nav ul li.selected > a {
    background-color: #9db5a5; /* Light blue-green */
    color: #335242; /* Dark blue-green */
}

/* Dropdown Background */
.main-nav ul li ul {
    background-color: #4a6c5a; /* Medium blue-green */
}

/* Hamburger Menu */
.hamburger {
    background-color: #335242; /* Dark blue-green */
}

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

/* Dropdown Menu */
.main-nav ul li.has-children > a.active {
    background-color: #4a6c5a; /* Medium blue-green */
}

.main-nav ul li ul li a {
    background-color: #5f7d6e; /* Slightly lighter medium blue-green */
}

.main-nav ul li ul li ul li a {
    background-color: #7a9b88; /* Light blue-green */
}