/*Improve navigation dropdown width */
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
	width:max-content;
}
.nav-dropdown {
	min-width:150px;
}


/* Move menu to the right */
@media (min-width:850px) {
	.nav-left {
		justify-content:flex-end!important;
	}
}

/**************************************************************
*	Header Support and contact links
**************************************************************/

.main-bar-contact .fa,
.main-bar-support .fa {
	padding-right:0.5em;
}

.main-bar-contact a,
.main-bar-support a {
	color:#fff!important;
}

.main-bar-support a {
	padding:0.4em 1.2em!important;
}

/* Mobile menu shows contact with less height */
@media (min-width:850px) {
	.main-bar-contact a {
		padding:0.4em 1.2em!important;
	}
}
@media (max-width:850px){
	.main-bar-contact a {
		padding:0.9em 1.2em!important;
	}
}


.main-bar-contact {
	background-color:#3CB371;
}
.main-bar-contact:hover {
			background-color:#246B43;
}

.main-bar-support {
	background-color:#27ACD5;
}
.main-bar-support:hover {
			background-color:#053679;
}
.main-bar-support li a {
	color:rgba(102,102,102,0.85)!important;
}

/**************************************************************
*	Media Queries for Main Menu
*	Menu switches to mobile version at 849px
*	1 - Break point at 1050px : 
*	remove blog nav element 
*	switch letter spacing from 0.2em to 0
*	reduce logo width from 120px to 100px
*
*	2 - Break point at 945px :
*	Reduce font size to .8em
*	
*	3 - Break point at 880px :
*	Reduce menu item horizontal margins by half. 
/**************************************************************/

@media (max-width:850px) {
	.blog-sub {
		display:none!important;
	}
}
@media (min-width:1050px) {
	.blog-sub {
		display:none!important;
	}
}


@media (min-width:850px) and (max-width:1050px){
	.blog-main {
		display:none!important;
	}
	.nav-uppercase>li>a {
		letter-spacing:0!important;
	}
	#logo {
		width:100px!important;
	}
}
@media (min-width:850px) and (max-width:945px){
	.nav-size-medium>li>a {
		font-size: .8em!important;
	}
}
@media (min-width:850px) and (max-width:880px){
	.nav-spacing-medium>li {
		margin:0 6px!important;
	}
}



/* Header - mobile */

.mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active, 
.mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item:hover {
	background-color:#27ACD5;
}
.mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active a, 
.mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item:hover a {
color:#fff!important;
}

.mobile-nav .icon-menu {
	color:#27ACD5;
}
/* Are these used ? */
/*.top-bar-contact a,
.top-bar-support a {
	color:#fff!important;
	font-size:20px!important;
	margin-top:-6px;
}

.top-bar-contact:hover {
	background-color:#053679;
}
.top-bar-support:hover {
	background-color:#053679;
}

.top-bar-contact {
	background-color:#3CB371;
}

.top-bar-support {
	background-color:#27ACD5;
}

.top-bar-contact,
.top-bar-support {
	color:#fff;
	padding:0.4em 1.2em!important;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}

.top-bar-contact:before,
.top-bar-support:before {
	font-size:20px!important;
	font-family:Fontawesome;
	margin-right:0.5em;
}

.top-bar-contact:before {
	content:'\f0e6';	
}

.top-bar-support:before {
	content:'\f1cd';
}*/