:root{--hover-background-colour: #CDA3A5;--navbar-colour: #822348;--backup-home-colour: #ffffff;--navdropdown-colour: #822347c0}@font-face{font-family:AvenirRoman;src:url(./src/assets/fonts/Avenir-Roman.ttf)}.active{background-color:var(--hover-background-colour)}nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--navbar-colour);position:sticky;top:0;font-family:AvenirRoman;z-index:5;font-weight:700}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:var(--backup-home-colour)}nav ul{display:flex}nav ul li{list-style:none;position:relative}nav ul li a{display:block;text-decoration:none;text-decoration-color:var(--hover-background-colour);color:var(--backup-home-colour);padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:var(--hover-background-colour)}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media screen and (max-width: 650px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul.open{display:flex;padding:0}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}@media screen and (min-width: 900px){nav ul li{font-size:1.3rem}.navbar .title img{width:12vh}}@media screen and (min-width: 1220px){.navbar .title img{width:12vh;padding-left:1rem}nav ul li{font-size:1.5rem}}:root{--light-pink: #CDA3A5;--dark-text: #822348;--link-visited: #BF2E6C}@font-face{font-family:AvenirRoman;src:url(/wineandshine/src/assets/fonts/Avenir-Roman.ttf)}.footer{background-color:var(--light-pink);color:var(--dark-text);display:grid;flex-direction:row;font-family:AvenirRoman;padding-bottom:2rem;justify-content:center}.footerLogoContainer{margin-top:2rem;grid-row:1/2;grid-column:1/12;display:flex;justify-content:center}.footerLogo{height:8vh}.footerSubtitle{font-weight:700}.footerContact{grid-column:1/12;text-align:center}.footerExternalLinks{display:flex;flex-direction:column;grid-column:1/12;text-align:center}a{text-decoration:none}.footer a:link{color:#822348}.footerExternalLinks a:visited{color:var(--link-visited)}@media screen and (min-width: 900px){.footer{display:flex;flex-direction:row;justify-content:space-around;font-size:1.2rem}.footerExternalLinks,.footerContact{text-align:right}}:root{--light-pink: #CDA3A5;--dark-text: #822348;--bright-pink: #BF2E6C;--border-colour: #82234796}.productImage{height:15vh}.productCard{display:flexbox;border-right:var(--border-colour) solid;box-shadow:0 5px 11px #0000001a,0 4px 11px #00000014;width:100%;font-family:AvenirRoman;text-align:center;box-sizing:border-box}.productHeader{font-family:Moderniz;padding:1rem 2rem;color:var(--dark-text)}.productPrice{font-size:1.5rem}@media screen and (min-width: 650px){.productCard{max-width:50%}}@media screen and (min-width: 900px){.productCard{max-width:33.3%}}@media screen and (min-width: 1200px){.productCard{max-width:25%}}@media screen and (min-width: 1600px){.productCard{max-width:20%}}@font-face{font-family:AvenirRoman,Arial,Helvetica,sans-serif;src:url(/assets/Avenir-Roman-CTryr_4f.ttf)}@font-face{font-family:BoldFont,Arial,Helvetica,sans-serif;src:url("../public/assets/fonts/THE BOLD FONT - FREE VERSION - 2023.otf")}@font-face{font-family:Moderniz,Arial,Helvetica,sans-serif;src:url(/assets/Moderniz-B7PsgsQT.otf)}:root{--light-pink: #CDA3A5;--dark-text: #822348;--bright-pink: #BF2E6C}.App{max-width:100%;overflow:hidden}body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.indexHeaderImage{width:100%;opacity:50%}.headerLogo{position:absolute;top:5.7rem;right:3rem;display:flex;flex-direction:column;align-items:center}.indexMainLogo{height:4vh}.indexTagline{width:10vh}.discoverSection{margin-top:-.25rem;max-width:100%;overflow:hidden}.discoverRow{display:flex;flex-direction:column;padding-top:2rem;z-index:3;overflow:visible;width:70%;align-self:center}.discoverRow:nth-of-type(2){padding-top:0}.discoverLinks{display:flex;flex-direction:column;font-family:AvenirRoman;font-size:2rem;font-weight:700;padding-bottom:0}.discoverRow p{color:var(--dark-text)}.discoverIcon{height:11vh;z-index:6;transition:transform .5s ease}.discoverIcon:hover{transform:scale(1.5)}.discoverWineWinestain{position:relative;z-index:-1;height:20vh;top:-8rem;left:-14rem;margin-top:4rem;rotate:15deg}.discoverCiderWinestain{position:absolute;height:20vh;rotate:150deg;z-index:-1;margin-top:-1.5rem;right:3rem;overflow:hidden}.circles{position:absolute;margin-top:-1.5rem;right:3rem;z-index:-3}.circle1,.circle2{border-radius:50%;display:inline-flex}.circle2{background:var(--dark-text);width:50px;height:50px;position:absolute;top:-1rem;right:-1rem}.circle1{background:var(--light-pink);width:75px;height:75px}.discoverHeader{display:flex;flex-direction:row;font-family:AvenirRoman;color:var(--light-pink);background-color:var(--dark-text);margin:0}.discoverHeaderText{padding-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem;font-style:italic;font-size:1.5rem}.discoverWine,.discoverCider,.discoverBeer,.discoverSpirits{height:200px;display:flex}.didYouKnow{background-color:var(--light-pink);color:var(--dark-text);font-family:AvenirRoman;padding:1rem 2rem}.didYouKnowTitle{font-style:italic;font-size:2rem}.didYouKnowText{font-size:1.4rem;margin:.3rem;padding-bottom:1.5rem}.findUsSection{display:flex;flex-direction:column;font-family:AvenirRoman;text-align:center;color:var(--dark-text);font-size:2rem;line-height:2.5rem;align-items:center}.findUsSection h1{font-size:2rem}.findUsSection p{font-size:1.4rem;padding:0 1.2rem}.location{width:100%}iframe{border-bottom:0}.collapsibleHours{overflow:hidden;max-width:100%;margin-bottom:2rem;display:flex;flex-direction:column}.collapsibleHours input{display:none}.collapsibleHours label{position:relative;max-width:100%;display:block;margin-bottom:.5rem;cursor:pointer;padding:15px 5rem;border-radius:5rem;box-shadow:0 5px 5px #0000001a,0 4px 5px #00000014;z-index:1;font-size:1.6rem}.collapsibleHours label:after{content:"";position:absolute;right:25px;top:15px;width:30px;height:40px;background:url(./src/assets/images/index/arrow.svg) no-repeat 0 0;background-size:contain;transition:all .3s ease}.collapsibleHours input:checked+label:after{transform:rotate(90deg)}.collapsibleHoursText{max-height:1px;overflow:hidden;border-radius:4px;line-height:.8rem;font-size:1.2rem;position:relative;top:-100%;opacity:.5;transition:all .3s ease}.collapsibleHours input:checked~.collapsibleHoursText{max-height:300px;box-shadow:0 5px 11px #0000001a,0 4px 11px #00000014;opacity:1;top:0}.aboutUsPage,.contactPage,.productPage{display:flex;flex-direction:column;align-items:center;overflow:hidden}.ownerImage{height:20vh}.aboutUsHeader,.contactPageHeader,.productPageHeader{width:100%;padding-left:2rem;font-family:Moderniz;letter-spacing:.3rem;color:var(--dark-text);font-size:.8rem;background-color:var(--light-pink)}.ownerSection{width:100%;display:grid}.ownerSectionTitle{width:100%;padding:1rem 1.5rem;font-family:Moderniz;grid-column:1/12;font-size:.9rem;grid-row:1/2}.ownerSectionTitle p{width:100%;color:var(--dark-text)}.ownerSectionBio{grid-column:1/12;padding:1.5rem}.ownerSectionBio p{font-family:AvenirRoman;color:#000;font-size:1.2rem;grid-row:3/4;grid-column:1/12}.ownerSectionImage{grid-row:2/3;grid-column:1/12;display:flex;justify-content:center}.ownerFaves{grid-row:4/5;grid-column:1/12;font-family:AvenirRoman;display:grid}.ownerFavesTitle{background-color:var(--dark-text);color:#fff;font-family:Moderniz;font-size:.8rem;padding:.8rem;margin-top:1.2rem;box-shadow:0 5px 11px #0000001a,0 4px 11px #00000014;grid-row:1/2}.faveCategory{font-family:Moderniz;color:var(--dark-text);font-size:1.8rem}.faveImage{height:15vh;padding-top:1.2rem;grid-row:2/3}.ownerFavesSpiritImage,.ownerFavesCiderImage,.ownerFavesBeerImage{grid-row:2/3}.faveName{font-size:1.4rem;grid-row:1/2}.ownerFavesWine{padding-top:1.5rem;grid-row:2/3}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesCider,.ownerFavesBeer{display:grid;padding:1.5rem}.ownerFavesWineImage,.ownerFavesSpiritImage,.ownerFavesCiderImage,.ownerFavesBeerImage{display:flex;justify-content:center}.ownerFavesWineTitle,.ownerFavesCiderTitle{padding-top:2rem}.ownerFavesSpirit{padding-top:1.5rem;grid-row:3/4}.ownerFavesSpiritTitle,.ownerFavesBeerTitle{padding-top:2rem}.ownerFavesCider{padding-top:1.5rem;grid-row:4/5;display:grid}.ownerFavesBeer{padding-top:1.5rem;grid-row:5/6;display:grid}.mascotSection{display:grid;width:100%}.mascotSectionTitle{margin-top:3rem;font-family:Moderniz;font-size:.7rem;color:var(--dark-text);background-color:var(--light-pink);padding:.8rem;grid-column:1/12;grid-row:1/2;z-index:-2}.mascotDescription{font-family:AvenirRoman;font-size:1.2rem;grid-row:3/4;padding:1.7rem 1.2rem}.corkyCircle{background-color:var(--dark-text);height:150px;width:150px;border-radius:50%;position:relative;top:-5rem;right:-10rem;z-index:-1}.corkyImage{height:35vh;margin-bottom:-13rem;padding-left:3rem;transition:all .3s ease}.corkyImage:hover{transform:scale(1.5)}.contactBannerSection{width:100%;height:100px}.contactBanner{width:100%;height:100%;opacity:40%;object-fit:cover}.contactBannerText{font-family:Moderniz;font-size:.8rem;position:relative;z-index:2;top:-3rem;color:var(--dark-text);text-align:center}.contactBody{width:100%;display:grid;text-align:center}.contactMap{width:100%;grid-column:1/12}.contactPageIFrame{border:0px}.contactPageInfo{width:100%;font-family:AvenirRoman;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem;grid-row:1/2;grid-column:1/12}.contactPageInfoTitle,.contactPageAddress h3,.contactPagePhone h3,.contactPageEmail h3{font-family:Moderniz;color:var(--dark-text)}.collapsibleHoursContactPage{overflow:hidden;width:100%}.collapsibleHoursContactPage input{display:none}.collapsibleHoursContactPage label{position:relative;max-width:100%;display:block;margin-bottom:.5rem;cursor:pointer;padding:15px 0;border-radius:5rem;box-shadow:0 5px 11px #0000001a,0 4px 11px #00000014;z-index:1}.collapsibleHoursContactPage label:after{content:"";position:absolute;right:25px;top:15px;width:30px;height:40px;background:url(./src/assets/images/index/arrow.svg) no-repeat 0 0;background-size:contain;transition:all .3s ease}.collapsibleHoursContactPage input:checked+label:after{transform:rotate(90deg)}.collapsibleHoursTextContactPage{max-height:1px;overflow:hidden;border-radius:4px;line-height:.8rem;font-size:1.2rem;position:relative;top:-100%;opacity:.5;transition:all .3s ease}.collapsibleHoursContactPage input:checked~.collapsibleHoursTextContactPage{max-height:300px;box-shadow:0 5px 11px #0000001a,0 4px 11px #00000014;opacity:1;top:0}.productShowcase{display:flex;flex-wrap:wrap;flex-direction:space-between;margin-bottom:2rem}.productPageProduction{position:relative;background-color:var(--dark-text);color:var(--light-pink);text-align:left;width:100%;font-family:AvenirRoman;font-size:1rem;margin:0}.productPageProduction p{padding:0 1.2rem}@media screen and (min-width: 340px){.discoverIcon{height:15vh}.discoverWineWinestain{top:-7rem;left:-15rem;margin-top:4rem;rotate:15deg}.discoverRow{width:80%}.discoverRow a div{display:flex;justify-content:space-around}.discoverRow a div p{padding-top:2rem}.circles{margin-top:-.5rem}.discoverCiderWinestain{margin-top:.2rem;right:2rem;rotate:250deg}}@media screen and (min-width: 450px){.discoverRow{width:70%}.indexMainLogo{height:6vh}.indexTagline{width:15vh}}@media screen and (min-width: 530px){.discoverIcon{height:18vh}.circles{right:5rem}.circle2{width:75px;height:75px}.circle1{width:100px;height:100px}.discoverHeaderText{font-size:2.5rem;padding-left:3rem}.discoverWineWinestain{top:-9rem;left:-19rem;margin-top:4rem;rotate:15deg;height:25vh}.discoverCiderWinestain{margin-top:2rem;right:4rem;height:25vh;rotate:200deg}.discoverWine p{margin-right:0;width:100%}.discoverRow a div p{font-size:2.5rem}.contactBannerText{font-size:1.5rem;top:-6rem}.mascotImage{padding-left:10rem}}@media screen and (min-width: 650px){.circles{right:7rem}.productPageProduction{font-size:1.2rem}.productPageHeader,.aboutUsHeader,.contactPageHeader,.mascotSectionTitle{font-size:1rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:0 2.8rem}.ownerFavesWineTitle,.ownerFavesCiderTitle{grid-column:1/8;grid-row:1/1}.ownerFavesWineImage,.ownerFavesCiderImage{grid-column:8/12;grid-row:1/1}.ownerFavesSpiritTitle,.ownerFavesBeerTitle{grid-column:4/12;grid-row:1/1;text-align:right}.ownerFavesSpiritImage,.ownerFavesBeerImage{grid-column:1/4;grid-row:1/1}.ownerSectionImage{grid-row:1/2;grid-column:6/11}.ownerImage{height:30vh}.ownerSectionTitle h2{padding-top:5rem;grid-column:2/5}.contactPageInfo{margin-top:2rem}.headerLogo{top:7rem}}@media screen and (min-width: 759px){.discoverWineWinestain{left:-25rem}.circle1{height:150px;width:150px}.circle2{height:100px;width:100px}.circles{margin-top:-3rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:1rem 9rem}.ownerSectionBio{padding:0 2rem}.mascotSection{margin-bottom:4rem}.mascotSectionTitle{grid-row:1/2}.mascotSectionTitle,.ownerFavesTitle{padding-left:3rem}.mascotDescription{grid-row:2/3;padding-left:3rem}.mascotImage{grid-row:2/3;padding-left:0;padding-right:6rem}}@media screen and (min-width: 900px){.headerLogo{margin-top:2rem}.indexMainLogo{height:12vh}.indexTagline{width:29vh}.discoverHeaderText{font-size:3.5rem}.discoverLinks{padding-right:4rem}.discoverRow{flex-direction:row}.discoverRow:nth-of-type(1){margin-top:4rem;justify-content:space-between}.discoverWineWinestain{left:-18rem}.circles{right:2rem}.discoverRow:nth-of-type(2){justify-content:space-between}.discoverCider .discoverIcon{margin-right:-5rem}.discoverCiderWinestain{right:2rem;rotate:170deg;margin-top:2rem}.findUsSection{display:grid}.findUsSection h1,.findUsSection p,.findUsSection .collapsibleHours{grid-column:1/6}.findUsSection h1{font-size:2.5rem}.location{grid-column:6/12;grid-row:1/4}.faveName{font-size:1.6rem}.mascotSectionTitle,.ownerFavesTitle{padding-left:5rem}.mascotDescription{margin-left:3rem;font-size:1.6rem}.corkyImage{height:45vh}.ownerSectionTitle{width:50%;grid-row:1/2;padding:0}.ownerSectionTitle h2{padding-top:2rem;font-size:2.5rem;margin-bottom:0;padding-left:2.5rem}.ownerSectionTitle p{font-size:1.7rem;margin-top:.5rem;margin-bottom:0;padding-left:2.5rem}.ownerSectionBio{grid-row:2/3;grid-column:1/3;margin-top:-1rem;padding-left:2.5rem}.ownerSectionBio p{font-size:1.6rem}.ownerSectionImage{grid-row:1/3;padding-top:1.6rem}.ownerImage{height:50vh}.contactBody{margin-top:0}.contactMap{grid-column:1/6;grid-row:1/2}.contactPageInfo{grid-column:6/12}}@media screen and (min-width: 1000px){.discoverLinks{margin:0 8rem}.discoverSpirits{margin-left:-9rem}.circles,.discoverCiderWinestain{right:9rem}.didYouKnow{padding:1rem 6rem}}@media screen and (min-width: 1027px){.discoverSpirits{margin-left:-8rem}}@media screen and (min-width: 1049px){.discoverSpirits{margin-left:-7rem}}@media screen and (min-width: 1049px){.discoverSpirits{margin-left:-6rem}}@media screen and (min-width: 1073px){.discoverSpirits{margin-left:-4.5rem}}@media screen and (min-width: 1092px){.discoverSpirits{margin-left:-4.5rem}.contactBannerSection{height:150px}}@media screen and (min-width: 1141px){.discoverSpirits{margin-left:-3rem}.headerLogo{margin-top:4rem}.indexMainLogo{height:15vh}.indexTagline{width:37vh}}@media screen and (min-width: 1193px){.discoverSpirits{margin-left:-1rem}}@media screen and (min-width: 1220px){.discoverSpirits{margin-left:0rem}.discoverLinks{margin:0 10rem}.circles{right:14rem}.ownerImage{margin-right:9rem}.ownerSectionBio,.ownerSectionTitle{margin-left:9rem}.mascotSectionTitle,.ownerFavesTitle{padding-left:6rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:1rem 12rem}.ownerFavesWineTitle,.ownerFavesCiderTitle{padding-left:3rem}.ownerFavesSpiritTitle,.ownerFavesBeerTitle{padding-right:3rem}.productPageHeader,.aboutUsHeader,.contactPageHeader{font-size:1.5rem;padding-left:12rem}.mascotDescription{margin-left:7rem;font-size:1.6rem}.mascotImage{margin-right:6rem}.corkyCircle{right:-10rem;top:-15rem;height:250px;width:250px}.mascotImage{margin-bottom:-3rem}}@media screen and (min-width: 1300px){.discoverSpirits{margin-left:1rem}}@media screen and (min-width: 1340px){.discoverSpirits{margin-left:2.5rem}}@media screen and (min-width: 1390px){.discoverSpirits{margin-left:4.5rem}}@media screen and (min-width: 1420px){.discoverSpirits{margin-left:0rem}.discoverLinks{margin:0 15rem}.circles{right:18rem}.discoverCiderWinestain{right:14rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:1rem 16rem}}@media screen and (min-width: 1487px){.discoverSpirits{margin-left:3rem}.indexMainLogo{height:16vh}}@media screen and (min-width: 1550px){.discoverSpirits{margin-left:4.5rem}}@media screen and (min-width: 1570px){.discoverSpirits{margin-left:7rem}}@media screen and (min-width: 1600px){.discoverSpirits{margin-left:8rem}}@media screen and (min-width: 1670px){.discoverSpirits{margin-left:10rem}.discoverCiderWinestain{right:20rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:1rem 22rem}.ownerImage{margin-right:16rem}.ownerSectionBio,.ownerSectionTitle{margin-left:19rem}.mascotSectionTitle,.ownerFavesTitle{padding-left:17rem}}@media screen and (min-width: 1720px){.discoverSpirits{margin-left:13rem}.headerLogo{margin-top:2.5rem}.indexTagline{width:55vh}.indexMainLogo{height:22vh}.mascotDescription{margin-left:15rem}.mascotImage{margin-right:15rem}}@media screen and (min-width: 1820px){.discoverSpirits{margin-left:14rem}.ownerFavesWine,.ownerFavesSpirit,.ownerFavesBeer,.ownerFavesCider{padding:1rem 25rem}.mascotSectionTitle,.ownerFavesTitle{padding-left:17rem}}@media screen and (min-width: 1850px){.discoverSpirits{margin-left:16rem}}