html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
img { display: block; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-text-size-adjust: 100%; font-size:62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}

@font-face{
	font-family:'BentonSans';
	src:url("../fonts/BentonSansMedium.woff") format("woff");
	font-weight: 500;
}

@font-face{
	font-family:'BentonSans';
	src:url("../fonts/BentonSansRegular.woff") format("woff");
	font-weight: 400;
}

@font-face{
	font-family:'Eames';
	src:url("../fonts/EamesCenturyModern-Regular.woff") format("woff");
	font-weight: 400;
}

:root {
	--color-black: #000;
	--color-white: #fff;
	--color-gray-100: #1a2430;
	--color-gray-150: #1c242f;
	--color-gray-600: #606060;
	--color-gray-700: #b7bdc3;
	--color-gray-800: #e8e9e9;
	--color-yellow: #9d7e47;
	--color-yellow-light: #a78b5a;
	--color-blue: #1a2430;
	--main-bg-color: var(--color-white);
	--primary-color: var(--color-yellow);
}

html, body {
	max-width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	width: 100%;
}

body {
	background-color: var(--main-bg-color);
	color: var(--color-gray-600);
	font-family: 'BentonSans', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4;
	overflow: hidden;
}

h1 {
	font-family:'Eames',serif;
	font-weight: normal;
	font-size: 4rem;
}

h2 {
	color: var(--color-gray-100);
	font-family:'Eames',serif;
	font-weight: normal;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 15px;
}

p {
	letter-spacing: .7px;
	max-width: 615px;
	width: 100%;
}

	p:not(:last-child) {
		margin-bottom: 45px;
	}

a {
	color: rgba(96, 96, 96, 0.8);
	display: block;
	font-size: 1.4rem;
	line-height: 1.8;
}

	a:active,
	a:focus,
	a:hover {
		color: rgba(96, 96, 96, 0.8);
	}

.site-header {
	background-color: var(--color-white);
	padding: 15px;
}

	.site-header--logo {
		background: url('../img/sbLogoBlack@2x.png') no-repeat center;
		background-size: contain;
		display: block;
		height: 36px;
		margin: 0 auto;
		position: relative;
		width: 85px;
	}

.hero {
	background: url('../img/hero.jpg') no-repeat center;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.content-container {
	background-color: var(--main-bg-color);
	margin-top: -45px;
}

.content-container,
.site-footer--container {
	margin: 0 auto;
	padding: 25px;
	position: relative;
	width: 90%;
}

.content-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}

	.content-columns--primary,
	.content-columns--sidebar {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		width: 100%;
	}

	.content-columns--primary-alt {
		margin-bottom: 45px;
	}

.brochures-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}

	.brochures--item {
		align-items: stretch;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		width: 100%;
	}

		.brochures--item label {
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			cursor: pointer;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			height: 100%;
			position: relative;
			text-align: center;
			text-transform: none;
		}

		.brochures--item input {
			cursor: pointer;
			display: none;
		}

		.brochures--checkbox::before {
			-webkit-appearance: none;
			background-color: transparent;
			border: 1px solid var(--color-gray-150);
			border-radius: 3px;
			content: '';
			cursor: pointer;
			display: inline-block;
			height: 17px;
			margin-right: 10px;
			position: relative;
			vertical-align: sub;
			width: 17px;
		}

		.brochures--item input:checked + label .brochures--checkbox::before {
			background-color: var(--color-gray-150);
		}

		.brochures--item input:checked + label .brochures--checkbox::after {
			border: solid var(--color-white);
			border-width: 0 2px 2px 0;
			content: '';
			display: block;
			height: 11px;
			left: 6px;
			position: absolute;
			top: 2px;
			transform: rotate(45deg);
			width: 6px;
		}

	.brochures--item-inactive input,
	.brochures--item-inactive label {
		pointer-events: none;
	}

	.brochures--item-inactive .brochures--checkbox::before,
	.brochures--item-inactive .brochures--checkbox::after {
		display: none;
	}

	.brochures--img {
		margin: 0 auto 30px;
		max-width: 148px;
		width: 100%;
	}

	.brochures--title {
		color: var(--color-gray-600);
		display: block;
		font-size: 1.4rem;
		letter-spacing: -0.1px;
		margin: 0 auto 10px;
		max-width: 240px;
		width: 100%;
	}

	.brochures--checkbox {
		font-size: 1.4rem;
		margin-top: auto;
		position: relative;
	}

.cart {
	border: 1px solid var(--color-gray-100);
	position: relative;
	z-index: 1;
}

	.cart--header {
		background-color: var(--color-gray-100);
		color: var(--color-white);
		font-size: 1.8rem;
		letter-spacing: .7px;
		padding: 15px 5px;
		text-align: center;
	}

	.cart--content {
		color: rgba(96, 96, 96, 0.8);
		background-color: var(--color-white);
		padding: 20px 25px;
	}

	.cart--brochure {
		font-size: 1.6rem;
		letter-spacing: -0.1px;
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.cart.fixed {
		position: fixed;
		top: 10px;
	}

.form--checkout {
	margin: auto;
	max-width: 330px;
	width: 100%;
}

	.form--checkbox-content {
		border-left: 1px solid var(--color-gray-600);
		margin: 15px 0 25px 10px;
		padding-left: 15px;
	}

.site-footer {
	background-color: var(--color-gray-100);
}

	.js-accordion-title {
		display: block;
		pointer-events: none;
	}

	.js-accordion-panel[hidden] {
		display: none;
	}

	.site-footer--nav-column {
		border-bottom: 1px solid var(--color-white);
		padding: 10px;
	}

	.accordion--trigger {
		background: none;
		border: 0;
		cursor: pointer;
		display: block;
		padding: 0;
		position: relative;
		text-align: left;
		width: 100%;
	}

	.accordion--heading {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: var(--color-white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 1.8rem;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 0;
		max-width: 100%;
		position: relative;
		padding: 25px 0;
	}

	.accordion--arrow {
		border: solid var(--color-white);
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 5px;
		-webkit-transition: ease-out .20s;
		-o-transition: ease-out .20s;
		transition: ease-out .20s;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

		.accordion--arrow-down {
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}

	.accordion--panel {
		margin: 0;
	}

	a.site-footer--nav-item {
		color: var(--color-gray-700);
		margin-bottom: 10px;
		text-decoration: none;
	}

		a.site-footer--nav-item:active,
		a.site-footer--nav-item:focus,
		a.site-footer--nav-item:hover {
			text-decoration: none;
		}

	.site-footer--logo {
		background: url('../img/sbLogoWhite.svg') no-repeat center;
		background-size: contain;
		display: block;
		height: 60px;
		margin: 30px auto;
		position: relative;
		width: 130px;
	}

.site-footer--links {
	padding: 10px 0;
}

	.site-footer--links li {
		padding: 15px 0;
	}

		.site-footer--link {
			color: var(--color-gray-700);
			font-size: 1.2rem;
			text-decoration: none;
		}

			.site-footer--link:active,
			.site-footer--link:focus,
			.site-footer--link:hover {
				color: var(--color-gray-700);
				text-decoration: none;
			}


.cta {
	-webkit-appearance: none;
	background-color: var(--color-yellow);
	border: 0;
	color: var(--color-white);
	cursor: pointer;
	display: block;
	font-family: 'BentonSans', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1em;
	margin: 0;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background .125s;
	-o-transition: background .125s;
	transition: background .125s;
	width: 100%;
}

	.cta:active,
	.cta:hover,
	.cta:focus {
		background: var(--color-yellow-light);
		color: var(--color-white);
	}

.fineprint,
.fineprint a {
	font-size: 1.3rem;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 0;
}

	.fineprint a {
		display: inline-block;
	}

.offscreen {
	display: block;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	width: 1px;
}

.hideMe { display: none; }

label {
	display: block;
	color: var(--color-gray-600);
	font-family: 'BentonSans', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 3px;
	text-transform: uppercase;
}

input[type=text],
input[type=tel],
input[type=email],
.easy-autocomplete input[type=text] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 1px solid var(--color-gray-600);
	color: var(--color-gray-600);
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	height: 45px;
	margin-bottom: 15px;
	padding: 10px;
	width: 100%;
}

	input:focus, textarea:focus {
		border-width: 2px;
		outline: 0;
	}

	input[type=checkbox].checkbox-input {
		accent-color: var(--color-black);
    	border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		height: 17px;
		margin-right: 8px;
		vertical-align: top;
		width: 17px;
	}

	.checkbox-label {
		display: inline-block;
		font-size: 1.4rem;
		text-transform: none;
		margin-bottom: 8px;
		max-width: 85%;
	}

	.easy-autocomplete {
		margin-bottom: 15px;
	}

	.textEntry-autocomplete { margin-bottom: 0 !important; }

	.ac-item {
		padding: 4px;
		border-bottom: 1px solid #efefef;
		line-height: 1.4em;
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: 0 7px;
		padding-left: 20px;
		font-weight: normal;
	}
	
		.ac-location { background-image: url("../img/icon-search-location.svg"); }
	
	.easy-autocomplete-container ul li div {font-size: 1.4rem;  word-break: normal !important; text-align: left !important; color: var(--color-gray-600) !important; }

@media (max-width: 767px) {
	h2 { max-width: 240px; }
}

@media (min-width: 768px) {
	body { font-size: 1.5rem; line-height: 1.6; }
	h2 { font-size: 3.5rem; }
	.site-header--logo { height: 56px; width: 134px; }
	.hero { padding-top: 25%; }
	.content-container, .site-footer--container { max-width: 740px; padding: 50px 30px; }
	.brochures--item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	.brochures--item:nth-child(odd) { border-right: 1px solid var(--color-gray-800); }
	.brochures--title { font-size: 1.6rem; }
	.cart { margin-left: auto; margin-right: auto; max-width: 295px; width: 100%; }
}

@media (min-width: 1025px) {
	.content-container { margin-top: -50px; max-width: 1040px; padding: 30px 40px; }
	.site-footer--container { max-width: 1040px; padding: 80px 40px; }
	.content-columns--primary { -ms-flex-preferred-size: 66.7%; flex-basis: 66.7%; max-width: 66.7%; }
	.content-columns--sidebar { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; max-width: 33.3%; padding-top: 150px; }
	.content-columns--primary-alt, .content-columns--sidebar-alt { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	.content-columns--primary-alt::after { background-color: var(--color-gray-800); bottom: 0; content: ''; height: 80%; margin: auto; position: absolute; right: 0; top: 0; width: 1px; }
	.content-columns--sidebar-alt { margin-left: auto; margin-right: auto; max-width: 295px; padding-top: 80px; }
	.form--checkout .cta { margin-bottom: 15px; max-width: 225px; }
	.site-footer--logo { margin-top: 10px; }
	.site-footer--nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; }
		.site-footer--nav-column { border-bottom: none; flex: 1; }
		.accordion--heading { margin-bottom: 25px; padding: 0; }
			.accordion--heading i { display: none; }
		.accordion--trigger { cursor: inherit; }
		.site-footer--links { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; }
			.site-footer--links li { margin-right: 25px; padding: 0; }
}