/* style-custom */

/* general */
#nav-container {
	margin-bottom: 0;
}
body.full-width #nav-container {
	border: none;
}
body.full-width #inner-wrapper {
	padding-top: 98px;
}
#nav-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.admin-bar #nav-wrapper {
	top: 32px;
}
#main-nav {
	margin: 0;
	font-size: 0;
	line-height: 0;
}
body.full-width #navigation ul#main-nav > li {
	display: inline-block;
	width: 16%;
}
body.full-width #navigation ul#main-nav > li a {
	width: 100%;
	padding: 20px 0 !important;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.show-nav #main-nav {
	font-size: inherit;
	line-height: inherit;
}
body.full-width.show-nav #navigation ul#main-nav > li {
	display: block;
	width: 100%;
}
body.full-width.show-nav #navigation ul#main-nav > li a {
	padding: 0.5em 1em 1.2em 1em !important;
	white-space: normal;
}
.csstransforms3d.csstransitions .show-nav #navigation {
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
}
.no-csstransforms3d.no-csstransitions .show-nav #navigation {
	left: 0;
}
.show-nav #navigation {
	padding-left: 15px;
}
.show-nav #navigation h3 {
	display: none;
}
.nav-toggle {
	/* position: fixed;
	top: 78px;
	left: 0;
	width: 100%; */
	height: 40px;
	/* z-index: 1; */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.admin-bar .nav-toggle {
	top: 124px;
}
.show-nav .nav-toggle {
	z-index: 0;
}
body.full-width #logo .site-title a,
body.full-width #logo .site-title a:hover {
	white-space: nowrap;
}
#header-logo {
	margin: 0;
	padding: 15px 0;
}
/* responsive */
@media (max-width: 1109px) {
	body.full-width #navigation ul#main-nav > li a {
		font-size: 17px;
	}
}
@media (max-width: 999px) {
	body.full-width #navigation ul#main-nav > li a {
		font-size: 16px;
	}
}
@media (max-width: 889px) {
	body.full-width #navigation ul#main-nav > li a {
		font-size: 15px;
	}
}
@media (max-width: 782px) {
	.admin-bar #nav-wrapper {
		top: 46px;
	}
}
@media (max-width: 767px) {
	body.full-width #inner-wrapper {
		padding-top: 118px;
	}
}
@media (max-width: 599px) {
	body.full-width #logo .site-title a,
	body.full-width #logo .site-title a:hover {
		font-size: 45px;
	}
}
@media (max-width: 509px) {
	body.full-width #logo .site-title a,
	body.full-width #logo .site-title a:hover {
		font-size: 40px;
	}
}
@media (max-width: 439px) {
	body.full-width #logo .site-title a,
	body.full-width #logo .site-title a:hover {
		white-space: normal;
	}
}
/* canvas nav menu */
@media only screen and (min-width: 768px) {
	body.full-width #navigation ul.nav li:hover > ul{
		visibility: visible;
		z-index: 100;
	}
	body.full-width #navigation ul#main-nav li.current-menu-item > ul.sub-menu,
	body.full-width #navigation ul#main-nav li.current_page_parent > ul.sub-menu,
	body.full-width #navigation ul#main-nav li.current-menu-parent > ul.sub-menu {
		visibility: hidden;
	}
	body.full-width #navigation ul#main-nav li.current-menu-item:hover > ul.sub-menu,
	body.full-width #navigation ul#main-nav li.current_page_parent:hover > ul.sub-menu,
	body.full-width #navigation ul#main-nav li.current-menu-parent:hover > ul.sub-menu {
		visibility: visible;
		z-index: 100;
	}
	body.full-width #navigation ul#main-nav ul.sub-menu > li:first-child a {
		padding: 12px !important;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: normal;
		color: #ffffff !important;
		background: none !important;
	}
	
	ul.nav li ul li a {
	    color:#ffffff !important;	
	}
	
	body.full-width #navigation ul#main-nav ul.sub-menu > li:first-child a:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	body.full-width #navigation ul#main-nav {
		width: 100%;
		/* visibility: visible; */
	}
	body.full-width #navigation ul#main-nav > li {
		position: relative;
	}
	body.full-width #navigation ul#main-nav ul.sub-menu {
		width: auto;
		margin-left: 12px;
		background: #292727;
		border: 1px solid #666;
		border-top: none;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: -1;
		/* transform: translateY(-2em); */
		transition: all 0.3s ease 0s, opacity 0.5s ease 0s, z-index 0s linear 0.01s;
		/* transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
		transition: all .25s ease; */
	}
	body.full-width #navigation ul#main-nav li:hover ul.sub-menu {
		visibility: visible;
		z-index: 100;
		/* top: 100%; */
		opacity: 1;
		/* transform: translateY(0); */
		transition-delay: 0s, 0s, 0.3s;
		/* transition: all .25s ease; */
	}
	body.full-width #navigation ul#main-nav li ul.sub-menu > li a {
		padding: 8px 12px !important;
		transition: padding 0.3s ease 0s;
	}
	body.full-width #navigation ul#main-nav li:hover ul.sub-menu > li a {
		padding: 12px !important;
	}
	body.full-width #navigation ul#main-nav li ul.sub-menu > li:first-child a {
		padding: 16px 12px 8px 12px !important;
		transition: padding 0.3s ease 0s;
	}
	body.full-width #navigation ul#main-nav li ul.sub-menu > li:last-child a {
		padding: 8px 12px 16px 12px !important;
		transition: padding 0.3s ease 0s;
	}
	body.full-width #navigation ul#main-nav li:hover ul.sub-menu > li:first-child a {
		padding: 22px 12px 12px 12px !important;
	}
	body.full-width #navigation ul#main-nav li:hover ul.sub-menu > li:last-child a {
		padding: 12px 12px 22px 12px !important;
	}
	/* body.full-width #navigation ul#main-nav li:hover ul.sub-menu > li {
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
	}
	body.full-width #navigation ul#main-nav li:hover ul.sub-menu > li a {
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
	} */
	body.full-width #navigation ul#main-nav ul.sub-menu > li {
		float: none;
	}
	body.full-width #navigation ul#main-nav ul.sub-menu > li a {
		text-align: left;
		/* transition: all .25s ease; */
	}
}
@media only screen and (max-width: 768px) { /* Canvas uses 768 for min & max */
	body.full-width #navigation ul#main-nav ul.sub-menu > li:first-child {
		display: list-item;
	}
}
@media only screen and (max-width: 767px) {
	#navigation {
		width: auto;
		max-width: 100%;
		min-width: 80%;
	}
	body.full-width #navigation ul#main-nav {
		/* visibility: hidden; */
		opacity: 0;
		transition: all 0.1s ease 0s, opacity 0.5s ease 0s;
	}
	body.full-width.show-nav #navigation ul#main-nav {
		opacity: 1;
	}
}