@import url("//cdn.jsdelivr.net/normalize/3.0.2/normalize.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans");
@import url("//cdn.jsdelivr.net/fontawesome/4.2.0/css/font-awesome.min.css");
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=a52211a2-387c-4c33-9393-be6319b05417");
@font-face{
	font-family:"Trade Gothic Bold Condensed";
	src:url("Fonts/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix");
	src:url("Fonts/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix") format("eot"),url("Fonts/520ed712-50ad-4591-aa63-b242b83a3694.woff2") format("woff2"),url("Fonts/c9083b7e-ba26-4e45-8f1b-34ad32e924e5.woff") format("woff"),url("Fonts/84c568ba-a16d-43bb-ad9f-783ab985108f.ttf") format("truetype");
}

/** basic style overrides
******************************************/
a {
	text-decoration:none;
	color: #8B2643;
}
body {
	background:white;
	font-family:"open sans", sans-serif;
	word-wrap:break-word;
}
@media (min-width:1000px) {
	body {
		background:white url(../img/bkg_pattern.jpg) repeat-y center top;
	}
}
@media (max-width:600px) {
	body {
		background:#91a2bc;
	}
}
input,
button {
	border:none;
}
input {
	color:black;
}
img {
	max-width:100%;
}
nav h2 {
	display:none;
}
h1,h2,h3,h4,h5,h6 {
	font-family:georgia;
	font-weight:normal;
	font-style: italic;
}
p {
	margin-top:0;
}
td, th {
	padding:.3em .5em;
	text-align:left;
}
table {
	margin-bottom:1em;
}






/** basic structure
******************************************/
.page {
	background:white;
	max-width:1000px;
	margin:auto;
	/* 	box-shadow:0 0 30px rgba(0,0,0,.2); */
	position:relative;
	z-index:1;
}



















/** header
******************************************/
header.site {
	background:#676c40;
	position:relative;
	height:9.4rem;
}
header.site h1 {
	display:none;
}

/** header main nav
******************************************/
header nav > ul {
	list-style:none;
	line-height:1;
	padding:0;
	font:1.2em/1 "Trade Gothic Bold Condensed", "helvetica condensed", "arial narrow", sans-serif;
	text-transform:uppercase;
	margin:0;
	position:absolute;
	bottom:1rem;
	right:3%;
}
header nav > ul a {
	display:block;
	color:white;
	border-right:1px solid #dba733;
	padding:0em .3em;
}
/* menu active coloring */
body.story header a[href*=story],
body.gear header a[href*=gear],
body.find header a[href*=find],
body.trade header a[href*=trade],
body.contact header a[href*=contact]
{
	color:#dba733;
}

header nav > ul > li {
	display:table-cell;
	white-space:nowrap;
}
header nav > ul > li:last-child > a {
	border:none;
}

/** logo
******************************************/
.logo {
	margin:0;
	position:absolute;
	left:5%;
	bottom:1rem;
	max-width:33%;
}

/** mailing list signup
******************************************/
.signup {
	position:absolute;
	top:0;
	right:4%;
	font-size:.8rem;
	color:#dfd3c2;
	display: none;
}
.signup::after{
	content: "";
	display:block;
	clear:both;
}
.signup > * {
	float:left;
}
button {
	background:#dba733;
	color:white;
	text-transform:uppercase;
}
input,
button,
.signup label {
	padding:.5em;
}

/** responsive header bits
******************************************/
@media (max-width:1000px) {
	header nav > ul {
		font-size:1.1em;
	}
}
@media (max-width:850px) {
	header nav > ul {
		font-size:.9em;
	}
}
/* mobile */
@media (max-width:700px) {
	header.site {
		height:auto;
	}
	.logo {
		position:static;
		max-width:50%;
		padding:3vw 0;
		margin:auto;
	}
	header nav > ul {
		font-size:1em;
		position:static;
		margin:auto;
		display:table;
		padding-bottom:3vw;
	}

}
@media (max-width:410px) {
	header nav > ul {
		font-size:.75em;
	}
}



























/** footer
******************************************/
footer {
	background:#91a2bc;
	padding:1em 0 7em;
}
footer::after {
	content:"";
	clear:both;
	display:block;
}

/** social icons
******************************************/
.social {
	float: right;
	/* background:white;
	margin-bottom:1em; */
}
.social ul {
	margin:0;
	/* background:#91a2bc; */
	padding:.7em 14% 0 .7em;
	display:table;
	line-height:1;
	margin-left:auto;
}
.social a {
	background:#dba733 url(../img/highlight_social.png) no-repeat center -66px;
	margin-right:.5em;
	display:block;
	padding:.3em;
	font-size:1.5em;
	color:white;
	border-radius:3px;
}
.social li {
	display:table-cell;
}
.social .fa {
	width:1em;
	height:1em;
	text-align:center;
}

/** footer nav
******************************************/
footer nav > ul {
	list-style:none;
	line-height:1;
	padding:0;
	font-size:.7em;
	margin:0;
	margin-right:3%;
	float:right;
}
footer nav > ul a {
	display:block;
	color:white;
	border-right:1px solid;
	padding:0em .5em;
}
footer nav > ul > li {
	display:table-cell;
	white-space:nowrap;
}
footer nav > ul > li:last-child > a {
	border:none;
}
@media (max-width:600px) {
	footer {
		padding:0 0 1em;;
	}
	footer nav > ul {
		font-size:.5em;
		list-style:none;
		line-height:1;
		padding:0;
		margin:auto;
		display:table;
		float:none;
	}
	.social {
		background:none;
	}
	.social a {
		font-size:.8em;
		background-position:center -77px;
	}
	.social ul {
		margin:auto;
		padding:1em 0;
	}
	.signup {
		position:static;
		margin:auto;
		display:table;
		padding:1em 0;
	}
	.signup label {
		display:none;
	}

}






.banner::after {
	content:"";
	display:block;
	clear:both;
}
.banner > img {
	float:left;
}












.main header {
	background:#676c40;
	padding:3vw 5vw;
	box-shadow:inset 0px 2px 2px rgba(0,0,0,.1);
	color:white;
}
.main header a {
	color:white;
}
.main header li {
	line-height:1.6;
}
.main header h1 {
	margin:0;
	color:#dba733;
}
/* stylish uppercase in page titles */
.main header h1 em {
	text-transform:uppercase;
	font-style:normal;
	font-size:.7em;
}
.main header p {
	line-height:2;
}
.main header strong {
	font-weight:normal;
	font-style:italic;
	font-size:1.4em;
}
@media (min-width:1001px) {
	.main header h1 {
		font-size:3.7em;
	}
	.story .main header h1 {
		font-size:3.9em;
	}
}
@media (max-width:1000px) {
	.main header h1 {
		font-size:5vw;
	}
	.main header p {
		line-height:1.5;
	}
}





.main {
	font:.8em georgia, serif;
}



.main > section {
	background: url(../img/fade_tan.png) repeat-x;
	padding: 3vw 5vw;
	font:1em "open sans", sans-serif;
}
.main > section::after {
	content:"";
	display:block;
	clear:both;
}
.main > section a {
	text-decoration:underline;
}







body.home .main > header {
	display:none;
}




nav.wines ul {
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
}
nav.wines li {
	display:flex;
	flex:1;
	border-right:1px solid white;
}
nav.wines a {
	flex:1;
	display:flex;
	align-items: center;
	justify-content: center;

	text-align:center;
	color:white;
	padding:1em;
	font:14px/1 "Trade Gothic Bold Condensed", "helvetica condensed", "arial narrow", sans-serif;
	text-transform:uppercase;
}
nav.wines li:last-child {
	border:none;
}
nav.wines a.selected {
	color:rgba(255,255,255,.3);
}
@media (max-width:700px) {
	nav.wines ul {
		flex-wrap:wrap;
	}
	nav.wines li {
		flex-basis:33%;
		border:0;
	}
}
@media (max-width:500px) {

	nav.wines li {
		flex-basis:50%;
	}
}







.category {
	clear:left;
	overflow:hidden;
	margin-bottom:3em;
}
#pos .entry {
	float:left;
	box-sizing:border-box;
	width:105px;
	padding:1em;
	/* outline:1px solid; */
	text-align:center;
	min-height:18em;
}
#pos .entry {
	font-size:.7em;
}
#pos .thumb {
	min-height: 65px;
}
@media (max-width:500px) {
	.trade section{
		padding:1px 0 0;
	}
	#pos .entry {
		display:none;
	}
	#pos h2 {
		color:white;
		background:#8B2643;
		padding: .5em 1.5em;
		font-size:1.2em;
		margin:0;
		margin-bottom:1px;
	}
}
@media (min-width:501px) {
	#pos .entry {
		display:block !important;
	}
}





.home section > div {
	/* 	float:left; */
	/* 	box-sizing:border-box; */
	/* 	padding:0 2em;  */
}
@media (max-width:600px){
	.home section {
		display:none;
	}
}



.home .facebook {
	padding-left: 190px;
	margin: 1em 5%;
	color:#676c40;
	font:1.2rem georgia, serif;
	overflow:hidden;
	position:relative;
}
.home .facebook h1 {
	margin-bottom:.5em;
	font-size:2.4rem;
}
.home .facebook p {
	margin-bottom:.6rem;
	line-height:1;
}
.home .facebook .large {
	font-size:1.2em;
}
.home .facebook p.large em {
	font-size:1.3em;
}
.home .facebook a {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.home .facebook img {
	float:left;
	margin-left:-190px;
}
.facebook__fb-logo {
	max-width: 170px;
}




/*
.home .twitter {
	width:65%;
}

.twitter .user {
	display:none;
}
.twitter .stream {
	list-style:none;
	padding:0;
	margin:0;
}
.twitter .account {
	display:none;
}
.twitter .tweet {
	position:relative;
	padding-right:3em;
}
.twitter .time {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
.twitter .time a {
	text-decoration:none;
	color:#ccc;
}
.twitter .tweet a[href*="#"] {
	text-decoration:none;
	color:inherit;
}
*/


section h1 {
	color:#dba733;
	font-size:3em;
	margin-top:0;
}
section h1 em {
	font-style:normal;
	font-size:.8em;
}
section h2 {
	color:#dba733;
	font-size:2em;
}
section p {
	line-height:1.7;
	/* 	margin-bottom:1.6em; */
}
@media (max-width:750px){
	section h1 {
		font-size:1.5em;
	}
	section h2 {
		font-size:1.25em;
	}
}




.gear section h1 {
	/* 	margin-bottom:0; */
}
.gear .item {
	border:1px solid #ccc;
	box-sizing:border-box;
	float:left;

	padding:2em 0;
	width:250px;
	margin:1.5%;

	text-align:center;
	position:relative;
}
.gear .item h2 {
	font-size:.85em;
}
.gear .thumb {
	height:150px;
}






#Find {
	position:relative;
	margin-bottom:3em;
}
#Find select {
	width:40%;
}
#Find label {
	display:inline-block;
	width:8em;
}
#Find .brand {
	display:none;
}
#Find p {
	margin-bottom:.5em;
}

#loading {
	/* 	display:block !important; */
	font-size:9em;
	opacity:.2;
	margin:0;
	padding:0;
	line-height:1;
	position:absolute;
	top:50%;
	margin-top:-.5em;
	left:20%;
}





@media (min-width:651px){
	.story section {
		position:relative;
		padding-right:310px;
		/* padding-bottom:1em; */
	}
}

.story section h1 {
	margin-bottom:0;
}
.story section .tagline {
	font:italic 1.8em georgia;
}
.story section h2 {
	margin-bottom:0;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
}
.story .page_image {
	position:absolute;
	right:20px;
	bottom:0;
	margin:0;
}
.story .page_image img {
	display:block;
}
.story .main header a {
	color:#dba733;
}
@media (max-width:650px){
	.page_image {
		display:none;
	}
	.story section .tagline {
		font:italic 1.3em georgia;
	}
}




@media (min-width:651px){

	.technotes {
		position:absolute;
		right:60px;
		bottom:280px;
		background:url("../img/tech_notes.png") no-repeat;
		margin:0;
		padding:2.4em 0 1em;
		box-sizing:border-box;
		font:italic 1.5em georgia, serif;
		width:196px;
		min-height:100px;
		text-align:center;
	}
	section .technotes a {
		text-decoration:none;
	}
	.technotes em {
		text-transform:uppercase;
		font-size:.6em;
		font-style:normal;
	}
}








#locator #results {
	overflow:hidden;
}
#locator .reset {
	clear:both;
}
#locator .entry {
	float:left;
	width:33%;
	box-sizing:border-box;
	padding-right:1em;

}
@media (min-width:701px){
	#locator .entry:nth-child(3n-1) {
		clear:left;
	}
}
#locator .entry h3 {
	font-size:1.2em;
	margin-bottom:0;
	color:#dba733;
}
#locator .address {
	margin-bottom:0;
}
#locator .phone {
	color:#aaa;
}
@media (max-width:700px) {
	#locator .entry {
		width:50%;
	}
	#locator .entry:nth-child(2n) {
		clear:left;
	}
}
@media (max-width:500px) {
	#locator .entry {
		width:100%;
	}
}



.gear.detail .main header {
	display:none;
}
.gear.detail section button,
.gear.detail section select {
	display:inline-block;
	width:15em;
}



span.fat {
	font-variant:small-caps !important;
	font-style:normal !important;
	/* 	outline:1px solid red; */
}
em.fat {
	font-style:italic !important;
	/* 	outline:1px solid blue; */
}


address {
	font:1.3em georgia, serif;
	font-style:italic;
	display:block;
	margin-bottom:1em;
}

.close {
	text-decoration:none !important;
	text-transform:lowercase;
	font-size:.9em;
}



/*
 *  multi-language support - ticket #310
 */
.language {
  position:relative;
  float:left;
  padding:.7em;
}
.language__icon  {
  text-decoration: none;
  border:1px solid rgba(0,0,0,.3);
  border-radius:.15em;
  font-size:18px;
  margin-right:.15em;
}




.bottles {
	background:url(../img/story_and_wines.jpg);
	background-size: cover;
	justify-content:space-around;
	padding:1em .5em;
	display:flex;
	align-items:flex-end;
}
.bottles a {
/* 	outline:1px solid magenta; */
}
.bottle img {
/* 	width:100px; */
	max-height:350px;
	padding:.5em;
	box-sizing:border-box
}