/* Header - Above top navbar */
#header .header-nav{
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 0;
    max-height: none;
    margin: 0;
    background: #5B4C3B;
    border-bottom: none;
    font-size: 20px;
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/* Change header text color */
#header, 
#header a, 
.header-top, 
.header-top a {
    color: #E6D9C2;
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/* Enlarge clickable area in the NAVBAR */
.header-top li,
.header-top .item {
    height: 15px;
    line-height: 15px;
}
.header-top li a,
.header-top .item a {
    display: block;
    height: 100%;
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/* Make the entire top header block clickable */
/* This didn't work. It only changed the height of the field */
#_desktop_contact_link,
#contact-link {
    display: flex;
    align-items: center;
    height: 40px; /* adjust as needed */
}
#contact-link a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 12px; /* optional: adds horizontal space */
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/* Footer - Whole lower block */
#footer .footer-container {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    box-shadow: none;
    background: #5B4C3B;
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */
/* Footer - Links Containers - If you want those a different color */
    .footer-container .links ul > li {
        padding: 7px 15px;
        margin-bottom: 0;
        font-weight: 500;
        background: #5B4C3B;
        border-bottom: none;
    }

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/*  This didn't work */
body {
    background-color: #8C7C74;
}

/*  <<<<<<<<<<<>>>>>>>>>>>>>>>> */

/* Change the main header text color, adjust the selector as needed */
#header .header-top .row a, #header .header-top .row {
  color: #8E770C;
}

/* >>> Example for changing specific menu links if needed<<<
.menu li a {
  color: #0000FF; >>>Change menu link color<<<
}*/