/* ================================================================
   PRIMARY NAV STYLES 
   ================================================================ */

.mainNav { position:relative; z-index:1100; min-height:35px; }
.mainNav a { outline:0; }
.navMain { margin:0; padding:0; }
.navMain > ul { 
	display:none; 
	position:absolute;
	z-index:1000; 
	top:100%; 
	right:-5px;
	margin:0; padding:0; 
	border:5px solid #d2d1cc; 
	border:5px solid rgba(0,0,0,.3);
	border-top-width:0;
	width:85%; 
	list-style:none; 
	text-align:right; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.navMain > ul:before, .navMain > ul:after { content: " "; display: table; }
.navMain > ul:after { clear: both; }
.navMain > ul { *zoom: 1; }

.navMain > ul > li { border-top:1px solid #d2d1cc; text-align:left; background:#726159; }
.navMain > ul > li > a { display:block; position:relative; padding:10px 16px; color:#fff; }
.navMain > ul > li > a:hover, .navMain > ul > li > a:focus, .navMain > ul > li > a.active  { color:#bfb2ac; }
.navMain > ul > li.btn > a { display:inline-block; padding:8px; margin:6px 0 6px 10px; font-size:.9em; }
.navMain > ul > li.btn > a.active { color:#fff; }
.navMain > ul > li.btn > a:before { display:none; }
.navMain > ul > li.btn > a:hover, .navMain > ul > li.btn > a:focus { color:#fff; }
.navMain > ul > li.icon-angle-right > a:after { vertical-align:middle; }

.navMain > ul .themeLink > a { font-weight:700; font-size:1.1em; }

.subMenu {
	display:none;
	padding:20px 0;
	width:100%;
	background:#fff;
	background:rgba(255,255,255,.9);
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

/*fixes from punithan for fogbugnumber : */
.navMain > ul .subMenu .row > div {vertical-align: top; }
/*
.navMain > ul .subMenu .row > div:first-child { padding-top:0; }*/
.navMain > ul .subMenu .extraContent { display:none; width:21%; }

.subMenu .mainLink {
	position:relative;
	margin-top:-20px;
	padding:20px 20px 10px; 
	background: #ebebe9; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #ebebe9));
	background: -webkit-linear-gradient(left, #ffffff 0%, #ebebe9 100%);
	background:    -moz-linear-gradient(left, #ffffff 0%, #ebebe9 100%);
	background:     -ms-linear-gradient(left, #ffffff 0%, #ebebe9 100%);
	background:      -o-linear-gradient(left, #ffffff 0%, #ebebe9 100%);
	background:         linear-gradient(to right, #ffffff 0%, #ebebe9 100%);
	
}
.lt-ie9 .subMenu .mainLink { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebe9',GradientType=1 ); zoom:1; }
.subMenu .mainLink:after {
	content:" ";
	position:absolute;
	top:100%; left:0;
	width:100%; height:1px;
	background: #b0006e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b0006e), color-stop(100%, #b0006e));
	background: -webkit-linear-gradient(left, #ffffff 0%, #b0006e 100%);
	background:    -moz-linear-gradient(left, #ffffff 0%, #b0006e 100%);	
	background:     -ms-linear-gradient(left, #ffffff 0%, #b0006e 100%);
	background:      -o-linear-gradient(left, #ffffff 0%, #b0006e 100%);
	background:         linear-gradient(to right, #ffffff 0%, #b0006e 100%);

}

.subMenu .mainLink a {
	display:block;
	font-weight:bold; 
	font-size:1.2em; 
	font-family:"Roboto Slab", serif; 
	color:#b0006e;
	-webkit-transition: color 0.3s ease-out;
	   -moz-transition: color 0.3s ease-out;
	     -o-transition: color 0.3s ease-out;
	        transition: color 0.3s ease-out;
}
.subMenu .mainLink a span { 
	margin-left:10px; 
	font-size:.8em; 
	font-weight:normal;
	color:#313131;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.subMenu .mainLink a span:after { vertical-align:middle; }
.subMenu .mainLink a:hover, .subMenu .mainLink a:focus { color:#056839; }
.subMenu .mainLink a:hover span, .subMenu .mainLink a:focus span { margin-left:15px; color:#056839; }

/*
.subMenu .mainLink + .row .column,
.navMain > ul .subMenu .mainLink + .row > div:first-child { padding-top:20px; }*/

.subMenu .title { display:block; margin-bottom:.75em; font-size:1.15em; font-weight:700; color:#b0006e;line-height: 1.15em; }
.subMenu ul { margin:0; padding:0; list-style:none; font-size:.85em; }
.subMenu ul li { display:block; }
.subMenu ul a { font-weight:bold; color:#60564f; }
.subMenu ul a:hover, .subMenu ul a:focus { color:#056839; background:#f2f2f2; }

.subMenu .subLinks a { display:block; border-top:1px solid #dbdbdb; padding:.5em 0 .45em; }
.subMenu .subLinks a.more { color:#056839;  }
.subMenu .subLinks a.more:focus, .subMenu .subLinks a.more:hover { color:#60564f; }
.subMenu .subLinks li:first-child a { border-top:0; }

.subMenu .itemList .item .aside span { display:block; border:3px solid #edece8; width:70px; height:52px; text-indent:-9999em; background-repeat:no-repeat; }
.subMenu .itemList .item .aside { width:70px; float:left; }
.subMenu .itemList .item .aside, 
.subMenu .itemList .item .content { display:block; }
.subMenu .itemList .item .content { margin-left:80px; }

.subMenu .extraContent .itemList .item .title { color:#313131; }
.subMenu .extraContent .itemList .item .title:hover,
.subMenu .extraContent .itemList a.item:hover .title,
.subMenu .extraContent .itemList .item .title:focus { color:#056839; }

@media screen and (min-width:48em){
	.menuLink { display:none; }
	.navMain > ul { display:block !important; position:relative; top:0; right:auto; border:0; width:100%; background:transparent; }
	.navMain > ul > li { display:inline-block; border:0; background:transparent; }
	.navMain > ul > li > a { padding:16px 8px 14px; font-size:.9em; }
	.navMain > ul > li > a:before { 
		content:"";
		position:absolute;
		left:0;
		top:25%;
		height:52%;
		width:1px;
		background:#a08f88;
	}
	.navMain > ul li.lastNavItem > a { padding-right:0; }
	.navMain > ul .firstNavItem > a:before { display:none; }

	.navMain > ul .themeLink { float:left; }
	.navMain > ul .themeLink > a { padding:14px 23px 8px 27px; }
	.navMain > ul .themeLink > a:after,
	.navMain > ul .themeLink > a:before,
	.navMain > ul .themeLink > a span:after,
	.navMain > ul .themeLink > a span:before { 
		content:"";
		position:absolute;
		left:2px;
		width:4px;
		height:4px;
		background:#bdafa6;
		border-radius:8px;
	}
	.navMain > ul .themeLink > a:before { top:23%; }
	.navMain > ul .themeLink > a:after { top:40%; }
	.navMain > ul .themeLink > a span:before { top:57%; }
	.navMain > ul .themeLink > a span:after { top:74%; }

	.navMain > ul .themeLink:first-child { padding-left:0; }
	.navMain > ul .themeLink:first-child > a { padding-left:17px; }
	.navMain > ul .themeLink:first-child > a:after,
	.navMain > ul .themeLink:first-child > a:before,
	.navMain > ul .themeLink:first-child > a span:after,
	.navMain > ul .themeLink:first-child > a span:before { display:none; }
	
	.subMenu { position:absolute; top:116%; left:0; border:10px solid #ccc; border:10px solid rgba(0,0,0,.3); border-top:1px solid #cdcdcd; padding:0; background:transparent; }
	.subMenu .mainLink { margin-top:0; padding-left:30px; }
	.subMenu > .arrow {
		display:none;
		position:absolute; 
		top:-31px; left:20px;
		border:15px solid rgba(0,0,0,0);
		border-bottom:15px solid #a6a6a6;
	}
	.subMenu > .arrow:after {
		content:" ";
		position:absolute; 
		top:-14px; left:-15px;
		border:15px solid transparent;
		border-bottom:15px solid #fff;
	}

	.no-rgba .open + .subMenu > .arrow { border:15px solid transparent; border-bottom:15px solid #a6a6a6; }

	.navMain > ul .subMenu .row { background:#fff; }
	.navMain > ul .subMenu .row > div { padding:49px 30px; width:18%;vertical-align: top; }
	
	.navMain > ul > li.btn > a { margin-left:0; }
}

@media screen and (min-width:54em){
	.navMain > ul .subMenu .extraContent { display:table-cell; }
}

@media screen and (min-width:58em) {
	.navMain > ul > li > a { padding:16px 16px 12px; font-size:1em; }
	.navMain > ul .themeLink { float:left; }
}

@media screen and (min-width:62em){
	.navMain > ul > li.btn > a { padding:8px 16px; }
}