/* Site Navigation */

#nav                        { position: relative;}
#dnn_mnav                   { margin: 0; background-color: #e3f2ff; overflow-y: auto; max-height: 88vh; position: absolute; width: 750px; max-width:100%; z-index: 9999;}
#dnn_mnav > a               {position: relative; font-size: 120%; display: inline-block; color: #000; padding: 8px 10px; text-decoration: none; transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.sticky #dnn_mnav > a       {color: #333;}
#dnn_mnav ul                { margin: 0;}
.sticky #dnn_mnav           { background-color: transparent;}
#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%; }
.sticky #dnn_mnav > li      { line-height: 40px; }

#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); background-color: #999; }
#dnn_mnav > li:hover > a:active                         { color: rgba(255,255,255,1); }
#dnn_mnav > li:hover > span                             { color: rgba(255,255,255,1); }

.sticky #dnn_mnav > li > a, #dnn_mnav > li > span                           {color: rgba(0,0,0,0.6);}
#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;}
.sticky #dnn_mnav .MobileSubMenuDropDown, .sticky #dnn_mnav .MobileSubMenuDropDown span     {color: rgba(0,0,0,0.6);}
.MobileSubMenuDropDown:hover                                                {color: rgba(255,255,255,1); background-color: #999;}
#dnn_mnav .MobileSubMenuDropDown li                                         {float: right; width: 100%;}

    /* Secondary level */
    #dnn_mnav > li ul { /* Styles for all sub levels */
        position: absolute; margin-top: 27px; min-width: 180px; width:100%; background-color: #151515; 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; }
.sticky #dnn_mnav > li > ul         { top: 16px; }

.SubSubMenu                             {background-color: #151515;}
#dnn_mnav .SubSubMenu .SubSubMenu       {padding-left: 15px;}
.sticky .SubSubMenu                     {background-color: #333;}
.SubSubMenu a                           {padding: 0 20px; color: #e7e7e7; line-height: 45px; text-decoration: none !important;}
.SubSubMenu a:hover                     {color: #fff;}
#dnn_mnav a.MenuActive                  {font-weight: 700;}

#dnn_mnav .MobileSubMenuDropDown .fa                {position: absolute; top: -30px; right: 10px; color: #000;}
#dnn_mnav .SubSubMenu .MobileSubMenuDropDown .fa    {right: 14px;}