/* Site Navigation */
#nav                        { position: relative; }
#dnn_mnav                   { margin: 0; background-color: var(--color-primary-dark);}
#dnn_mnav > a               {position: relative; font-size: 120%; display: inline-block; color: #fff; padding: 8px 10px; text-decoration: none; transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
#dnn_mnav ul                { margin: 0;}
#dnn_mnav li                { position: relative; list-style: none; margin: 0; }
#dnn_mnav li ul             { margin-left: 0; }
#dnn_mnav > li              { margin-right: 2px; line-height: 40px; font-size: 120%; }

#dnn_mnav > li > a                                      { display: block; color: rgba(255,255,255,0.6); padding: 0 10px; text-decoration: none; transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
#dnn_mnav > li > span                                   { padding: 1px 10px;}
#dnn_mnav > li:hover > a, #dnn_mnav > li.active > a     { color: rgba(255,255,255,1); }
#dnn_mnav > li:hover > a:active                         { color: rgba(255,255,255,1); }
#dnn_mnav > li:hover > span                             { color: rgba(255,255,255,1); }

#dnn_mnav .MobileSubMenuDropDown, #dnn_mnav .MobileSubMenuDropDown span     {color: rgba(255,255,255,0.6); cursor: pointer; text-decoration: none; transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.MobileSubMenuDropDown:hover                                                {color: rgba(255,255,255,1);}
#dnn_mnav .MobileSubMenuDropDown li                                         {float: right; width: 100%;}

/* Secondary level */
#dnn_mnav > li ul                   {position: absolute; margin-top: 27px; min-width: 180px; width:100%; background-color: var(--color-primary-dark); box-shadow: 0px 3px 3px #151515; line-height: 1.4em; }
.active i                           {text-align: right;}

/* styles specific to secondary level */ 
#dnn_mnav > li > ul                 {top: 35px; left: 0; }

#dnn_mnav .SubSubMenu               {background-color: rgba(0,0,0,0.2);}
#dnn_mnav .SubSubMenu a             {padding: 10px 15px; color: #fff; line-height: 1.2em; display: block; text-decoration: none !important;}
#dnn_mnav i                         {position: absolute; top: -30px; right: 10px;}
#dnn_mnav .SubSubMenu i             {top: -26px; right: 13px;}

#dnn_mnav .SubSubMenu .SubSubMenu   {background-color: #FBB433;}
#dnn_mnav .SubSubMenu .SubSubMenu a {color: #000;}