/*
Colored Skin
*/

/* Brand */
.menuzord-brand{
	color: #333333;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #ffffff;
	background: #0263a3;
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
	color: #333;
	background: #f5f5f5;
}

/* Search field */
.menuzord-menu > li.search form:before{
	color: #999;
}

/* Color schemes */
/* blue */
.menuzord.blue { background:; }
.menuzord.blue .menuzord-brand{ color: #333333; }
.menuzord.blue .menuzord-menu > li > a{ color: #333333; }
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
	background: #570101; 
	color: #fff;
}
.menuzord.blue .showhide em{
	background: #333333;
}
.menuzord.blue .menuzord-menu > li.search form:before{
	color: #fff;
}
.menuzord.blue .menuzord-menu > li.search form input[type="text"]{
	background: #162a47;
	color: #fff;
}


/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
	}
	
	/* Color schemes */
	/* blue */
	.menuzord.blue.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.blue.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color:#162a47;
	}
	/* green */
	.menuzord.green.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.green.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #48CFAD;
	}
	/* red */
	.menuzord.red.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.red.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #FC6E51;
	}
	/* orange */
	.menuzord.orange.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.orange.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #ff853f;
	}
	/* yellow */
	.menuzord.yellow.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.yellow.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #FFCE54;
	}
	/* purple */
	.menuzord.purple.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.purple.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #AC92EC;
	}
	/* pink */
	.menuzord.pink.menuzord-responsive .menuzord-menu > li > a,
	.menuzord.pink.menuzord-responsive .menuzord-menu > li > a .indicator{
		border-color: #EC87C0;
	}
}