/* ==========================================================================
   Author's custom styles
   ========================================================================== */

h3{
	padding-top:40px;
	margin-bottom:20px;
	clear:both;
	color:#F02073;
}

















/* Submenu Grid */

.ubermenu-submenu{
	clear:both;	
}

.ubermenu-submenu-demo .ubermenu-submenu{
	border:4px solid #558ADA;
	float:left;
	width:100%;
	margin:20px 0 40px 0;
}
.ubermenu-grid-short{
	margin-bottom:50px;
}
.ubermenu-submenu:after,
.ubermenu-grid-short:after{
	content:'';
	clear:both;
	display:table;

}
.ubermenu-grid-short .ubermenu-column{
	min-height:20px;
	padding:5px 10px;
	font-size:12px;
	border:3px solid #fff;
}

.ubermenu-column{
    background:#ccc;
    min-height:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    display:block;
    border:8px solid #fff;
    text-align:center;
    color:#f9f9f9;
    padding:50px 10px;
}
.ubermenu-column-match{
	height:343px;
}
.ubermenu-column-item{
	background:tomato;
}
.ubermenu-column-item{
	padding:10px;
}


.ubermenu-column:hover{
	background:#666;
}







/* Item Layout */

.ubermenu-menu-item-demo .ubermenu-column{
	padding:20px 20px 20px 20px;
	position:relative;
}
.ubermenu-menu-item-demo .ubermenu-column-match{
	height:274px;
}
.ubermenu-menu-item-demo .ubermenu-column h4{
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	font-weight:normal;
	background:#444;
	margin:0;
	padding:10px;
}
.ubermenu-target{
	background:#CA1A4B;
	padding:20px 20px;

}
.ubermenu-column .ubermenu-submenu{
	background:#558ADA;
	padding:60px 10px;
	margin:10px 0 0 0;
}


.ubermenu-target-zoom{
	border:3px solid #CA1A4B;
	background:#efefef;
	padding:20px;
}
.ubermenu-target-title{
	background:#444;
	color:#eee;
	padding:10px;
	margin-bottom:10px;
}
.ubermenu-target-desc{
	background:#999;
	color:#fff;
	padding:10px;
}

.ubermenu-target-image{
	
	height:90px;
	font-size:40px;
	line-height:80px;
	padding:10px 10px;
	text-align:center;
	background:#558ADA;
	color:#fff;
}

.ubermenu-layout-image_left .ubermenu-target-title,
.ubermenu-layout-image_left .ubermenu-target-desc{
	margin-left:110px;
	display:block;
}
.ubermenu-layout-image_left .ubermenu-target-image{
	float:left;	
	width:90px;
}
.ubermenu-layout-image_right .ubermenu-target-title,
.ubermenu-layout-image_right .ubermenu-target-desc{
	margin-right:110px;
	display:block;
}
.ubermenu-layout-image_right .ubermenu-target-image{
	float:right;	
	width:90px;
}

.ubermenu-layout-image_above .ubermenu-target-image{
	margin-bottom:10px;
}
.ubermenu-layout-image_below .ubermenu-target-image{
	margin-top:10px;
}

.ubermenu-menu-item-demo-all .ubermenu-target{
	text-align:left;
	font-weight:normal;
}






/* Submenu layout */
.ubermenu-submenu-grid-demo .ubermenu-column{
	min-height:225px;
}







/* Grid - turn to LESS and reuse as mixin */
.ubermenu .ubermenu-submenu .ubermenu-column{
    display:block;
    float:left;
    width:auto;
}
.ubermenu .ubermenu-submenu .ubermenu-column-auto{
    min-width:100px;
    width:auto;
}
.ubermenu .ubermenu-nav .ubermenu-column-full{  width: 100%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-2{   width:50%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-3{   width:33.33%; }
.ubermenu .ubermenu-nav .ubermenu-column-2-3{   width:66.66%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-4{   width:25%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-4{   width:75%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-5{   width:20%; }
.ubermenu .ubermenu-nav .ubermenu-column-2-5{   width:40%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-5{   width:60%; }
.ubermenu .ubermenu-nav .ubermenu-column-4-5{   width:80%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-6{   width:16.66%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-6{   width:83.33%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-7{   width:14.28%; }
.ubermenu .ubermenu-nav .ubermenu-column-2-7{   width:28.57%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-7{   width:42.85%; }
.ubermenu .ubermenu-nav .ubermenu-column-4-7{   width:57.14%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-7{   width:71.42%; }
.ubermenu .ubermenu-nav .ubermenu-column-6-7{   width:85.71%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-8{   width:12.5%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-8{   width:37.5%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-8{   width:62.5%; }
.ubermenu .ubermenu-nav .ubermenu-column-7-8{   width:87.5%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-9{   width:11.11%; }
.ubermenu .ubermenu-nav .ubermenu-column-2-9{   width:22.22%; }
.ubermenu .ubermenu-nav .ubermenu-column-4-9{   width:44.44%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-9{   width:55.55%; }
.ubermenu .ubermenu-nav .ubermenu-column-7-9{   width:77.77%; }
.ubermenu .ubermenu-nav .ubermenu-column-8-9{   width:88.88%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-10{  width:10%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-10{  width:30%; }
.ubermenu .ubermenu-nav .ubermenu-column-7-10{  width:70%; }
.ubermenu .ubermenu-nav .ubermenu-column-9-10{  width:90%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-11{  width:9.09%; }
.ubermenu .ubermenu-nav .ubermenu-column-2-11{  width:18.18%; }
.ubermenu .ubermenu-nav .ubermenu-column-3-11{  width:27.27%; }
.ubermenu .ubermenu-nav .ubermenu-column-4-11{  width:36.36%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-11{  width:45.45%; }
.ubermenu .ubermenu-nav .ubermenu-column-6-11{  width:54.54%; }
.ubermenu .ubermenu-nav .ubermenu-column-7-11{  width:63.63%; }
.ubermenu .ubermenu-nav .ubermenu-column-8-11{  width:72.72%; }
.ubermenu .ubermenu-nav .ubermenu-column-9-11{  width:81.81%; }
.ubermenu .ubermenu-nav .ubermenu-column-10-11{ width:90.90%; }

.ubermenu .ubermenu-nav .ubermenu-column-1-12{  width:8.33%; }
.ubermenu .ubermenu-nav .ubermenu-column-5-12{  width:41.66%; }
.ubermenu .ubermenu-nav .ubermenu-column-7-12{  width:58.33%; }
.ubermenu .ubermenu-nav .ubermenu-column-11-12{ width:91.66%; }

.ubermenu .ubermenu-autoclear > .ubermenu-column-full,
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-2:nth-child(2n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-3:nth-child(3n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-4:nth-child(4n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-5:nth-child(5n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-6:nth-child(6n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-7:nth-child(7n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-8:nth-child(8n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-9:nth-child(9n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-10:nth-child(10n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-11:nth-child(11n+1),
.ubermenu .ubermenu-autoclear > .ubermenu-column-1-12:nth-child(12n+1),
.ubermenu .ubermenu-clear-row{
    clear:both;
}


@media screen and (max-width: 959px) {

  .ubermenu .ubermenu-column,
  .ubermenu .ubermenu-column-auto {
    min-width: 50%;
  }
  .ubermenu .ubermenu-autoclear > .ubermenu-column {
    clear: none;
  }
  .ubermenu .ubermenu-column:nth-of-type(2n+1) {
    clear: both;
  }

  .ubermenu-submenu{
	border:2px solid #558ADA;
	margin-bottom:20px;
  }
}
@media screen and (max-width: 480px) {
  .ubermenu .ubermenu-item-level-0 {
    width: 100%;
  }
  .ubermenu .ubermenu-column,
  .ubermenu .ubermenu-column-auto {
    min-width: 100%;
  }
}