.navbar {
    background: var(--blue-gray-900);
    padding-right:17px;
}

/* All */
.navbar-menu a {
    display: block;
	padding-top: .2rem;
	padding-bottom: .2rem;
    text-decoration: none;
/*	background: #c7b295; */
	background: #AF9B87;
}

/* Top-level */
.navbar > .navbar-menu > li > a {
    display: inline-block;
	color: black;
    background: transparent;
    font-size:15px;
    transition: 
        background var(--transition-timing) var(--transition-timing-function),
        color var(--transition-timing) var(--transition-timing-function);
	white-space: nowrap; /* tdo */
}


/*  Text color of top menu item  */
.navbar > .navbar-menu > li > a: {
	color: black;
}
.navbar > .navbar-menu > li > a:hover,
.navbar > .navbar-menu > li > a:focus {
    background: var(--blue-gray-800);
    color: #F8F8F8;
}

.navbar-menu {
    display: flex;
}

.navbar-menu,
.navbar-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Nested */
.navbar-menu ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    width: 14rem;
    box-shadow: 0 0.25rem 1.5rem hsla(200, 19%, 18%, 0.05);
    transition: 
      visibility 0s var(--transition-timing-function) var(--transition-timing),
      opacity var(--transition-timing) var(--transition-timing-function);
}

.navbar-menu ul a {
    color: var(--blue-gray-600);
	 color: black;
    transition: 
        background var(--transition-timing) var(--transition-timing-function),
        color var(--transition-timing) var(--transition-timing-function);
     line-height: 130%;  /*  tdo  */
/*	width: 150px; /*  tdo  */
    width:185px;
}

/* Sub-menu items tdo */
.navbar-menu ul a:hover,
.navbar-menu ul a:focus {
    background: var(--blue-gray-100);
    color: var(--blue-gray-900);
	 background: black;
/*	background: #c7b295;
	background: #ccb699; */
	background: #AF9B87;
	 color: white;
	 width: 185px;  /*  tdo  */
}

.navbar-menu ul > li > ul {
    left: 100%;
    top: 0;
}

.navbar-menu li {
    position: relative;
}

/* 
    HACK: Prevents box shadow from child dropdowns
    from overlapping its parent dropdown
*/
.navbar-menu li.has-children > a {
    position: relative;
}

.navbar-menu li.has-children > a:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1rem;
    background: inherit;
    z-index: 999;
}
/* ENDHACK */

.navbar-menu li:hover > ul,
.navbar-menu li:focus-within > ul /* IE11+ only */ {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.navbar-separator {padding-left: .8rem;padding-right: .8rem;padding-top: .1rem;padding-bottom: .3rem;font-size:px;font-weight:800;color:#FFDB4F;}
.navbar-separator {padding-left: .8rem;padding-right: .8rem;padding-top: .1rem;padding-bottom: .3rem;font-size:px;font-weight:800;color:#FFDDD8;}
#small-nav-wrapper {margin-top:-45px;}
.small-nav-top {padding-left:5px;border-bottom: 2px solid #c7b295 !important;}
.small-nav-top a {text-decoration:none !important;color:black;font-size:20px;line-height: 2.0em !important;}
.small-nav-2nd {padding-left:20px;border-bottom: 2px solid #c7b295;}
.small-nav-2nd a {text-decoration:none;color:black;font-size:20px;line-height: 2.0em;}
.small-nav-top-nolink {text-decoration:none !important;color:black;font-size:20px;line-height: 2.0em !important;}