@charset "utf-8";
/* CSS Document */

/* @media only screen and (max-width: 4000px) and (min-width: 768px) { */


/* ---------------------------  IMAGE ELEMENTS  -----------------------------*/

.logo-top-nav {
	background-image: url(../images/logos/kitchens-com-logo-black.svg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 29px;
	width: 269px;
}

.logo-footer {
	display: inline-block;
	background-image: url(../images/logos/kitchens-com-logo-white.svg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 27px;
	width: 210px;
}

/* --------------------------- CLEARFIX -----------------------------*/

.clearfix::after {
	content: "";
	display: table;
	clear: both; 
}


/* --------------------------- PAGE CONTAINER -----------------------------*/

.page-container {
	margin: auto;
	width: 1128px;
	padding: 0 36px 0 36px;
}

.page-buffer {				/* Use to add space between nav and content */
	margin-top: 50px;
}


/* -------------------------- OPAQUE BACKGROUND ---------------------------*/

.opaque {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	background-color: rgba(15,15,15,0.85);
	z-index: 5;
}

/* -------------------------  HEADER STYLING ------------------------------*/


/* HEADER POSITIONING ELEMENTS */

.header-top-nav {
	display: block;
	max-width: 1278px;
	min-width: 1150px;
	padding: 0 30px 0 30px;
	height: 94px;
	margin: auto;
}

.box-logo {
	display: inline-block;
	background-color: #FFFFFF;
	border: 0px;
	padding: 31px 0px 31px 0px;
}
.box-top-nav {
	display: inline-block;
	background-color: #FFFFFF;
	padding: 28px 0 27px 0;
	float: right; 
}
.spacer-top-nav {
	padding: 0px 25px;
}



/* HEADER STYLING ELEMENTS */

body {
	background-color: #F5F6F1;
	position: relative;
}

.top-nav-background {
	width: inherit;
	background-color: #FFFFFF;
}

.top-nav {
	display: inline-block;
	padding-bottom: 4px;
}

.top-nav-button {
	border: none;
	border-radius: 4px;
	color: white;
	width: 205px;
	height: 35px;
	background: #96CA2D;
}

.top-nav-selected {
	border-bottom: 2px solid #96CA2D;	
}




/* -----------------------  FOOTER STYLING  ----------------------------- */

/* FOOTER POSITIONING ELEMENTS */

footer {
	margin-top: 100px;
	background-color: #000000;
	width: 100%;
	height: 140px;
}

.box-footer {
	width: 1000px;
	height: 80px;
	padding-top: 60px;
	margin: auto;
}

.box-logo-footer {
	display: inline-block;
	height: 40px;
	vertical-align: bottom;
	padding-left: 65px;
}

.box-footer-nav {
	display: inline-block;
	height: 35px; 
	padding-top: 5px;
}

.footer-nav {
	display: inline-block;
}

.spacer-footer {
	display: inline-block;
	padding: 0px 25px;
}



/* ----------------------  SCROLL BARS ----------------------------- */