/*

	Gene's Sausage Shop & Delicatessen
	Shop Landing & Product Detail
*/

/*-- Minimal Grid
/*------------------*/

.row {
  margin: 0 0 20px 0;
  box-sizing: border-box;
}

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

[class*='col-'] {
  float: left;
  padding-right: 30px;
  box-sizing: border-box;
}

.row [class*='col-']:last-of-type {
  padding-right: 0;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 33.33%;
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

.col-1-8 {
  width: 12.5%;
}

.module {
  padding: 20px;
  background: #eee;
}

/* Opt-in outside padding */
.row-pad {
  padding: 20px 0 20px 20px;
}

.row-pad [class*='col-']:last-of-type {
  padding-right: 0;
}

/*-- SHOP GENES
/*------------------*/

/* "shop genes" graphic */
#shop_genes #headline_holder {
	/*margin-top: 30px;*/
	background:url(../images/headline_shop_genes.gif) no-repeat left top;
}

#shop_gallery_holder {
	width:770px;
	height:295px;
	clear:both;
	overflow:hidden;
	background-color:#393b37;
	position:relative;
	background-size: cover;
	background-position: center center;
}

#shop_gallery_holder.featured {
	height:495px;
}

#shop_gallery_holder.product {
	height:495px;
	margin-bottom: 0px;
}

#shop_gallery_feature {
	box-sizing: border-box;
	width:770px;
	min-height:200px;
	max-height: 480px;
	background-color: #1d1d1d;
	border-top: 6px solid #bc996d;
	position: absolute;
	bottom: -140px;
	background:url(/_assets/images/chalkboard_bg.jpg) no-repeat;
	background-size: cover;
	padding: 10px 40px 20px 40px;
	-webkit-transition: bottom .4s ease-in-out;
	-moz-transition: bottom .4s ease-in-out;
	-o-transition: bottom .4s ease-in-out;
	transition: bottom .4s ease-in-out;
}

#shop_gallery_feature:hover {
	bottom: 0;
}

#shop_gallery_feature h2 {
	font-size: 24px;
	color: #ce3727;
	font-weight: 400;
	margin-bottom: 10px;
}

#shop_gallery_feature p {
	font-size: 16px;
	color: #eae8e1;
	font-family: Georgia, Times, "Times New Roman", serif;
}

#shop_gallery_feature .cta {
	width: 100%;
	clear: both;
	padding: 10px 0;
}


#shop_gallery_feature a {
	font-size: 16px;
}

#shop_gallery_feature a span {
	color: #eae8e1;
	margin-left: 30px;
}

div.product {
	width:350px;
	height:auto;
	position:relative;
	float: left;
	margin-bottom: 30px;
}


div.product:nth-child(odd) {
	margin-right: 30px;
}

div.product img {
	width:350px;
	height: 350px;
	box-sizing: border-box;
	border: 6px solid #fff;
}

div.product .description {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	z-index:21;
	top:25px;
	left:245px;
}

div.product .description .title-block {
	width: 100%;
	clear: both;
	margin-top: 10px;
}

div.product .description h2 a {
	font-size: 16px;
	display: block;
	width: 60%;
	float: left;
	padding: 0;
	color: #1b1b1b;
}

div.product .description .price {
	font-size: 16px;
	float:right;
	background:none;
	color: #ce3727;
	font-weight: bold;
}

div.product .description-block {
	clear: both;
	padding-bottom: 20px;
	background: url(../images/line_20_white.gif) repeat-x left bottom;
}

div.product .description-block li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: .8em;
}

div.product .description .link {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: black;
}


div.product .description h2 a:hover, div.product .description .link:hover {
	color: #ce3727;
}


/*-- Product Detail Page
/*------------------*/
/*.product_thumbs {
	margin-bottom: 30px;
	border-bottom: 2px dotted #adacac;
}

.product_thumbs img {
	box-sizing: border-box;
	width: 228px;
	height: 228px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 5px solid #fff;
}

.product_thumbs img:nth-child(3n+3) {
	margin-right: 0;
}*/

#product-main .title {
	font-size: 28px;
	color: #ce3727;
}

#product-main .description {
	padding: 10px 0;
	margin-bottom: 20px;
	font-size: 16px;
}

#product-main .description p {
	line-height: 1.4em;
	font-family: Georgia, Times, "Times New Roman", serif;
}

#product-main .description ul li {
	line-height: 1.4em;
	margin-bottom: 5px;
}

#shop_genes p.faq-link {
	font-size: 14px;
	line-height: 1.4em;
	font-family: Georgia, Times, "Times New Roman", serif;
}

#product_detail { min-height: 1px; }

#product_opts, #product_cart {
	margin-bottom: 30px;
}

#product_cart { position: relative; padding-right: 10px; text-align: right; }

.border-bottom {
	min-height: 120px;
	border-bottom: 2px dotted #adacac;
}

/*#product_opts legend {
	color: #ce3727;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

#product_opts label {
	padding: 0 18px;
	min-height: 2em;
	font-size: 14px;
	font-family: georgia, Times, "Times New Roman", serif;
	min-height: 48px;
}

#product_opts label input {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: -20px
}*/

#product_detail h4, #shop_genes .add_content h4 {
	color: #ce3727;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#product_detail h4 {
	line-height: 28px;
}


#shop_genes .add_content p, #shop_genes .add_content ul,
#product_detail p, #product_detail ul {
	font-size: 14px;
	line-height: 1.6em;
	padding: 10px 0 10px 0;
}

#shop_genes .add_content h4 {
	padding-top: 20px;
}

#product_cart .price, #product_cart .quantity  {
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
	color: #000;
}

#product_cart .price {
	font-size: 18px;
}

#product_cart .quantity  {
	font-weight: bold;
}

#product_cart .quantity input {
 height: 20px;
 width: 26px;
 padding: 3px;
 margin-left: 10px;
 font-size: 14px;
 text-align: center;
 border: 1px solid black;
 background: transparent;
 border-radius: 2px;
 -moz-appearance: textfield;
}

#product_cart ::-webkit-inner-spin-button { -webkit-appearance: none;}
#product_cart ::-webkit-outer-spin-button { -webkit-appearance: none;}

#product_cart .addToCart {
	margin-left: 10px;
	margin-top: -6px;
	border: none;
	display: inline-block;
	background-color: #ce3727;
	width: auto;
	color: white;
	vertical-align: middle;
	padding: 8px;
	box-shadow: 2px 2px 5px #888;
	cursor: pointer;
	font-size: 14px;
	border-radius: 2px;
}
#product_cart .addToCart:hover {
	margin-top: -4px;
	margin-bottom: -2px;
	box-shadow: none;
}

#product_cart .show-notice {
	position: absolute;
	top: 4px;
}

#product_cart .show-notice + #product_cart .addToCart {
    display: none;
}