/* Custom Stylesheet - JAM Studios 2023 */

/* sanitize box model */
*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;/*-webkit-text-size-adjust:100%*/}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:rgba(35,31,32,1);height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}
::selection { background-color:#ddd; cursor:default; }
@font-face { font-family:"apparel-bold"; src:url("../webfonts/Apparel-Bold.woff") format("woff"), url("../webfonts/Apparel-Bold.woff2") format("woff2"); }
html { scroll-behavior:smooth; scroll-padding-top:6dvw; }
@media (max-width:720px) { html { scroll-padding-top:14dvw; } }
@media (max-width:490px) { html { scroll-padding-top:28dvw; } }
html, body { width:100vw; cursor:default; }
body { color:rgba(35,31,32,1); overflow-x:hidden; font-family:'paganini',serif; font-weight:400; }
a { color:#894964; text-decoration:none; border:0; border-bottom:1px dotted #894964; }
a:hover { border-style:solid; }
p.copyright { font-size:12px; font-family:'apparel-bold'; text-transform:uppercase; }
body.header-not-at-top #mnav { background-color:rgba(137,73,100,1); }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

hr { margin:2vw 0; background-color:#894964; height:1px; border:0; }
h1,h2,h3,h4,h5,h6 { font-family:'apparel-bold',sans-serif; font-weight:400; margin:0; }

h2 { font-size:26px; line-height:42px; }
@media (min-width:960px) { h2 { font-size:calc(3vw + 0px); line-height:calc(3vw + 15px); } }
@media (min-width:1440px) { h2 { font-size:calc(3vw + 0px); line-height:calc(3vw + 15px); } }
@media (min-width:1920px) { h2 { font-size:calc(3vw + 0px); line-height:calc(3vw + 16px); } }
@media (min-width:2560px) { h2 { font-size:68px; line-height:84px; } }
h3 { font-size:20px; line-height:35px; }
@media (min-width:960px) { h3 { font-size:calc(2.0833333333vw + 0px); line-height:calc(2.0833333333vw + 15px); } }
@media (min-width:1440px) { h3 { font-size:calc(2.0833333333vw + 0px); line-height:calc(2.0833333333vw + 15px); } }
@media (min-width:1920px) { h3 { font-size:calc(2.03125vw + 1px); line-height:calc(2.03125vw + 16px); } }
@media (min-width:2560px) { h3 { font-size:53px; line-height:68px; } }
h4 { font-size:24px; line-height:34px; }
@media (min-width:960px) { h4 { font-size:calc(2.5vw + 0px); line-height:calc(2.5vw + 10px); } }
@media (min-width:1440px) { h4 { font-size:calc(2.5vw + 0px); line-height:calc(2.5vw + 10px); } }
@media (min-width:1920px) { h4 { font-size:calc(2.5vw + 0px); line-height:calc(2.5vw + 10px); } }
@media (min-width:2560px) { h4 { font-size:64px; line-height:74px; } }
p { font-size:14px; line-height:24px; margin:0; }
@media (min-width:960px) { p { font-size:calc(1.25vw + 2px); line-height:calc(1.25vw + 12px); } }
@media (min-width:1440px) { p { font-size:calc(1.25vw + 2px); line-height:calc(1.25vw + 12px); } }
@media (min-width:1920px) { p { font-size:calc(1.40625vw - 1px); line-height:calc(1.40625vw + 9px); } }
@media (min-width:2560px) { p { font-size:35px; line-height:45px; } }
.maroon { color:#894964; }
.green { color:#557755; }
.text-left { text-align:left; }
#wrapper { width:100%; margin:0 auto; }
#mnav { z-index:999; font-family:'apparel-bold',serif; position:fixed; width:100%; padding:/*2vw*/0 12.5vw; height:6vw; display:flex; justify-content:space-between; align-items:center; background-color:rgba(137,73,100,1); /*background:linear-gradient(to top, rgba(102,102,102,0),rgba(102,102,102,1));*/ transition:background-color 0.1s linear; }
@media (max-width:1024px) { #mnav { padding:2vw 8vw; } }
	#mnav a,
	#fnav a { color:#fff; border:0; text-shadow:0 0 1px rgba(35,31,32,0.6); text-decoration:none; text-transform:uppercase; display:inline-block; margin-left:2vw; font-size:12px; line-height:12px; transition:color 0.1s linear; }
	#fnav a { color:#554746; }
		@media (min-width:960px) { #mnav a, #fnav a { font-size:calc(1.25vw + 0px); } }
		@media (min-width:1440px) { #mnav a, #fnav a { font-size:18px; } }
	#mnav a:first-child { margin-left:0; }
	#mnav a:hover,
	#mnav a.active { color:rgba(255,255,255,0.85); }
		#mnav a img { width:8vw; height:auto; min-width:150px; max-width:340px; }
		#mnav a img { width:100px; }
		@media (min-width:360px) { #mnav a img { width:14vw; } }

@media (max-width:720px) {
	#mnav { flex-direction:column; /*padding:3vw 6vw;*/ text-align:center; height:14dvw; justify-content:center; }
	#mnav a img { margin-bottom:10px; }
}
@media (max-width:495px) { #mnav { height:28dvw; } }
@media (max-width:320px) { #mnav { height:initial; } }
.bgv { padding-top:6vw; position:relative; /*padding-bottom:56.25%; aspect-ratio:16/9;*/ width:100%; min-width:100%; max-height:100vh; overflow:hidden; /*background-color:#666;*/ background-image:url('../images/hero-video-poster.jpg'); color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; }
@media (max-width:720px) { .bgv { padding-top:14dvw; } }
@media (max-width:495px) { .bgv { padding-top:28dvw; } }

/* aspect-ratio fallback */
@supports not (aspect-ratio: auto) { padding-top:100%; height:0; position:relative; overflow:hidden; }

	.bgv video { width:100%; position:relative; z-index:0; }
	.bgv #videooverlay { position:absolute; top:0; /*right:0; bottom:0;*/ left:0; width:100%; height:100%; background-color:rgba(137,73,100,0.3); z-index:1; }
.bgi { position:relative; /*padding-bottom:56.25%;padding-bottom:42.8515625%;*/ aspect-ratio:3/4; min-width:100%; overflow:hidden; background-color:#666; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff; max-height:100vh; overflow:hidden; }
	.bgv > div,
	.bgi > div { position:absolute; height:100%; width:100%; display:flex; justify-content:center; align-items:center; /*opacity:0.6;*/ }
section { position:relative; }
section > a { position:relative; bottom:5vw; }
a#top-of-site-pixel-anchor { position:relative; bottom:7vw; }
section > .section { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:3.9007vw 12.5vw; text-align:center; }
@media (max-width:600px) { section > .section { padding:3vw; } }
	section > .section .title { text-align:center; }
		section > .section .title img { width:25vw; max-width:551px; height:auto; }
#ageRestrict { display:none; position:absolute; height:100vh; width:100vw; background-color:rgba(255,255,255,1); z-index:99999; justify-content:center; align-items:center; position:fixed; flex-direction:column; overflow:hidden; }
	#ageRestrict button { margin-top:3vw; font-size:18px; font-family:'apparel-bold'; background-color:transparent; border:0; border-bottom:1px dotted #894964; }
	#ageRestrict button:hover { cursor:pointer; border-style:solid; }
	#ageRestrict img { max-width:80vw; }
.two-column { width:100%; display:flex; padding:0 6vw; flex-wrap:wrap; transition:height 0.3s ease; }
@media (max-width:768px) { .two-column { padding:0; } }
@media (max-width:480px) { .two-column { flex-direction:column; } .two-column > div { padding-top:0; } }
.p2 { padding:2vw; }
.p4 { padding:4vw; }
.w10 { width:10vw; }
.w35 { width:35vw; }
.flex1 { flex:1; }
.min75 { min-width:75px; }
@media (orientation:landscape) and (max-width:640px) { .min75 { min-width:0; } }
.flex75 { flex:0 0 75%; }
.nopad { padding:0; }
.two-column > div { transition:max-height 0.3s linear,padding 0.3s linear; }
.winehero { width:100%; height:auto; }

.iw5 { width:5vw; height:auto; } .iw10 { width:10vw; height:auto; } .iw15 { width:15vw; height:auto; } .iw20 { width:20vw; height:auto; } .iw25 { width:25vw; height:auto; } .iw30 { width:30vw; height:auto; } .iw35 { width:35vw; height:auto; } .iw40 { width:40vw; height:auto; }
.iw45 { width:45vw; height:auto; } .iw50 { width:50vw; height:auto; } .iw55 { width:55vw; height:auto; } .iw60 { width:60vw; height:auto; } .iw65 { width:65vw; height:auto; } .iw70 { width:70vw; height:auto; } .iw75 { width:75vw; height:auto; } .iw80 { width:80vw; height:auto; }
.iw85 { width:85vw; height:auto; } .iw90 { width:90vw; height:auto; } .iw95 { width:95vw; height:auto; } .iw100 { width:100vw; height:auto; }

.winedetail { flex:0 0 100%; display:none; position:relative; }
.winedetail a.closewine { position:absolute; right:0; background-color:#9D9493; border-radius:100%; width:30px; height:30px; overflow:hidden; text-decoration:none; display:flex; align-items:center; justify-content:center; }
	.winedetail a.closewine span { color:#fff; line-height:0; position:relative; top:0.1vw; }
.winedetail > div { display:flex; flex-wrap:wrap; width:100%; justify-content:space-around; }
	.winedetail > div > div { flex:0 0 49%; }
	@media (max-width:480px) { .winedetail > div > div { flex:0 0 100%; } .winedetail > div > div.winehero,.winedetail > div > div.winelifestyle { display:none; } .winedetail a.closewine { right:5%; top:20%; } }
	.winedetail > div > div.winehead { flex:0 0 100%; text-align:center; }
	.winedetail > div .winehero { background-color:transparent; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; display:flex; justify-content:center; align-items:center; color:#fff; margin-bottom:1%; }
		.winedetail > div .winehero > div { position:absolute; height:100%; width:100%; display:flex; justify-content:center; align-items:center; opacity:0.6; top:0; left:0; }
	.winedetail > div .winelifestyle { background-color:transparent; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; padding-bottom:20%; display:flex; justify-content:center; align-items:center; color:#fff; }
		.winedetail > div .winelifestyle > div { position:absolute; height:100%; width:100%; display:flex; justify-content:center; align-items:center; opacity:0.6; top:0; left:0; }
	.winedetail > div .copy { margin-bottom:1%; }
	.winedetail .copy h3,
	.winedetail .copy p { margin-left:1vw; }
	.winedetail .copy table { width:100%; border:1px solid #666; text-transform:uppercase; }
		.winedetail .copy table th { border-bottom:1px solid #666; }
		.winedetail .copy table th,
		.winedetail .copy table td { padding:0.25vw 0.75vw; }
		.winedetail .copy table td:nth-child(2) { text-align:right; }
#footer { padding:2vw; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }

#videooverlay { position:relative; display:flex; justify-content:center; align-items:flex-end; }
	#videooverlay > span { display:inline-block; padding:1vw; opacity:0.3; }
	#videooverlay #videoMute,
	#videooverlay #videoPause { opacity:0.5; position:absolute; bottom:1vw; right:36px; border:0; background-color:#9D9493; border-radius:100%; /*width:3vw; height:3vw;*/ width:32px; height:32px; /*max-width:32px; max-height:32px; min-width:24px; min-height:24px;*/ transition:opacity 0.3s linear; }
	#videooverlay #videoPause { right:80px; }
	#videooverlay #videoMute:hover,
	#videooverlay #videoPause:hover { opacity:1; cursor:pointer; }
		#videooverlay #videoMute > img,
		#videooverlay #videoPause > img { width:100%; height:auto; }
	#videooverlay #videoMute.muted:before { opacity:0.4; content:''; height:2px; width:100%; background-color:red; display:block; position:absolute; top:calc(50% - 1px); left:0; transform:rotate(-45deg); }
@media (max-width:720px) { #videooverlay { justify-content:flex-start; } }

#mobileNotice { display:none; text-align:center; justify-content:center; flex-direction:column; align-items:center; position:fixed; z-index:9999999; background-color:#fff; top:0; right:0; bottom:0; left:0; padding:10vw; }
#mobileNotice div { padding-top:3vw; }
#mobileNotice img { max-width:25vw; }
@media (orientation:landscape) and (max-height:600px) {
	#mobileNotice { display:flex; }
}

/* WCAG Skip Links */
.skip-link { position:absolute; top:-999px; left:-999px; width:1px; height:1px; overflow:hidden; z-index: 9999; }
.skip-link:focus,
.skip-link:active { position:static; width:auto; height:auto; left:auto; top:auto; background-color:#007bff; color:white; padding:10px; text-decoration:none; clip:auto; clip-path:none; }