/* Gold #E7C874 */
:root {
	--c7-primary-button-bg: #8e0000;
	--c7-cart-count-bg: #8e0000;
	--c7-link-color: #C00;
	--c7-primary-button-bg-hover:#Ae0000;
	--mt-accessibility-highlight-color: #C00;
	
	--mt-gold: #E7C874;
	
}



a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
	transition: .2s;
	color: #000;
	background: #FFF;
}
a.skip-main:focus, a.skip-main:active {
 
    left: 25px;
    top: 70px;
    width: auto;
    height: auto;
    overflow:auto;
    
    padding:8px;
    border-radius: 5px;
 
    text-align:center;
    font-size:1.2em;
	font-family: "Raleway", sans-serif;
    z-index:1001; /* above mobile nav */

}

:focus {
	outline: 2px solid var(--mt-accessibility-highlight-color);
	transition: none ! important;
}
body.mouse-active *:focus {
	outline: none;
}
/*.c7-btn--primary {
	background: var(--mt-red);
}*/
a.c7-btn--primary:hover {
	color: #fff;
}
/*.c7-product__add-to-cart__price {
	display: none;
}*/
#shop-spacer {
	height: 100px;
}

.wine-links {
	padding-bottom: 1em;
}
body.shop .mt-c7-container, body.shop #c7-cart, body.terms {
	background: #fff;
}
body.checkout #nav-container, body.checkout #footer, body.checkout .c7-subnav {
	display: none;
}

div.terms {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2em 20px;
	font-size: .9em;
	min-height: 65vh;
}
div.terms p {
	padding-bottom: 0;
}
div.terms ul {
	margin-bottom: 1em;
	}
.terms-upper {
	text-transform: uppercase;
}
.terms-bold {
	font-weight: 600;
}
.terms-italic {
	font-style: italic;
}
.terms-underline {
	text-decoration: underline;
}

#c7-register-container {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
#c7-register-container.hidden {
	display: none;
}
.c7-widthconstraint {
	max-width: 1600px;
	padding: 20px 3vw;
}
#register_note {
	padding: 1em 2em;
	/*border: 1px solid #bbb;*/
	background-color: #fff2f0;
}

#register_link.hidden {
	display: none;
}
.mt-c7-container {
	display: flex;
	align-items: flex-start;
	justify-content: center;

}
.mt-c7-content {
	display: flex;
	align-items: flex-start;
	/*align-items: center;*/
	justify-content: center;
	width: 100%;
	max-width: 1600px;
	padding: 0 3vw;
	min-height: 64vh;
	flex-direction: row-reverse;
}
.c7-subnav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: #fff;
}
body.wines .c7-subnav {
	background: transparent;
}
#c7-cart {
	padding: 0 1em;
	text-align: right;
	float: right;
	min-height: 52px;
	width: 100%;
}
body.shop #c7-cart, body.wines #c7-cart {
	width: auto;
}
.mt-c7-content.full {
	width: 100%;
	justify-content: space-between;
}
#c7-content p {
	padding-bottom: 0;
}
#collections-container {
	margin-left: 3em;
	margin-top: 89px;
	margin-bottom: 1em;
	font-size: .8em;
	align-self: stretch;
	border-left: 1px dotted #ccc;
	text-align: right;
	
}
#collections-menu {
	min-width: 180px;
	text-align: left;
}
#collections-dropdown {
	display: none;
}

#collections-menu ul {
	padding: 1em;
	
}
#collections-menu li {
	list-style-type: none;
	padding-bottom: .5em;
}
#collections-menu li:last-child {
	padding-bottom: 0;
}


.c7-product-detail .c7-product__info {
	flex-direction: column;
	padding-top: 1.5em;
}
.c7-product-detail .c7-product__info h3 {
	padding-bottom: 8px;
}
body.shop #c7-cart {
	float: none;
}
* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	font-size: 100%;
	-webkit-tap-highlight-color:rgba(128,128,128,0.5);
}

#js-warning {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 200;
	background-color: #fff;
	padding: 15px;
	border: 2px solid #900;
}
html.js #js-warning {
	display: none;
}

body {
	height: 100%;
	background-color: #000; /* Fix contrast errors */
	color: #444;
	font-family: 'Halant';
	font-family: "Lusitana", serif;
	font-size: 1rem;
	overflow-x: hidden;
	overflow-y: scroll;
	min-width: 240px;
	line-height: 1.5em;
	
}
body.shop {
	background-color: #111;
}

body.fixed:before {
	/* for mobile nav slide-out */
    content: "";
    background-color: rgba(35,35,35,.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}


body.slides {
	background-color:#000;
}

a {
	outline: 0;
	text-decoration: none;
	color: #900;
}

.anchor {
	display: block;
	position: relative;
	top: -40px;
	visibility: hidden;
}

a.phoneNumber {
	text-decoration: none;
	color: inherit;
}


a:hover {
	color: #d00;
}
body.shop a.c7-btn:hover {
	color :#fff;
}
.vidyard-player-container a#backlink {
	display: none;
}

p, li {
	padding-bottom: 1.4em; 
}
sup * {
	font-weight: bold;
}
.centered {
	text-align: center;
}
p.nopadding {
	padding-bottom: .4em;
	margin-bottom: 0;
}
ul.square-bullet > li {
	list-style-type: square;
}
strong, b, .standout {
	font-weight: 600;
	
}


span.avoidwrap {
	display: inline-block;
}

.material-icons {
	vertical-align: middle;
	font-size: 20px;
}

::selection {
  background: #E7C874; /* WebKit/Blink Browsers */
}
form.centered {
	text-align: center;
}

input, select, option, textarea {
	font-family: Halant, sans-serif;
	font-size: .9rem;
	padding: 0 .4em;
	background: #ffffff;
}

.form-set.hidden {
	display: none;
	visibility: hidden;
}

span.separator {
	padding: 0 6px;
	font-size: .7em;
}

hr.mt-separator {
	clear: both;
	width: 80%;
	margin: 1.5em auto;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(55, 55, 55, 0.85), rgba(0, 0, 0, 0));
}
hr.mt-separator.light {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

/*** widthConstraint ***/

.widthConstraint {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
}



/*** scrollToTop Button ***/

#scrollToTopButton {
	position: fixed;
	bottom: 12%;
	right: 0;
	font-weight: bold;
	visibility: hidden;
	opacity: 0;
	font-size: 24px;
	background: rgba(36,36,36,.8);
	padding: 8px 6px;
	line-height: 0;
	transition: .3s;
	border-radius: 5px 0 0 5px;
	z-index: 101;
	cursor: pointer;
	color: #f3c874;
}
#scrollToTopButton:hover {
	background: rgba(231,200,116,.9);
	color: #222;
}
#scrollToTopButton.shown {
	visibility: visible;
	opacity: 1;
}
#scrollToTopButton .material-icons {
	font-size: 24px;
}
	
		

/*** Slice (image) ***/

.slice {
    height: 40%;
	height: 40vh;
	min-height: 300px;
	max-height: 500px;
	position: relative;
	
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-size: cover;
}
.slice  .titlepage-gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.slice .titlepage-copy-container {
	margin-bottom: .5em;
}
.slice  .slice-title {
	position: absolute;
	bottom: 1em;
	right: 2em;
	color: #fff;
	
	z-index: 100;
	font-family: "IM Fell English";
	font-size: 1.6em;
	text-shadow: 0 0 9px #000;
}

.qparallax {
  position: fixed;
  width: 100%;
  z-index: -1;
}

.slice-content {
	background-color: #fffff4;
}


/*** General Buttons ***/

a.button, input.button {
	border: none;
	background-color: rgba(60,0,0,.9);
	background-color: rgba(99,0,10,.9);
	background-color: var(--c7-primary-button-bg);
	padding: 5px 24px;
	padding: 3px 18px;
	margin: 9px;
	display: inline-block;
	border-radius: var(--c7-button-border-radius);
	transition: .3s;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: .8em;
	font-family: Marcellus;
	line-height: 1.8em;
	
	font-family: var(--c7-font-family);
font-size: var(--c7-font-size);
line-height: 1.5;
min-height: 46px;
padding: 11px 20px;
text-align: center;
text-decoration: none;
transition: all 0.1s ease-out;


}
input.button.small {
	padding: 8px;
	min-height: 20px;
	line-height: 1em;
	
}
a.button.inactive, input.button.inactive {
	background-color: rgba(159,159,159,.9);
	cursor: default;
	color: #222;
	font-style: italic;

}
a.button.inactive:hover, input.button.inactive:hover {
	background-color: rgba(159,159,159,.9);
	iicolor: #eee;
}
a.button:hover, input.button:hover {
	background-color: rgba(190,0,0,.9);
}

a.button.gold {
	border: 1px solid #f7d884;
	color: #f7d884;
	border-radius: 8px;
	background-color: rgba(0,0,0,1);
	padding: 6px 12px;
	margin-top: 0px;
	font-size: .7em;
	line-height: 1.2em;
	font-family: Marcellus;
	opacity: 0;
	visibility: hidden;
	transform: translateY(75%);
	transition: background-color .2s, color .2s, opacity 1s ease, transform 1s ease;
	
}
a.button.gold.visible {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
a.button.gold:hover {
	color: #000;
	background-color: #f7d884;
}

#lightbox-dimmer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.85);
	z-index: 150;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
	
#lightbox-dimmer.active {
	opacity: 1;
	visibility: visible;
	
}



/* Mailing List */

#mailinglist-form-cc-container {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	top: 10%;
	left: 50%;

	height: auto;
	width: 66%;
	max-width: 600px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	/*z-index: 200;*/
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	background-color: #fff;
	padding: 30px;
}
#mailinglist-form-cc-container.revealed {
	opacity: 1;
	visibility: visible;
	z-index: 200;
}



/*** --- FOOTER --- ***/

#footer {
  overflow: hidden;
  position: relative;
  text-align: center;
 
  /*z-index: 100;*/
  background-color: #111;  
  color: #888;
  font-size: .8em;
  font-family: 'Marcellus', serif;
}

#footer a {
	color: #998;
	transition: .15s;
}

#footer a:hover {
	color: #E7C874;
}

#footer.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
#footer .center-block {
	iifont-family: "IM Fell English";
	padding: 30px 0 5px 0;
	width: 70%;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}
.sm a img {
	width: 24px;
	vertical-align: middle;
}
#footer span.separator {
	padding: 0 10px;
	color: #353024;
	font-size: .7em;
}
#footer span.separator:before {
	/* content:"/";*/
}
#footer #viewChoice {
	/* hide these by default */
	display: none;
}
#footer #viewChoice #requestDesktopCheckBox {
	vertical-align: middle;
}
#footer-bottom {
	clear: both;
	font-size: .8em;
	text-align: center;
	width: 100%;
	color: #ccc;
	padding: 10px 0 9px 0;
	text-transform: small-caps;
}

#footer-bottom p {
	padding: 0;
}



















/* mt-enhanced */







/* styles to make cleaner printouts */
@media print {
	body {
		width: auto ! important;
		background-color: #fff ! important;
	}
	.article-container, .titlepage {
		background-color: #fff ! important;
		padding: .2em ! important;
	}
	#cover, #gpu-test, .slice.background, .titlepage-gradient, .article-container-blur, .img-alternating-image, #scrollToTopButton, .slideContainer, #footer-placeholder, #footer, .button {
		display: none ! important;
	}
	
	.titlepage, .fixed {
		display: static ! important;
		height: auto ! important;
	}
	.titlepage-copy {
		color: #000 ! important;
	}
	.titlepage-copy-container {
		position: static ! important;
	}
	.scrollFade.hidden, .accolade.slider, .testimonial {
		opacity: 1 ! important;
		visibility: visible ! important;
		background-color: #fff ! important;
	}
}


.titlepage .events_announcement_container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(#00000024, #fff0)
}

.titlepage .events_announcement_container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
}	
.titlepage .events_announcement {
	position: absolute;
	top: 55%;
	left: 50%;
	min-width: 500px;
	font-size: 1.5em;
	text-align: center;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 2.9vh;
	font-size: clamp(8px, 2.9vh, 30px);
	line-height: 1.5em;
	text-shadow: 0 0 10px #151515, 0 0 10px #333, 0 0 19px #000;
	
	z-index: 100;
	padding: 2em;
	
}
.titlepage .events_announcement .subtext {
	padding-top: 1em;
	display: block;
	font-size: .7em;
}



#winetasting-inquiry {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.form-set {
	padding-bottom: 1.2em;
	vertical-align: top;
	flex: 1 0 100%;
	-webkit-flex: 1 0 100%;
}
.form-set.inline {
	display: inline-block;
	flex: 1 0 50%;
	-webkit-flex: 1 0 50%;
	min-width: 290px;	
}
.form-set .label {
	iifont-family: "Arial", arial;
	letter-spacing: .01px;
	color: #111;
	line-height: 1.1em;
	padding-bottom: .1em;
}
.form-set .label.required:after {
	content: "*";
	iicolor: #C00;
	font-size: 1.2em;
	padding-left: .2em;
}
.form-set input, .form-set select, .form-set textarea {
	/*font-family: Arial;*/
	/*font-size: .86em;*/
	width: 97%;
	padding: .2em;
}

.form-set .helptext {
	font-family: arial;
	font-size: .7rem;
	color: #587;
	margin-top: 3px;
}
.form-set .helptext p {
	padding-bottom: .4em;
}
.form-set .followup {
	display: block;
	margin-top: .5em;
	margin-bottom: -10px;
	position: relative;
	top: -30px;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transition: .6s;
	z-index: 0;
	
}
.form-set .followup.revealed {
	opacity: 1;
	height: 1.6em;
	top: 0;
	visibility: visible;
	margin-bottom: 0;
}





.info-box {
	text-align: center;
	iiborder: 1px solid #ccc;
	display: inline-block;
	flex: 1 1 0px;
	-webkit-flex: 1 1 0px;
	padding: .5em 1em;
	margin: 1em;
}
.info-box .header {
	text-align: center;
	padding-bottom: .5em;
	font-weight: bold;
}

.info-box .header i.material-icons {
	font-size: 1.5em;
	padding-bottom: .25em;
}
.info-box .text {
	padding-top: .5em;
}


#fullscreen-video-container {
	overflow: hidden;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#fullscreen-video-container .background-video {
	object-fit: cover;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);

}


#gpu-test {
	position: fixed;
	top: 0px;
	right: -10px;
	width: 1px;
	height: 1px;
	border: 1px solid red;
	z-index: 200;
	background-size: cover;
	background-image:url(/images/1431.jpg);
	background-position: 0 0;
}


/* don't show preloader image div */
div#preload { 
	display: none; 
}


.clear-after::after {
	content: "";
	clear: both;
	display: block;
}
.reveal {
	display: none;
}
.reveal-link, .revealAll-link {
	cursor: pointer;
}


.shop-button {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 101;
}
	


/* titlepage */

.titlepage {
	position: relative;
	height: 100%;
	min-height: 500px;
	/*max-height: 1080px;*/
	z-index: 50;
	transition: .5s opacity, .5s visibility;
	-webkit-transition: .5s opacity, 0.5s visibility;
	opacity: 0;
	visibility: hidden;
}

.titlepage.short {
	max-height: 350px;
}

.titlepage.partial-height {
	height: 75vh;
	min-height: 0;
}
.titlepage a {
	color: #E7C874;
	color: #F7D884;
	transition: .2s;
}
.titlepage a:hover {
	color: #fff;
}
.titlepage.shown {
	opacity: 1;
	visibility: visible;
}

.titlepage.noscroll .titlepage-gradient, .titlepage.noscroll .titlepage-copy {
	cursor: default;
}
.titlepage-gradient {
	position: absolute;
	/* use fixed on fullscreen slide pages, otherwise use absolute */
	/* Do not use absolute; fixed prevents the line from appearing as you scroll up */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 51;
	height: 100%;
	/*max-height: 1080px;*/

	background: -webkit-linear-gradient(-65deg, rgba(0,0,0,0.0) 40%,rgba(0,0,0,.9) 100%);
	background: -moz-linear-gradient(-65deg, rgba(0,0,0,0.0) 40%,rgba(0,0,0,.9) 100%);
	background: linear-gradient(155deg, rgba(0,0,0,0.0) 40%,rgba(0,0,0,.9) 100%);
	
	background: -webkit-linear-gradient(-65deg, rgba(0,0,0,0.0) 70%,rgba(0,0,0,.9) 100%);
	background: -moz-linear-gradient(-65deg, rgba(0,0,0,0.0) 70%,rgba(0,0,0,.9) 100%);
	background: linear-gradient(155deg, rgba(0,0,0,0.0) 70%,rgba(0,0,0,.9) 100%);
	
	transition: .7s opacity, .7s visibility;
	-webkit-transition: .7s opacity, .7s visibility;
}

.titlepage-gradient.transparent {
	opacity: 0;
}

.titlepage-copy-container {
	text-align: right;
	font-family: 'IM Fell English';
	position: absolute;
	z-index: 60;
	left: 4%;
	right: 1.2em;
	bottom: 0;
	text-shadow: 1px 1px 1px #000;
	font-size: 1.1em;
	line-height: 2.2em;
	padding: 0;
	margin: 0 auto;
	margin-bottom: .25em;
}

.titlepage-copy {
	width: 60%;
	max-width: 600px;
	float: right;
	color: #fff;
	/*color: rgba(255,250,240,1);*/
	text-shadow: 0px 0px 20px rgba(0,0,0,1);
	cursor: pointer;
}
.titlepage-copy p {
	padding-bottom: 0;
	margin-bottom: 0; /* override c7-base */
}

/* Centered titlepage style */
.titlepage.centered {
	background-color: rgba(0,0,0,.3);
	background: radial-gradient(rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100% );
	background: -webkit-radial-gradient(rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
	font-size: 1.1em;
}
.titlepage.centered .titlepage-copy-container {
	top: 50%;
	left: 50%;
	bottom: auto; /* remove bottom: 0 */
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}
.titlepage.centered .titlepage-copy {
	width: auto;
	max-width: 800px;
	margin: 0 auto;
	float: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

.titlepage-copy .callout {
	max-width: 600px;
	margin: 0 auto;
}

.titlepage-copy .callout a {
	color: #fff;
}
.titlepage-copy::after {
	font-family: 'Material Icons';
	/*content: "scroll...";*/
	content: "\E313";
	iicontent: "\e5db"; /* arrow */
	border: 1px solid rgba(231, 200, 116, 0);
	display: inline-block;
	font-size: 3em;
	line-height: 1em;
	transition: 1s;
	color: #000;
	opacity: 0;
	border-radius: 3px;
	transform: translateY(30px) rotate(0deg);
}

.titlepage-copy.animated::after {
	opacity: 1;
	transform: translateY(0px);
	color: #fff;
	background-color: rgba(231, 200, 116, 0);
	border: 1px solid rgba(255,255,255,0);
}
.titlepage-copy.reanimated::after {
	transform: translateY(5px);
}
.titlepage-copy:hover::after {
	text-shadow: none;
	iibackground-color: rgba(231, 200, 116, .5);
	border: 1px solid #D7B864;
	border: 1px solid rgba(255,255,255,0);
	color: #E7C874;
	transition: .2s;
	opacity: 1;
}

/* Home page: no box, no gradient */
.titlepage.centered .titlepage-copy::after {
	display: none;
	content: "";
}
.titlepage.centered .titlepage-gradient {
	background: none;
}



.titlepage-copy h1 {

	font-weight: normal;
	font-size: 1.8em;
	padding-bottom: .25em;
	}


.quoteslider { 
	width: 100%;
	overflow: visible;
}


.quoteslidercontainer {
	width: 100%;
	height: 150px;
	margin: 0px auto;
}

.quotesliderindicatorcontainer {
	border-top: 1px solid #888;
	height: 25px;
	width: 5px;
	position: relative;
	
}
.quotesliderindicator {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 232, 18, 0.7);
	iiheight: 1px;
	iiwidth: 100%;
}

@keyframes flickerAnimation { /* flame pulses */
  0%   { opacity:1; }
  50%  { opacity:.7; }
  100% { opacity:1; }
}
.quotesliderindicator.paused {
	border-bottom: 1px solid rgba(235,235,235,1);
	opacity:1;  
    animation: flickerAnimation 1s infinite;
}

.progress-ring {
	width: 24px;
	height: 24px;
}
.progress-ring__circle {
  stroke-dasharray: 0 10;
  stroke-width: 2;
  stroke: #999;
  fill: transparent;
  transition: .4s stroke, .4s fill;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}

	
#quotesliderlist {
	list-style-type: none;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	font-size: 1.4em;
	/*font-size: clamp(8px, 2.5vh, 18px);
	line-height: 4vh;*/
	font-size: clamp(12px, 2.0vh, 18px);
	line-height: clamp(1.4em, 4vh, 2.4em);
	padding-left: 0;
	

}
	
.quoteslidercontent { 
	position: absolute;
	color: #fff;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
	z-index: 0;
	width: 100%;
	list-style-type: none;
	visibility: hidden;
	transition: 1s opacity, 1s transform, 1s visibility, .3s color, .3s text-shadow;
}
.quoteslidercontent.revealed {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	z-index: 1;
	visibility: visible;
	transition: 1s opacity, 1s transform, .3s color, .3s text-shadow;
}


.quoteslider .quoteslidercontent a, .quoteslider .quoteslidercontent a:hover {
	color: #fff;
}



.scrolldown {
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
	display: inline-block;
	cursor: pointer;
	/*font-size: 1.1em;
	line-height: 1.1em;
	text-align: right;*/
	clear: both;
	/*padding: 1rem 0;*/
	opacity: 1;
}


.static-override {
	transition: .2s;
	text-shadow: none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	
	background-color: rgba(255,255,255,.7);
	background-color: #e7c874ba;
	line-height: 1.35em;
	padding: .4em;
	color: #E7c874;
	color: #000;
	
	opacity: 1;
	
	flex: 0 1 20%;
	margin: 5em 0;
	border: 1px solid #e7c87447;
	
	align-self: stretch;
display: flex;
align-items: center;
text-align: center;
justify-content: center; 
max-width: 300px;

background-color: rgba(0,0,0,.8);
color: #E7c874;

}

/*.static-override-imageboxes {
	transition: .2s;
	text-shadow: none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	
	background-color: rgba(255,255,255,.7);
	background-color: #e7c874ba;
	line-height: 1.35em;
	padding: .4em;
	color: #E7c874;
	color: #000;
	
	opacity: 1;
	
	flex: 0 1 33%;

	align-self: stretch;
	display: flex;
	align-items: flex-end;
	text-align: center;
	justify-content: center; 
	height: 15vh;
	min-height: 125px;
	max-height: 200px;
	margin: 1em;
	max-width: 450px;
	position: relative;
	background-color: rgba(0,0,0,.8);
	background-size: cover;
	background-repeat: no-repeat;
	color: #E7c874;
}	

.static-override-imageboxes:hover {
	color: #fff;
}
.static-override-imageboxes:hover .container {
	background-color: rgba(255,255,255,1);
	color: #000;
}
	
	
.static-override-imageboxes:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0, 0, 0, 0.9) 85%);
	z-index: 0;
}

.static-override:hover {
	color: #fff;
	background-color: #E7c874;
	color: #000;
}

.static-override-imageboxes .container {
	padding: 10px;
	width: 75%;
	z-index: 1;
	position: relative;
	transition: .2s;
	background-color: rgba(0,0,0,.7);
}*/

.static-override-imageboxes {
	transition: .3s;
	text-shadow: none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	
	background-color: rgba(255,255,255,.7);
	background-color: #e7c874ba;
	background-color: #33333344;
	color: #E7c874;
	
	line-height: 1.35em;
	padding: 0;
	
	
	opacity: 1;
	
	flex: 0 1 33%;

	align-self: stretch;
	display: flex;
	align-items: flex-end;
	text-align: center;
	justify-content: center; 
	height: 18vh;
	min-height: 190px;
	max-height: 220px;
	margin: 1em;
	max-width: 400px;
	position: relative;
	
	background-size: cover;
	background-repeat: no-repeat;
	
}	

.static-override-imageboxes:hover {
	color: #fff;
}
.static-override-imageboxes:hover .container {
	background-color: rgba(255,255,255,1);
	background-color: #33333344;
	color: #E7c874;
}
	
	
.static-override-imageboxes:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 0.8) 90%);
	z-index: 0;
	transition: .3s;
}


.static-override:hover {
	color: #fff;
	background-color: #E7c874;
	color: #000;
}

.static-override-imageboxes .container {
	padding: 7px 10px;
	padding-top: 9px;
	width: 100%;
	z-index: 1;
	position: relative;
	transition: .3s;
	background-color: rgba(0,0,0,.9);
	color: #E7c874cc;
	background-color: #00000055;
	font-size: clamp(12px, 1.3vw, 1em); 
}


.scrolldown.animated {
	position: relative;
	opacity: 0;
	padding: 10px 20px;
	margin: 0px 0px;
	display: inline-block;
	/*border-left: 1px solid #333;*/
	transition: 1s opacity, 1s transform, .3s color, .3s text-shadow;
	color: rgba(255,255,255,1);
}
.scrolldown.animated.bright {
	color: #E7C874;
	
}
.scrolldown.animated:hover {
	color: #FFF;
	transform: translateY(-5px);
	/*text-shadow: 0px 0px 2px rgba(255,255,255,.3);*/
}

.scrolldown.animated a:first-child {
	border-left: none;	
}

.content-c {
	position: absolute; bottom: 1px; left: 0; right: 0; text-align: center; z-index: 100; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; -webkit-justify-content: space-evenly;
	font-size: 1.2em;
	font-size: clamp(8px, 2.2vh, 18px);
}
.content-c-imageboxes {
	position: absolute; bottom: 1px; left: 0; right: 0; text-align: center; z-index: 100; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; -webkit-justify-content: space-evenly;
	font-size: 1.4em;
	font-size: clamp(14px, 1.8vw, 18px);
	/*background: #060606;*/

}
.content-c-imageboxes .constrain {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	position: relative; text-align: center; z-index: 100; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-around; -webkit-justify-content: space-evenly;
}

.content-c a:first-of-type {
	/*border-left: none ! important;*/
}

.scrolldown.animated.revealed {
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	opacity: 1;
	

}



.scrolldown.animated.revealed:hover {
	color: #E7c874;
}
.scrollnext {
	display: inline-block;
	cursor: pointer;
	transition: .5s;
	
}
.scrollnext:hover {
	color: #fc3;
}
	
	
/* Article Copy (Columns) */

	
.article-container {
	margin: 0 auto;
	padding: 2em;
	background: rgba(255,255,244,.85);
	color: #222;
	position: relative;
	overflow: hidden;
	clear: both;
}
.article-container.fuzzy {
	background: rgba(255,255,244,.92);
	background: rgba(255,255,255,1);
}

.article-container.opaque {
	background: rgba(255,255,255,1);
}
.article-container > img {
	width: 80%;
	max-width: 1200px;
	margin: 40px auto;
	display: block;
	/*border: 12px solid #eed;*/
}
.article-container > * {
	position: relative;
}

.listLayer {
	position: relative;
	z-index: 10; /* 100 brings it below nav but above slideStatusContainer */
}

.listLayer.bottomPadding {
	/* Allow room to scroll without footer taking over bottom status bar (e.g., events) */
	padding-bottom: 100vh;
}
.article-spacer {
	height: 300px;
	min-height: 300px;
	max-height: 650px;
	height: 50vh;

}

.article-spacer.last {
	height: 70vh;
}

.article-spacer.short {
	height: 20vh;
}
.bgChange {
	background-color:#666;
}
.bgChange, .article-container-blur {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease-in-out opacity, .3s ease-in-out visibility;
}

/* Special case - make cover visible on load */
#cover {
	display: block;
	opacity: 1;
	visibility:visible;
	background-size: cover;
}
#cover.dark {
	background-image: none;
	background: #000 ! important;
}

.coverSlide {
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: 50% 50%;
	z-index:-1;
	display:none;
}
.coverSlide:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.4);
}
.coverSlide.revealed {
	z-index: 1;
}
.article-container-blur {
	iibackground-color: #fffff4; /* Backup color */
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
	z-index: 0;
}


.article-container-blur.scrollfix {
	background-attachment: scroll;
}

/* IE 11+ on touch screens has a fixed background bug */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.article-container-blur {
		background-attachment: scroll;
	}	
}


.article-container-papyrus {
	background-color: rgba(255,255,250,.76); /* Backup color */
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}


.darken-papyrus {
	/* These rules are handled inline specifically in accolades and testimonials.*/
	background-color: rgba(5,0,9,.8); /* Backup color */
	background-color: rgba(80,80,80,.9); /* Backup color */
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.darken-papyrus.accolades {
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ) scroll 50% 50%,
		url('/images/3352_08.16-blur.jpg') no-repeat scroll 50% 50%;
	background-size: cover;
}

.darken-papyrus.testimonials {
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ) scroll 50% 50%,
		url('/images/3592_09.16-blur.jpg') no-repeat scroll 50% 50%;
	background-size: cover;
}
/* skip for IE10+, which doesn't handle these backgrounds well*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .darken-papyrus {
	   display: none;
   }
}



/* AJAX */

#load-wait {
	position: fixed;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,.9);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
#load-wait.waiting {
	opacity: 1;
	visibility: visible;
}



h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
h2.heading {
	font-family: "Marcellus", "IM Fell English", serif;
	font-weight: normal;
	font-size: 1.4rem;
	color: #635046;
	padding: 2rem 0 2rem 0;
}

.article.single-column h2.heading {
	color: #444;
	font-family: "Lusitana","IM Fell English", serif;
	text-align: center;
}

h3.heading {
	font-family: "Marcellus", sans-serif;
	font-size: 1.3em;
	padding: 2rem 0 2rem 0;
	text-align: center;
	font-weight: normal;
}
span.article-heading, .article-container p.heading {
	display: block;
	iifont-family: "Halant", serif;
	iifont-family: "Amiri", serif;
	font-size: 1.3em;
	color: #635046;
	color: #443;
	padding: 10px 0 30px 0;
	text-align: center;
}


.fullwidth {
	max-width: 1800px;
	margin: 0 auto;
}

.flex-thirdsplit {
	display: flex;
	display: webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: stretch;
	-webkit-align-items: stretch;
	justify-content: center;
	-webkit-justify-content: center;
}

.flex-thirdsplit .left {
	text-align: center;
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	padding: 0 3em;
}

.flex-thirdsplit .right {
	flex: 6 0 auto;
	-webkit-flex: 6 0 auto;
	padding: 0 1em;
}


.article {
	padding: 30px;
	max-width: 900px;
	margin: 0 auto;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	
	-webkit-column-width: 350px;
	-moz-column-width: 350px;
	column-width: 350px;
		  
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
}



.article.centered {
	text-align: center;
}

.article.single-column {

	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	
	-webkit-column-width: 0px;
	-moz-column-width: 0px;
	column-width: 0px;
		  
	text-align: center;
	text-align: left; 
	max-width: 800px;
	margin: 0 auto;
	
}


.article.single-column.wide {

	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	
	-webkit-column-width: 0px;
	-moz-column-width: 0px;
	column-width: 0px;
		  
	text-align: center;
	text-align: left; 
	max-width: 1100px;
	margin: 0 auto;
	
}

.article.single-column.superwide {

	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	
	-webkit-column-width: 0px;
	-moz-column-width: 0px;
	column-width: 0px;
		  
	text-align: center;
	text-align: left; 
	max-width: 1600px;
	margin: 0 auto;
	
}

.article.single-column.full-width {
	max-width: none;
}
.article.left-headings {

	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	
	-webkit-column-width: 0px;
	-moz-column-width: 0px;
	column-width: 0px;
		  
	text-align: center;
	text-align: left; 
	max-width: 1000px;
	margin: 0 auto;
	
}
.article.left-headings  .left-heading {
	/*width: 20%;
	float: left;*/
	font-family: "IM Fell English";
	font-size: 1.4em;
	color: #777;
	color: #552b2b;
	padding-right: 1em;
	margin-bottom: 1em;
	padding-bottom: .3em;
	border-bottom: 1px solid rgba(128,128, 128,.4);
	clear: both;
}
.article.left-headings .content {
	margin-left: 15%;
	padding-bottom: 3em;
}
.article.left-headings .content p.join.button {
	display: inline-block;
}
.article.flush-left {
	text-align: left;
}
.article.right-column {
	float: right;
	
	width: 20%; /* 20-25% */
	
	position: relative;
	clear: both;
	padding: 0px 30px;
	right: 0;
	font-family: "Marcellus";
	font-size: .9em;
	
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	
	-webkit-column-width: 0px;
	-moz-column-width: 0px;
	column-width: 0px;
		  
	text-align: center;
	max-width: 800px;
	
	margin-bottom: 50px;
}
.article.right-column::before {
	content: "";
	position: fixed;
	top:0;
	left: 0;
	right:0;
	bottom: 0;
	background: linear-gradient(to right, rgba(0,0,0,0) 62%, rgba(0,0,0,1) 100%);
	/*background: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,.6) 70%, rgba(0,0,0,1) 100%);*/
	height:100%;
	/*z-index: -1; IE fix below; use listLayer to bring content forward and make a positive z-index for this pseudo-element
	to prevent IE-Edge from making the gradient jump while scrolling */
	z-index: 5;
	
}
.item .header {
	iifont-family: "IM Fell English";
	font-size: 1.3rem;
	line-height: 1.9rem;
	padding: 10px;
	display: block;
}
.article.right-column h3.heading {
	color: #eed;
}
.article.right-column a {
	color: #ddc;
	color: #E7C874;
	color: #FCEBA4;
	
	
}
.article.right-column .region  a:after {
	/* No longer needed since we use a light gold color for links */
	/*content: "\0BB \020";*/
	font-size: .8em;
	padding-left: 5px;
	
}
.article .item-container .material-icons {
	display: block;
	font-size: 30px;
	
}
.article .item-container.fullscreen {
	height: calc(40vh - 50px);
	position: relative;
	/* min-height also set by script */
	min-height: 500px;
	max-height: 1100px;
}
.article  .item-container.fullscreen .item {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.article h3 small {
	font-size: .6em;
	color: #ddc;
	font-style:italic;
}

.article ul {
	margin-left: .25em;
}
.article li {
	list-style-type: none;
	margin-left: 1em;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.article ul.bulleted {
	
list-style: none;
   margin-left: 0;
   /*padding-left: 1em;
   text-indent: -1em;*/
}
.article ul.bulleted li:before {
	content: "\0BB \020";
	color: #C83;
	iimargin-left: -1em;	
}
.article ul.bulleted li {
	
	 padding-left: 1em;
   text-indent: -.7em;
}
.article li .header {
	font-size: 1.1em;
}
/* Force text under header */
.article li .header:after {
	content: "";
	display: table;
}
.article p {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.article p.allow-break {
	-webkit-column-break-inside: auto;
    page-break-inside: auto;
    break-inside: auto;
}




/* Full Screen */
div.full-screen-blocking {
	height: 100%;
}



/* MULTI-BUTTON */

.multi-button-container {
	margin: 0 auto;
	width: 75%;
	max-width: 500px;
	overflow: hidden;

	display: table;
	table-layout:fixed;
	padding: 10px; 
	margin-bottom: 20px;
	text-shadow: none;

}
.multi-button {
	margin: 0;
	padding-top: 3px;
	font-size: .8em;
	height: 30px;
	display: inline-block;
	text-align: center;
	font-family: arial;
	border: 1px solid #555;
	iibackground-color: #444;
	cursor: pointer;
	font-family: "Marcellus", "IM Fell English";
	color: #999;
	text-shadow: none;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	transition: .2s;
}
.multi-button:hover {
	color: #E7C874;
}
.multi-button.active {
	color: #fff;
	border: 1px solid #fff;
	cursor: default;
}

.multi-button-target-container {
	position: relative;
	overflow: visible;
}

.multi-button-target {
	visibility: hidden;
	opacity: 0;
	position: relative;
	display: none;
	transition: .3s opacity;
	position: relative;
	padding: 0 5%;
}

.multi-button-target.block {
	display: block;
}

.multi-button-target.active {
	visibility: visible;
	opacity: 1;
	display: block;
	transition: .3s opacity;
}
/* -- MULTI-BUTTON -- */


/* MY-SLIDER (UNSLIDER) */
.my-slider img {
	width: 100%;
}
.unslider .unslider-arrow {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 100;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: rgba(150,150,150,.85);
	text-indent: 9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 7px 11px;
	background-position: 50% 50%;
	transition: .2s;
}

.unslider .unslider-arrow:hover {
	background-color: rgba(100,5,5,1);
}
	
.unslider .unslider-arrow.next {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==);
}
.unslider .unslider-arrow.prev {
	transform: translateY(-50%) rotate(-180deg); /* need both transforms here */
	-webkit-transform: translateY(-50%) rotate(-180deg); /* need both transforms here */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
}


.unslider-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.unslider-nav ol li {
	border: 1px solid #600;
	width: 10px;
	height: 10px;
	border-radius: 6px;
}
.unslider-nav ol li.unslider-active {
	background: #600;
}

/* SLIDER */
.slider {
	/*text-align: center;*/
	position: relative;
	overflow: hidden;
	max-width: 800px;
	vertical-align: top;
	margin: 0 0 1.5em 0;
	padding: 20px;
	box-sizing: border-box; /* critical here */
	transition: opacity .7s ease-in-out, transform .5s ease-in-out;
	-webkit-transition: opacity .7s ease-in-out, transform .5s ease-in-out;
	/* Set opacity using javascript so we can skip on mobile */
	/*opacity: 0;*/
}

.slider.slow {
	transition: .9s ease-in-out;
	-webkit-transition: .9s ease-in-out;

}
.slider li {
	list-style-type: none;
	padding-bottom:15px;
}

.slider.box:before {
	content: "";
	position: absolute;
	border: 1px solid #bba;
	top: 16px;
	left: 16px;
	bottom: 16px;
	right: 16px;
}
.slider.hidden {
	transform: translate3d(0,20px,0);
	opacity: 0;
}

/* -- END SLIDER -- */

/* scrollFade */
.scrollFade {
	transition: .6s opacity ease-in-out;
	opacity: 1;
	visibility: visible;
}
.scrollFade.hidden {
	opacity: 0;
	visibility: hidden;	
}


.mt-new-content-box {
	background-color: #fff;
	padding: 4em;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}

.mt-new-content-box .image {
	display: inline-block;
	width: 40%; 
	background-size: cover;
	background-position: 50% 50%;
	min-height: 25px;
}

.mt-new-content-box .copy {
	display: inline-block;
	width: 60%;
	padding: 4em 3em;
}
	
	
/******* Page-Specific ********/

/* Winetasting */

.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	/*align-items: stretch;
	align-content: flex-start;*/
}
.boxes {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: stretch;
	/*width: 31%;*/
	/*flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;*/
	
	flex: 0 1 400px;
	-webkit-flex: 0 1 400px;
	flex: 1 1 400px;
	-webkit-flex: 1 1 400px;
	
	margin-left: 3%;
	
	
	
}
.boxes:first-child {
	margin-left: 0;
}
.boxes .image {
	position: relative;
	background-size: cover;
	background-position: 50% 50%; 
}
.boxes .image:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.boxes .image .title {
	position: absolute;
	bottom: 0;
	background-color: rgba(10,5,2,.85);
	left: 0;
	right: 0;
	color: #fff;
	letter-spacing: .04em;
	text-shadow: 0 0 4px #000;
	padding: 1em 1.2em;
	font-family: "Marcellus";
	font-size: .86em;
	
}
.boxes .copy {
	background-color: rgba(255,255,255,1);
	font-size: .9em;
	padding: 15px 1em;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: 1px solid #ddd;
	flex-grow:1; /* ensure height */
}
.boxes .copy .description {
	/*flex-grow: 1; /* ensure height */
	margin-bottom: auto;
}
.boxes .copy .details {
	margin-top: 15px;
	padding-top: 5px;
	color: #400;
	background-color: #fff;	
}




/* CONTACT */

.contact p {
	margin: 0 auto 1em auto;
	overflow: hidden;
	padding: 0 ! important; /* override img-alternating-text padding */
}
.contact .form-left {
	float: left;
	width: 20%;
	min-width: 100px;
	text-align: left;
	clear: both;
	
}
.contact .form-right {
	float: left;
	width: 60%;
	min-width: 200px;

}

#form-messages {
	text-align: center;
	display: inline-block;
	padding: 4px 7px;
	border-radius: 6px;
	margin: 10px;

}
#form-messages.success {
	color: #060;
	
	border: 1px solid #060;
}

#form-messages.error {
	color: #c00;
	
	border: 1px solid #C00;
	
}






.quote {
	/*font-family: Halant;*/
}
.quote .name {
	display: block;
	
	font-weight: 600;
	padding-top: .5em;
	
}

.testimonial, .accolade {
	width: 100%;
	color: #222;
	background-color: rgba(255,255,250,1);
	display: inline-block;
	/*box-shadow: 0 0 15px 8px rgba(33,33,40,.3);*/
	text-align: left;
	/*margin: 15px;*/

}
.accolade > h4 {
	text-align: center;
}
.testimonial p {
	padding-bottom:.8em;
}
.masonry-container {
	/*background-color: rgba(0,0,22,.4);
	padding: 40px;*/
	

}
.masonry {
	-moz-column-count: 3;
	-moz-column-gap: 2em;
	-webkit-column-count: 3;
	-webkit-column-gap: 2em;
	column-count: 3;
	column-gap: 0em;
	width: 100%;
	list-style-type: none;
	/*margin-bottom: 40px;*/
}
.masonry > li {
	padding: 0;
	margin: 0;
	iiwidth: 90%;
	padding: 0 .75em;
}
.masonry li:first-child div { /* Make the first entry always visible */
	opacity: 1 ! important;
}
.masonry p {
	padding: 0;
}

.masonry_ltr {
	display: flex;
	flex-flow: column wrap;
	max-width: 100%; 
}
.masonry_panel {
	overflow: hidden;
	width: 33.3%;
}
.masonry_panel_content {
	margin: 1em;
	padding: 0;
	width: auto;
	display: block;
}
.masonry_panel_content p {
	padding-bottom: 0;
	margin-bottom: 0; /* override C7 */
}

.masonry_panel_content .contentBlock {
	padding: 1em;
}

.masonry_panel_content img.bottle {
	padding: .25em 1em 1em 0;
	float: left;
	width: 13%;
}
.masonry_panel_content .accoladePoints {
	background-color: #990011;
	background-color: #111;
	color: #fff;
	font-family: Marcellus;
	text-align: center;
	clear: left;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	text-align: center;
	
}


.masonry_panel_content .accoladePoints .points {
	background-color: #990011;
	color: #fff;
	font-family: Marcellus;
	text-align: center;
	clear: left;
	padding: 1em;
	float: left;
	line-height: 1em; /* vertically center points if attribution wraps) */
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	align-self: stretch;
	-webkit-align-self: stretch;
}

.masonry_panel_content .accoladePoints .attribution {
	text-align: center;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	padding: 0.25em;
}

/* MAP-DIRECTIONS */
#MT_Map {
	margin: 0 auto;
	/*width: 100% ! important;*/
	height: 100%;
}
/* SLIDE PAGE STATUS AREA */

#slideStatusContainer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	height: 60px;
	z-index: 99;
	width: auto;
	padding-left: 20px;
	transition: .5s opacity;
	background-color: rgba(0,0,0,.95);
}
#slideStatusContainer.active {
	background-color: rgba(6,0,0,.95);
	
}
#slideStatusContainer.scrollable {
	position: absolute;
}
#slideStatusContainer .material-icons  {
	color: #fff;
	cursor: pointer;
	font-size: 30px;
}
#slideControl, #slideStatus {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	color: #fff;
	text-shadow: 0 0 8px rgba(0,0,0,.3);
	font-size: .9em;
	padding-right: 15px;
	font-family: Marcellus;
	transition: .25s;
}

#slideControl #slideShowPlay .material-icons {
	display: none;
}
#slideControl.paused #slideShowPlay .material-icons {
	display: inline-block;
}
#slideControl.paused #slideShowPause .material-icons {
	display: none;
}


/* WINETASTING */

.unslider-container {
	width: 75%;
	max-width: 1300px;
	margin: 0 auto;
	padding-bottom: 1em;
}
.unslider-wrap {
	padding-bottom: 55% ! important;

}
ul.contact-phone-block {
	margin: 20px 0;
}
.contact-phone-block li {
	padding: .5em 0;
}
.contact-phone-block li:before {
    content: "\0BB \020";
    color: #C83;
}

/* EVENTS */

p.event, p.item {
	padding-bottom: 2.5em;
		line-height: 1.8em;
	/*font-size: 1.1rem;*/
}
p.item.left-aligned {
	text-align: left;
}
p.event.activeSlideshow {
	color: #f7d567;
}
p.event.activeSlideshow > a > .material-icons {
	color: #f7d567;
}

p.event.activeSlideshow > a.slideShowFilter > .material-icons {
	display: none;
}
p.event > a.slideShowCancelFilter > .material-icons {
	display: none;
}
p.event.activeSlideshow > a.slideShowCancelFilter > .material-icons {
	display: inline;
}

.fullscreen-list {
	color: #fff;
	text-shadow: 0 0 8px rgba(0,0,0,1);
} 
.fullscreen-list h2.heading {
	color: #fff;
}

.slideShowFilter .material-icons, .slideShowCancelFilter .material-icons  {
	color: #fffff4;
	cursor: pointer;
	font-size: 30px;
}


/* Story */

.flex-container-wrapper { /* IE 11 fix to let flex items expand into container */
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	
}
.img-alternating {
	min-height: 500px;
	margin: 0 auto;
	overflow: hidden;
	align-items: stretch;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	width: 100%;
	max-width: 2000px; /* 1000px for text, 1000px for image */
}

.img-alternating.reverse {
	-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
	flex-direction: row-reverse;
}

.img-alternating-text {
	width: 50%;
	max-width: 1000px;
	vertical-align: middle;
	-webkit-align-self: center;
	align-self: center;
	padding: 5em 0;
}
.img-alternating-text p {
	padding: .5em 40px;
	padding: .5em 15%;
	line-height: 1.8em;
}
.img-alternating-image {
	overflow: hidden;
	width: 50%;
	min-height: 400px;
	
	background-size: cover;
	background-position: 50% 50%;
	
}



/* Allocation Lists */
#allocation-list-container a.button {
	align-self: center;
}

.allocation-image-container {
	float: right;
	width: 50%;
	padding: 0 0 3px 30px;
	line-height: 0;
	margin-right: -50px;
}
.allocation_thumbnail {
	width: 100%;
	float: right;
}
.allocation-image-container p.caption {
	font-style: italic;
	float: right;
	font-size: .86em;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: normal;
	color: #555;
}

.article-container #join p.heading {
	padding-bottom: 0;
}



.header.fullwidth {
	font-size: 2em;
	padding-top: 1.5em;
}
ul.p-table {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	padding-bottom: 1em;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-left: 0 ! important; /* override article ul margin */
	padding-left: 0; /* override C7 */
}
ul.p-table.columns {
	flex-direction: column;
	-webkit-flex-direction: column;
	padding-bottom: 0;
	padding-top: .5em;
}
ul.p-table ul {
	margin-left: 0; /* override article ul margin */
}
ul.p-table li {	
	text-align: center;
	flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	
	flex: 1 1 0;
	-webkit-flex: 1 1 0;
	
	margin: 1em;
	border-radius: 5px;
	padding-bottom: 0;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

ul.p-table.columns li {
	text-align: left;
	margin: 0.5em 1em;
}
ul.p-table li h2.title {
	background: rgb(18, 28, 34);
	color: #fff;
	border-radius: 5px 5px 0 0;
	padding: 1em;
	font-size: 1.2em;
	margin-bottom: 0;
}
ul.p-table li .bottom {
	padding: 1em;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-radius: 0 0 5px 5px;
}
ul.p-table p {
	/*padding-bottom: 0;*/
	margin-bottom: 0;
}
	
ul.p-table .body {

	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1em;
	border-bottom: 1px dotted #999;
}
ul.p-table a.button.join {
	/*
	padding: .35em 1.5em;
	background-color: transparent;
	border: 1px solid #777;
	border-radius: 36px;
	margin: .75em;
	transition: .2s;
	font-family: inherit;
	line-height: 1em;
	color: #000;
	*/
}
ul.p-table a.button.join:hover {
	background-color: #ae0000;
	/*border: 1px solid #900;*/
	color: #fff;
}


ul.p-table .text {
	padding-bottom: 2em;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}
ul.p-table .text b.heading {
	font-size: 1.1em;
	padding-bottom: 1em;
	display: block;
}
ul.p-table div.image {
	width: 80%;
	float: none;
	margin: 0 auto;
}
ul.p-table.images div.image {
	padding-bottom: 66%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

ul.p-table.images div.caption {
	padding: .25em;
	color: #333;
	font-style: italic;
	font-size: .8em;
}


.content.nopadding p:last-child {
	padding-bottom: 0;
}

@media (max-width: 990px) {
	.header.fullwidth {
		font-size: 1.8em;
		padding-top: .4em;
		padding-bottom: .5em;
	}
}
@media (max-width: 768px) {
	.header.fullwidth {
		font-size: 1.6em;
		padding-top: 0;
	}
	
	ul.p-table {
		flex-direction: column;
		
	}
	ul.p-table li {
		max-width: 450px;
		margin: 1em auto;
		/*width: 100%;*/
		/* Fix iOS9- bug that doesn't handle flex-shrink properly */
		flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
	}
	ul.p-table.images li {
		width: 100%;
	}

}







/* Accolades */

.accolade {
	/* See .testimonial, .accolade */
}
.accolade.general {

}	

.accolade > div {
	padding: .5em;
}	
h4.accolades_wine_name {
	font-weight: 600;
	text-align: center;
	padding-bottom: .75em;

}
.accolades_wine_name a {
	color: #901;
	transition: .3s;
}


.accolades_wine_name a:hover{
	color: #f00;
}


.background {
    background-repeat:no-repeat;
    background-position:50% 50%;
	background-size: cover;
	
}



.background.fixed, .background.fixed-right-content {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* z-index has to be lower than .article-container-blur (-1) */
	z-index: -2;
}

.background.fixed.partial-height {
	bottom: 22%;
}

#coverOverlay {
	/* This should be inside the "fixed" cover div.*/
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99; /* under Nav */
	background-color: #000;
	transition: visibility .5s, opacity .5s;
	opacity: 1;
	visibility: visible;
}
#coverOverlay.hidden {
	opacity: 0;
	visibility: hidden;
}

.full-screen.fixed-right-content:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: -5;
	background-image: linear-gradient(to right, transparent 40%, rgba(0,0,0,.6) 72%);	
}

.slideContainer, .slideContainerPlaceholder {
	height: 0;	
}
.slideContainer:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0;
    z-index: -20;
    background-color: #111106;
}

.slideArrow {
	cursor: pointer;
	position: absolute;
	z-index:100;
	top: 48%;
	left: 2%;
	width: 3em;
	height: 3em;
	border-radius: 1.6em;
	background-color: rgba(0,0,0,.6);
	color: #FFF;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	transition: .3s;
	box-shadow: 0px 0px 7px rgba(255,255,255,.3);
}
.slideArrow.next {
	left: auto;
	right: 2%;
}
.slideArrow:hover {
	background-color: #E7C874;
	color: #222;
	box-shadow: none;
}
.slideArrow .material-icons {
	font-size: 3em;
	vertical-align: baseline;
	margin-left: -2px;
}
.slideArrow.next .material-icons {
	margin-left: 0;
	margin-right: -2px;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
	/* new 1/15 */
	visibility: hidden;
	
    z-index: -2;

    /*-webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;*/
	
	-webkit-transition:  2s;
    -moz-transition:  2s;
    -o-transition:  2s;
    transition:  2s;
}

.showing {
    opacity: 1;
	visibility: visible;
	
    z-index: -1;
}




/* content centering styles */
.content-a {
	width:100%;
    height:100%;
    overflow:hidden;
	position: absolute;
	top: 0;
	z-index: 50;
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
	transition: opacity .5s;
	
	background-color: rgba(0,0,0,.3);
	font-family: 'IM Fell English', serif;
	font-size: 2.3em;
	color: rgba(255,240,200,1);
	color: rgba(255,245,230,1);
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	transition: .2s;
	
}

.content-b.inactive {
	background-color: rgba(0,0,0,0);
}
.content-b .title-banner {
	width: 60%;
}











/* ActionContainer/Box */

.actionContainer {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	padding: 20px 40px;
}
.actionContainer .actionBox {
	display: inline-block;
	margin:  0 3% 0px 3%;
	width: 40%;
	padding-bottom: 30%;
	iimax-width: 300px;
	iiborder: 1px solid #222;
	background-color: #eee;
	color: #151515;
	iimin-height: 250px;
	position: relative;
}
.actionBox p {
	cursor: pointer;
	background-color: rgba(50,45,60,.3);

	width: 100%;
	height: 100%;
	color: #eee;
	font-size: 1.5em;
	font-family: Marcellus;
	position: absolute;
	bottom: 0;
	top: 0;
	transition: .2s;
	padding: 0;
	z-index: 10;
}


.actionBox p:hover {
	background-color: rgba(60,33,33,0);	
	color: #fff;
	transition: .4s;
}

.actionBox p:hover .caption {
	background-color: rgba(20,0,0,.9);	
	color: #fff;
	
}



.actionBox .caption {
 color: #ccc;
 transition: .4s;
 background-color: rgba(0,0,0,.3);
 background-color: rgba(0,0,0,.8);	
 font-size: .8em;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  padding: 15px;
 
  ii-webkit-transform: translateY(-47%);
  iitransform: translateY(-47%);
  
}




/* People */

.people {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 2% 0;
}

.people-image-container {
	position: relative;
	width: 39%;
	padding-bottom: 38%;
	background-size: cover;
	background-position: 50% 0%;
}
.people.right-image .people-image-container {
	float: right;
}

.people.left-image .people-image-container {
	float: left;
}
.people-flag {
	z-index: 1;
	bottom: 0;
	position: absolute;
	color: #ddc;
	font-family: Marcellus;
	font-size: 1em;
	text-shadow: 1px 1px 1px #000;
	padding: 1em;
	letter-spacing: .1em;
}
.people-flag .title {
	font-size: .9em;
	padding-top: 5px;
}
.people.right-image .people-flag {
	/* Left-aligned flag */
	left: -20px;
	bottom: 0px;
	padding-right: 100px;
	background: transparent linear-gradient(to right, rgba(30, 8, 10, 1) 33%, transparent 100%); 
}
.people.left-image .people-flag {
	/* right-aligned flag */
	bottom: 0px;
	right: -20px;

	padding-left: 100px;
	text-align: right;
	background: transparent linear-gradient(to left, rgba(30, 8, 10, 1) 33%, transparent 100%); 
}	

.people-bio-container {
	width: 57%;
	position: relative;
}
.people-bio-container.scrollable {
	max-height: 458px;
	
	padding: 0 20px;
}
.people-bio-container .header {
	font-size: 1.2em;
	margin-bottom: 1em;
	font-family: Marcellus;
	color: #222;
	font-weight: normal;
}
.right-image .people-bio-container {
	float: left;
}
.left-image .people-bio-container {
	float: right;
}
.people-bio-copy {
	position: absolute;
	top: 0;
	bottom: 40px;
	left: 0;
	right: 0;

}

#animals {
	border-top: 1px solid #999;
	max-width: 1200px;

	margin: 0 auto;
	margin-top: 4em;
	padding-top: 4em;
	
	

	
}
#animals .people {
	max-width: 600px;
	padding: 2em;
	/*flex: 1 1 0;*/
}
#animals .people-flag {
	font-size: .75em;
	line-height: 1em;
	margin-bottom: .5em;
	top: 100%;
	bottom: auto;
	background: rgba(30, 8, 10, 1);
	left: auto;
	padding-right: 0;
	width: 100%;
}
#animals .people-image-container {

}

.more-overlay {
	cursor: pointer;
	transition: .3s;
	height: 40px;
}
.more-overlay .material-icons {
	font-size: 40px;
	line-height: 40px;
}
.more-overlay.right {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    text-align: left;
    line-height: 166px;
    padding-left: 30px;
    color: #900;
}
.more-overlay.more {
	background: transparent linear-gradient(to top, rgba(255,255,255, 1) 50%, transparent 100%) repeat scroll 0% 0%;
}
.slideup {
	opacity: 0;
	visibility: hidden;
	transition: .8s ease-in-out;
}
.slideup.revealed {
	opacity: 1;
	visibility: visible;
	transform: translateY(-20px);
}



/* TRADE */

#trade_wine_fact_sheet_container {
	width: auto;
	iidisplay: inline-block;
	margin-bottom: 30px;
}
#trade_wine_fact_sheet_container .wine-series {
	margin-bottom: 2em;
}
#trade_wine_fact_sheet_container .wine-series b.series-name {
	display: block;
	border-bottom: 1px dotted #666;
	margin-bottom: .5em;
}
#trade_wine_fact_sheet_container .n-a {
	font-size: .7em;
	color: #777;
}
.expanding_list_sign {
	margin-left: 0em;

	padding-left: 10px;
	font-size: .8em;
	cursor: pointer;
	transition: .2s;
}
.expanding_list_sign.hidden {
	display: none;
}
.expanding_list_sign i.material-icons {
	vertical-align: text-bottom;
}

.expanding_list {
	margin-bottom: 1em;
}
p.trade_wine_fact_sheet  {
	width: auto;
	overflow: hidden;
	padding-left: 15px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: .25em;
	padding: 5px 10px;
}


p.trade_wine_fact_sheet:hover  {
	background-color: rgba(255,255,255,.3);
}

	
p.trade_wine_fact_sheet .wine_name {
	min-width: 350px;
	flex-grow: 2;
	-webkit-flex-grow: 2;
}

p.trade_wine_fact_sheet .actions {
	font-size: .86em;
	vertical-align: bottom;
	padding-left: 30px;
}
p.trade_wine_fact_sheet .actions .separator {
	padding-left: .5em;
	padding-right: .5em;
	font-size: .7em;
	color: #666;
}
	
.thumbnail-container {
	
	text-align: center;
}
.thumbnail {
	width: 200px;
	height: 200px;
	text-align: center;
	display: inline-block;
	margin: 2px;
	overflow: hidden;
	border: 1px solid #888;
	line-height: 0;
}


/* Wine-Lists */
.region {
	padding-bottom: 50px;
	transition:1s;
}

.article.right-column .region h3.heading {
	color: #888;
	transition: .5s;
}
.article.right-column .region.active h3.heading {
	color: #fff;	
}