/**
* Colors 
*
* brown: #8c7558
* burgundy: #713447;
* dark-brown :#735632;
* error-red: #c82049;
* light-brown: #c0a990;
* light-grey: #bababa;
* pale-grey: #f8f8f8; 
* pop-green: #74c08e;
* warm-black: #201b15;
* warm-grey: #767676;
* white: #ffffff;
*/

.bg-white {
	background: #ffffff;
}

/**
* Type
*/

.br-headline {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	color: #8c7558;
}

.br-link {
	color: inherit;
	text-decoration: none;
}

.br-invisible-button {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

.br-nav-link button,
.br-nav-link a {
	color: #201b15;
	/* warm-black */
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 5px;
	text-decoration: none;
}

.br-nav-link button:hover {
	color: #8c7558;
	cursor: pointer;
}

.br-nav-link a:hover {
	border-bottom: 3px solid #8c7558;
	color: #8c7558;
	/* brown */
}

.br-footer-link,
.br-footer-email-label {
	color: #201b15;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}

.br-footer-link:hover {
	color: #8c7558;
}

.brown-button,
.br-shop-link a {
	background: #8c7558;
	border: 0;
	color: #fff;
	padding: 6px 11px;
	border-radius: 2px;
	cursor: pointer;
}

.brown-button:hover,
.br-shop-link a:hover {
	background: #c0a990;
	color: #fff;
	border: 0;
}

.br-legal {
	color: #767676;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.br-container {
	min-height: 100%;
	margin-bottom: -275px;
}

.br-container:after {
  content: "";
  display: block;
}

/**
* Grid 
*/

.br-flex-grid {
	box-sizing: border-box;
	display: flex;
	max-width: 949px;
	padding: 12px;
}

.br-grid-cell {
	flex: 1;
}

.centerize {
	margin: 0 auto;
}

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

/**
* Header 
*/

header {
	align-items: center;
	justify-content: space-between;
	height: 100px;
	margin: 0 auto;
}

.br-nav-logo {
	flex: 0 0 16%
}

.br-footer-logo {
	flex: 0 0 16%
}

.br-nav-links {
	flex: 0 0 84%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.br-nav-links li {
	display: inline-block;
	margin: 0 11px;
}

.br-shop-link {
	margin-right: 0 !important;
}


/**
* Footer
*/

footer {
	background: #f8f8f8;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 10px; /** this is a total guess */
}

footer, .br-container:after {
	height: 275px;
}

.footer-content-container {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.br-social-icon circle, .br-social-icon path, .br-social-icon g {
	fill: #8c7558;
	stroke: #8c7558;
}

.br-social-icon:hover circle, .br-social-icon:hover path, .br-social-icon:hover g {
	fill: #c0a990;
	stroke: #c0a990;
}

.br-social-icon circle.no-fill, .br-social-icon path.no-fill, .br-social-icon g.no-fill {
	fill: transparent !important;
}

.br-social-icon circle.no-stroke, .br-social-icon path.no-stroke, .br-social-icon g.no-stroke {
	stroke: transparent !important;
}

.footer-row-1 {
	flex-direction: row;
}

.br-footer-logo {
	display: flex;
	flex: 0 0 33.3%;
}

.br-footer-links {
	flex: 1;
	flex-flow: row wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.br-footer-links li {
	flex: 0 0 50%;
}

.br-email-form {
	box-sizing: border-box;
	flex: 0 0 33.3%;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
}

.br-email-form label {
	flex: 0 0 100%;
	padding-bottom: 10px;
}

.br-email-form input {
	border: 1px solid #c0a990;
	flex: 0 0 192px;
	font-size: 16px;
	color: #201b15;
	padding: 10px;
	box-sizing: border-box;
}

.br-email-form.error input {
	border: 1px solid #c82049;
}

.br-email-form.success input {
	border: 1px solid #74c08e;
}

.br-email-form button {
	border-radius: 2px;
	flex: 0 0 100px;
	font-size: 16px;
}

.br-email-form .error-validation {
	display: none;
	flex: 0 0 164px;
	color: #c82049;
	font-size: 12px;
	font-weight: 600;
	margin: 8px 0 0;
}

.br-email-form.success .error-validation,
.br-email-form.error .error-validation {
	display: block;
}

/**/
.br-email-form.success .error-validation {
	color: #74c08e;
}

.footer-row-2 {
	align-content: flex-end;
	flex-direction: row;
	justify-content: space-between;
	height: 100px;
}

.br-social-icons {
	padding: 0;
	flex: 0 0 33.3%;
	flex-direction: row;
	justify-content: space-between;
}

.footer-icon {
	flex-direction: column;
	align-items: flex-end;
}

.footer-icon,
.footer-icon svg {
	width: 36px;
	height: 36px;
	align-self: flex-end;
}

.br-legal {
	display: flex;
	flex: 0 0 50%;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0;
}

footer .br-social-icons {
	flex: 0 0 33.3%;
}

.a-s-c-logo {
	max-height: 58px;
}