/********************************************************************************************************************/
/**  UNITAR MENU VIEW MODULE CSS                                                                                   **/
/********************************************************************************************************************/
.unitar-menu-view .unitar-menu-view-level-1 {
	margin-bottom:20px;
}

.unitar-menu-view .unitar-menu-view-level-1 > .unitar-menu-view-title {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}

/*-----------------------------------------------------------------------------------*/
/*- VIEW MODE: DEPLOYABLE                                                           -*/
/*-----------------------------------------------------------------------------------*/
.unitar-menu-view-type-dep .block-inner {
	position:relative;
	margin-top:30px;
}
.unitar-menu-view-type-dep .block-inner h2 {
	position:absolute;
	top:-35px;
	height:30px;
	display:inline-block;
	cursor:pointer;
	white-space:nowrap;
}
.unitar-menu-view-type-dep .block-inner .unitar-menu-view-dep-wrapper {
	position:relative;
	display:none;
}
.unitar-menu-view-type-dep.unitar-menu-view-dep-hov .block-inner:hover .unitar-menu-view-dep-wrapper  {
	display:block;
}
.unitar-menu-view-type-dep .block-inner .unitar-menu-view-dep-wrapper .unitar-menu-view {
	box-shadow: 0 3px 15px rgba(0,0,0,0.175);
	padding:10px 20px;
	background-color:#fff;
	z-index:5;
	position:absolute;
  left: 0;
  right: 0;
  margin-top:-5px;
}


/*-----------------------------------------------------------------------------------*/
/*- VIEW MODE: FOOTER                                                             	-*/
/*-----------------------------------------------------------------------------------*/
.unitar-menu-view-foo {
	font-size:14px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height:275px;
}
.unitar-menu-view-foo .unitar-menu-view-level-1 {
	padding-right:25px;
  flex: 0 0 auto;
 /* border:1px solid red;*/
  margin-bottom:0;
}
.unitar-menu-view-foo .unitar-menu-view-level-1 > .unitar-menu-view-title {
	margin-bottom:10px;
}
.unitar-menu-view-foo > ul:nth-child(1) { width:13%; }
.unitar-menu-view-foo > ul:nth-child(2) { width:14%; }
.unitar-menu-view-foo > ul:nth-child(3) { min-height:150px; width:20%; }
.unitar-menu-view-foo > ul:nth-child(4) { min-height:150px; width:18%; }
.unitar-menu-view-foo > ul:nth-child(n+4){
  width:18%;
  padding-right:0;
}
.unitar-menu-view-foo > ul:last-child { width:inherit}
.unitar-menu-view-foo ul li { padding:2px 0px; }





/******************************************************************************************************/
/** NAVIGATOR HACKS ***********************************************************************************/
/******************************************************************************************************/
@-moz-document url-prefix() { 
  .unitar-menu-view-type-dep .block-inner .unitar-menu-view {
  	margin-top:-4px;
  }
}


/******************************************************************************************************/
/** RESPONSIVE RULES **********************************************************************************/
/******************************************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- Small Devices, Tablets                                                          -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 991px) { 

	.unitar-menu-view-foo { height: 400px; }
	.unitar-menu-view-foo .unitar-menu-view-level-1 { 
	  margin-bottom:20px; 
	  padding-right:20px;
	}
	.unitar-menu-view-foo > ul:nth-child(1)   { width:20%; }
	.unitar-menu-view-foo > ul:nth-child(2)   { width:40%; }
	.unitar-menu-view-foo > ul:nth-child(n+3) { width:25%; margin-bottom:0; }
	.unitar-menu-view-foo > ul:last-child     { width:inherit}
}

/*-----------------------------------------------------------------------------------*/
/*- Extra Small Devices, Phones                                                     -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 767px) { 
	.unitar-menu-view-foo { 
		font-size:20px; 
		font-weight:lighter;
		display:block;
		height:auto;
	}
	.unitar-menu-view-foo ul li { padding: 5px 0px; }
	.unitar-menu-view-foo .unitar-menu-view-level-1 {
	   display:block;
	   width:100%;
	}
	.unitar-menu-view .unitar-menu-view-level-1 > .unitar-menu-view-title {
		font-weight:normal;
		margin-bottom:0;
	}
	.unitar-menu-view-foo > ul:nth-child(n+0) { 
	  width:100%;
	  padding-right:30px;
	}
}