/** HEADER - NON-HOMEPAGE **/

#main-header {
	background-color: #000000;
	position: static;
  transition: all 1s ease 0s;
  top: -160px;
}



#main-header.scrolled {
	position: fixed;
	width: 100%;
	top: 0;

}


#menu-right {
	background-color: #000000;
}

#primary-menu li a {
	color: #ffffff;
}

#primary-menu li a:hover {
	color: #FF7300;
}

#primary-menu li a::after {
	display: block;
	content: '';
	border-bottom: solid 1px #FF7300 !important;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
	transform-origin: 100% 50%;
	
}

#main-header i.fa {
	color: #fff;
}

#menu-right #menu-search .search-icon {
	background: url('img/search.png') no-repeat;
}

#menu-right #menu-black-right .menu-icon {
	background: url('img/menu.svg') no-repeat;
}

/** HEADER IMAGE **/

.header-featured-image {
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-color: red;
	mix-blend-mode: luminosity;
	overflow: hidden;
	color: #fff;
	height: 35vh;
	min-height: 15rem;
	box-shadow: 0 -.5rem 1rem 2px rgba(0,0,0,.5) inset;
	margin-top: 154px;
}

.archive .header-featured-image {
	mix-blend-mode: unset;
	background-color: #000000;
	background-attachment: unset;
}

#woocommerce-body.header-image nav {
	margin-top: 20px;
}

/** BODY **/

#primary {
	margin-top: 125px;
}

.has-top-banner #primary {
	margin-top: 145px;
}

.site-flex {
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 160px;
}

.header-featured-image + .site-flex {
	margin-top: 30px;
}

.site-flex #primary {
	margin-top: 0;
	width: 66%;
}

.site-flex #primary h5, .site-flex #primary h6 {
	font-family: Radikal, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.site-flex #secondary {
	width: 30%;
	margin-left: 4%;
}

.page-template-page-full-width .site-flex #primary {
	width: 100%;
	margin: 30px;
}

/** 404 **/

.error404 #primary {
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 200px;
	text-align: center;
	padding-bottom: 200px;
}

.error404 #primary h1 {
	font-size: 85px;
	margin-bottom: 0;
}

.error404 #primary h3 {
	font-size: 50px;
	margin: 0;
}


@media only screen and (max-width: 1024px) {

	#menu-right {
		background-color: #ffffff;
	}

	#primary-menu li a {
		color: #000000;
	}

	#main-header i.fa {
		color: #000;
	}

	#primary {
		margin-top: 120px;
	}

	#menu-right #menu-search .search-icon {
		background: url('img/searchb.png') no-repeat;
	}

	
	#menu-right #menu-black-right .menu-icon {
		background: url('img/menub.svg') no-repeat;
	}

	.header-featured-image {
		margin-top: 120px;
		background-attachment: scroll;
	}

}

@media only screen and (max-width: 875px) {

	#primary {
		margin-top: 113px;
	}

	#main-header {
		background-color: transparent;
	}	

}