@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: Georgia, serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	}
	
	body.home {background: #000 url(../images/homeBk.jpg) center top/cover fixed no-repeat;}
	
	body.history {background: #000 url(../images/historyBk.jpg) center top/cover fixed no-repeat;}
	
	body.lescollines {background: #000 url(../images/lesCollinesBk.jpg) center top no-repeat;}
	
	body.tastings {background: #000 url(../images/tastingBk.jpg) center top no-repeat;}
	
	body.gallery {background: #000 url(../images/galleryBk.jpg) center top no-repeat;}
	
	body.mailingList {background: #000 url(../images/mailingListBk.jpg) center top no-repeat;}
	
	body.wines {background: #000 url(../images/winesBk.jpg) center top/cover fixed no-repeat;}

a img {border: none;}

#topBar {
	width: 100%;
	height: 16px;
	background: #000;
	position: relative;
	box-shadow: 0 2px 8px rgba(0,0,0,.67);
	}

#wrapper {
	width: 1280px;/*1031px*/
	margin: auto;
	max-width: 100%;
	}

#head {
	position: relative;
	z-index: 100;
}

#head:after {
	content: '';
	display: table;
	clear: both;
}

#logo {
	float: left;
	margin: -3px 0 0 50px;
	position: absolute;
	z-index: 100;
	}

	#logo img { max-width: 154px; }

#mobileMenu { display: none; background: transparent; color: #fff; font-weight: bold; border: 1px solid #fff; float: right; padding: 10px 20px; text-transform: uppercase; margin: 20px 2.5% 0 0; }
#mobileMenu:hover { background: rgba(255,255,255,.2); }

#nav {
	height: 105px;
	position: relative;
}

	#nav ul {
		list-style: none;
		margin: 0 0 0 320px;/*200px*/
		}

		#nav ul:after { content: ''; display: block; clear: left; }
		
		#nav li {float: left;}
			
			#nav a {
				text-decoration: none;
				color: #fff;
				text-transform: uppercase;
				text-align: center;
				font-size: .5em;
				width: 100%;
				display: inline-block;
				font-family: Georgia;
				letter-spacing: 1.25px;
				}

	#nav .memberLogin {
		position: absolute;
		top: 0;
		right: 0;
		color: #be9551;
		font-size: 16px;
	}

	#nav .memberLogin a {
		/* text-decoration: underline; */
		font-size: 20px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'Times New Roman', Georgia, serif;
		/* color: #be9551; */
	}

#mainHolder {
	/*border: 1px solid #a6927e;
	padding: 13px;*/
	}

#main {/*border: 1px solid #a6927e;*/}
	
	#main.home {min-height: 757px;}

	.lescollines #main { margin-top: 270px; }

	/* .wines #main, .lescollines #main { background: url(../images/focusLines.png) 10px 65px no-repeat; } */

a {
	color: #fff;
	text-decoration: none;
}

	a.btn {
		border: 2px solid #111;
		color: #111;
		text-transform: uppercase;
		padding: 0 6px;
		margin-top: 10px;
		display: inline-block;
		text-shadow: 0px 1px 10px #ce9c4d;
		transition: .3s background;
	}

	a.btn:hover, a.btn:focus {
		background: #fff;
		background: rgba(255,255,255,.7);
	}
		
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight: normal;
	font-size: 1.39em;
	letter-spacing: 2px;
	margin: 40px 0 25px 70px;/*20px 0 25px 70px*/
	padding-top: 20px;
	clear: both;
}

	.wines h1, .tastings h1, .history h1 {/*color: #acaba9;*/ clear: both; font-size: 1.5em;  }

	.headlineLink { float: right; color: #be9551; font-size: 14px; text-decoration: underline; font-weight: bold; margin-right: 118px; }

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight: normal;
	font-size: .782em;
	letter-spacing: 1px;
	margin: -22px 0 0 88px;
}

	.wines h2 {color: #acaba9;}

h3 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: .75em;
	color: #fff;
	float: right;
	margin: 125px 10px 0 0;
	letter-spacing: 2px;
}

	.wines h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0 0 10px;
		float: none;
		/* color: #be9551; */
		font-size: 1.25em;
	}

h4 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin: 0;
	font-size: 1em;/*.75em*/
	letter-spacing: 3px;/*1px*/
	font-weight: normal;
	color: #dadada;
}

.tastings h4 {margin-bottom: 14px;}

#text {color: #fff;}

	#text p {
		margin: 0;
		font-size: .661em;
		line-height: 1.75em;
		letter-spacing: 1px;
	}

.history #text {
	/*background: url(../images/historyTextBk.png) no-repeat 0 0;*/
	/*background: url(../images/focusLines.png) no-repeat 0 0;*/
	/*height: 375px;
	width: 375px;*/
	margin: 10px 0 0 37px;/*0 0 0 71px*/
	float: left;
}

.lescollines #text {
	/*background: url(../images/lesCollinesTextBk.png) no-repeat 0 0;*/
	/*background: url(../images/focusLines.png) no-repeat 0 0;*/
	/*height: 410px;
	width: 371px;*/
	margin: 10px 0 0 37px;/*109px 16px 0 0*/
	float: left;/*right*/
	text-shadow: 0 0 8px rgba(0,0,0,.75);
}

.tastings #text {
	/*background: url(../images/focusLines.png) no-repeat 0 0;
	height: 236px;
	width: 369px;*/
	margin: 10px 0 0 0;/*10px 0 0 37px*/
	float: left;
}

.mailingList #text {
	background: url(../images/mailingListTextBk.png) no-repeat 0 0;
	height: 269px;
	width: 495px;
	float: right;
	margin: 28px 65px 0 0;
}

.wines #text p {
	line-height: 1.5;
}

#vintageCarousel {
	max-width: 330px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

#vintageCarousel .owl-item {
	text-align: center;
}

#vintageCarousel a {
	font-size: 20px;
	line-height: 80px;
	font-weight: bold;
}

#vintageCarousel .owl-item.active.center a {
	font-size: 36px;
}

#vintageCarousel a.disabled {
	opacity: .3;
	pointer-events: none;
	cursor: pointer;
}

#winesContainer {
	overflow: visible !important;
	padding: 40px 0;
}

.vintageContainer {
	width: 100%;
}

.vintage {
	width: 100%;
	display: flex;
	justify-content: center;
}

.bottle {
	text-align: center;
	padding: 20px;
	position: relative;
}

.bottle a {
	color: #d0af6b;
	font-weight: bold;
}

.tastingNotes {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 300px;
	box-shadow: 0 10px 45px rgba(0,0,0,.7);
	max-height: 90%;
	overflow-y: auto;
	display: none;
}

.tastingUpper {
	background: #fff;
	/* padding: 10px 30px; */
}

.tastingUpper:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: url('../images/2023/close.png') no-repeat center/cover;
	opacity: .2;
	cursor: pointer;
}

.tastingLogo img {
	width: 80%;
}

.tastingText {
	background: #fff;
	background: rgba(255,255,255,.9);
	color: #111;
	padding: 25px 30px;
	text-align: left;
}

.tastingText h3 {
	font-weight: normal;
	color: #111;
	text-align: center;
	letter-spacing: 0;
	margin: 0 0 15px;
}

.tastingText h3 span { display: block; }
.tastingText .year { font-size: 20px; }
.tastingText .type { font-size: 30px; }
.tastingText .region { font-size: 16px; }

.tastingText h4 {
	text-transform: uppercase;
	color: #555;
	letter-spacing: 5px;
	text-align: center;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 5px;
}
/* 
#text .tastingText p, .tastingText ul {
	font-size: 14px;
} */

.tastingText ul {
	list-style: none;
	padding: 0;
	font-size: .661em;
	line-height: 1.5;
}

.wines #winesContainer .text {
	/* float: left;
	margin-top: 10px; */
}

.wines #winesContainer .text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: .875em;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 10px;
}

#wineSelectorContainer { display: none; }

#wineSlideContainer {
	width: 718px;/*664px*/
	background: url(../images/wineSliderBk.png) 0 12px repeat-x;
	margin: 0 auto 4px;/*0 0 4px 220px*/
	position: relative;
}

	#wineSlideContainer ul {
		list-style: none;
		padding: 0;
		margin: 0 0 0 28px;
		position: absolute;
		top: 16px;
	}
	
	#wineSlideContainer li {
		float: left;
		margin-right: 25px;
	}

		.ie #wineSlideContainer li {
			margin-right: 24px;
		}
	
		.ie7 #wineSlideContainer li {
			margin-right: 26px;
		}
		
		.ie9 #wineSlideContainer li {
			margin-right: 24px;
		}
	
	#wineSlideContainer a {
		color: #fff;/*#533714*/
		font-size: .7em;
		letter-spacing: 1px;
		font-weight: bold;
		/*text-shadow: 0 0 1px rgba(255,255,255,.7);*/
		font-family: Arial, Helvetica, sans-serif;
	}
	
		#wineSlideContainer a:hover {
			text-shadow: 0 0 5px rgba(255,255,255,.7);
		}
		
	#wineSlideContainer .sel a {
		color: #533714;
	}

#wineSlider {
	width: 638px;/*584px*/
	height: 28px;
	padding: 12px 0;
	background: url(../images/wineSliderBk.png) 0 12px repeat-x;
	position: relative;
	margin: auto;
}

	#wineSlider .ui-slider-handle {
		width: 48px;
		height: 52px;
		display: block;
		background: #fff;
		position: absolute;
		top: 0;
		margin-left: -24px;
		opacity: .75;
	}

#mainText {
	width: 175px;
	margin: 25px 0 0 18px;
	float: left;
}

#mainText2, #mainText3 { float: left; width: 175px; margin: 0 0 0 30px; }

.history #text p, .lescollines #text p { font-size: 1em; letter-spacing: 0; }

.history #mainText {
	/*height: 325px;*/
	margin: 0 0 0 34px;
	overflow-y: hidden;
	width: 360px;/*206px*/
}
.history #mainText2, .history #mainText3 { 
	margin-top: 0;
	width: 350px;
}

.lescollines #mainText {margin-top: 0;/*100px*/ margin-left: 34px; width: 350px;/*220px*/ }
.lescollines #mainText2, .lescollines #mainText3 { /*margin-top: 20px;100px*/ width: 350px; }

	.lescollines #mainText p, .lescollines #mainText2 p {line-height: 1.9em;}
	
.tastings #mainText { margin: 0 0 0 30px; float: none; width: 470px;/*230px*/ }

.mailingList #mainText {
	margin: 18px 0 0 56px;
	width: 154px;
}

	.mailingList #mainText p {
		letter-spacing: 1px;
		font-size: .6em;
		margin-top: 16px;
	}

#rightUpperText {float: right;}

	#rightUpperText p {
		font-size: .563em;
		line-height: 2.4em;
	}

	.lescollines #rightUpperText {
		width: 120px;
		margin: 50px 38px 20px 0;
	}

	.history #rightUpperText a {
		display: block;
		font-size: .625em;
		text-align: center;
		margin: 29px 59px 35px 0;
	}
	
	.tastings #rightUpperText { float: none; margin: 40px 0 0 30px; }

	.tastings #rightUpperText a {
		display: block;
		font-size: .661em;
		letter-spacing: 1px;
		/*text-align: center;
		margin: 29px 50px 35px 0;*/
	}
	
		.tastings #rightUpperText span {
			margin-bottom: 10px;
			display: block;
		}
		
	.mailingList #rightUpperText {
		width: 220px;
		margin: 20px 20px 0 0;
		min-height: 150px;
	}

#rightLowerText {
	float: right;
	width: 124px;
}

	#rightLowerText p {
		font-size: .563em;
		line-height: 2.4em;
	}

	.history #rightLowerText {margin-right: 40px;}
	
	.lescollines #rightLowerText {margin: 0 38px 0 0;}
	
	.lescollines #rightLowerText p {margin: 0 4px 0;}
	
	.tastings #rightLowerText {
		/*width: 240px;*/
		margin: 30px 0 0 30px;/*120px 0 0 30px*/
		width: auto;
		float: none;
	}
	
		.tastings #rightLowerText span {
			/*margin-left: 14px;*/
			display: inline-block;
		}
		
		.tastings #rightLowerText .indent {
			/*margin-left: 104px;*/
			/*font-size: .5em;*/
		}

		/* .tastings #rightLowerText p { font-size: .661em; } */

		.tastings h1 { margin: 60px 0 10px 30px; }
		.tastings #text p { font-size: 1em; }
		.tastings #rightLowerText p { line-height: 1.5; }
			
	.mailingList #rightLowerText {
		clear: right;
		width: 230px;
		margin: 30px 8px 0 0;
		letter-spacing: 2px;
		font-size: 1.2em;
	}
		


	
#homeBottles { text-align: center; }
	
#homePromo {
	margin: 85px 0 -50px -100px;
	width: 1480px;
}
#homePromo img {
	width: 100%;
}
	
#footer {
	font-size: .85em;/*.65*/
	/* border: 1px solid #a6927e; */
	margin: .5em auto;
	/* background: rgba(0,0,0,.5); */
	position: relative;
	}

	#footer ul {
		list-style: none;
		color: #fff;
		margin: .5em 0;
		padding: 0;
		}
		
		#footer li {
			float: left;
			margin-right: 1em;/*4em*/
			letter-spacing: 1px;
			text-shadow: 0 1px 1px rgba(0,0,0,.75);
			}

#ribbon {
	width: 100%;
	height: 133px;
	background: url(../images/ribbonBk.png) repeat-x 0 0;
	position: absolute;
	top: 442px;
	overflow: hidden;
	}
	
	#ribbon img {
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -745px;
		}
	
.clear {clear: both;}
	
.mailingList label {
	float: left;
	letter-spacing: 1px;
}

.mailingList input {float: right;}

.mailingList label, .mailingList input {
	font-size: .7em;
	margin: 0;
	padding: 0;
}

.gallery #main {position: relative;}

.gallery h1 {
	/* position: absolute; */
	z-index: 30;
	text-shadow: 0 1px 1px #000;
	display: block;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 1.5em;
}

#galleryContainer {
	position: relative;
	width: 1480px;/*100%*/
	margin: -155px 0 -60px -100px;
}

#galleryContainer img { max-width: 100%; height: auto; }

#galleryThumbContainer {
	/*height: 50px;256*/
	width: 80%;/*90%*/
	padding: 0 0 10px;
	/* background: url(../images/galleryThumbBk.png) 0 0 no-repeat; */
	position: absolute;
	bottom: 57px;
	right: 10%;/*0*/
}

/*#galleryThumbs {
	position: absolute;
	left: 46px;
	bottom: 17px;
	width: 800px;
}

#galleryThumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#galleryThumbs li {
	float: left;
	margin: 0 10px;
}*/
#galleryThumbs {float: left; width: 92%; position: relative; box-sizing: border-box; padding: 0 30px; margin: 0 4%; }

#galleryThumbs img { height: auto; }

#galleryThumbs li {
	margin: 0 9px 0;
}

.owl-prev, .owl-next {
	background: url(../images/2019/galleryControls.png) 0 -70px no-repeat;
	height: 64px;
	width: 16px;
	display: block;
	padding: 7px 2px 8px;
	overflow: hidden;
	text-indent: -999em;
	position: absolute;
	top: 0;
}

.owl-prev {
	/*float: left;
	margin-right: 4px;*/
	left: 0;
}

.owl-next {
	background-position: 4px 14px;
	/*float: left;
	margin-left: 4px;*/
	right: 0;
}

.history .ui-widget-overlay {
	background: rgba(0,0,0,.75);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.ui-dialog {
	position: absolute;
}

.hidden {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
}


button {
    -webkit-transition-duration: .5s;
       -moz-transition-duration: .5s;
        -ms-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s;
    }

@media only screen and (max-width: 1480px) {
	#homePromo {
		margin: 85px 0 0;
		width: auto;
	}

	#galleryContainer {
		margin: 50px auto 34px;
		width: 100%;
	}

	#footer ul { padding-left: 10px; }
}

@media only screen and (max-width: 1300px) {
	.vintage {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1050px) {
	#mobileMenu { display: block; position: relative; z-index: 100; text-shadow: 0 0 25px #111; }
	#nav { height: auto; display: none; background: rgba(0,0,0,.9); position: absolute; width: 100%; z-index: 90; }
	#nav ul { margin: 0; padding: 40px 0; }
	#nav li { float: none; width: 300px; margin: 0 auto; }
	#nav img { float: left; }
	#nav br { display: none; }
	#nav a { text-align: left; font-size: 1em; }
	#nav a span { margin: 30px 20px; float: left; }
	#nav .memberLogin { position: static; display: block; margin: 0 auto 40px; text-align: center; }
	#nav .memberLogin a { text-align: center; }

	#wrapper { width: 100%; }
	#homeBottles img { max-width: 100%; }
	#homePromo img { height: auto; }

	#ribbon { top: 40vw; }

	/* .wines #winesContainer img { width: 68%; }
	.wines #winesContainer .text { width: 32%; } */

	.headlineLink { margin-right: 0; }

	#main { margin-top: 100px; }
	#main.home { margin-top: 0; }
}

@media only screen and (max-width: 860px) {
	#head { position: absolute; width: 100%; top: 15px; }
	#logo { margin: 0 0 0 2.5%; position: relative; z-index: 100; }

	#homeBottles { margin: 0 100px; }

	#ribbon { top: 38vw; }

	.wines #mainHolder, .history #mainHolder, .lescollines #mainHolder, .tastings #mainHolder { margin-top: 130px; }
	.wines #main, .tastings #main, .lescollines #main, .history #main { /*background-position: 10px 30px;*/ background: none; }
	.wines h1 { text-align: center; margin-left: 0; }
	#wineSlideContainer { display: none; }
	#wineSelectorContainer { display: block; text-align: center; margin: 0 auto 20px; }
	#wineSelectorContainer h2 { margin: 0 0 10px; }
	/* #winesContainer { margin: 0 auto; width: 90%; }
	.wines #winesContainer img { width: 60%; }
	.wines #winesContainer .text { width: 40%; } */

	.headlineLink { float: none; display: block; margin: 10px 0; }

	.gallery #mainHolder { margin-top: 150px; }
	#galleryThumbContainer { width: 100%; right: 0; position: relative; }
}

@media only screen and (max-width: 680px) {
	body.history, body.lescollines, body.tastings { background-size: 110% auto; }

	#nav ul { padding: 160px 0 40px; }

	#main.home { margin: 0; }

	#homeBottles { margin: 0 20px; }

	#ribbon { background-size: auto 100%; height: 102px; top: 50vw; }
	#ribbon img { top: 10px; height: 80px; margin-left: -573px; }

	#winesContainer { margin: 0 auto 40px; }
	.wines #winesContainer img { float: none; display: block; margin: 0 auto; }
	.wines #winesContainer .text { float: none; width: 100%; padding: 20px; background: rgba(0,0,0,.7); box-sizing: border-box; }

	.history h1, .lescollines h1, .lescollines h2, .tastings h1, .tastings h2 { text-align: center; margin-left: 0; }
	.lescollines h2, .tastings h2 { margin-bottom: 30px; }
	.history #text, .lescollines #text, .tastings #text { float: none; background: rgba(0,0,0,.7); margin: 0 auto; padding: 20px; width: 90%; box-sizing: border-box; height: auto; }
	.history #mainText, .history #mainText2, .history #mainText3, .lescollines #mainText, .lescollines #mainText2, .tastings #mainText, .lescollines #mainText3 { float: none; margin: 0; }
	#mainText, #mainText2, #mainText3 { width: auto !important; }
	#text p { margin-bottom: 20px; }

	#rightUpperText, #rightLowerText { float: left; }
	.tastings #rightUpperText a { margin: 0 20px 0 0; }
	.tastings #rightLowerText, .tastings #rightLowerText span { margin: 0; }
	.tastings #rightLowerText p { margin-bottom: 0; }
	.tastings #rightLowerText .indent { margin: 0; }

	#main { height: auto !important; }

	a.btn { color: #fff; border-color: #fff; }
	a.btn:hover, a.btn:focus { background: #111; }

	.lescollines #main { margin-top: 0;}
}

@media only screen and (max-width: 500px) {
	#logo img { max-width: 120px; }

	#main.home { min-height: 500px; margin: 130px 0 0; }

	#ribbon { background-size: auto 100%; height: 102px; top: 78vw; }

	/* #winesContainer { width: 100%; }
	.wines #winesContainer img { width: 80%; } */

	.history #text, .lescollines #text, .tastings #text { width: 100%; }

	#galleryThumbContainer { background: none; }

	#footer ul { padding: 0; text-align: center; }

	#footer li { float: none; margin: 0 0 10px; }
}

@media only screen and (max-width: 350px) {
	#nav li { width: 90%; }
}