/* Navigation Icons */
.DNNMenuIcon                {width: 20px; height: 20px; margin-right: 10px;}

/* Site Navigation */
#nav                        { position: relative; }
#dnn_pnav                   { float: right; margin: 0;}
#dnn_pnav li                { position: relative; list-style: none; margin: 0; }
#dnn_pnav li ul             { margin-left: 0; }
#dnn_pnav > li              { border-top: solid 4px transparent; float: left;  margin-right: 2px; line-height: 74px; transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
#dnn_pnav > li:hover        { border-top: solid 4px var(--color-primary-dark);}
#dnn_pnav > li.active       { border-top: solid 4px var(--color-primary-dark);}

#dnn_pnav > li > a, #dnn_pnav > li > span               { display: block; color: var(--color-gray); padding: 1px 20px; text-transform: uppercase; font-weight: bold; text-decoration: none;
                                                          transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
#dnn_pnav > li > span                                   { cursor: default; color: var(--color-gray); }
#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a     { color: rgba(0,0,0,1); }
#dnn_pnav > li:hover > a:active                         { color: rgba(0,0,0,1); }
#dnn_pnav > li:hover > span                             { color: rgba(0,0,0,1); }

/* Secondary level */
#dnn_pnav > li ul 			                            { text-align: left; display: none; position: absolute; margin-top: 27px; min-width: 240px; width:100%; background: var(--color-primary-dark); box-shadow: 0px 3px 3px rgba(0,0,0,0.25); line-height: 1.4em; }
#dnn_pnav li:hover > ul 	                            { display: block; }

/* styles specific to secondary level */ 
#dnn_pnav > li > ul                                     { top: 43px; right: 0; z-index: 9999; }

#dnn_pnav > li ul a, #dnn_pnav > li ul span             { display: block; padding: 3px 10px; line-height: 2.5em; color: #e7e7e7; font-weight: normal; text-decoration: none;
                                                          transition: 0.2s; -ms-transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s;}

#dnn_pnav > li > ul li a:hover                          {color: #fff; background-color: rgba(0,0,0,0.2);}
#dnn_pnav > li > ul li a:hover .MenuHeader              {color: #fff;}
#dnn_pnav > li > ul > li > ul > li:hover                {color: #fff; background-color: rgba(0,0,0,0.2);}
/* On Secondary Hover State */
#dnn_pnav > li > ul li:hover a                          {background-color: rgba(0,0,0,0.2);}
#dnn_pnav > li > ul li:hover .MenuHeader                {color: #fff;}

/* Tertiary level */
#dnn_pnav li ul li ul                                   {position:absolute; display:block; left: 240px; top: 0; margin-top:0; padding: 0; display: none; transition: 0.4s; background-color: #db930f;}

#dnn_pnav li ul li a:hover #dnn_pnav li ul li ul        { display: block;}
#dnn_pnav li ul li ul li                                {padding:3px;}
#dnn_pnav li ul li ul .MenuHeader                       {font-weight:normal; line-height:1.4em; text-transform:capitalize;}

@media only screen and (max-width: 1199px){
    #dnn_pnav > li > a, #dnn_pnav > li > span           {padding: 1px 10px;}
}