/*
|--------------------------------------------------------------------------
| 2.0-header.css
|--------------------------------------------------------------------------
|
| Topbar and Logo Styles.
|
*/

/*
|--------------------------------------------------------------------------
| 1.0 - Header Type1
|--------------------------------------------------------------------------
*/

/* Topbar
-------------------------------------------------- */
.topbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 66px;
	z-index: 99999;
	background-color: #FFF;
	border-bottom: 1px solid #F0F0F0;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	backface-visibility: hidden;
}

.admin-bar .topbar {
	top: 31px;
}

.topbar .container {
	position: relative;
}

/* Desktop Menu
-------------------------------------------------- */
.topbar-menu ul.menu {
	float: left;
}

.topbar-menu ul.menu > li {
	float: left;
}

.topbar-menu ul.menu li {
	position: relative;
	display: block;
	white-space: nowrap;
}

.topbar-menu ul.menu li a {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #3C3D41;
	padding: 23px 18px;
	-webkit-transition: .2s color cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: .2s color cubic-bezier(0.65, 0.05, 0.36, 1);
}

.topbar-menu ul.menu > li:first-child > a {
	padding-left: 0;
}

.topbar-menu ul.menu > li:last-child > a {
	padding-right: 0;
}

.topbar-menu ul.menu li.current-menu-ancestor > a,
.topbar-menu ul.menu li.current-menu-item > a,
.topbar-menu ul.menu li a:hover {
	color: #CBAA5C;
}

/* sub menu */
.topbar-menu ul.menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	min-width: 215px;
	z-index: 1030;
	border: 1px solid #F0F0F0;
	background-color: #FFF;
	margin-top: -1px;
}

.topbar-menu ul.menu li:hover > ul {
	display: block;
}

.topbar-menu ul.menu ul ul {
	top: 0;
	left: 100%;
}

.topbar-menu ul.menu ul a {
	color: #727272;
	padding: 9px 20px;
	line-height: 20px;
	-webkit-transition: .2s all;
	transition: .2s all;
}

.topbar-menu ul.menu ul a:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #F0F0F0;
}

.topbar-menu ul.menu ul > li.menu-item-has-children:after {
	font-family: FontAwesome;
	content: "\f054";
	color: #aaa;
	font-size: 8px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
}


/* Responsive Menu
-------------------------------------------------- */
.slicknav_menu {
	display:none;
	background-color: transparent;
	padding: 14px 0;
}

.slicknav_btn {
	float: left;
	background-color: transparent;
	padding: 0;
	padding-bottom: 3px;
	margin: 13px 0 24px;
}

.slicknav_menu .slicknav_icon-bar {
	webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 1);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 1);
}

.slicknav_nav {
	background-color: #F3F3F3;
	padding: 10px;
}

.slicknav_nav a {
	color: #3C3D41;
	font-size: 11px;
	text-transform: uppercase;
}

.slicknav_nav a:hover {
	background-color: #F3F3F3;
}

.slicknav_nav .slicknav_row:hover {
	background-color: #F3F3F3;
	color: #666;
}


/* Topbar Right
-------------------------------------------------- */
.topbar-right {
	position: absolute;
	top: 0;
	right: 7px;
	height: 66px;
}

.topbar-socials,
.topbar-search,
.toggle-sidebar-btn {
	position: relative;
	float: right;
	height: 100%;
}

.topbar1 .topbar-socials,
.topbar1 .topbar-search,
.topbar1 .toggle-sidebar-btn {
	padding-right: 8px;
}


/* Social Icons
-------------------------------------------------- */
.topbar-socials a, .topbar-search a {
	display: inline-block;
	color: #040404;
	padding: 23px 7px;
	line-height: 20px;
	font-size: 14px;
}

.template1 .topbar-socials a:hover {
	color: #CBAA5C;
}


/* Search
-------------------------------------------------- */
.topbar-search .search-form {
	border-left: 1px solid #F0F0F0;
	margin: 20px 0;
}

.topbar-search .search-form label {
	display: inline-block;
	font-size: 11px;
}


.topbar-search .search-form input {
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	padding: 6px 0;
	border: 0;
}

.topbar-search .search-form input.search-submit {
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	background-color: #040404;
	border-radius: 4px;
	padding-right: 9px;
	padding-left: 9px;
}

/* Toggle Sidebar
-------------------------------------------------- */
.toggle-sidebar-btn {
	background-color: transparent;
	width: 60px;
	border: 0;
}

.sidebar .toggle-sidebar-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 66px;
}

#cloned-toggle-sidebar-btn span {
	background-color: #0CB4CE;
}

.template1 #cloned-toggle-sidebar-btn span {
	background-color: #CBAA5C;
}

.toggle-sidebar-btn span.icon-bar {
	display: block;
	position: absolute;
	right: 18px;
	top: 27px;
	width: 12px;
	height: 2px;
	background-color: #D4D5D6;
	margin-bottom: 3px;
}

.topbar1 .toggle-sidebar-btn span.icon-bar {
	background-color: #040404;
}

.toggle-sidebar-btn span.icon-bar:nth-of-type(3) {
	width: 24px;
	top: 32px;
}

.toggle-sidebar-btn span.icon-bar:nth-of-type(4) {
	width: 19px;
	top: 37px;
}

.toggle-sidebar-overlay {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	cursor: url(../img/toggle-sidebar-cursor.png) 12 12, default;
	transition: .3s all ease;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
}

#toggle-sidebar-wrap {
	width: 340px;
	color: #878b90;
	font-size: 15px;
}

.toggle-sidebar h1,
.toggle-sidebar h2,
.toggle-sidebar h3,
.toggle-sidebar h4,
.toggle-sidebar h5,
.toggle-sidebar h6 {
	color: #e1e3e4;
	font-weight: 600;
}

.toggle-sidebar-wrap {
	position: fixed;
	top: 0;
	right: -340px;
	bottom: 0;
	background-color: #202121;
	z-index: 999999;
	padding: 150px 19px 0;
	overflow-y: scroll;
	overflow-x: hidden;
	transition: right .33s ease-in-out;
}

#wrap .toggle-sidebar-wrap {
	margin-bottom: 0;
}

.toggle-sidebar-wrap:after {
	content: '';
	position: absolute;
	top: 88px;
	width 100%;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 296px;
	height: 1px;
	background-color: #343434;
}

.toggle-sidebar .widget-title {
	font-size: 13px;
	background-color: #E1E3E4;
	color: #202121;
	font-weight: 400;
	letter-spacing: -0.2px;
}

.toggle-sidebar .aboutme-widget h3 {
	font-size: 18px;
}

.toggle-sidebar .aboutme-widget p {
	font-size: 14px;
	letter-spacing: -0.4px;
}


/* Logo
-------------------------------------------------- */
.header-logo a {
	display: inline-block;
}

.header1 {
	text-align: center;
	padding-top: 66px;
}

.header1 .header-logo {
	margin: 40px auto;
}

.single .header1,
.header1.no-featured-sec,
.page-template-default .header1 {
	padding-bottom: 20px;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 60px;
}


/*
|--------------------------------------------------------------------------
| 2.0 - Header Type2
|--------------------------------------------------------------------------
*/

/* Topbar
-------------------------------------------------- */
.topbar2 {
	background-color: #343434;
	border: 0;
}

.topbar2 .main-header {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.topbar2 .header-logo img {
	height: 66px;
}

.topbar2 .topbar-search,
.topbar2 .topbar-socials,
.topbar2 .toggle-sidebar-btn {
	border: 0;
	border-left: 1px solid #444;
}

.responsive-header-logo {
	display: none;
}

/* Desktop Menu
-------------------------------------------------- */
.topbar2 .topbar-menu ul.menu li a {
	color: #e1e3e4;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: 0.4px;
}

#wrap .topbar2 .topbar-menu ul.menu > li.menu-item-has-children > a:before {
	font-family: FontAwesome;
	content: "\f067";
	font-size: 10px;
	color: #0CB4CE;
	padding-right: 5px;
}

.template1 #wrap .topbar2 .topbar-menu ul.menu > li.menu-item-has-children > a:before {
	color: #CBAA5C;
}

.topbar2 .topbar-menu ul.menu ul {
	background-color: #343434;
	border-color: #343434;
}

.template2 .topbar-menu ul.menu li.current-menu-ancestor > a,
.template2 .topbar-menu ul.menu li.current-menu-item > a,
.template2 .topbar-menu ul.menu li a:hover {
	color: #0CB4CE;
}

/* Responsive Menu
-------------------------------------------------- */
.topbar2 .slicknav_btn {
	margin-left: 205px;
}

.topbar2 .slicknav_nav {
	padding: 15px;
}

.topbar2 .slicknav_menu .slicknav_icon-bar {
	background-color: #D4D5D6;
	webkit-box-shadow: 0 2px 0 #343434;
	-moz-box-shadow: 0 2px 0 #343434;
	box-shadow: 0 2px 0 #343434;
}

/* Search
-------------------------------------------------- */
.topbar2 .topbar-search {
	transition: .4s all;
}

.topbar2 .topbar-search:hover {
	background-color: #444;
}

.topbar2 .topbar-search .search-form {
	border: 0;
	padding: 16px 20px;
	padding: 16px 20px;
	margin: 0;
}

.topbar2 .topbar-search .search-form input {
	max-width: 119px;
	font-size: 13px;
	line-height: 22px;
	color:#f4f4f4;
	background-color: transparent;
}

.topbar2 .topbar-search .search-form input::-webkit-input-placeholder {
	font-size: 13px;
	text-transform: uppercase;
	color:#f4f4f4;
}

/* ie */
.topbar2 .topbar-search .search-form input:-ms-input-placeholder {
	font-size: 13px;
	text-transform: uppercase;
	color:#f4f4f4;
}

/* firefox 19+ */
.topbar2 .topbar-search .search-form input::-moz-placeholder {
	font-size: 13px;
	text-transform: uppercase;
	color:#f4f4f4;
	opacity: 1
}

.topbar2 .topbar-search .search-form input:-moz-placeholder {
	font-size: 13px;
	text-transform: uppercase;
	color:#f4f4f4;
	opacity: 1
}

.topbar2 .topbar-search .search-form > i,
.topbar2 .topbar-search a {
	color: #F4F4F4;
	padding-left: 15px;
	line-height: 22px;
}

.topbar2 .topbar-search a {
	display: none;
	padding-right: 23px;
	padding-left: 23px;
}

/* Social Icons
-------------------------------------------------- */
.topbar2 .topbar-socials {
	padding-left: 11px;
	padding-right: 11px;
}

.topbar2 .topbar-socials a {
	color: #D4D5D6;
	padding-left: 10px;
	padding-right: 10px;
	transition: .3s all;
}

.template2 .topbar-socials a:hover {
	color: #0CB4CE;
}