@charset "utf-8";
/* Plateau vineyards 2024*/

/* colors */

:root {
  --red: #a02c39;
  --gray: #3c3c3c;
}

/* fonts */

@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alexbrush-regular-webfont.eot');
    src: url('fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush-regular-webfont.woff2') format('woff2'),
         url('fonts/alexbrush-regular-webfont.woff') format('woff'),
         url('fonts/alexbrush-regular-webfont.ttf') format('truetype'),
         url('fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sorts_mill_goudyregular';
    src: url('fonts/<strong>GoudyStM</strong>.eot');
    src: url('fonts/GoudyStM.eot?#iefix') format('embedded-opentype'),
         url('fonts/GoudyStM.woff') format('woff'),
         url('fonts/GoudyStM.ttf') format('truetype'),
         url('fonts/GoudyStM.svg#sorts_mill_goudyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'alright_sanslight';
    src: url('fonts/alrightsans-light-v3-webfont.eot');
    src: url('fonts/alrightsans-light-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alrightsans-light-v3-webfont.woff2') format('woff2'),
         url('fonts/alrightsans-light-v3-webfont.woff') format('woff'),
         url('fonts/alrightsans-light-v3-webfont.ttf') format('truetype'),
         url('fonts/alrightsans-light-v3-webfont.svg#alright_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alright_sansregular';
    src: url('fonts/alrightsans-regular-v3-webfont.eot');
    src: url('fonts/alrightsans-regular-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alrightsans-regular-v3-webfont.woff2') format('woff2'),
         url('fonts/alrightsans-regular-v3-webfont.woff') format('woff'),
         url('fonts/alrightsans-regular-v3-webfont.ttf') format('truetype'),
         url('fonts/alrightsans-regular-v3-webfont.svg#alright_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* base */

html, body {

}

html {

}

* {
	box-sizing: border-box;
}

a:focus {
	outline:none;
}


html, body {
	padding:0;
	margin:0;
}

body {
	font-family: 'alright_sansregular', sans-serif;
	background:#fff;
	color:#555;
	}

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

a:hover {
	color:#808080;
}

a:visited {
	color:#cf122f;
}

* {
    box-sizing: border-box;
}


a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}


.clearboth, .clearboth-mob {
	display:block;
	clear:both;
}

.vertalign {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.simplemodal-container {
	border:none !important;
	text-align:center !important;
	color:#000 !important;
	
}


.videooverlay {
	display:none;
	position:fixed;
	top:0;
	bottom:auto;
	right:auto;
	left:0;
	width:100%;
	height:99%;
	padding:1% 0 0 0;
	margin:0;
	text-align:center;
	z-index:9999;
	background:rgba(0,0,0,0.9);
	line-height:1.9em;
	border:none;
}

.closeoverlay {
	position:absolute;
	display:block;
	top:2%;
	bottom:auto;
	left:2%;
	right:auto;
}

.closeoverlay a {
	font-size:1.6em;
	font-weight:bold;
	color:#fff !important;
}

.closeoverlay a:hover {
	color:#eee;
	text-decoration:underline;
}

.videowrapper {
	display:block;
	margin:4em auto 0 auto;
	width:75%;
	height:auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

.img100 {
	width:100%;
}

.delay01 {
	width:100%;
	font-size:1.2em;
	color:#000 !important;
}

.delay01 img {
	width:30%;

}

.grecaptcha-badge { visibility: hidden; }

.googleterms {
	margin: 2em 0 0 0;
	font-size: .6em;
	line-height: normal;
}

.googleterms a {
	text-decoration: underline !important;
}

/* Mobile Layout: 480px and below. */

body {
	font-size: calc(22px + (24 - 16) * ((100vw - 600px) / (2000 - 600)));
}

.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {
	font-size:3em;

}

.centertext {
	text-align: center;
}

.formcell, .formarea {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:.4em;
	margin:0 0 1em 0;
	background:#eee;
}

.formcell-a {
	display:block;
	width:100%;
	margin-right:0;
}

.formcell-b {
	display:block;
	width:100%;
	margin-right:0;
}

.formcell-c {
	display:block;
	width:100%;
}

.formcell-d {
	display:inline-block;
	width:5em;
}


.formcell2 {
	display:inline-block;
	width:auto;
	height:auto;
	border:none;
	padding:1%;
	margin:0 0 2% 0;
	font-family:alright_sanslight, sans-serif;
	background:#eee;
}

.formcell2 option {
	padding:2% 0;
	margin:2% 0;
}

.formbutton {
	display:block;
	border:none;
	padding:.4em .8em;
	background:#a02c39;
    font-family: 'sorts_mill_goudyregular', serif;
	font-variant:small-caps;
	color:#fff;
	text-align: center;
}

.formbutton_inline  {
	display: inline-block;
}

.formbutton:hover {
	background:#3c3c3c;
	color:#fff;
}

.formbutton:visited {
	color:#fff;
}

.showdt {
	display:none;
}

header {
	
}

.menutog {
	width: 4em;
}

.header_mob {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 1em;
	position:relative;
	width:100%;
	height:auto;
	padding:.6em 5%;
	background: var(--red);
	color:#fff;
}

.header_mob_cart {
	display: inline-block;
	width: 1.6em;
	margin: 0 .2em 0 0;
}

.header_cart_mob {
	position: relative;
	width: 2.4em;
	height: 1.8em;
	background: url("../img/basket.svg");
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: bottom;
}


.header_cart_mob .cartinfo_disp {
	position: absolute;
	top:0;
	right:0;
	padding: 0 .3em;
	background: #fff;
	border:2px solid #fff;
	border-radius: 1em;
	color:var(--red);
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .9em;

}
/*.header_mob .cartinfo_disp {
	padding: .1em .3em;
	border:2px solid #fff;
	border-radius: 1em;
	color:#fff;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .9em;

}
*/

.logo_mob {
	width:40%;
}

.menutog {
	width: 10%;
}

#moblogo {
	display:block;
	float:left;
	width:70%;
	height:auto;
}

#moblogo img {
	width:100%;
}

#showmenu {
	float:right;
	width:10%;
	height:auto;
	margin:0;
	z-index:98;
}

#showmenu img {
	width:100%;
}

.showcartfloat #cartfloat {
/*	display:block;*/
}


#cartfloat {
	display: none;
	position: absolute;
	top:26vw;
	right:5%;
	text-align: center;
	background: var(--gray);
	padding:.4em;
	border-radius: .6em;
	z-index: 9999;
}

.cartfloat-label {
	display:block;
	margin:0;
	padding:0;
	width:auto;
}


.cartfloat-label a:hover {
	color:#eee;
}

.cartfloat-label img {
	width:2em;
	height:auto;
	margin:0 5% 0 0;
}


.cartfloat-amount {
	display:block;
	font-size: .9em;
	color:#ffffff;
}


#menu_main {
	position:relative;
	width:100%;
	padding:2% 0;
	margin:0 auto;
	background:#3c3c3c;
    font-family: 'sorts_mill_goudyregular', serif;
	font-size:1.4em;
	font-variant:small-caps;
	z-index:99999;
	color:#fff;
}

#menu_main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0;
	padding:0;

}

#menu_main ul li {
	display:block;
	margin:1% 0;
	padding:0;
	width: 100%;
	text-align:center;
}

#menu_main ul li a {
	display:block;
	padding:.2em 0;
	text-align:center;
	color:#fff;
	width:100%;
	text-decoration:none;
}

#menu_main ul li a:hover, #menu_main ul li a:active {
	background:#a02c39;
	color:#fff;
}

#menu_main ul ul {
	display:block;
	font-size: .8em;
}

#login, #loggedin {
	order:-99;
}

#loggedin {
	background: #222;
	padding: .8em 0 !important;
}

#menu_main .userlogin {
	display:none;
	background: #222;
	padding: .6em 0 .2em 0;
}

#menu_main #loggedin #loggedintext p {
	padding:0;
	margin:0 0 2% 0;
}

#menu_main #loggedin #loggedintext a {
	display: inline;
	width:auto;
	padding:0;
	background: none;
}



.menuformcell {
	display:block;
	width:90%;
	margin:2% 5%;
	padding:2%;
	border:none;
	background:#eee;
	color:#000;
	font-size:.6em;
}

.menuformbutton {
	display:block;
	width:90%;
	margin:2% 5% 6% 5%;
	padding:2.5% 0;
	border:none;
	background:#a02c39;
	color:#fff;
    font-family: 'sorts_mill_goudyregular', serif;
	font-variant:small-caps;
	font-size:.7em;
}

.menuformbutton:hover {
	background:#000;
}


.forgot {
	font-size: .9em;
	background:none !important;
	margin: 0;
	display:block;
	text-align:center;
}

 .forgot:hover {
    cursor:pointer;
	background:none !important;
	color:#a02c39;
}

.forgot a {
	background:none !important;
	color:#fff !important;
	text-decoration:none;
	padding:0 !important;
	margin:0 0 1em 0 !important;
}


#slideholder {
	position:relative;
	width:100%;
	margin:0;
	height:auto;
}

#slideholder img {
    width: 100%;
	height:auto;

}


#innertopdeco {
	position:relative;
	width:100%;
	margin:0;
	height:auto;
}

#innertopdeco img {
    width: 100%;
	height:auto;

}

.slidelogooverlay1 {
	position:absolute;
	bottom:10%;
	right:4%;
	z-index:999;
	width:45%;
}

.slidetextoverlay1 {
	position:absolute;
	top:8%;
	left:5%;
	z-index:998;
	color:#fff;
	
	font-weight:bold;
}

.slidelogooverlay2 {
	position:absolute;
	bottom:10%;
	left:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay2 {
	position:absolute;
	top:8%;
	left:5%;
	z-index:998;
	color:#fff;
	
	font-weight:bold;
}


.slidelogooverlay3 {
	position:absolute;
	top:10%;
	right:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay3 {
	position:absolute;
	bottom:8%;
	left:5%;
	z-index:998;
	color:#fff;
	
	font-weight:bold;
}


.slidelogooverlay4 {
	position:absolute;
	top:10%;
	left:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay4 {
	position:absolute;
	bottom:8%;
	right:5%;
	z-index:998;
	color:#fff;
	
	font-weight:bold;
}

.slidelogooverlay_n1 {
	position:absolute;
	top:auto;
	bottom:15%;
	left:1%;
	z-index:999;
	width:45%;
}


.slidelogooverlay_n2 {
	position:absolute;
	bottom:10%;
	left:auto;
	right: 5%;
	z-index:999;
	width:45%;
}

.slidelogooverlay_n3 {
	position:absolute;
	top:auto;
	bottom: 10%;
	right:5%;
	z-index:999;
	width:45%;
}

.slidelogooverlay_n4 {
	position:absolute;
	top:auto;
	bottom:10%;
	left:5%;
	z-index:999;
	width:35%;
}

.img100 {
	width:100%;
	height:auto;
}

.img50 {
	width:50%;
	height:auto;
}


.imgcent30 {
	display:block;
	position:relative;
	margin:0 auto;
	width:50%;
}

h1 {
	padding:0;
	margin:3% 0 0 0;
	text-align:center;
	font-weight:normal;
	color:#a02c39;
}

h2 {
	padding:0;
	margin:1% 0 0 0;
	text-align:center;
	font-weight:normal;
}


h3 {
	padding:0;
	margin:0 0 2% 0;
	font-size:1.6em;
	text-align:center;
	font-weight:normal;
	color:#a02c39;
	line-height:normal;
}

h4 {
	padding:0;
	margin:0 0 6% 0;
	text-align:center;
	font-weight:bold;
	color:#808080;
}


.featuredcol1 {
	float:none;
	width:90%;
	margin:3% 5%;
	height:auto;
	color:#4d4d4d;
	font-size:1.2em;
	text-align:left;
}

.featuredcol1 .img50 {
	width:35%;
	float:left;
	position:relative;
	display:block;
	margin:0 auto;
}

.featuredcol1 h3 {
	text-align:left;
	font-size:2em;
}

.featuredcol2 h3 {
	line-height:normal;
	}

.discover {
	display:block;
	margin:.8em 0 0 0;
	padding:5% 0;
	background:#a02c39;
    font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:1.6em;
}

.discover:visited {
	background:#a02c39;
	color:#fff;
}


.discover:hover {
	background:#4d4d4d;
	color:#fff;
}


.homeaboutbanner {
	position:relative;
	margin:3% 0;
	display:block;
	width:100%;
	height:auto;
	background:#a02c39;
	text-align:right;
}

.homeaboutbanner-img {
	width:60%;
	height:auto;
}

.homeaboutbanner-col1 {
	position:absolute;
	top:30%;
	left:5%;
	width:36%;
    font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	
	font-variant:small-caps;
	color:#fff;
}

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

.homeaboutbanner-col1 a:hover{
	color:#eee;
}

.homeaboutbanner-col1 img {
	width:100%;
}

.homeaboutbanner-col2 {
	position:absolute;
	top:10%;
	right:5%;
	
	color:#a02c39;
	text-align:center;
}

.homeaboutbanner-col2 a {
	display:inline-block;
	background:#4d4d4d;
	padding:3% 5% 1% 5%;
	width:auto;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius:.6em;
}

.homeaboutbanner-col2 a:hover{
	background:#a02c39;
	color:#fff;
}


.featuredcol2 {
	float:none;
	width:90%;
	margin:3% 5%;
	height:auto;
	color:#4d4d4d;
	
	text-align:justify;
}


footer {
	clear:both;
	display:block;
	margin:3% 0 0 0;
	padding:3% 0 8% 0;
	width:100%;
	background:#3c3c3c;
	color:#fff;
	text-align:center;
}

footer p {
	margin:2% 0;
}

footer a {
	color:#fff !important;
}

footer a:hover {
	text-decoration: underline;
}

.footerlist {
	margin: 0 0 2em 0;
	padding: 0;
	font-size: .9em;
	font-style: italic;
}

.footerlist li {
	display: block;
	margin: 0 0 .6em 0;
	padding: 0;
}

footer hr {
	width:80%;
	margin:0 auto 2% auto;

}

.footersoclogo {
	display:inline-block;
	width:9%;
	height:auto;
	margin:3% 5%;
}

.copyright {
	display:block;
	margin:3% 0;
	font-weight:bold;
}

.agmlogo {
	display:inline-block;
	width:35%;
	margin:0 0 0 1%;
	border-left:2px solid #fff;
}

#innertopdeco {
	position:relative;
	width:100%;
	margin:0;
	height:auto;
}

#innertopdeco img {
    width: 100%;
	height:auto;

}


.innercol0 {
	width: 90%;
	margin: 0 auto;
}

.innerck0 .contentholder {
	width: 90%;
	margin: 6em auto;
}

.innercol1 {
	float:none;
	width:90%;
	margin:3% 5%;
	padding:0;
	border-right:none;
	
}


.innercol2 {
	float:none;
	width:60%;
	margin:3% 20%;
	padding:4% 0;
	background:#a02c39;
	color:#fff;
	text-align:center;
	font-size:1.2em;

}

.innercol2 h1 {
	margin:3% 0;
    font-family: 'alex_brushregular', serif;
	font-size:1.6em;
	color:#fff;
}

.innercol2:hover {
	background:#3c3c3c;
}

.innercol2a { 
	float:none;
	width:90%;
	margin:5% 5% 10% 5%;
	padding:0;
}

.innercol7 {
	display:block;
	width:90%;
	margin:3% 5% 10% 5%;
}

.warnmsg1 {
	display: block;
	margin: 1em auto;
	width: 80%;
	padding: 1em;
	background: #eee;
	font-size: .9em;
	text-align: center;
}

.warnmsg1 .clubcatbanner {
	padding: 0 .2em !important;
	font-size: .9em;
}

/* our wines, store */


.prodlist {
	display: block;
	align-content: space-between;
	margin:4em 0;
}

.prod_det .prodlist {
	margin: 1em 0;
}

.prodlistimg {
	width:50%;
	margin: 0 3% .8em 0;
}


.maincat_label {
	margin:0;
	color:var(--red);
	font-size: 2.2em;
	font-weight: bold;
}

.prod_label {
	margin: 0 0 .4em 0;
	color:var(--red);
	font-size: 1.4em;
	font-weight: bold;
}

.prod_label_top {
	margin: .6em 0 0 0;
	color:var(--red);
	font-size: 2em;
	font-weight: bold;
}

.prod_descr {
	margin: 0;
	line-height: normal;
}

.prod_price {
	margin: 1em 0;
	font-size: .9em;
}

.prodlistadd {
	display:inline-block;
	background:var(--red);
	padding:.4em .6em;
	font-family: 'sorts_mill_goudyregular', serif;
	color:#fff;
	font-size:1.3em;
	text-decoration:none;
}



.prodlistadd:hover {
	color:#fff;
	background:#3c3c3c;
}

.prodlistadd:visited {
	color:#fff;
}

.yourprice {
	display: inline-block;
	color:var(--red);
	margin: 0 0 0 .6em;
	padding:.1em .2em 0 .2em;
	border:2px solid var(--red);
	font-size: .9em;
}

.prodlist-spacer {
	display:block;
	height:4em;
}

.prodlistlink {
	display: block;
	position: relative;
}


.prodlistadd:hover {
	color:#fff;
	background:#3c3c3c;
}

.prodlistadd:visited {
	color:#fff;
}


.clubcatbutton {
	display:block;
	background:#a02c39;
	margin:1.5% auto;
	padding:3% 0;
	font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	color:#fff;
	font-size:1.4em;
	text-decoration:none;
}

.clubcatbutton:hover, .clubcatbutton:active {
	color:#fff !important;
	background:#3c3c3c !important;
}

.clubcatbutton:visited {
	color:#fff;
}

.clubcatbutton_inactive {
	background: var(--gray) !important;
	margin: 0 auto !important;
}

.clubcatbanner {
	display:inline-block;
	background:var(--gray);
	margin:0;
	padding:.2em .6em;
	font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	font-variant-caps: small-caps;
}

.clubdesclist ul {
}


.clubdesclist li {
	display: block;
	text-align: center;
}

.innercol3 {
	float:none;
	width:100%;
	margin:3% 0;
}

.innercol4 {
	float:none;
	width:90%;
	margin:3% 5%;
	
	line-height:normal;
}

.innercol4 h1 {
	margin:0;
	font-size:1.2em;
	color:#a02c39;
	text-align:left;
}

.innercol5 {
	display:block;
	width:90%;
	margin:3% 5%;
}

#mapholder {
	width:100%;
	height:10em;
}

.innercol6 {
	display:block;
	width:90%;
	margin:3% 5%;
}

.innercol6 h4 {
	margin: 1em 0;
}

.smalllist {
	margin: 0 0 0 4em;
	padding: 0;
	line-height: normal;
	font-size: .8em;
}

.smalltext {
	font-size: .8em;
	line-height: normal;
}


.shopwineimg {
	position:relative;
	float:left;
	width:30%;
}

.shopwineimg img {
	width:100%;
}

.shopmagnify {
	position:absolute;
	top:0;
	right:0;
	width:5% !important;
	height:auto;
	z-index:34;
}

.shopwinetext {
	float:left;
	width:65%;
	margin:0 0 0 5%;
}

.shopwinetext p {
	
}


.shop h2 {
	font-family: 'sorts_mill_goudyregular', serif;
	color:#a02c39;
	font-size:1.6em;
	text-align:left;
	margin:2% 0 0 5%;
}




/* custom checkbox */
.c_checkbox {
	display: block;
	position: relative;
	padding: .2em 0 0 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.c_checkbox_sepship {
	display: inline-block;
	margin:  0;
}

.checkmark {
	position: absolute;
	top: .4em;
	left: .4em;
	height: 1em;
	width: 1em;
	border: 2px solid #222;
	background-color: none;
}

.checkmark2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #222;
	background-color: none;
}


.c_checkbox:hover input ~ .checkmark {
	background-color:var(--gray);
}

.c_checkbox input:checked ~ .checkmark {
	background-color: var(--red);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.c_checkbox input:checked ~ .checkmark {
	display: block;
	background: var(--red);
}

.c_checkbox .checkmark:after {
	left: 50%;
	top: 50%;
	width: 1px;
	height: 1px;
	border: solid #222;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
} 

.c_checkbox2 {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #ccc;
	font-size: .8em;
}

.c_checkbox2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.c_checkbox2:hover span {
	background-color:var(--gray);
}
.c_checkbox2_txt {
	padding: .2em .6em;
}

.c_checkbox2_selected {
	display: block;
	background: #ed8585;
}

.c_checkbox2 input:checked + .c_checkbox2_txt {
	display: block;
	background: #ed8585;
}

.c_checkbox2 .checkout_warning {
	display: inline-block;
	margin:  0 0 0 .6em;
}

/* popups */

.accept21_popup {
	display: block;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,.6);
	backdrop-filter: blur(8px);
	margin: 0 auto;
	z-index: 999999;
}

.accept21_content {
	position: absolute;
	top:50%;
	left: 50%;
	width: auto;
    transform: translate(-50%, -50%);
	margin: 0 auto;
	padding: 2em 1em;
	background: #fff;
	font-size: 1.1em;
	text-align: center;
}

.accept21_content img {
	width: 80%;
}

.accept21_content .formbutton {
	display: inline-block;
	margin: 1em 0 0 0;
	font-family: 'alright_sansregular', sans-serif;
	font-variant: normal;
	}

.info_popup1 {
	display: none;
	position: fixed;
	top:20%;
	left:25%;
	width: 50%;
	margin: 0 auto;
	padding: 2em;
	background: #fff;
	border: 3px solid var(--gray);
	color:#000;
}

.info_popup1 h3 {
	font-size: 1.2em;
	font-weight: bold;
}

.popup_close {
	position: absolute;
	top:.4em;
	right:.4em;
	background: var(--red);
	width: 1.2em;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
	color:#fff;
}

.popup_close:hover {
	text-decoration: none;
	background: var(--gray);
	color:#fff;
	cursor: pointer;
}

/* sign up, my account */


.mydetailsform, .mydetailsform2 {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-column-gap: 1em;
}

.mydetailsform .formcell, .mydetailsform .formsel0, .mydetailsform2 .formcell, .mydetailsform2 .formsel0 {
	
}

.mydetailsform .tradeacctfields {
	display: none;
	grid-column: span 10;
}

.mydetailsform .fc100, .mydetailsform .fcphone, .mydetailsform .fcemail {
	grid-column: span 10;
}

/*.fc5050 {
	grid-column: span 10;
	display: grid;
	grid-template-columns: 1fr 1fr;
}*/


.mydetailsform .fcname, .fc5 {
	grid-column: span 5;
}

.fc2 {
	grid-column: span 2;
}

/*.mydetailsform .fcemail, .mydetailsform .fcsignup, .fc5 {
	grid-column: span 5;
}
*/
.mydetailsform .fcaddr1, .mydetailsform2 .fcaddr1 {
	grid-column: span 7;
}

.mydetailsform .fcaddr2, .mydetailsform2 .fcaddr2, .mydetailsform .fcsignup, .datacolspan3  {
	grid-column: span 3;
}

.fcsignup {
	margin: 0;
}

.sepship_holder {
	text-align: right;
}


.mydetailsform .fccity, .mydetailsform2 .fccity {
	grid-column: span 6;
}

.mydetailsform .fcstate, .mydetailsform .fczip, .mydetailsform .fccountry, .mydetailsform2 .fcstate, .mydetailsform2 .fczip, .mydetailsform2 .fccountry, .datacolspan2 {
	grid-column: span 2;
}

.gridcol5050 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1em;
}


.datagrid1 {

}

.datahead01 {
	display: grid;
	width:100%;
	margin:0;
	padding:0 1em;
	grid-template-columns: repeat(5, 1fr);
	font-size: .8em;
	font-weight: bold;
}

.datarow01 {
	display: grid;
	width:100%;
	margin:0 0 1em 0;
	padding:.6em 1em;
	grid-template-columns: repeat(5, 1fr);
	font-size: .8em;
}

.datarow01:nth-child(even) {
  background: rgba(200,200,200,.2);
}

.datarow01:nth-child(odd) {
  background: rgba(200,200,200,.6);
}

.datarow01 .formbutton {
	color:#fff !important;
	text-align: center;
}

.datacell01 {
	align-self: center;
}

.datacell01:nth-child(4) {
	font-weight: bold;
}

.datagrid1 .rbutton1 {
	display: inline;
	align-self: center;
}

.datarow02 {
	display: grid;
	width:100%;
	margin:0 0 1em 0;
	padding:.4em;
	grid-template-columns: 6% 1fr 15% 17% 18%;
	font-size: 1em;
	border-bottom: 2px solid var(--gray);
	column-gap: 1em;
}

.datahead02 {
	font-weight: bold;
	background: #eee;
	border: none;
}

.datarow02 div {
	align-self: center;
}

.datarow02 div:nth-child(5) {
	text-align: right;
}

.datarow02:last-child, .databottom02 {
	border: none;
}

.databottom02 {
	text-align: right;
}

.orderstatus {
	display: inline-block;
	margin: 0 0 0 1em;
	padding: .2em;
	font-family: 'Fabriga', sans-serif;
	font-size: .8em;
	color:#fff;
}

.userchoice {
	display: none;
	position: relative;
}

.userchoice_bg {
	padding: 1em;
	background: #eee;
}

/* Checkout */

.checkoutholder {
	width: 100%;
	margin: 2em auto 0 auto;
}

.checkoutcol2 h4 {
	text-align: left;
}

.myorderholder {
	display:grid;
	width: 88%;
	grid-template-columns: 66% 1fr;
	grid-gap: 0 2em;
}

.promocode_holder {
	display: grid;
	grid-template-columns: 6em 1fr 4em;
	grid-column-gap: 1em;
	margin: 0 0 2em 0;
	font-size: .8em;
}

.promocode_holder .phdark {
}

.promocode_holder .formcell, .promocode_holder .formbutton {
	padding: 0em .6em;
	margin: 0 0 .4em 0;
}

.promocode_holder h4 {
	align-self: center;
	margin: 0;
	padding: 0;
}

.formbutton {
	
}


.myorderholder .checkoutcol2 {
	margin: 0;
}

.sumgrid {
	display: grid;
	grid-template-columns: 10% 1fr 15% 25%;
	grid-gap: .4em .8em;
	text-align: right;
	font-size: .8em;
	align-items: center;
}

.myorderholder .sumgrid {
	padding: 0 0 2em 0;
}

.sumgrid_head1 {
	text-align: left;
	grid-column: span 2;
}

.sumgrid_img {
	aspect-ratio:1/1;
}

.sumgrid_img  img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.sumgrid_prodname {
	text-align: left;
}

.sumgrid_foot {
	line-height: 100%;
	grid-column: span 3;
}

.sumgrid100 {
	grid-column: span 4;
}

.sumgrid50 {
	grid-column: span 2;
}

.sumgrid hr {
	margin: .2em 0;
	grid-column: span 4;
}

.sum_order_data {
	font-size: .8em;
}

.sumgrid_emph {
	font-weight: bold;
	font-size: 1.2em;
}


#checkout {
	margin: 2em 0 0 0;
	background: none;
}

.shipholder {
	display: inline-block;
	width: auto;
	background: #eee;
	padding: .4em 1em;
}

.checkout_bottom_items {
	margin: 1em 0;
	text-align: right;
	line-height: 1em;
}

.checkout_bottom_items .rbutton5 {
	margin: 0 0 .8em 0;
}

.checkout_warning {
	width: 1.4em;
}

.cart_giftcarddata {
	grid-column: span 5;
	margin: .6em 0;
}

.form_giftcarddata {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:0 1em;
	margin: .6em 0;
}

.form_giftcarddata {
	display: none;
}

.warnbox1 {
	display: inline-block;
	margin: .6em 0;
	padding: .4em;
	background: #ddd;
	font-size: .8em;
	color:var(--gray) !important;
}

.infotog1 {
	display: inline-block;
	margin:0 1em 0 0;
	padding: .2em .4em;
	background: #ddd;
	font-size: .8em;
}

.infotog_active {
	background: #ed8585;
	color: #000;
}


/* happenings events */

.eventcat {
	font-size: 1.4em;
	font-weight: bold;
}

.eventitem {
	margin: 1em 0 0 2em;
	padding: 1.6em;
	background: #eee;
}

.eventlabel {
	margin: 0 0 .4em 0;
	color:var(--red);
	font-size: 1.3em;
	font-weight: bold;
}

.eventimg {
	float: left;
	width: 20%;
	margin: 0 2em 0 0;
}

.eventdate {
	margin: 0 0 .6em;
	font-weight: bold;
}

.eventdesc {
	
}

.eventdesc p {
	margin: .4em 0;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {
	
}
}

/* Desktop Layout: 769px and up.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	background:#fff;
	font-size: calc(16px + (24 - 16) * ((100vw - 600px) / (2000 - 600)));
}

.gridContainer {
	padding:0;
	margin:0;
	width:100%;
}
#LayoutDiv1 {
	font-size:1em;
	padding:0;
	margin:0;
	width:100%;
}

.clearboth-mob {
	display:block;
	clear:none;
}


.formcell, .formarea, .formsel {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:.4em !important;
	margin:0 0 .8em 0;
	background:#eee;
}

.formcell-inline {
	display: inline-block;
	width: auto;
}

.formcell-a {
	display:inline-block;
	width:85%;
	margin-right:4%;
}

.formcell-b {
	display:inline-block;
	width:10%;
	margin:0;
}

.formcell-c {
	display:inline-block;
	width:10%;
}


.formcell-a2 {
	display:inline-block;
	width:70%;
	margin-right:4%;
}

.formcell-b2 {
	display:inline-block;
	width:10%;
	margin-right:4%;
}

.formcell-c2 {
	display:inline-block;
	width:10%;
}


.formcell-d1 {
	display:inline-block;
	width:2.8em;
}

.formcell-d2 {
	display:inline-block;
	width:3.8em;
}


.formcell2 {
	display:inline-block;
	width:auto;
	height:auto;
	border:none;
	padding:1%;
	margin:0 0 2% 0;
	font-family:alright_sanslight, sans-serif;
	background:#eee;
}

.formcell2 option {
	padding:2% 0;
	margin:2% 0;
}


.placeholder { 
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
   opacity: 1;
}

input::placeholder, textarea::placeholder {
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
   opacity: 1;
}



.menuformbutton .placeholder { 
   font-family: 'alright_sanslight', sans-serif;
   font-size:.6em;
   color:#222;
}

.menuformbutton ::-webkit-input-placeholder {
   font-family: 'alright_sanslight', sans-serif;
   font-size:.6em;
   color:#222;
}

.menuformbutton :-moz-placeholder { /* Firefox 18- */
   font-family: 'alright_sanslight', sans-serif;
   font-size:.6em;
   color:#222;
}

.menuformbutton ::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'alright_sanslight', sans-serif;
   font-size:.6em;
   color:#222;
}

.menuformbutton :-ms-input-placeholder {
   font-family: 'alright_sanslight', sans-serif;
   font-size:.6em;
   color:#222;
}



.showmob, #showmenu {
	display:none;
}

.break-mob, .showdt {
	display:inline;
}

.break-mob-b, .showdt-b {
	display:block;
}


.img100 {
	width:100%;
	height:auto;
}

.img50 {
	width:50%;
	height:auto;
}


.imgcent30 {
	display:block;
	position:relative;
	margin:0 auto;
	width:30%;
}

h1 {
	padding:0;
	margin:3% 0 0 0;
	font-size: 3em;
	text-align:center;
	font-weight:normal;
	color:#a02c39;
}

h2 {
	padding:0;
	margin:1% 0 0 0;
	font-size:2em;
	text-align:center;
	font-weight:normal;
}


h3 {
	padding:0;
	margin:0 0 2% 0;
	font-size:2em;
	text-align:center;
	font-weight:normal;
	color:#a02c39;
	line-height:normal;
}

h4 {
	padding:0;
	margin:0 0 6% 0;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	color:#808080;
}

.accept21_content {
	padding: 3em 2em;
	font-size: 1.1em;
}

.accept21_content img {
	width: 60%;
}

#menu_main {
	display:block;
	position:fixed;
	height:auto;
	top:0;
	width:100%;
	padding:0;
	margin:0;
	background:none;
    font-family: 'sorts_mill_goudyregular', serif;
	font-size:1.1em;
	font-variant:small-caps;
	z-index:9999;
	color:#fff;
}

#menu_main ul {
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-content: space-between;
	align-items:stretch;
	position:relative;
	margin:0;
	padding:0;
	gap:0;
}



#menu_main ul li {
	display:block;
	position: relative;
	padding:0;
	margin:0;
	/*width:14.28%;*/
	width: 100%;
	border:none;
}


#menu_main ul li a {
	display:block;
	padding:.8em 0;
	text-align:center;
	background:#3c3c3c;
	color:#fff;
	width:100%;
	text-decoration:none;
}

#menu_main ul li a:hover, .redbutton {
	background:#a02c39 !important;
	color:#fff;
}

#menu_main ul li:hover .submenu {
	display: block;
}


#menu_main #login {
/*	width:14.32%;*/
}

#loggedin {
	background: none;
	padding: 0 !important;
}

#login, #loggedin {
	order:99;
	background:#a02c39 !important;
}

#menu_main #loggedin a {
	display:inline-block;
	width:.01%;
}

#menu_main ul ul {
	font-size: 1em;
}

#menu_main .userlogin {
	background:var(--gray);
	padding:0;
}

#menu_main #loggedin #loggedintext {
	height:100%;
	width:99.99%;
	float:right;
	line-height:normal;
	padding:0;
	text-align:center;
	margin:.6em 0 0 0;
}

#menu_main #loggedin #loggedintext a {
	width:auto;
	margin:.6em 0 0 0;
	font-size:.6em;
}

*#menu_main #loggedin #loggedintext p {
	font-size:.65em;
	font-weight:bold;
	padding:0;
	margin:0;
}

#login a:hover {
/*	background:#000 !important;*/
}

.home #loggedin {
	/*display:none;*/
}

.inner #login {
	/*display:none;*/
}


#menu_main ul ul {
	position:absolute;
	top:100%;
	left:0;
	width: 100%;
	display:none;
}


#menu_main .menu_our_wines:hover ul {
	display:block;
}

#menu_main ul ul li {
	position:relative;
	width:100%;
	display:block;
}

.userlogin {
	width: 100%;
	padding:4% 0 0 0 !important;
	background:var(--gray);
}

.menuformcell {
	display:block;
	width:90%;
	margin:2% 5%;
	padding:2%;
	border:none;
	background:#eee;
	color:#000;
	font-size:.6em;
}

.menuformbutton {
	display:block;
	width:90%;
	margin:2% 5% 6% 5%;
	padding:2.5% 0;
	border:none;
	background:#a02c39;
	color:#fff;
    font-family: 'sorts_mill_goudyregular', serif;
	font-variant:small-caps;
	font-size:.7em;
}

.menuformbutton:hover {
	background:#000;
}


.forgot {
	display:block;
	margin: 0;
	background:none !important;
	font-size:.65em;
	text-align:center;
}

/*.forgot a {
	display:inline !important;
}*/

 #login .forgot:hover, #login .forgot a:hover {
    cursor:pointer;
	background:none !important;
	color:var(--red) !important;
}

.contentholder {
	position:relative;
	top:0;
	bottom:auto;
	left:0;
	right:auto;
	width:100%;
	margin: 4.6em 0 0 0;
	line-height: 150%;
}

.narrowtop .contentholder {
	margin: 2em 0 0 0;
}


#cartfloat {
	display:block;
	position:fixed;
	right:1em;
	width: 12em;
	top:8vh;
	padding:.6em 0;
	background:#3c3c3c;
	font-size:.7em;
	text-align:center;
	z-index:1001;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius:1em;
	color:#fff;
}


#cartfloat:hover {
	background:#444;
}

.cartfloat-label {
	display:block;
	margin:0 auto .5em auto;
	width:80%;
	padding:.6em 0;
	background:#a02c39;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius:.5em;
}

.cartfloat-label a {
	text-decoration:none;
}

.cartfloat-label a:hover {
	color:#a02c39;
}

.cartfloat-label img {
	width:18%;
	height:auto;
	margin:0 5% 0 0;
	filter: none;
}

.cartfloat-items {
	display:inline-block;
	margin:0 5% 0 0;
	color:#fff;
}

.cartfloat-amount {
	display:inline-block;
	color:#fff;
}


#slideholder {
	position:relative;
	width:100%;
	margin:0;
	height:auto;
}

#slideholder img {
    width: 100% !important;
	height:auto;

}


.slidelogooverlay1 {
	position:absolute;
	bottom:10%;
	right:4%;
	z-index:999;
	width:45%;
}

.slidetextoverlay1 {
	position:absolute;
	top:8%;
	left:5%;
	z-index:998;
	color:#fff;
	font-size:3em;
	font-weight:bold;
}

.slidelogooverlay2 {
	position:absolute;
	bottom:10%;
	left:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay2 {
	position:absolute;
	top:8%;
	left:5%;
	z-index:998;
	color:#fff;
	font-size:3em;
	font-weight:bold;
}


.slidelogooverlay3 {
	position:absolute;
	top:10%;
	right:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay3 {
	position:absolute;
	bottom:8%;
	left:5%;
	z-index:998;
	color:#fff;
	font-size:2.6em;
	font-weight:bold;
	line-height: 120%;
}


.slidelogooverlay4 {
	position:absolute;
	top:10%;
	left:5%;
	z-index:999;
	width:45%;
}

.slidetextoverlay4 {
	position:absolute;
	bottom:8%;
	right:5%;
	z-index:998;
	color:#fff;
	font-size:2.4em;
	line-height: 110%;
	font-weight:bold;
}


.featuredcol1 {
	float:left;
	width:25%;
	height:auto;
	color:#4d4d4d;
	font-size:1.8em;
	text-align:justify;
	margin:0;
}

.featuredcol1 .img50 {
	float:none;
	position:relative;
	display:block;
	margin:0 auto;
	width:50%;
}

.featuredcol1 h3 {
	margin-top:0;
	text-align:center;
	font-size:2em;
}




.col1 {
	margin:0 5% 0 7.5%;
}

.col2 {
	margin:0 5% 0 0;
}

.col3 {
	margin:0;
}

.featuredcol2 {
	float:left;
	margin:0;
	width:27%;
	height:auto;
	color:#4d4d4d;
	font-size:1.8em;
	text-align:justify;
}

.featuredtext1 {
	display:block;
	margin:0 0 4% 0;
	width:auto;
	min-height:9em;
}

.col4 {
	margin:0 2.5% 0 7.5%;
	padding:0 2% 0 0;
	border-right:2px solid #808080;
}

.col5 {
	margin:0 2.5% 0 0;
	padding:0 2.5% 0 0;
	border-right:2px solid #808080;
}

.col6 {
	margin:0;
	padding:0 2.5% 0 0;
}

.discover {
	display:block;
	margin:.8em 0 0 0;
	padding:5% 0;
	background:#a02c39;
    font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:1.6em;
}

.discover:visited {
	background:#a02c39;
	color:#fff;
}


.discover:hover {
	background:#4d4d4d;
	color:#fff;
}



.homeaboutbanner {
	position:relative;
	margin:3% 0;
	display:block;
	width:100%;
	height:auto;
	background:#a02c39;
	text-align:right;
}

.homeaboutbanner-img {
	width:72%;
	height:auto;
}

.homeaboutbanner-col1 {
	position:absolute;
	top:40%;
	left:1%;
	width:26%;
    font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	font-size:3em;
	font-variant:small-caps;
	color:#fff;
}

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

.homeaboutbanner-col1 a:hover{
	color:#eee;
}

.homeaboutbanner-col1 img {
	width:100%;
}

.homeaboutbanner-col2 {
	position:absolute;
	top:45%;
	right:25%;
	font-size:2.6em;
	color:#a02c39;
	text-align:center;
}

.homeaboutbanner-col2 a {
	display:inline-block;
	background:#4d4d4d;
	padding:3% 5% 1% 5%;
	width:auto;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius:.6em;
}

.homeaboutbanner-col2 a:hover{
	background:#a02c39;
	color:#fff;
}


.innercol0 {
	width: 80%;
	margin: 0 auto;
}

.innercol1 {
	float:left;
	width:40%;
	margin:2% 0 0 18%;
	padding:0 3% 0 0;
	border-right:2px solid #a02c39;
	font-size:1.4em;
}

.innercol1 h3 {
	text-align:left;
}

.innercol2 {
	float:left;
	width:24%;
	margin:6% 0 0 5%;
	padding:2% 0;
	background:#a02c39;
	color:#fff;
	text-align:center;
	font-size:1.6em;
}

.innercol2 h1 {
	margin:3% 0;
    font-family: 'alex_brushregular', serif;
	font-size:4em;
	color:#fff;
}

.innercol2:hover {
	background:#3c3c3c;
}

.innercol2a { 
	float:left;
	width:24%;
	margin:5% 0 0 5%;
	padding:0;
}

.innercol3 {
	float:right;
	width:25%;
	margin:3% 10% 0 0;
}

.innercol4 {
	float:left;
	width:40%;
	margin:3% 0 0 10%;
	line-height:180%;
}

.innercol4 h1 {
	margin:0;
	font-size:2em;
	color:#a02c39;
	text-align:left;
}

.innercol5 {
	display:block;
	width:40%;
	margin:3% 0 0 10%;
}

.innercol6 {
	display:block;
	width:50%;
	margin:3% 0 0 25%;
}

.innercol7 {
	display:block;
	width:69%;
	margin:3% 0 0 18%;
}

.innercol8 {
	display:block;
	width:70%;
	margin:3% auto;
}

#mapholder {
	width:100%;
	height:500px;
}

/* our wines, store */

.prodlist {
	display: flex;
	width: 80%;
	margin: 3em auto;
}


.prodlistimg {
	align-self: flex-end;
	width:25%;
	margin: 0 3% 0 0;
}

.prodlisttext {
	align-self: flex-end;
}

.prodlistadd {
	font-size:1.2em;
}


/* wine club */

.clubcatbutton {
	position:relative;
	display:block;
	background:#a02c39;
	width:40%;
	margin:1em auto;
	padding:2%;
	font-family: 'sorts_mill_goudyregular', serif;
	text-align:center;
	color:#fff;
	font-size:1.4em;
	text-decoration:none;
}

.clubcatbutton:hover {
	color:#fff;
	background:#3c3c3c;
}

.clubcatbutton:visited {
	color:#fff;
}

.ccb_inline {
	display: inline-block;
	margin: 0 0 0 0;
	width: auto;
	padding: .2em .4em;
	font-size: 1.1em;
}

.ccb_inline:hover {

}

.clubcatbanner {
	padding:.6em 1.2em;
}

/* Checkout */

.checkoutholder {
	display:grid;
	width: 100%;
	margin: 4em auto 0 auto;
	grid-template-columns: 66% 1fr;
	grid-gap: 0 2em;
}



footer {
	display:block;
	margin:3% 0 0 0;
	padding:3% 0;
	width:100%;
	background:#3c3c3c;
	color:#fff;
	text-align:center;
}

footer p {
	margin:2% 0;
}

.footerlist {
	width: 50%;
	margin: 0 auto 2em auto;
	padding: 0;
}

footer hr {
	width:80%;
	margin:0 auto 2% auto;

}


.footersoclogo {
	width:2.5%;
	height:auto;
	margin:0 .6%;
}

.copyright {
	display:inline-block;
	margin:0 4%;
	font-weight:bold;
}

.agmlogo {
	display:inline-block;
	width:15%;
	margin:0 0 0 1%;
	border-left:2px solid #fff;
}


/* sign up, my account */



}