﻿/* Menu CSS */
/********************************************************************/
#dnnStandardMenu						{ width: 100%; text-align: center;}
#dnnStandardMenu .dnnNav					{ padding: 0; margin: 0; position: relative; z-index: 99; display: inline-block;}
#dnnStandardMenu .dnnNav:after			{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#dnnStandardMenu .root					{ display: inline-block; margin: 0 -2px; list-style: none; position: relative; }
#dnnStandardMenu .root .txt				{ display: block; text-decoration: none; cursor: pointer; color: #fff; padding: 24px 12px;
										font-family: 'Open Sans', sans-serif; font-weight: 600;text-transform: uppercase; 
										font-size: 16px; line-height: 18px; font-weight: bold; letter-spacing: 1px; }
#dnnStandardMenu .root.sel .roottxt,
#dnnStandardMenu .root.exp .roottxt,
#dnnStandardMenu .root .roottxt:hover	{  background: #a4171c; }
#dnnStandardMenu .root.exp				{ z-index: 1; }
#dnnStandardMenu .root .dropdown			{ display: none; position: absolute; background: #a4171c; padding: 18px 0; text-align: left;
										-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); 
										box-shadow: 0 5px 5px rgba(0,0,0,0.5); width: 100%; }
#dnnStandardMenu .root .m0				{ display: none; list-style: none; margin: 0; padding: 0; margin: auto; width: 1004px; }
#dnnStandardMenu .root .dropdown .inner .m0 
										{ float: left; width: auto; }
#dnnStandardMenu .root .m0:after			{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#dnnStandardMenu .root .normalNav		{ padding: 12px; width: 250px; }
#dnnStandardMenu .root .normalNav .m0		{ width: auto; }
#dnnStandardMenu .root ul					{ margin: 0; padding: 0; }
#dnnStandardMenu .root ul li				{ margin: 0; padding: 0; list-style: none; }
#dnnStandardMenu .root .col 	 			{ float: left; padding: 0 32px; list-style: none; display: block; position: relative; width: 292px; }
#dnnStandardMenu .root .col:after 		{ content:""; position: absolute; top: 0; left: 0; height: 100%; width: 1px; background: #bf4245; }
#dnnStandardMenu .root .col.first:after	{ display: none; }
#dnnStandardMenu .root .col.first		{ padding: 0 32px 0 0; }
#dnnStandardMenu .root .col.last			{ padding: 0 0 0 32px; }
#dnnStandardMenu .root .mi2				{ position: relative; }
#dnnStandardMenu .root .mi1 .txt			{ font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; 
										font-size: 15px; line-height: 20px;  text-decoration: none; color: #fff;
										text-transform: uppercase; display: block; padding: 4px 0; }
#dnnStandardMenu .root .mi1 .txt:hover  	{ text-decoration: underline; }
#dnnStandardMenu .root .mi2 .txt			{ font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: 100;
										font-size: 14px; line-height: 16px; color: #fff;  padding: 4px 0 4px 15px; position: relative;  }
#dnnStandardMenu .root .mi2 .txt:hover	{ text-decoration: underline; }
#dnnStandardMenu .root .mi2 .txt svg		{ position: absolute; top: 0; left: 0; fill: #da2128; }

@media screen and (max-width: 1090px){
	#dnnStandardMenu .root .dropdown		{ padding: 18px 0; }
	#dnnStandardMenu .root .m0			{ width: 100%; position: relative; display: table; }
	#dnnStandardMenu .root .m0 .txt		{ white-space: normal; }
	#dnnStandardMenu .root .col 	 		{ float: none; display: table-cell; padding: 0 2.5%; width: 30%; height: auto !important; }
	#dnnStandardMenu .root .col.last,
	#dnnStandardMenu .root .col.first	{ padding: 0 2.5%; }
}

@media screen and (max-width: 768px){
	#dnnStandardMenu					{ display: none; }
}