[cloak], .hidden {
	display: none;
}
html {
	height: 100%;
}
* {
	font-family: 'Syne Mono', monospace;
}
a {
	color: #533;
}
.socials_group {
	display:  inline-block;
	white-space: nowrap;
}
.about_buttons {
	text-align: center;
}
.about_buttons button {
	background-color: #354256;
	color: #fff;
	border: 0;
	font-weight: bold;
	cursor: pointer;
	padding: 6px;
	border-radius: 10px;
	text-transform: uppercase;
}
.shop_drop_down_holder {
	position:  relative;
}
.shop_drop_down {
	display: none;
	position: absolute;
	left:  0;
	top:  18px;
	padding-top:  16px;
	padding:8px;
	background-color: #fff;
	box-shadow: 3px 3px 4px rgba( 0,0,0,0.5);
}
.shop_drop_down_holder:hover .shop_drop_down {
	display:  block;
}
.intro {
	font-size: 20px;
}
.content_photo {
	max-width:  100%;
	max-height: 70vh;
	box-shadow: 10px 10px 10px rgba( 0,0,0,0.25);
	display:  block;
	margin:  0 auto;
	margin-bottom:  32px;
}
#cart_count {
	text-align: center;
	display: inline-block;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(../images/shopping_bag_blue.png);
	background-size: contain;
	background-position: center center;
	color:  #fff;
	padding-top: 12px;
	font-size:  16px;
	box-sizing: border-box;
}
.logo {
	/*background-color: #fff;*/
	display:  inline-block;
	margin-bottom: 16px;
	margin-top: 16px;
}
.nav {
	display:  inline-block;
	background-color: #fff;
	box-sizing: border-box;
	padding:  8px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	position: absolute;
	bottom:  0;
	right:  0;
}
.lrpadding {
	padding-left:  16px;
	padding-right:  16px;
}
.nav a {
	font-size:  24px;
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	height: 48px;
	box-sizing: border-box;
}
body {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	color: #533;
	background-color: #eee;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.cart_suggestions {
	padding: 8px;
	border-radius: 8px;
	
	border: 1px solid #fc7;
}
.cart_suggestions h2 {
	color: #ea8f2e;
}
.notice {
	background-color: #afa;
	padding: 16px;
}
.review {
	margin-top: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #ccc;
}
.review_rating_box {
	padding-right: 32px;
	flex-grow: 1;
	min-width: 160px;
}
.review_comments_box {
	flex-grow: 3;
}
.width_container {
	max-width: 1200px;
	margin: 0 auto;
}
.menu_frame {
	border: 32px solid transparent;
	padding:  32px;
	border-image:  url(../images/menu_frame.png) 10% round;
	-moz-border-image:  url(../images/menu_frame.png) 10% round;
	-webkit-border-image:  url(../images/menu_frame.png) 10% round;
	-o-border-image:  url(../images/menu_frame.png) 10% round;
}

.menu_intro {
	display: flex;
}
.menu_intro div {
	flex-grow: 1;
	flex-basis: 0;
}

.header {
	/*background-image:  url('../images/subtle_background.jpg');*/
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0;
	padding-top: 4px;
	margin-bottom: 0px;
	background-color:  none;
}
.header img {
	vertical-align: middle;
	
	
}
.flex_grow {
	flex-grow: 1;
	flex-basis:  0;
}
.half {
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 49%;
}
.flex_on_wide {
	display: flex;
	box-sizing: border-box;
}
.third{
	flex: 1;
	vertical-align: top;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 24px;
	padding-bottom: 16px;
}
hr {
	border: 0;
	border-top: 1px solid #eee;
}

.nav .selected {
	background-color: #fc7;
}
.product_type_link {
	display: inline-block;
	margin: 16px;
	background-color: #a02f2f;
	padding:  8px;
	border-radius: 8px;
}
.product_type_link a {
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color:  #d1bcac;
}
.header .slogan {
	margin-left: 32px;
	font-size: 24px;
	display: inline-block;
	font-style: italic;
	color: #a02f2f;
	vertical-align: middle;
}
.content_holder {
	border-radius: 2px;
	background-color: #fff;
	/*box-shadow: 2px 2px 12px rgba( 0,0,0,0.25);*/
	margin-bottom: 32px;
}
.padding {
	padding:16px;
}
.footer {
	font-size: smaller;
	color: #444;
}
.footer_tags {
	padding-top: 64px;
	background-color: #fff;
	text-align: center;
}
.footer_tags img {
	max-width: 100%;
	margin: 8px;
}
.footer a {
	font-weight: bold;
	/*text-shadow: 0px 0px 3px rgba( 0,0,0,0.7 );*/
}
.page {
	padding: 16px;
	box-sizing: border-box;
}
.in_cart_notice {
	font-weight: bold;
	color: #777;
	font-size: smaller;
}
.hidden {
	display: none;
}
.product_peg * {
	box-sizing: border-box;
}
.product_rating {
	display: inline-block;
	font-size: 14px !important;
	color: #999;
}
.hide {
	display: none;
}
.interactive_star_peg {
	cursor: pointer;
	font-size: 26px !important;
}
.star_rating_peg {
	vertical-align: baseline;
	display: inline-block;
	color: #ccc;
	font-size: 20px !important;
}
.star_rating_peg_dark {
	color: #f90;
}
.review {
	display: flex;
}
.review_date {
	color: #999;
	font-style: italic;
	font-size: 12px;
}
.review_name {
	color: #999;
	font-style: italic;
}
.review_title {
	font-weight: bold;
	margin-bottom: 16px;
}
.verified_purchase {
	display: inline-block;
	border-radius: 4px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #080;
	background-color: #dfd;
	color: #080;
	margin-bottom: 8px;
}
.product_peg {
	position: relative;
	display: block;
	box-sizing: border-box;
	
	margin: 8px;
	padding: 16px;
	vertical-align: top;
	font-size: 16px;
}
.product_peg .img_holder {
	text-align: center;
	margin-bottom: 8px;
}
.product_peg img {
	max-width: 100%;
	box-shadow: 3px 3px 4px rgba( 0,0,0,0.3);
}
.product_peg .title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}
.product_details .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}
.product_peg .details, .product_details .details {
	text-align: center;
	color: #aaa;
	font-size: smaller;
	margin-bottom: 8px;
}
.product_peg .price {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	
}

.product_details .price {
	font-weight: bold;
	font-size: 18px;
	
}

.product_peg .vat_message {
	text-align: center;
	font-style: italic;
	color: #aaa;
	font-size: smaller;
	
}
.product_details .vat_message {
	font-style: italic;
	color: #aaa;
	font-size: smaller;
	display: none;
}
.product_peg .price_holder {
	
}
.product_peg .stock_holder {
	text-align:  center;
	
}
.product_peg .sold_out, .product_details .sold_out {
	border: 1px solid #faa;
	color: #faa;
	padding: 4px;
}
.product_peg .expected, .product_details .expected {
	border: 1px solid #494;
	color: #494;
	font-size: smaller;
	padding: 4px;
}
.product_peg .add_to_cart, .product_details .add_to_cart, .address_form button, .search_parent button {
	background-color: #354256;
	color: #fff;
	border: 0;
	font-weight: bold;
	cursor: pointer;
	padding: 6px;
	border-radius: 10px;
	text-transform: uppercase;
}
.go_back {
	background-color: #2d3849;
	color: #fff;
	border: 0;
	font-weight: bold;
	cursor: pointer;
	padding: 6px;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: smaller;
	text-decoration: none;
}
.product_peg .add_to_cart:hover, .product_details .add_to_cart:hover, .address_form button:hover {
	background-color: #a02f2f;
	color:  #cfb5a8;
	box-shadow: 1px 1px 3px rgba( 0,0,0,0.25 );
}
.product_peg .added_notice, .product_details .added_notice {
	position: absolute;
	top: 64px;
	left: 32px;
	background-color: #fff;
	display: none;
	padding: 8px;
	border: 2px solid #090;
	color: #090;
}
.product_peg .error_notice, .product_details .error_notice {
	position: absolute;
	top: 64px;
	left: 32px;
	background-color: #fff;
	display: none;
	padding: 8px;
	border: 2px solid #900;
	color: #900;
}
.product_peg .stock_warning {
	text-align: right;
	font-size: smaller;
	color: #f83;
}
.socials {
	user-select: none;
	position:  absolute;
	top: 2px;
	right:  0px;
	display:  block;
	margin-bottom:  16px;
}

.social_icon {
	height:  32px;
	display:  inline-block;
	margin:  1px;
}

.socials a {
	color:  #2d3849;
	text-decoration: none;
}

.product_details .stock_warning {
	font-size: smaller;
	color: #f83;	
}

.checkout_steps {
	font-size: 12px;
	color: #999;
}
.checkout_steps .highlight {
	background-color: #eee;
	border-radius: 8px;
	font-weight: bold;
	color: #000;
}
.checkout_step {
	color: #999;
	display: inline-block;
	padding: 8px;
	box-sizing: border-box;
}
.checkout_steps .gray {
	color: #999;
}
.cart_row .quantity_changer {
	width: 48px;
	text-align: right;
}
.cart_row {
	display:  flex;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.cart_row > div {
	flex-basis: 1;
	flex-grow: 1;
}
.cart_row img {
	display: inline-block;
	margin-right: 32px;
	vertical-align: top;
}
.cart_row .text_holder {
	display: inline-block;
	vertical-align: top;
}
.cart_row .title {
	font-weight: bold;
	margin-bottom: 8px;
}
.cart_row .price_holder {
	text-align: right;
}
.cart_row .price_details {
	font-size: smaller;
	color: #888;
	font-style: italic;
	margin-bottom: 8px;
}
.cart_row .details {
	text-align: left;
	color: #aaa;
	font-size: smaller;
	margin-bottom: 8px;
}
.cart_subtotals {
	text-align: right;
	margin-bottom: 4px;
}
.cart_subtotals table {
	display: inline-block;
}
.cart_row .price, .cart_subtotals .price {
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	
	
	padding-left: 16px;
}
.hide {
	display: none;
}
.cart_row .remove {
	margin-left: 16px;
	cursor: pointer;
	color: #aaa;
	font-size: smaller;
}
.cart_row .remove:hover {
	text-decoration: underline;
}
.promo_code_error {
	color: #f99;
	font-weight:bold;
}
.address_form {
	max-width: 600px;
}
.address_form label {
	display: inline-block;
	width: 30%;
	box-sizing: border-box;
	padding: 8px;
	color: #aaa;
}
.address_form input, .address_form select {
	border: 1px solid #444;
	display: inline-block;
	width: 70%;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 2px;
}
.address_form input[type="checkbox"] {
	width: 32px;
}
.address_form .field_row {
	margin-bottom: 2px;
}
.address_form input:required {
	border-color: #f00;
	background-color: #fee;
}
.address_form input:required:valid {
	border-color: #444;
	background-color: #fff;
}


.search_field {
	border: 1px solid #999;
	padding: 4px;
	width: 100%;
	box-sizing: border-box;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}
.search_parent {
	max-width: 400px;
	display: flex;
}
.search_parent button {
	background-color: #494;
	color: #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.nav_halves {
	display: flex;
}
.nav_halves div {
	flex-grow: 1;
}

@media screen and (max-width: 700px ) {
	.slogan, .nav {
		display:  block;
		position: unset;
		float: unset;
	}
	.socials {
		position: relative;
	}
	.nav a {
		font-size: smaller;
	}
	.header {
		text-align: center;
	}
	.logo {
		margin:  0 auto;
		clear: both;
	}
	.flex_on_wide {
		display: block;
	}
	.third {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width:570px) {
	.menu_intro {
		display:  block;
	}
	.nav_halves {
		display: default;
	}
	.nav_halves div {
		flex-grow: 0;
	}

	.review {
		display: block;
	}
	.product_peg {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	.header .slogan {
		display: block;
		margin-left: 0;
		text-align: center;
	}
	.address_form label {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 8px;
	}
	.address_form input, .address_form select {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 8px;
	}
	.half {
		display: block;
		width: 100%;
	}
	
}