/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*------------------------*/
/* CSS - Logo center split menu
/*------------------------*/

@media only screen and (min-width: 780px) {
	
	html[lang="zh-hant"] #top #header .av-main-nav li:nth-child(4) {
		padding-right: 115px;
	}
	
	html[lang="zh-hant"]	#top #header .av-main-nav li:nth-child(5) {
		padding-left: 65px;
	}
	
	html[lang="zh-hant"]	#header .main_menu {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	html[lang="zh-hant"]	.av-main-nav-wrap {
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	html[lang="en-US"] #top #header .av-main-nav li:nth-child(3) {
		padding-right: 140px;
	}
	
	html[lang="en-US"]	#top #header .av-main-nav li:nth-child(4) {
		padding-left: 65px;
	}
	
	html[lang="en-US"]	#header .main_menu {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	html[lang="en-US"]	.av-main-nav-wrap {
		left: 50%;
		transform: translateX(-50%);
	}

	#header .logo {
		left: 50%;
		transform: translateX(-50%);
		z-index:999;
		top: 20%;
		border: 10px solid white;
		border-radius: 50%;
		background-color: white;
	}

	#header .logo img {    
		top: 50%;
		transform: translateY(-50%);
		max-width: 200px;  
	}
}


/*Add your own styles here:*/
.header_color .main_menu ul:first-child > li > a {
	color: black;
}

.html_header_top.html_header_sticky.html_large.html_main_nav_header .header-scrolled .main_menu ul:first-child > li:not(.current_page_item) a {
	color: black !important;
}


.html_header_top.html_header_sticky.html_large.html_main_nav_header .header-scrolled .main_menu ul:first-child > li:not(.current_page_item) a:hover {
	color: #f1a1a2 !important;
}


.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover .avia-menu-text, 
.header_color .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text, 
.header_color .main_menu ul:first-child > li.current_page_item > a .avia-menu-text, 
.header_color .main_menu ul:first-child > li.active-parent-item > a .avia-menu-text{
	border-bottom: 2px solid #f1a1a2;
}

.header_color .main_menu .menu .sub-menu li a {
	color: black;
}


.header_color .av-hamburger-inner, 
.header_color .av-hamburger-inner::before, 
.header_color .av-hamburger-inner::after {
	background-color: black !important;
}