﻿/* Menu CSS */
/********************************************************************/
#dnnStandardMenu .dnnNav					{ padding: 0; margin: 0; z-index: 99; text-align: center; 
										  display: block; max-width: 1530px; margin: 0 auto; position: relative;}
#dnnStandardMenu .dnnNav:after			{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#dnnStandardMenu .root					{ float: none; margin: 0; list-style: none; padding: 5px 13.5px;
										  display: inline-block; vertical-align: middle; position:relative; }
#dnnStandardMenu .root .m				{ display: none; position: absolute;  margin: 0; padding-top: 18px; /* padding: 12px 20px; */ left: 0; width: 222px; color: #0076e0; z-index: 1;
										  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.24);}
#dnnStandardMenu .root .m1,
#dnnStandardMenu .root .m2{  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.24); }
#dnnStandardMenu .root .mi				{ position: relative; padding: 0 25px 17px 20px;}
#dnnStandardMenu .root ul					{ margin: 0; padding: 0; }
#dnnStandardMenu .root ul li				{ margin: 0; padding: 0; list-style: none; text-align:left;}
#dnnStandardMenu .txt					{ display: block; text-decoration: none; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; 
										  font-size: 18px; line-height: 33px;  letter-spacing: 0px; border-bottom: 4px solid; border-bottom-color:transparent;}
#dnnStandardMenu .root.sel .roottxt,
#dnnStandardMenu .root.exp .roottxt,
#dnnStandardMenu  .roottxt:hover	{ border-bottom: 4px solid;}
#dnnStandardMenu .root.exp				{ z-index: 1; }
#dnnStandardMenu .root.sel .roottxt:after,
#dnnStandardMenu .root.exp .roottxt:after
										{ content: ""; position: absolute; height: 0; width: 0; font-size: 0; line-height: 0; 
										height: 0; width: 0; border-right: 5px solid transparent; 
										border-left: 5px solid transparent; border-top: 5px solid transparent;  
										left: 50%; bottom: 0px; margin: 0 0 0 -5px; z-index: 1; }
#dnnStandardMenu  .dropdown			{ display: none; position: absolute; padding: 18px 0; text-align: left; 
										-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26) inset; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26) inset; 
										box-shadow: 0 2px 5px rgba(0,0,0,0.26) inset; width: 100%; 
										top: 100% !important; left: 0 !important; z-index: 3; }
#dnnStandardMenu  .dropdown:after	{content:""; position: absolute; top: 0; left: 0; bottom:0; width:100% ; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
									-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); box-shadow: 0 2px 5px rgba(0,0,0,0.26);z-index: -1;}
#dnnStandardMenu  .dropdown ul li.col:hover { background: transparent; }
#dnnStandardMenu  .m0				{ display: none; list-style: none; margin: 0; padding: 0; margin: auto; width: 975px; }
#dnnStandardMenu  .dropdown .inner .m0 
										{ float: left; width: auto; }
#dnnStandardMenu  .m0:after			{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#dnnStandardMenu  .normalNav		{ padding: 2px 0; width: 250px; left: auto !important; top: 100% !important;}
#dnnStandardMenu  .normalNav .m0		{ width: auto; }
#dnnStandardMenu  ul					{ margin: 0; padding: 0; }
#dnnStandardMenu  ul li				{ margin: 0; padding: 0; list-style: none; }
#dnnStandardMenu  .col 	 			{ display: block; float: left; list-style: none;  max-width: 25%; min-width: 180px;
										  padding: 0; position: relative; }
#dnnStandardMenu  .col:after 		{ content:""; position: absolute; top: 0; left: 0; height: 100%; width: 1px;  }
#dnnStandardMenu  .col.first:after	{ display: none; }
#dnnStandardMenu  .mi2				{ position: relative; }
#dnnStandardMenu  .mi1 .txt			{ font-size: 15px; line-height: 20px; font-weight: bold; border: none; border-bottom-color:transparent; }
#dnnStandardMenu  .mi1 .txt:hover > span	{ border-bottom: 2px solid; background: transparent;}
#dnnStandardMenu  .mi1:hover .txt 	{ background: transparent;}
#dnnStandardMenu  li.mi2				{ margin-bottom:15px; }
}
#dnnStandardMenu  .mi2 .txt			{ font-family: 'Lato', sans-serif; text-transform: none; display: inline; background: transparent;
										font-size: 14px; line-height: 16px; font-weight: 400; padding: 6px 0; border-bottom: 2px solid; 
										border-bottom-color:transparent; }
#dnnStandardMenu  .mi2 .txt:hover	{ text-decoration:transparent; }
#dnnStandardMenu  .mi1 .first .txt	{ padding: 2px 0; }
#dnnStandardMenu  .mi1:hover ul.m .mi2 .txt { background: transparent; text-decoration: none;}
#dnnStandardMenu  ul li.mi3	{ margin-left: 15px; }
#dnnStandardMenu  ul li.mi4	{ margin-left: 15px; }
#dnnStandardMenu  .txt{ position: relative; display: block; width: 100%;}
#dnnStandardMenu  .txt svg { position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
#dnnStandardMenu .mi a:hover { text-decoration: none; }


@media screen and (max-width: 768px){
	#dnnStandardMenu					{ display: none; }
}
