/* 14.1 BACKGROUND-COLOR ---------- */

.wp-custom-menu .sub-menu .menu-item a,
.searchOverlay,
.siteFooter,
.siteFooter::after,
.postNavigation a:hover
{
	background-color: #1b1b1b;
}

.wp-custom-menu .sub-menu::before
{
	border-color: transparent transparent #1b1b1b transparent;
}

.scroll-to-top
{
	background-color: #222;
}

.searchToggle.close:hover::before,
.searchToggle.close:hover::after,

.wp-custom-menu-footer .menu-item a::after,
.siteFooter-copyright > a::after
{
	background-color: #fff;
}

.searchToggle.close::before,
.searchToggle.close::after
{
	background-color: #999;
}


/* 14.2 BORDER-COLOR ---------- */

.siteFooter-content
{
	border-color: #333;
}


/* 14.3 COLOR ---------- */

.header-text-light .wp-custom-menu-header .sub-menu .menu-item a,
.siteHeader-nav .wp-custom-menu-header .sub-menu .menu-item a,
.siteHeader-nav:hover .wp-custom-menu-header .sub-menu .menu-item a,
.header-text-light .siteHeader-nav:hover .wp-custom-menu-header .sub-menu .menu-item a,

.searchOverlay .search-form .search-field,
.searchOverlay .search-form .search-submit,

.siteFooter,
.siteFooter a:hover
{
	color: #999;
}

.searchOverlay ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.searchOverlay ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.searchOverlay :-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.searchOverlay :-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.siteHeader-nav:hover .wp-custom-menu-header .sub-menu .menu-item a:hover,
.header-text-light .siteHeader-nav:hover .wp-custom-menu-header .sub-menu .menu-item a:hover,

.searchOverlay .search-form .search-submit:hover,

.siteFooter h1,
.siteFooter h2,
.siteFooter h3,
.siteFooter h4,
.siteFooter h5,
.siteFooter h6,
.siteFooter a,

.wp-custom-menu-footer .menu-item,
.wp-custom-menu-footer .menu-item a,
.siteFooter .siteFooter-copyright a,

.postNavigation a:hover
{
	color: #fff;
}

.searchOverlay .search-field:-webkit-autofill,
.searchOverlay .search-field:-webkit-autofill:hover, 
.searchOverlay .search-field:-webkit-autofill:focus,
.siteFooter input:-webkit-autofill,
.siteFooter input:-webkit-autofill:hover, 
.siteFooter input:-webkit-autofill:focus,
.siteFooter input:-webkit-autofill, 
.siteFooter textarea:-webkit-autofill,
.siteFooter textarea:-webkit-autofill:hover,
.siteFooter textarea:-webkit-autofill:focus,
.siteFooter select:-webkit-autofill,
.siteFooter select:-webkit-autofill:hover,
.siteFooter select:-webkit-autofill:focus 
{
	-webkit-text-fill-color: #999;
	-webkit-box-shadow: 0 0 0 1000px #1b1b1b inset;
}


@media only screen and (max-width: 1024px) {
	
	.siteHeader-menu
	{
		background: #1b1b1b;
	}

	.menu-open .siteHeader-nav .menuToggle .line,
	.menu-open .siteHeader-nav:hover .menuToggle .line,
	.header-text-light.menu-open .siteHeader-nav:hover .menuToggle .line
	{
		background: #999;
	}
	
	.menu-open .siteHeader-nav .menuToggle:hover .line,
	.menu-open .siteHeader-nav:hover .menuToggle:hover .line,
	.header-text-light.menu-open .siteHeader-nav:hover .menuToggle:hover .line
	{
		background-color: #fff;
	}
	
	.header-text-light .siteHeader-nav .wp-custom-menu .menu-item,
	.header-text-light .siteHeader-nav .wp-custom-menu .menu-item a,
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .menu-item, 
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .menu-item a,
	.menu-open .siteHeader-nav .wp-custom-menu .menu-item,
	.menu-open .siteHeader-nav .wp-custom-menu .menu-item a,
	.menu-open .siteHeader-nav:hover .wp-custom-menu .menu-item,
	.menu-open .siteHeader-nav:hover .wp-custom-menu .menu-item a
	{
		color: #fff;
	}
		
	.siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	.siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a,
	.header-text-light .siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.header-text-light .siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a,
	.menu-open .siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.menu-open .siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	.menu-open .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.menu-open .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a,
	.header-text-light.menu-open .siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.header-text-light.menu-open .siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	.header-text-light.menu-open .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.header-text-light.menu-open .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a
	{
		color: #aaa;
	}
	
	/* nav bar hovered links hovered */
	.siteHeader-nav:hover .searchToggle:hover,
	.siteHeader-nav:hover .wp-custom-menu .menu-item a:hover,
	.siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a:hover,
	.menu-open .siteHeader-nav .wp-custom-menu .sub-menu .menu-item a:hover,
	.menu-open .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a:hover,
	/* light - nav bar hovered links hovered */
	.header-text-light .siteHeader-nav:hover .searchToggle:hover,	
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .menu-item a:hover,
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a:hover
	{
		color: #999;
	}	
	
}

@media only screen and (max-width: 980px) {
	
	.wp-custom-menu-footer .menu-item a:hover,
	.siteFooter .siteFooter-copyright a:hover
	{
		color: #999;
	}
	
}