.space-between{display:flex;justify-content:space-between}.column{display:flex;flex-direction:column}.text-underline{text-decoration:underline;-webkit-text-decoration:underline;text-decoration-skip-ink:none;text-decoration-thickness:1px;-webkit-text-decoration-thickness:1px;text-underline-offset:2px;-webkit-text-underline-offset:2px}.color-yellow,.menu-section .menues .menu .menu-items .menu-item .extras li,.menu-section .menues .menu .menu-title h6{color:#ffb600}.color-green{color:#002c16}.graph-svg{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}.main-padding{padding:8rem}@media(max-width:1440px){.main-padding{padding:6rem}}@media(max-width:1024px){.main-padding{padding:6rem}}@media(max-width:767px){.main-padding{padding:4rem 1rem}}.gap--2{gap:8rem}@media(max-width:1440px){.gap--2{gap:6rem}}.gap--3{gap:4rem}@media(max-width:1440px){.gap--3{gap:3rem}}.gap--4{gap:3rem}@media(max-width:1440px){.gap--4{gap:2rem}}.gap--5{gap:1.5rem}@media(max-width:1440px){.gap--5{gap:1.5rem}}.blur{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.big-border-radius{border-radius:1rem}@media(max-width:767px){.big-border-radius{border-radius:.5rem}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}:root{--clamped-padding:clamp(1.5rem,5vw,3rem);--clamped-gap:clamp(1rem,5vw,2rem)}*{box-sizing:border-box;color:inherit;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;text-rendering:optimizeLegibility}.site-header .header-menu-btn,h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;text-wrap:balance}p{text-wrap:pretty}html{min-width:100%}img.style-svg{display:none}body{background-color:#002c16;color:#f7faf7;color-scheme:dark;margin:auto;overflow-x:hidden;position:relative;width:100%}ul{list-style-type:none;padding:0}a{text-decoration:none}img{max-width:100%;object-fit:cover;user-select:none;width:100%;-webkit-user-drag:none;-moz-user-select:none;-webkit-touch-callout:none;-ms-user-select:none}:root{--header-height:100px}.bg-transition-1{-moz-transition:background-color .5s,fill .5s;-webkit-transition:background-color .5s,fill .5s;-o-transition:background-color .5s,fill .5s;transition:background-color .5s,fill .5s}.beer-page,.food-page,.home-page,.main-flex{align-items:center;display:flex;flex-direction:column;min-width:0;width:100%}:root{--max-width:1920px;--base-padding:clamp(1rem,4vw,3rem)}.home-page .about-section,.max-width,.menu-section,.opening-hours-section{justify-self:center;margin:calc(var(--base-padding)*2) 0;max-width:var(--max-width);padding:0 var(--base-padding);width:100%}.home-page .map-section,.max-width-left-padding{justify-self:center;max-width:var(--max-width);padding:var(--base-padding) 0 0 var(--base-padding);width:100%}.main-grid{display:grid;grid-auto-flow:row dense;margin:0 auto;width:100%;--space-lr:8rem;--column-gap:0rem;--row-gap:0rem;--col-count:2;--wrapper-width:3840px}@media(max-width:1440px){.main-grid{--space-lr:6rem}}@media(max-width:1024px){.main-grid{--space-lr:6rem;--column-gap:0rem;--row-gap:0rem;--col-count:2}}@media(max-width:767px){.main-grid{--space-lr:1rem;--column-gap:0rem;--row-gap:0rem;--col-count:2}}.main-grid{column-gap:var(--column-gap);grid-template-columns:1fr repeat(var(--col-count),calc((min(100% - var(--space-lr) * 2, var(--wrapper-width)) - var(--col-count)*var(--column-gap))/var(--col-count))) 1fr;row-gap:var(--row-gap)}.full-width{grid-column:1/-1}.inline-width{grid-column:2/4}h1{font-size:clamp(3rem,10vw,6rem);text-transform:uppercase}h1,h2{font-family:PPRader,sans-serif;font-weight:700;line-height:1}h2{font-size:clamp(2rem,6vw,3rem);max-width:30ch}.home-page .hero-section .hitta,h3{font-family:PPRader,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.1}.site-header .header-menu-btn,h4{font-family:PPRader,sans-serif;font-size:clamp(1.5rem,1.75vw,3rem);font-weight:700;line-height:1.1;text-transform:uppercase}h5{font-size:clamp(6rem,10vw,12rem);line-height:.8}h5,h6{font-family:lumios-brush,sans-serif;font-weight:400;text-transform:uppercase}h6{font-size:clamp(2rem,2vw,3.5rem);line-height:1.2}footer a,p{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.4;max-width:65ch}@media(max-width:767px){footer a,p{font-size:1rem}}@media(max-width:444px){footer a,p{font-size:.8rem}}footer a span.bold,p span.bold{font-weight:700}.menu-section .menues .menu .menu-items .menu-item .extras li,.p-s,.p-s-bold{font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;line-height:1.2;max-width:65ch}.menu-section .menues .menu .menu-items .menu-item .extras li span.bold,.p-s span.bold,.p-s-bold span.bold{font-weight:700}@media(max-width:1440px){.menu-section .menues .menu .menu-items .menu-item .extras li,.p-s,.p-s-bold{font-size:.7rem}}.p-s-bold{font-weight:700}a{font-family:Lato,sans-serif;font-size:1rem;font-weight:400}.site-header{align-items:center;display:grid;grid-template-areas:"topleft topright" "popup popup";grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:9999}@media(max-width:1024px){.site-header{align-items:center}}.site-header .header-menu-btn{align-items:center;background-color:#002c16;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);color:#ffb600;display:flex;justify-content:center;min-width:200px;padding:1.5rem 2rem 1rem}.site-header .header-menu-btn:hover{color:#d89b00}@media(max-width:767px){.site-header .header-menu-btn{min-width:100px;padding:1rem 2rem}}.site-header .h-m-b-left{border-bottom-right-radius:1rem;grid-area:topleft}.site-header .h-m-b-right{border-bottom-left-radius:1rem;grid-area:topright}footer{align-items:end;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;height:fit-content;justify-self:center;margin:var(--base-padding) 0;max-width:var(--max-width);padding:0 var(--base-padding);width:100%}footer a:hover{color:#ffb600}footer a,footer p{font-size:.8rem;line-height:1.6}footer .footer-contact{display:flex;flex-direction:column;gap:.5rem}footer .footer-contact a,footer .footer-contact p{width:fit-content}footer .footer-contact span{display:flex;flex-direction:column}footer svg{justify-self:center;width:100px}@media(max-width:767px){footer svg{visibility:hidden;width:0}}footer svg path{fill:#f7faf7}footer .footer-powered-by{justify-self:end;text-align:right}footer .footer-powered-by a:hover{color:#2bc4f1}.menu-section{display:flex;flex-direction:column;gap:var(--clamped-gap)}.menu-section .menues{display:flex;outline:2px solid #ffb600;position:relative}@media(max-width:1024px){.menu-section .menues{flex-direction:column}}.menu-section .menues .beer-glasses{display:flex;flex:1;flex-direction:column;justify-content:center}.menu-section .menues .beer-glasses .beer-row{display:flex;gap:2rem;justify-content:center}@media(max-width:767px){.menu-section .menues .beer-glasses .beer-row{gap:1rem}}.menu-section .menues .beer-glasses .beer-row img{object-fit:contain;width:fit-content}@media(max-width:1024px){.menu-section .menues .beer-glasses .beer-row img{height:50px;max-width:51px}}.menu-section .menues .menu-row{display:flex;flex:1;flex-direction:column}.menu-section .menues .menu-row .menu-heading{height:clamp(9rem,15vw,19em);position:relative}.menu-section .menues .menu-row .menu-heading h5{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-7.5deg)}.menu-section .menues .menu{display:flex;flex-direction:column;gap:calc(var(--clamped-gap)*1);outline:1.5px solid #ffb600;padding:var(--clamped-padding) 0}.menu-section .menues .menu:has(.draft-number) .menu-title{padding-left:6rem}.menu-section .menues .menu .menu-title{padding:0 var(--clamped-padding)}.menu-section .menues .menu .menu-items{display:flex;flex-direction:column}.menu-section .menues .menu .menu-items .menu-item{align-items:start;display:grid;grid-template-columns:min-content max-content 1fr;grid-template-rows:auto auto auto}.menu-section .menues .menu .menu-items .menu-item:not(:has(.draft-number)){padding:0 var(--clamped-padding)}.menu-section .menues .menu .menu-items .menu-item:has(.draft-number){padding-right:var(--clamped-padding)}.menu-section .menues .menu .menu-items .menu-item .draft-number{align-self:center;grid-area:1/1/4/2;height:fit-content;margin-right:2rem;position:relative;width:fit-content}@media(max-width:767px){.menu-section .menues .menu .menu-items .menu-item .draft-number{grid-area:1/1/4/2}}.menu-section .menues .menu .menu-items .menu-item .draft-number h3{position:absolute;right:40%;top:50%;transform:translateY(-50%)}.menu-section .menues .menu .menu-items .menu-item .dish{grid-area:1/2/2/3}.menu-section .menues .menu .menu-items .menu-item hr{align-self:center;border:none;border-top:2px dashed #f7faf7;grid-area:1/3/2/4;margin:0 1rem}.menu-section .menues .menu .menu-items .menu-item .price{align-self:end;grid-area:1/4/2/5;text-align:right}.menu-section .menues .menu .menu-items .menu-item .extras{display:flex;flex-direction:column;gap:.5rem;grid-area:2/2/3/4}.menu-section .menues .menu .menu-items .menu-item .extras li{text-transform:lowercase}.menu-section .menues .menu .menu-items .menu-item .beer-name{grid-area:1/2/2/4}.menu-section .menues .menu .menu-items .menu-item .beer-info{display:flex;flex-direction:column;grid-area:2/2/3/4}.menu-section .menues .menu .menu-items .menu-item .beer-info .beer-style-abv{display:flex;gap:1rem}.menu-section .menues .menu .menu-items .menu-item .beer-info .beer-style-abv hr{flex:1}.menu-section .menues .menu .menu-items .menu-item .rating{align-items:start;display:flex;gap:.5rem;grid-area:3/2/4/3;justify-content:start}.menu-section .menues .menu .menu-items .menu-item .rating svg{height:31px;overflow:visible;width:20px}.menu-section .menues .menu .food-list{gap:calc(var(--clamped-gap) - .5rem)}.menu-section .menues .menu .food-list .menu-item{row-gap:.5rem}.menu-section .menues .menu .beer-list{gap:4rem}@media(max-width:767px){.menu-section .menues .menu .beer-list{gap:3rem}}.menu-section .menues .menu .beer-list .menu-item{row-gap:1rem}.menu-section .menues .menu .beer-list hr{max-width:100%;min-width:0;width:100%}body:has(.home-page) .menu-section .menues .home-page-beer-menu{flex:1}body:has(.home-page) .menu-section .menues .home-page-beer-menu h6{display:none}body:has(.home-page) .menu-section .menues .home-page-beer-menu .beer-list{column-gap:0;display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){body:has(.home-page) .menu-section .menues .home-page-beer-menu .beer-list{grid-template-columns:repeat(1,1fr)}}body:has(.home-page) .divider{left:50%;position:absolute;transform:translateX(-50%)}body:has(.home-page) .divider line{stroke-width:3px;stroke:#ffb600}@media(max-width:1024px){body:has(.home-page) .divider{display:none}}.banner-section{display:block;margin-top:-10%;overflow-x:hidden;overflow-y:clip;padding-bottom:var(--base-padding);position:relative;width:100%;z-index:2}@media(max-width:1440px){.banner-section{margin-top:-15%}}@media(max-width:1024px){.banner-section{margin-top:-20%}}@media(max-width:767px){.banner-section{margin-top:-25%}}@media(max-width:444px){.banner-section{margin-top:-30%}}.animated-banner{display:flex;justify-content:center;padding:clamp(6rem,4vw,10rem) 0;position:relative;width:100%}.animated-banner .banner-inner{background-color:#ffb600;color:#002c16;display:flex;flex-direction:column;text-transform:uppercase;transform:rotate(4deg);width:max-content;z-index:99}.animated-banner .banner-inner .banner-bot,.animated-banner .banner-inner .banner-top{align-items:center;display:flex;gap:1rem;margin-left:-100vw;padding:1rem 0;width:max-content}.animated-banner .banner-inner .banner-bot h2,.animated-banner .banner-inner .banner-top h2{font-size:clamp(1.25rem,2vw,2rem);transform:translateY(10%);white-space:nowrap}.animated-banner .banner-inner .banner-bot img,.animated-banner .banner-inner .banner-top img{height:3em;object-fit:contain}.animated-banner .banner-inner .banner-mid{align-self:center;border-bottom:4px dashed #002c16;border-top:4px dashed #002c16;display:flex;gap:2rem;width:max-content}@media(max-width:767px){.animated-banner .banner-inner .banner-mid{gap:.5rem}}.animated-banner .banner-inner .banner-mid .banner-mid-item{align-items:center;display:flex;gap:2rem;padding:.5rem 0}@media(max-width:767px){.animated-banner .banner-inner .banner-mid .banner-mid-item{gap:.5rem;padding:0}}.animated-banner .banner-inner .banner-mid .banner-mid-item h1{transform:translateY(10%)}.animated-banner .banner-inner .banner-mid .banner-mid-item svg{height:80%}@media(max-width:767px){.animated-banner .banner-inner .banner-mid .banner-mid-item svg{height:50%}}.opening-hours-section{--tape-width:clamp(100px,8vw,200px);--tape-height:calc(var(--tape-width)/2);--visibility:visible;display:flex;justify-content:center;margin-top:-4rem;overflow-x:clip}.opening-hours-section .opening-hours-wrapper{position:relative}@media(max-width:767px){.opening-hours-section .opening-hours-wrapper{width:100%}}.opening-hours-section .opening-hours-wrapper:before{background-image:url(https://gullolle.se/wp-content/uploads/2025/02/tape.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:var(--tape-height);left:calc(15px - var(--tape-width)/2);position:absolute;top:calc(0px - var(--tape-height)/2);transform:rotate(140deg);visibility:var(--visibility);width:var(--tape-width);z-index:1}@media(max-width:1024px){.opening-hours-section .opening-hours-wrapper:before{left:50%;top:calc(10px - var(--tape-height)/2);transform:translateX(-50%) rotate(180deg)}}.opening-hours-section .opening-hours-wrapper:after{background-image:url(https://gullolle.se/wp-content/uploads/2025/02/tape.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:var(--tape-height);position:absolute;right:calc(15px - var(--tape-width)/2);top:calc(0px - var(--tape-height)/2);transform:rotate(45deg);visibility:var(--visibility);width:var(--tape-width);z-index:1}@media(max-width:1024px){.opening-hours-section .opening-hours-wrapper:after{display:none}}.opening-hours-section .opening-hours{background-color:#ffb600;color:#002c16;column-gap:3rem;display:grid;grid-auto-flow:column dense;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;padding:var(--clamped-padding) calc(var(--clamped-padding)*2);position:relative;row-gap:1rem}@media(max-width:1024px){.opening-hours-section .opening-hours{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:6fr;padding:4rem var(--clamped-padding)}}.opening-hours-section .opening-hours svg{contain:paint}.opening-hours-section .opening-hours li{align-items:baseline;display:grid;gap:1rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}@media(max-width:1024px){.opening-hours-section .opening-hours li{gap:2rem}}@media(max-width:767px){.opening-hours-section .opening-hours li{gap:1rem}.opening-hours-section .opening-hours li h4{padding-left:40%}}@media(max-width:444px){.opening-hours-section .opening-hours li h4{padding-left:0}}.home-page .hero-section{align-items:center;background-image:url(https://gullolle.se/wp-content/uploads/2025/12/IMG_5730-scaled.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100svh;justify-content:center;position:relative;width:100%}.home-page .hero-section .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.home-page .hero-section .hero-logo{display:flex;min-width:200px;width:30vw}.home-page .hero-section .hero-logo svg{height:100%;position:relative;width:100%;z-index:2}.home-page .hero-section .hitta{background-color:#ffb600;border-radius:1rem 1rem 0 0;color:#002c16;font-weight:700;line-height:1;padding:1.5rem 3rem 1rem;position:absolute;right:0;text-transform:uppercase;top:45%;transform:rotate(-90deg) translateX(50%);transform-origin:bottom right;white-space:nowrap}.home-page .hero-section .hitta:hover{background-color:#d89b00}@media(max-width:767px){.home-page .hero-section .hitta{font-size:1rem;padding:1rem 2rem}}.home-page .about-section{display:flex;flex-direction:column;gap:2rem}.home-page .about-section .about-beer{align-items:center;display:flex;justify-content:space-between}.home-page .about-section .about-beer h1{flex:1.5;font-size:clamp(2rem,14vw,16rem)}.home-page .about-section .about-beer .canvas-wrapper{aspect-ratio:4/5;flex:1}.home-page .about-section .about-beer .canvas-wrapper #rive-canvas{display:block;height:100%;width:100%}.home-page .map-section{display:flex;gap:var(--base-padding);overflow:visible}@media(max-width:1440px){.home-page .map-section{flex-direction:column;gap:calc(var(--base-padding)*3)}}@media(max-width:767px){.home-page .map-section{gap:calc(var(--base-padding)*4)}}.home-page .map-section span{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1440px){.home-page .map-section span{padding:0 var(--base-padding) 0 0}}.home-page .map-section .map{contain:layout;overflow:visible;position:relative}.home-page .map-section .map img{border-radius:1rem;transform:rotate(4deg)}.home-page .map-section .map .map-pin{left:37.1%;position:absolute;top:47.2%;transform:translate(-50%,-50%);transform-origin:bottom center;width:min(5vw,50px);z-index:2}.home-page .map-section .map .map-pin svg{height:100%;width:100%}.home-page .map-section .map .map-pin svg:hover path:first-child{fill:#d89b00}.beer-page,.food-page{margin:8rem 0 0}@media(max-width:1024px){.beer-page,.food-page{margin:4rem 0 0}}