/*  
Skin Name: Black
Version: 1.0
*/

/************************************************************************************
GENERAL
*************************************************************************************/
input[type=reset], input[type=submit], button {
	background-color: #000;
	color: #fff;
}
a {
	color: #000;
}
.sidemenu h1,
.sidemenu h2,
.sidemenu h3,
.sidemenu h4,
.sidemenu h5,
.sidemenu h6 {
	color: #fff;
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
	background-color: #000;
	color: #fff;
}
#header a,
#headerwrap #menu-icon,
#headerwrap #menu-icon-close,
#headerwrap #searchform .icon-search:before {
	color: #fff;
}

/* SITE LOGO */
#site-logo a,
#site-logo a:hover {
	color: inherit;
}

/* SEARCH FORM */
#headerwrap #searchform #s {
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.8);
	border-radius: 0;
	color: #fff;
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s {
	background-color: rgba(255,255,255,1);
	color: #000;
}
#headerwrap #searchform:hover .icon-search:before {
	color: #000;
}
#headerwrap #searchform #s::-webkit-input-placeholder,
#headerwrap #searchform #s::-webkit-input-placeholder {
	color: #fff;
}
#headerwrap #searchform #s::-moz-placeholder,
#headerwrap #searchform #s::-moz-placeholder {
	color: #fff;
}

/* MOBILE PANEL */
#mobile-menu {
	background-color: #000;
	color: #fff;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav > li > a {
	color: rgba(255,255,255,0.7);
	border-left: 1px solid rgba(197,197,197,0.3);
}
#main-nav > li:last-child > a {
	border-right: 1px solid rgba(197,197,197,0.3);
}
#main-nav li li > a {
	color: #5a5e61;
}
#main-nav > .current_page_item > a,
#main-nav > .current-menu-item > a,
#main-nav > .current_page_item a:hover,
#main-nav > .current-menu-item a:hover,
#header #main-nav > li:hover > a {
	color: #fff;
}

/************************************************************************************
PAGE
*************************************************************************************/
.page-category-title-wrap {
	background-color: #555;
}
.category-title-overlay {
    background-color: rgba(0,0,0,0.3);
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
	background-color: #000;
	color: #fff;
	border-top: none;
}
.footer-widgets-wrap {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.back-top .arrow-up a {
	background-color: #000;
	color: #fff;
}
.back-top a:before {
	color: inherit;
}
.back-top .arrow-up:hover > a {
	background-color: #fff;
	color: #000;
}
.back-top .arrow-up:hover > a:before {
	color: inherit;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:1200px) {
	#headerwrap .sidemenu #main-nav a,
	#headerwrap .sidemenu #main-nav ul a {
		color: inherit;
	}
	#main-nav > .current_page_item > a,
	#main-nav > .current-menu-item > a,
	#main-nav > .current_page_item a:hover,
	#main-nav > .current-menu-item a:hover,
	#header #main-nav > li:hover > a {
		color: #999;
	}
	/* SEARCH FORM */
	#headerwrap #searchform #s {
		border: 1px solid rgba(255,255,255,0.8);
		color: #fff;
	}
	#headerwrap .sidemenu #searchform #s:focus,
	#headerwrap .sidemenu #searchform #s:hover,
	#headerwrap .sidemenu #searchform .icon-search:hover + #s {
		background-color: rgba(0,0,0,0.3);
		color: #fff;
	}
}