@font-face{font-family:"NotoSans";src:url("/stylesheets/fonts/NotoSans.woff2") format("woff2"),url("/stylesheets/fonts/NotoSans.ttf") format("ttf");font-weight:100 1000}@font-face{font-family:"Lexend";src:url("/stylesheets/fonts/Lexend.woff2") format("woff2"),url("/stylesheets/fonts/Lexend.ttf") format("ttf");font-weight:100 1000}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html body.visit .visit-header{position:relative;background:#ac644e}html body.visit .visit-header .cover-image{position:relative;height:300px;overflow:hidden}html body.visit .visit-header img{left:50%;transform:translate(-50%, 0);object-fit:contain;position:absolute}html body.visit .visit-header header{padding:1em}html body.visit .visit-header header .header-contents{color:#fff;display:flex;flex-direction:column;font-size:1em;margin:0 auto 0;max-width:1080px;line-height:1.25}html body.visit .visit-header header .header-contents .name-loc{display:flex;flex-direction:column;grid-area:1/1/2/2;padding:0 1em}html body.visit .visit-header header .header-contents .name-loc hnd-rating{display:none}html body.visit .visit-header header .header-contents .name-loc h2{display:flex;flex-wrap:wrap;align-items:center;font-size:min(5vw,18px);margin:0 0 .25em}html body.visit .visit-header header .header-contents .name-loc h2 span{padding-right:.75em}html body.visit .visit-header header .header-contents .name-loc .location{font-size:min(5vw,16px)}html body.visit .visit-header header .header-contents .slogon{margin-top:1em;padding:0 1em}html body.visit .visit-header header .header-contents .rating{align-items:center;display:flex;flex-direction:column;grid-area:1/2/2/3;justify-content:center;margin-top:1em}html body.visit .visit-header header .header-contents hnd-rating::part(star){font-size:12px}html body.visit .visit-header header .header-contents hnd-rating::part(raiting-container){height:21px}html body.visit article{max-width:1150px;margin:0 auto;padding:2em}html body.visit article section{background:#fff;box-shadow:1px 2px 3px #a1a1a1;border-radius:5px;padding:2em}html body.visit article section header{padding-bottom:1em}html body.visit article section h2,html body.visit article section h3,html body.visit article section p{font-family:Lexend}html body.visit article section p{line-height:1.5;padding-bottom:1em;margin:0}html body.visit article section .glide-wrapper button{background:rgba(0,0,0,0);border:0;border-radius:5px;position:absolute;top:0;height:100%;width:3em}html body.visit article section .glide-wrapper button.previous{left:0}html body.visit article section .glide-wrapper button.previous:before{border-left:5px solid #333;border-bottom:5px solid #333;content:" ";display:block;height:10px;width:10px;transform:rotate(45deg);margin-left:12px}html body.visit article section .glide-wrapper button.next{right:0}html body.visit article section .glide-wrapper button.next:before{border-right:5px solid #333;border-bottom:5px solid #333;content:" ";display:block;height:10px;width:10px;transform:rotate(-45deg);margin-left:8px}html body.visit article section .glide-wrapper button.previous,html body.visit article section .glide-wrapper button.next{cursor:pointer}html body.visit article section .glide-wrapper button.previous:hover,html body.visit article section .glide-wrapper button.next:hover{background:#efefef}html body.visit article section .glide .glide__track{margin:0 4em}html body.visit article section .glide img{height:200px;width:100%;object-fit:cover}html body.visit article section:last-child{margin-bottom:2em}html body.visit p:empty{display:none}html body.visit section{margin-bottom:1em}@media(min-width: 600px){html body.visit .visit-header header .header-contents{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:0px;grid-row-gap:0px}html body.visit .visit-header header .header-contents .name-loc{display:flex;flex-direction:column;grid-area:1/1/2/3;padding:0 1em}html body.visit .visit-header header .header-contents .name-loc hnd-rating{display:flex}html body.visit .visit-header header .header-contents .name-loc h2{font-size:min(5vw,20px)}html body.visit .visit-header header .header-contents .name-loc .location{font-size:min(5vw,18px)}html body.visit .visit-header header .header-contents .rating{display:none}html body.visit .visit-header header .header-contents .slogon{grid-area:2/1/3/3}}@media(min-width: 1024px){html body.visit .visit-header .cover-image{height:400px}}.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:#fff;text-transform:uppercase;padding:9px 12px;background-color:rgba(0,0,0,0);border:2px solid hsla(0,0%,100%,.5);border-radius:4px;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);text-shadow:0 .25em .5em rgba(0,0,0,.1);opacity:1;cursor:pointer;transition:opacity 150ms ease,border 300ms ease-in-out;transform:translateY(-50%);line-height:1}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}.glide__bullet{background-color:hsla(0,0%,100%,.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid rgba(0,0,0,0);transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);margin:0 .25em}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{border:2px solid #fff;background-color:hsla(0,0%,100%,.5)}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}*{box-sizing:border-box}html{height:100vh}html body{background:url("./imgs/hops.png") repeat 0 0;background-size:25%;height:100%;width:100%}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body ul,html body ol,html body li,html body div,html body p,html body span a,html body figure,html body figcaption,html body img,html body table,html body th,html body td,html body tr{font-family:NotoSans,sans-serif}html body h2{font-size:28px;margin-top:1.5em;margin-bottom:1.5em}html body h3{font-size:22px;max-width:900px;margin:0}html body .fancy-header{background:#fff;box-shadow:.75em .75em #53b8f5;display:inline-block;margin-bottom:1em}html body .fancy-header>span{box-shadow:1px 1px 3px #a1a1a1;display:inline-block;height:100%;padding:1em 2em;width:100%}html body .grid{display:flex;flex-direction:column}html body .grid .row{display:flex;flex-direction:column;margin-bottom:1.5em}html body .grid .row .col{flex:1}html body .grid .row .col.center{display:flex;justify-content:center}html body .grid .row.no-margin{margin:0}html body div.main-container{display:flex;flex-direction:column;height:100%}html body div.main-container>header{align-items:center;background:#66bb46;color:#fff;display:flex;justify-content:center;flex:0 0 2em;font-family:Lexend;min-height:4em;padding:0 1em;width:100%}html body div.main-container>header h1,html body div.main-container>header h2,html body div.main-container>header h3,html body div.main-container>header h4,html body div.main-container>header h5,html body div.main-container>header h6{font-family:NotoSans}html body div.main-container>header h1{display:flex;flex:0 1 auto;font-family:NotoSans;margin:0;padding:0}html body div.main-container>header h1 a{color:#fff;text-decoration:none}html body div.main-container>header h1 a:hover{text-decoration:underline}html body div.main-container>header .content-wrapper{display:flex;width:100%}html body div.main-container>header .content-wrapper h1{flex:1}html body div.main-container>header .content-wrapper h1 a{display:inline-flex;align-items:center}html body div.main-container>header .content-wrapper nav{align-items:center;display:flex;flex:0 0 auto;font-family:Lexend;justify-content:flex-end;margin-right:.5em}html body div.main-container>header .content-wrapper nav button{background:rgba(0,0,0,0);border:0;cursor:pointer;display:inline-block;height:44px;padding:0;position:relative;width:44px}html body div.main-container>header .content-wrapper nav button svg{height:28px;width:28px;position:relative;top:2px}html body div.main-container>header .content-wrapper nav button svg line{stroke:#fff !important}html body div.main-container>header .content-wrapper nav .menu-container{display:none}html body div.main-container>header .content-wrapper nav .menu-container a{color:#fff;margin-left:1em;text-decoration:none;padding:3px 7px}html body div.main-container>header .content-wrapper nav .menu-container a:hover{text-decoration:underline}html body div.main-container main{background:hsla(0,0%,100%,.75);display:flex;flex-direction:column;flex:1}html body div.main-container main .main-wrapper{max-width:1440px}html body div.main-container main .main-wrapper section header.title-sub-title{display:block}html body div.main-container main .main-wrapper section header.title-sub-title h1{display:block}html body div.main-container footer{align-items:center;background:#1b1611;color:#66bb46;display:flex;flex:0 0 2em;padding:0 1em;width:100%}html body div.main-container footer .content-wrapper{display:flex;flex-direction:column;width:100%}html body div.main-container footer .content-wrapper p{flex:1;margin:0;text-align:center;margin-bottom:1em;width:100%;margin-top:1em}html body div.main-container footer .content-wrapper ul.social{margin:0;padding:0;list-style:none;text-align:center;margin-bottom:.5em}html body div.main-container footer .content-wrapper ul.social li{display:inline-block}html body div.main-container footer .content-wrapper ul.social li a{display:inline-flex;height:100%;justify-content:center;flex-direction:column}html body div.main-container footer .content-wrapper ul.social li a svg{height:40px;width:50px;margin:.5em}html body div.main-container footer .content-wrapper ul.social li a svg path{stroke:#66bb46;fill:#66bb46}html body hnd-card{box-shadow:-1em 1em #66bb46;margin-bottom:2em}html body hnd-card::part(card-wrapper){box-shadow:1px 2px 3px #333}html body hnd-card::part(card-info-container),html body hnd-card::part(card-image-container){height:120px}html body hnd-card img{max-height:120px}html body hnd-card::part(card-info-container){background:#fff;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr 1fr 2fr;grid-column-gap:0px;grid-row-gap:0px;padding:0 1em}html body hnd-card::part(card-beer-name),html body hnd-card::part(card-beer-brewery),html body hnd-card::part(beer-type){font-family:Lexend}html body hnd-card::part(card-beer-name){font-size:min(5vw,20px);grid-area:1/1/2/3;padding:.55em .25em .2em 0}html body hnd-card::part(beer-type){color:#6a6a6a;display:block;grid-area:1/3/2/4;font-size:min(3.5vw,14px);padding-top:.55em;text-align:right}html body hnd-card::part(card-beer-brewery){font-size:min(3.5vw,14px);color:#6a6a6a;grid-area:2/1/3/4;padding-bottom:.5em}html body hnd-card::part(rating-contianer){grid-area:3/1/4/4;min-height:min-content;padding-bottom:.5em;display:flex;flex-direction:column;justify-content:center;height:100%}html body hnd-card::part("card-beer-type-date-contianer"){display:flex}html body hnd-card hnd-rating::part(star){font-size:12px}html body hnd-visit{box-shadow:-1em 1em #66bb46;margin-left:.5em;margin-bottom:4em;max-width:375px}html body hnd-visit::part(card-wrapper){display:block;height:100%}html body hnd-visit::part(card-inner-wrapper){box-shadow:1px 2px 3px #333;height:100%}html body hnd-visit::part(card-info-container){background:#fff;padding:1em;display:flex;flex-direction:column;height:100%}html body hnd-visit::part(card-brewery-name){font-size:2em}html body hnd-visit::part(card-brewery-name),html body hnd-visit::part(card-brewery-location),html body hnd-visit::part(card-brewery-visit-date),html body hnd-visit::part(card-brewery-slogon){font-family:Lexend}html body hnd-visit::part(card-brewery-loc-container){margin-bottom:.5em}html body hnd-visit::part(card-brewery-name){font-size:2em;margin-bottom:.15em}html body hnd-visit::part(card-brewery-name){font-size:min(5vw,24px)}html body hnd-visit::part(card-brewery-slogon){flex:1;font-size:min(5vw,18px);margin-bottom:.5em}html body hnd-visit::part(card-brewery-location),html body hnd-visit::part(card-brewery-visit-date){font-size:min(3.5vw,14px);color:#6a6a6a}html body hnd-visit::part(card-rating-review-container){display:flex;flex-direction:column;width:100%}html body hnd-visit::part(card-rating-review-container),html body hnd-visit::part(rating-contianer){flex:1;display:flex}html body hnd-visit::part(rating-contianer){flex:1;display:flex}html body hnd-visit img{height:auto;width:100%}html body hnd-visit hnd-rating::part(star){font-size:12px}html body hnd-visit hnd-rating::part(raiting-container){height:20px}html body hnd-visit a{background:#66bb46;border-radius:5px;color:#fff;display:inline-block;font-weight:600;margin-top:1em;padding:.75em !important;text-decoration:none}html body hnd-visit a:hover{background:#f28e1c}html body hnd-hero{background:#66bb46;min-height:300px;width:100%}html body hnd-hero img{height:100%;object-fit:contain}html body hnd-hero::part(card-grid){margin:0 auto}html body hnd-hero::part(card-brewery-name),html body hnd-hero::part(card-brewery-location),html body hnd-hero::part(card-brewery-visit-date),html body hnd-hero::part(card-brewery-slogon){font-family:Lexend}html body hnd-hero::part(card-inner-wrapper){box-shadow:1em 1em #66bb46;background:#fff;padding:1em;position:relative;z-index:10;max-width:300px;top:50%;transform:translate(25px, 25%)}html body hnd-hero::part(card-brewery-loc-container){margin-bottom:1em}html body hnd-hero::part(card-brewery-name){font-size:min(5vw,24px)}html body hnd-hero::part(card-brewery-slogon){margin-bottom:1em;font-size:min(5vw,18px)}html body hnd-hero::part(card-brewery-location),html body hnd-hero::part(card-brewery-visit-date){font-size:min(3.5vw,14px);color:#6a6a6a}html body hnd-hero::part(card-rating-review-container){display:flex}html body hnd-hero::part(card-rating-review-container),html body hnd-hero::part(rating-contianer){flex:1;display:flex;align-items:center}html body hnd-hero hnd-rating::part(star){font-size:12px}html body hnd-hero hnd-rating::part(raiting-container){height:22px}html body hnd-hero a{background:#66bb46;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:.75em !important;text-decoration:none}html body hnd-hero a:hover{background:#f28e1c}html body hnd-expandable::part(expandable-button){font-size:16px;font-family:Lexend}html body .past-vistis .row .col{display:flex;justify-content:center}html body .past-vistis .row .col.center{justify-content:center}html body .about-us,html body .past-vistis,html body .past-blogs,html body .past-pours,html body .whats-on-tap{margin-top:2em}html body .about-us header,html body .past-vistis header,html body .past-blogs header,html body .past-pours header,html body .whats-on-tap header{background:rgba(0,0,0,0);font-weight:600;color:#333;text-align:center}html body .about-us .container,html body .past-vistis .container,html body .past-blogs .container,html body .past-pours .container,html body .whats-on-tap .container{margin:2em}html body .about-us .section-container,html body .past-vistis .section-container,html body .past-blogs .section-container,html body .past-pours .section-container,html body .whats-on-tap .section-container{margin:2em}html body a.hoppy-action-button{background:#66bb46;border-radius:5px;color:#fff;font-weight:600;padding:1.25em;text-align:center;text-decoration:none}html body a.hoppy-action-button:hover{background:#f28e1c}html body .past-pours .row{margin-bottom:0}html body .past-pours .row .col{margin-bottom:1em}html body .past-pours .row header{margin-bottom:1em}html body .about-us header{text-align:initial}html body .whats-on-tap hnd-visit{margin:0}html body .past-vistis .row .col hnd-visit{margin-bottom:4em}html body .past-vistis .row .col:last-child hnd-visit{margin-bottom:1em}html body .about-us{background:#66bb46;padding-top:2em;padding-bottom:2em;margin-top:0}html body .about-us .grid .row .col header{margin-left:1em}html body .about-us .grid .row .col header h3{margin:0}html body .about-us .grid .row .col p{margin:1em}html body .about-us .grid .row .col picture{margin:1em}html body .about-us .grid .row .col picture img{min-height:120px}html body .polaroid-container{position:relative}html body .polaroid-container .polaroid{position:relative;display:inline-flex}html body .polaroid-container .polaroid picture img{background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.25);padding:1em;height:auto;max-width:100%}html body .beer-list,html body .visit-list{margin:2em;padding:0;list-style-type:none;columns:1 auto;margin-left:1em}html body .beer-list hnd-visit,html body .visit-list hnd-visit{max-width:initial}html body .beer-list hnd-visit::part(rating-contianer),html body .visit-list hnd-visit::part(rating-contianer){margin-bottom:.5em}html body .visit-list hnd-visit{margin-bottom:3em}html body header>.content-wrapper,html body footer>.content-wrapper,html body main>.main-wrapper{max-width:1150px}html body .no-margin-top{margin-top:0 !important}html body .margin-left-0{margin-left:0 !important}html body .mobile-menu{border:none;border-radius:10px;outline:none;position:fixed;inset-block-start:0px;inset-block-end:0px;max-width:calc(100% - 2em - 6px);max-height:calc(100% - 2em - 6px);user-select:text;visibility:visible;width:fit-content;height:fit-content;overflow:auto}html body .mobile-menu .menu-container{display:inline-flex;flex-direction:column}html body .mobile-menu .menu-container a{border-bottom:1px solid #a1a1a1;color:#333;display:inline-block;margin-bottom:.5em;min-width:calc(300px - 4em);padding:1em;margin:0 2em;text-decoration:none;text-align:center}html body .mobile-menu .menu-container a:hover{text-decoration:underline}html body .mobile-menu .menu-container a:first-child{margin-top:.25em}html body .mobile-menu .menu-container a:last-child{border-bottom:0;margin-bottom:.25em}html body .mobile-menu .menu-container button{background:none;border:none;color:#333;cursor:pointer;display:inline-block;min-width:calc(300px - 4em);padding:1em}html body .mobile-menu::backdrop{background:rgba(27,22,17,.5)}html body .past-pours-page,html body .past-visits-page{max-width:1200px;margin:0 auto}html body .past-pour-beer-cards{align-items:center;display:flex;flex-direction:column}html body .past-pour-beer-cards .data-chart{margin-top:1em}html body table{background-color:#fff;border-collapse:collapse;box-shadow:1px 1px 3px #a1a1a1;padding:1em;margin:1em}html body table thead tr{border-bottom:1px solid #a1a1a1}html body table thead tr th{color:#676767;font-weight:600;text-align:left;padding:.75em .75em}html body table tbody tr{border-bottom:1px solid #a1a1a1;min-height:1.25em;padding:0 .5em}html body table tbody tr td{padding:.75em .75em;text-align:left}html body table tbody tr td hnd-rating::part(star){font-size:12px}html body .data-chart{margin-bottom:1em;font-family:Lexend;width:228px}html body .data-chart .data-chart-wrapper{border-radius:5px;background:#fff;box-shadow:1px 2px 3px #ccc;overflow:hidden;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:303px 101px 103px min-content;grid-column-gap:0px;grid-row-gap:0px}html body .data-chart .data-chart-wrapper hnd-rating::part(raiting-container){display:flex;align-items:center}html body .data-chart .data-chart-wrapper hnd-rating::part(star){font-size:10px}html body .data-chart .data-chart-wrapper .image-wrapper{grid-area:1/1/2/3}html body .data-chart .data-chart-wrapper .image-wrapper img{height:300px;width:100%;object-fit:cover}html body .data-chart .data-chart-wrapper .name-wrapper{grid-area:2/1/3/3;padding:.5em}html body .data-chart .data-chart-wrapper .name-wrapper .name{font-size:min(10vw,24px);font-weight:600;margin-bottom:.5em}html body .data-chart .data-chart-wrapper .stat-wrapper{grid-area:3/1/4/3;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);grid-column-gap:0px;grid-row-gap:0px}html body .data-chart .data-chart-wrapper .stat-wrapper .rating{grid-area:1/1/2/3;display:flex;justify-content:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:.25em 0}html body .data-chart .data-chart-wrapper .stat-wrapper .abv,html body .data-chart .data-chart-wrapper .stat-wrapper .ibu,html body .data-chart .data-chart-wrapper .stat-wrapper .type{padding:.25em}html body .data-chart .data-chart-wrapper .stat-wrapper .abv,html body .data-chart .data-chart-wrapper .stat-wrapper .ibu,html body .data-chart .data-chart-wrapper .stat-wrapper .type{display:flex;justify-content:center;align-items:center}html body .data-chart .data-chart-wrapper .stat-wrapper .abv .label,html body .data-chart .data-chart-wrapper .stat-wrapper .ibu .label,html body .data-chart .data-chart-wrapper .stat-wrapper .type .label{display:inline-block;padding-right:.5em}html body .data-chart .data-chart-wrapper .stat-wrapper .abv{grid-area:2/1/3/2}html body .data-chart .data-chart-wrapper .stat-wrapper .ibu{grid-area:2/2/3/3;border-left:1px solid #ccc}html body .data-chart .data-chart-wrapper .stat-wrapper .type{border-top:1px solid #ccc;grid-area:3/1/4/3}html body .data-chart .data-chart-wrapper .description{border-top:1px solid #ccc;grid-area:4/1/5/3;padding:.5em}html body .data-chart .data-chart-wrapper .description:empty{border-top:0;display:none;padding:0}html body .data-chart .data-chart-wrapper .description p:empty{display:none}html body .visit-beer-cards{margin-top:1em}html body .visit-beer-cards .data-chart{margin-bottom:0}html body .visit-beer-cards .data-chart .data-chart-wrapper{display:inline-grid;grid-template-rows:303px 1fr 103px min-content;max-width:228px}html body .visit-beer-cards .data-chart .data-chart-wrapper .image-wrapper img{width:auto}html body .visit-beer-cards .data-chart .data-chart-wrapper .name-wrapper{display:block}html body .visit-beer-cards .data-chart .data-chart-wrapper .name-wrapper .name{margin-bottom:0;font-size:14px}html body .blog-list{margin:0;padding:0;list-style:none}html body .blog-list li{width:100%}html body .blog-list li a{display:inline-flex;flex-direction:column;text-decoration:none;width:100%}html body .blog-list li a .blog-card{background:#fff;border-top:5px solid #66bb46;box-shadow:1px 2px 3px #333;font-family:Lexend;padding:1em}html body .blog-list li a .blog-card .blog-wrapper{display:flex;flex-direction:column}html body .blog-list li a .blog-card .blog-wrapper .blog-title{font-size:min(5vw,20px)}html body .blog-list li a .blog-card .blog-wrapper .blog-date{font-size:min(5vw,14px);margin-top:1em}html body .blog-list li a .blog-card .blog-link{color:#444;display:block;text-align:center;margin-top:1em}html body .blog-list li a:hover .blog-card{border-top-color:#f28e1c}html body .blog-list li a:hover .blog-link{text-decoration:underline}html body.blog h2{display:flex;flex-direction:column}html body.blog h2 .date{margin-top:1em;color:#a1a1a1;font-size:16px}html body.blog div.main-container article{margin:0 auto;max-width:1000px}html body.blog div.main-container article section{background:#fff;box-shadow:1px 2px 3px #ccc;padding:1em;margin:1em}html body.blog div.main-container article section h2,html body.blog div.main-container article section h3,html body.blog div.main-container article section h4,html body.blog div.main-container article section h5,html body.blog div.main-container article section h6{margin:.5em;margin-left:0}html body.blog div.main-container article section p{line-height:1.5}html body.blog div.main-container article section img{max-height:325px;padding:1em}html body.blog div.main-container article section img.right{float:right}html body.blog div.main-container article section img.left{float:left}@media(min-width: 400px){html body .visit-list hnd-visit::part(card-rating-review-container){align-items:center;flex-direction:row}html body .visit-list hnd-visit::part(rating-contianer){flex:0 1 auto;margin-bottom:0}html body .visit-list hnd-visit a{margin:0;margin-left:1em}html body .polaroid-container{display:flex}html body .data-chart .data-chart-wrapper hnd-rating::part(star){font-size:13px}html body .visit-beer-cards .data-chart{max-width:initial;padding:5px 0}html body .visit-beer-cards .glide__slides li{display:flex;justify-content:center}}@media(min-width: 500px){html body hnd-hero::part(card-inner-wrapper){max-width:350px}html body .polaroid-container{display:flex}}@media(min-width: 550px){html body .whats-on-tap{min-height:300px}html body .whats-on-tap .grid .row{margin-bottom:0}html body .whats-on-tap .grid .row .col.center{display:block;min-height:375px}html body .whats-on-tap .grid .row .col hnd-visit{max-width:initial}html body .whats-on-tap .grid .row .col hnd-visit::part(card-wrapper){position:relative;z-index:10;margin-top:5em}html body .whats-on-tap .grid .row .col hnd-visit::part(card-inner-wrapper){box-shadow:none}html body .whats-on-tap .grid .row .col hnd-visit::part(card-info-container){box-shadow:1px 2px 3px #333;width:65%}html body .whats-on-tap .grid .row .col hnd-visit img{box-shadow:1px 2px 3px #333;position:absolute;right:0;margin-top:-4em;max-height:350px;width:75%;z-index:-1}html body .past-pour-beer-cards{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;grid-gap:1em;justify-items:center;align-items:start}html body .past-pour-beer-cards .data-chart{max-width:300px;margin-bottom:0}}@media(min-width: 600px){.past-vistis .section-container,.past-pours .section-container,.whats-on-tap .section-container{margin:1em}a.hoppy-action-button{max-width:300px}html body div.main-container section h2{max-width:800px;margin:1.5em auto}html body div.main-container footer .content-wrapper{flex-direction:row}html body div.main-container footer .content-wrapper p{text-align:left}html body div.main-container footer .content-wrapper ul.social{margin-bottom:0}html body div.main-container footer .content-wrapper ul.social li{height:100%}html body div.main-container footer .content-wrapper ul.social li a svg{padding:.5em;margin:0}}@media(min-width: 650px){html body div.main-container>header .content-wrapper{width:100%}html body div.main-container>header .content-wrapper h1{flex:1}html body div.main-container>header .content-wrapper nav button{display:none}html body div.main-container>header .content-wrapper nav .menu-container{display:flex}html body .about-us .grid .row .col{margin-left:1em}html body .about-us .polariod-row{display:flex;flex-direction:row}html body .about-us .polariod-row .polaroid-container .polaroid picture img{max-height:225px !important}html body .about-us .polariod-row .polaroid-container .polaroid.first{position:absolute;top:-50px;z-index:10}html body .about-us .polariod-row .polaroid-container .polaroid.second{position:absolute;left:50px;z-index:100;transform:rotate(30deg);top:100px}html body .visit-list hnd-visit::part(card-info-container){display:grid;grid-template-columns:1fr 270px;grid-auto-rows:min-content;grid-column-gap:0px;grid-row-gap:0px}html body .visit-list hnd-visit::part(card-brewery-name){grid-area:1/1/2/2;padding-right:1em}html body .visit-list hnd-visit::part(card-brewery-loc-container){grid-area:2/1/3/2}html body .visit-list hnd-visit::part(card-rating-review-container){grid-area:1/2/3/3}}@media(min-width: 700px){html body hnd-hero::part(card-inner-wrapper){max-width:425px}html body div.main-container .past-vistis .grid .row{flex-direction:row;gap:2em}html body div.main-container .past-vistis .grid .row .col hnd-visit{margin-bottom:0}html body div.main-container .past-vistis .grid .row:last-child{margin-top:2em}html body div.main-container .past-blogs header,html body div.main-container .past-vistis header,html body div.main-container .past-pours header{text-align:initial}}@media(min-width: 725px){html body div.main-container .visit-beer-cards .data-chart{display:flex;justify-content:center;max-width:initial}}@media(min-width: 750px){html body .past-pour-beer-cards{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;grid-gap:1em;justify-items:center;align-items:start}html body .past-pour-beer-cards .data-chart{max-width:300px;margin-bottom:0}}@media(min-width: 850px){html body .grid{max-width:900px;margin:0 auto}html body .grid .row{flex-direction:row;gap:2em}html body .grid .row .col{flex:1}html body .about-us{background:#66bb46;padding-top:2em;padding-bottom:2em;margin-top:0}html body .about-us .polariod-row .polaroid-container .polaroid.first{position:absolute;top:-50px;z-index:10}html body .about-us .polariod-row .polaroid-container .polaroid.second{position:absolute;left:100px;z-index:100;transform:rotate(30deg);top:75px}}@media(min-width: 900px){html body hnd-hero::part(card-grid){max-width:900px}html body .past-pours .grid{max-width:900px;margin:0 auto}html body .past-pours .grid .row{flex-direction:row;gap:3em}html body .past-pours .grid .row .col{flex:1}html body .about-us .polariod-row .polaroid-container{justify-content:center}html body .about-us .polariod-row .polaroid-container .polaroid.first{left:20px;top:-75px}html body .about-us .polariod-row .polaroid-container .polaroid.second{left:150px;top:50px}html body .beer-list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}}@media(min-width: 1000px){html body .about-us .polariod-row .polaroid-container{justify-content:center}html body .about-us .polariod-row .polaroid-container .polaroid.first{left:20px;top:-55px}html body .about-us .polariod-row .polaroid-container .polaroid.second{left:175px;top:40px}}@media(min-width: 1024px){html body hnd-hero{min-height:400px}html body hnd-hero::part(card-inner-wrapper){transform:translate(25px, 50%)}}@media(min-width: 1200px){html body div.main-container footer .content-wrapper{max-width:1200px;margin:0 auto}}@media(min-width: 1440px){html body div.main-container main .main-wrapper{margin:0 auto;width:1440px}html body .beer-list{columns:3}}