/*Define main navbar*/
ul.vnavbar6 {
max-width: 16rem; /*Adjust for longest link to prevent wrap*/
min-width : 13rem;
position:relative;
z-index:5;
padding: 0;
border:none;
box-shadow: none;
margin: 0 0 2rem 3rem ; /* Left and bottom margin */
float: right;
}


/*Define link text - remove underline*/
ul.vnavbar6 a {
font-family: arial , Helvetica , system-ui , serif;
font-size: clamp(1.25rem , 2vw , 1.375rem);
text-shadow: none ;
text-decoration: none;
color: #000;
}

ul.vnavbar6 {
list-style: none;
box-shadow:none;
border: none;
padding: 0 0
}



ul.vnavbar6 li ul,
ul.vnavbar6 li ul li ul {
list-style: none;
border: none;
border-radius: 1rem;
}

/*position list items - 1rst tier*/
ul.vnavbar6 li {
position: relative;
line-height: 120%
}

/* Define Button Appearance and Hover change*/

ul.vnavbar6 a {
display:block;
padding:.25rem 1rem;
margin: 0 0 ;
color: #000; /*Link Color*/
background: whitesmoke; /* Background color*/
border: none;
border-radius: 1rem;
box-shadow: 1px 1px 8px dodgerblue;
transition: transform 0.3s ease-in-out;
}

ul.vnavbar6  a:hover {
color:#fff;
text-shadow : 1px 2px 2px #000;
font-weight: 800;
background: dodgerblue; /*hover background change*/
border:none;
box-shadow: 0px 4px 14px dodgerblue;
position:relative;
z-index: 99 /* display in front */
transition: transform 0.3s ease-in-out;
transform : scale(1.1); /*Enlarge on hover*/
}


/* Hide 2nd and 3rd tier nested lists*/
ul.vnavbar6 li ul,
ul.vnavbar6 li:hover ul li ul {
display:none
}


/*display 2nd and 3rd tier list*/
ul.vnavbar6 li:hover ul, /*2nd tier*/
ul.vnavbar6 li ul li:hover ul { /*3rd tier*/
display: block;
position: absolute;
white-space: nowrap;
top: 0;
right: 100%; /* display  to left */
min-width:185px; /*set minimum width*/
z-index: 5
}


@media (max-width: 800px) {
ul.vnavbar6 {display:none}

div.menu-display {display: block;} /*Show Toggle Button */


}