html,body{background:#367c46;color:#fcfaf8;min-height:100vh;height:auto;margin:0;padding:0}h1,h2{font-family:Coustard,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:400;font-style:normal}p,a,span,h3{font-family:"Source Serif 4",Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;font-style:normal}.bold{font-weight:700}.normal{font-weight:400}.light{font-weight:300}.underline{text-decoration:underline}.italic{font-style:italic}.regular,body{font-size:18px;line-height:20px}.large,h2{font-size:29.124px;line-height:31.124px}.v-large,h1{font-size:47.122632px;line-height:49.122632px;text-align:center}.small{font-size:11.1248454883px;line-height:13.1248454883px}.center{text-align:center}.page-block{width:100%;padding:1em 0}.page-block.primary{background:#367c46;color:#fcfaf8}.page-block.primary .shadow{box-shadow:0 7px 29px #4a555ccc;-webkit-box-shadow:0px 7px 29px 0px rgba(74,85,92,.8)}.page-block.secondary{background:#5d4840;color:#080a0d}.page-block.secondary .shadow{box-shadow:0 7px 29px #917e6c;-webkit-box-shadow:0px 7px 29px 0px #917e6c}.page-block.white{background:#fcfaf8;color:#080a0d}.page-block.white .shadow{box-shadow:0 7px 29px #dadada;-webkit-box-shadow:0px 7px 29px 0px #dadada}.page-block h2{margin-bottom:32px;text-align:center;font-family:Coustard,Verdana,Geneva,Tahoma,sans-serif}.page-block .content{padding:12px 48px;margin:0 auto;max-width:1024px}.page-block .content.narrow{padding:12px 96px;max-width:768px}.page-block .content.x-narrow{padding:12px 96px;max-width:535px}.page-block .content.wide{max-width:none}.page-block .content.gap{padding-top:24px;padding-bottom:24px}.page-block :last-child:not(.no-margin){margin-bottom:1.64em}.page-block.pr-light{background:#8cb996}.page-block.pr-lighter{background:#c1d3c5}.page-block.t-black{color:#080a0d}.page-block.t-white{color:#fcfaf8}.no-padding{padding:0}.w-full{width:100%}.flexbox{display:flex;flex-direction:row}.flexbox.centre{justify-content:space-around;align-items:center}.flexbox.wrap{flex-wrap:wrap}.flexbox .flex-item{padding:12px;margin:12px}.flexbox .flex-item.box{background:#fff;width:200px;height:auto}.flexbox .flex-item.box.fixed{height:300px}.grid{display:grid;height:auto;justify-content:center;align-items:start}.grid.half{grid-template-columns:1fr 1fr}.grid.half.strict{grid-template-columns:50% 50%}.grid.third{grid-template-columns:1fr 1fr 1fr}.grid.quarter{grid-template-columns:1fr 1fr 1fr 1fr}.grid.centre>.cell{align-self:center;justify-self:center}.grid.align-centre{align-items:center}.grid>.cell.img{padding:0}.grid>.cell.img img{margin:0}.grid>.cell.content{padding:24px}.grid>.cell.double{grid-column:span 2;width:100%;height:100%}.grid.fill>.cell{height:100%}header{background:#222b24;transition:.5s;height:80px}header #nav-narrow ul{background:#222b24}header.solid{background:#222b24}header.solid #nav-narrow ul{background:#222b24}header.small{height:60px}header.small #nav-wide a{padding:6px 8px}header.small #nav-wide a:hover{background:#367c46}header.small #nav-narrow{top:60px}header.small #nav-narrow ul{padding-inline-start:0;margin:0}header.small #nav-narrow ul a{font-size:18px;line-height:20px}header{width:100%;position:fixed;top:0;z-index:5}header #header-logo-cont{height:70px;width:70px;width:auto;position:absolute;top:5px;left:20px}header #header-logo-cont #header-logo{height:100%;width:auto}header nav{background:none;height:100%;float:right;display:flex;flex-direction:column;justify-content:center;align-items:center}header nav #nav-wide ul,header nav #nav-narrow ul{list-style-type:none}header nav #nav-wide li{display:inline;height:100%;margin:0 10px;font-size:18px}@media(max-width:1024px){header nav #nav-wide li{display:none}}header nav #nav-wide li a{padding:20px;display:inline;text-decoration:none;color:#fff;font-family:"Source Serif 4";opacity:.85;transition:.5s;position:relative}header nav #nav-wide li a:hover{opacity:1;cursor:pointer}header nav #nav-wide li a.selected{color:#cab8a6}@media(max-width:1024px){header nav #nav-wide li a{display:none}}header nav #nav-wide li.narrow{display:none}header nav #nav-wide li.narrow i{padding-right:20px;opacity:.85;transition:.5s;color:#fff;font-size:28px}header nav #nav-wide li.narrow i:hover{opacity:1;cursor:pointer}@media(max-width:1024px){header nav #nav-wide li.narrow{display:inline!important}}header nav #nav-narrow{height:0;width:100%;overflow:hidden;position:absolute;left:0;top:80px;margin:0;z-index:9;list-style-type:none;padding-left:0}header nav #nav-narrow ul{margin:0;width:100%;padding:1em 0 1em 48px;transition:.5s}header nav #nav-narrow ul li a{text-decoration:none;color:#fff;font-family:"Source Serif 4";transition:.5s;margin:0;padding:12px;display:block}header nav #nav-narrow ul li a:hover{background:#222b24;cursor:pointer}header nav #nav-narrow ul li a.selected{color:#cab8a6}.nav-gap{position:relative;margin:0;padding:0;height:80px}.nav-gap.small{height:60px}h1{text-align:center;font-family:Coustard,sans-serif}.hero-section{margin-top:80px;width:100%;display:grid;background-size:cover!important;overflow:hidden}.hero-section.cover{height:calc(100vh - 80px);min-height:720px}.hero-section.cover-small-nav{height:calc(100vh - 60px)}.hero-section.large{height:520px}.hero-section.small{height:300px}.hero-section.grid{display:grid;align-content:center;align-items:center}.hero-section.grid.one-column{grid-template-rows:1fr}.hero-section.video{display:block;position:relative}.hero-section.video video{height:auto;width:100%;object-fit:fill}.hero-section.video video.blur{-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:blur(15px)}.hero-section.video video.darken{filter:brightness(20%);-webkit-filter:brightness(20%);-moz-filter:brightness(20%);-o-filter:brightness(20%);-ms-filter:brightness(20%)}.hero-section.video .content{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;align-content:center;align-items:center}.hero-section.video .content.one-column{grid-template-rows:1fr}.hero-section#hero-index>div{height:100%}.hero-section#hero-index #hero-text>*{padding:18px}.hero-section#hero-index #hero-img{background:url(/build/assets/hero-background-CZjtrVdn.png);background-size:cover;background-position-x:center;background-position-y:50%;background-repeat:no-repeat;height:100%;width:100%}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clsearfix{display:block}* html .clearfix{height:1%}.btn{border-radius:6px;padding:14px 18px;transition:.4s;background:#8cb996;border:none;font-size:18px;cursor:pointer;text-decoration:none;color:#fcfaf8}.btn.secondary{background:#b09882}.btn.secondary:hover{background:#cab8a6}.btn.outline{background:none;border:1px solid #8cb996;color:#8cb996}.btn.outline:hover{color:#000;background:#c1d3c5}.btn:hover{background:#c1d3c5}.div-center-cont{display:flex;justify-content:center;align-items:center}.div-vertical-center-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup-container{display:none;pointer-events:none;font-family:"Source Serif 4";position:fixed;height:100vh;width:100vw;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;animation-duration:4s;animation-play-state:paused;animation-fill-mode:forwards;animation-name:popup}.popup-container.appearing{display:flex!important;animation-play-state:running!important}.popup-container .popup{pointer-events:none}.popup-container .popup p{text-align:center;padding:20px;border-radius:8px}.popup-container .popup p.false{background:#b66}.animate{animation-duration:1.5s;animation-play-state:paused;animation-fill-mode:forwards}.animate.fadein{animation-name:fadeIn}.animate.fadefrom{position:relative}.animate.fadefrom.bottom{animation-name:fadeFromBottom}.animate.fadefrom.indexTop{animation-name:fadeFromTopIndex}.animate.fadefrom.top{animation-name:fadeFromTop}.animate.fadefrom.right{animation-name:fadeFromRight}.animate.fadefrom.left{animation-name:fadeFromLeft}.animate.start{animation-play-state:running!important}#fader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;background:#fcfaf8;animation-duration:.5s;animation-timing-function:ease-in-out;animation-play-state:paused;animation-fill-mode:forwards}#fader.fadein{animation-name:fadeIn}#fader.fadeout{animation-name:fadeOut}#fader.start{animation-play-state:running}@keyframes popup{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeFromBottom{0%{opacity:0;top:20px}to{opacity:1;top:0}}@keyframes fadeFromTopIndex{0%{opacity:0;bottom:20px}to{opacity:.85;bottom:0}}@keyframes fadeFromTop{0%{opacity:0;bottom:20px}to{opacity:1;bottom:0}}@keyframes fadeFromRight{0%{opacity:0;left:20px}to{opacity:1;left:0}}@keyframes fadeFromLeft{0%{opacity:0;right:20px}to{opacity:1;right:0}}.spinner{display:block;border:4px solid #5D4840;border-top-color:#080a0d;border-radius:50%;margin:0 auto;animation-name:spinnerRotate;animation-duration:.45s;animation-iteration-count:infinite}.spinner.x-small{height:9px;width:9px}.spinner.small{height:18px;width:18px}.spinner.medium{height:27px;width:27px}.spinner.large{height:36px;width:36px}.spinner.x-large{height:45px;width:45px}.spinner-alt{display:none}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery{padding:0!important;margin:12px auto;width:60%;max-width:960px}.gallery .gallery-item{width:calc(50% - 16px);padding:8px;opacity:1;transition:.4s}.gallery .gallery-item:hover{cursor:pointer;opacity:.85}#gallery-overlay{background:#00000080;height:100vh;width:100vw;position:fixed;display:none;top:0;left:0;z-index:1000}#gallery-overlay #popup-gallery{height:calc(100% - 30px);width:calc(100% - 30px);padding:15px;position:relative}#gallery-overlay #popup-gallery div{display:inline-block;float:left}@media(max-width:535px){#gallery-overlay #popup-gallery #mobile-popup-close{display:block}}#gallery-overlay #popup-gallery #mobile-popup-close{display:none;position:absolute;top:20px;right:60px}#gallery-overlay #popup-gallery #mobile-popup-close .popup-close{position:absolute;font-size:60px;top:0;color:#fcfaf8;transition:.3s}#gallery-overlay #popup-gallery #mobile-popup-close .popup-close:hover{color:#fcfaf8;cursor:pointer}@media(max-width:535px){#gallery-overlay #popup-gallery .pga-aside{display:none}}#gallery-overlay #popup-gallery .pga-aside{width:60px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#gallery-overlay #popup-gallery .pga-aside .popup-close{position:absolute;font-size:60px;top:0;color:#fcfaf8;transition:.3s}#gallery-overlay #popup-gallery .pga-aside .popup-close:hover{color:#fcfaf8;cursor:pointer}#gallery-overlay #popup-gallery .pga-aside .gallery-button{color:#fcfaf8;transition:.3s;height:60px;width:60px;font-size:60px}#gallery-overlay #popup-gallery .pga-aside .gallery-button:hover{color:#fcfaf8;cursor:pointer}@media(max-width:535px){#gallery-overlay #popup-gallery #mobile-aside-cont{display:flex}}#gallery-overlay #popup-gallery #mobile-aside-cont{display:none;height:60px;position:absolute;bottom:20px;left:0;width:100vw;justify-content:space-evenly;align-items:center}#gallery-overlay #popup-gallery #mobile-aside-cont .gallery-button{color:#fcfaf8;transition:.3s;height:60px;width:60px;font-size:60px}#gallery-overlay #popup-gallery #mobile-aside-cont .gallery-button:hover{color:#fcfaf8;cursor:pointer}@media(max-width:535px){#gallery-overlay #popup-gallery #pga-img-cont{width:calc(100% - 60px)}}#gallery-overlay #popup-gallery #pga-img-cont{width:calc(100% - 180px);height:100%;margin:0 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}#gallery-overlay #popup-gallery #pga-img-cont img{height:100%;width:auto}@media(max-width:535px){#booking-content{width:100%}}#booking-content{width:78%;margin:20px auto}#booking-content .bfo-cont{height:auto;min-height:60px;width:100%;overflow:auto}#booking-content .bfo-cont div{margin:0;height:100%}#booking-content .bfo-cont .bfo-label-cont{float:left;font-size:20px;text-align:right;width:calc(30% - 20px);padding-right:20px}#booking-content .bfo-cont .bfo-label-cont label{font-family:"Source Serif 4"}@media(max-width:535px){#booking-content .bfo-cont .bfo-input-cont{width:70%;padding-left:0}}#booking-content .bfo-cont .bfo-input-cont{float:left;width:calc(70% - 40px);padding-left:40px;height:auto}#booking-content .bfo-cont .bfo-input-cont input,#booking-content .bfo-cont .bfo-input-cont select,#booking-content .bfo-cont .bfo-input-cont textarea{font-size:20px;background:none;color:#fcfaf8}#booking-content .bfo-cont .bfo-input-cont input[type=number],#booking-content .bfo-cont .bfo-input-cont select[type=number],#booking-content .bfo-cont .bfo-input-cont textarea[type=number]{width:60px}#booking-content .bfo-cont .bfo-input-cont input,#booking-content .bfo-cont .bfo-input-cont select,#booking-content .bfo-cont .bfo-input-cont textarea{border:2px solid #569a9a;border-radius:4px}#booking-content .bfo-cont .bfo-input-cont select{width:calc(80% + 12px)}#booking-content .bfo-cont .bfo-input-cont textarea{font-family:"Source Serif 4"}#booking-content .bfo-cont .bfo-input-cont input,#booking-content .bfo-cont .bfo-input-cont textarea{width:80%;padding-left:4px}#booking-content .bfo-cont .bfo-input-cont p{margin:0;font-family:"Source Serif 4";font-size:20px}#booking-content #bfo-submit-cont{margin:20px 10px 10px;display:flex;justify-content:center;align-items:center}#booking-content #bfo-submit-cont #bfo-submit{font-size:20px;padding:12px 24px;background:#5d4840;transition:.3s;border-width:0;border-radius:6px}#booking-content #bfo-submit-cont #bfo-submit:hover{background:#569a9a;cursor:pointer}#booking-content #bfo-submit-cont #bfo-submit.disabled{background:#b09882}#booking-content #bfo-submit-cont #bfo-submit.disabled:hover{cursor:not-allowed}.menu-grid{justify-self:end;display:flex}.menu-grid .menu-grid-column{display:inline-flex;flex-direction:column}.menu-grid .menu-grid-column .menu-grid-item{height:160px;width:160px;margin:8px;position:relative;transition:.6s;cursor:pointer}.menu-grid .menu-grid-column .menu-grid-item.large{height:336px;width:336px}.menu-grid .menu-grid-column .menu-grid-item#menu-item-shack{background:url(/public/images/menu-shack.jpg);background-position:center;background-size:100%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-shack:hover{background-size:120%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-takeout{background:url(/public/images/menu-takeout.jpg);background-position:center;background-size:140%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-takeout:hover{background-size:160%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-main{background:url(/public/images/menu-main.jpg);background-position:center;background-size:140%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-main:hover{background-size:160%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-cakes{background:url(/public/images/menu-cakes.jpg);background-position:center;background-size:140%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-cakes:hover{background-size:160%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-catering{background:url(/public/images/pug-shack.png);background-position:center;background-size:140%}.menu-grid .menu-grid-column .menu-grid-item#menu-item-catering:hover{background-size:160%}.menu-grid .menu-grid-column .menu-grid-item div{height:100%;width:100%;position:absolute;top:0;left:0;background:#0000008c;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-grid .menu-grid-column .menu-grid-item div p{padding:12px;text-align:center}.menu-grid .menu-grid-column .menu-grid-item div:hover p{text-decoration:underline}.menu-grid .menu-grid-column .menu-grid-item,.menu-grid .menu-grid-column .menu-grid-item>div{border-radius:6px}#index-scroll{width:100%;background-color:#8cb996;white-space:nowrap;overflow:hidden;box-sizing:border-box;height:80px;position:relative}#index-scroll p{background-color:#8cb996;color:#080a0d;font-weight:500;font-size:29.124px;font-family:Coustard;animation:scrollText 20s linear infinite;text-transform:uppercase;display:inline-block;padding-inline:1rem}#index-scroll .space{margin:0 30px}#index-coffee{padding-top:100px}#index-coffee #coffee-cont p{padding:12px}#index-coffee #coffee-cont p .el-salvador{color:#56d7dc}#index-coffee #coffee-cont p .brazil{color:#d2b8cd}#index-coffee #coffee-cont p .india{color:#a4dcb0}#index-coffee #coffee-btn-cont{margin-top:24px}#transition>img{width:100%}#index-events .grid .cell{height:300px;width:300px;background:gray}#index-events .grid .cell .event-card{height:100%;width:100%;overflow:hidden;position:relative;box-shadow:0 4px 8px #0003}#index-events .grid .cell .event-card:hover>img{transform:scale(1.1)}#index-events .grid .cell .event-card:hover{cursor:pointer}#index-events .grid .cell .event-card img{height:100%;width:100%;object-fit:cover;transition:.8s}#index-events .grid .cell .event-card .event-name{position:absolute;bottom:0;background:#8cb996;width:100%;text-align:center}#index-events .grid .cell .event-card .event-name p{margin:.5em}#index-events{padding-bottom:180px}#index-story-transition{background:#367c46;height:8px;position:relative;box-sizing:border-box}#index-story-transition div{position:relative;bottom:186px}#index-story-transition div img{animation:rockBackAndForth 4s infinite linear}#index-story{padding-top:180px}#index-story #story-text-cont .border{width:50%;margin:8px auto;border-top:1px solid #040608}#index-story #story-text-cont p{padding:1.5em 0}footer{background:#080a0d;color:#fcfaf8}footer p{margin:0;padding:14px}@keyframes rockBackAndForth{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes scrollText{0%{transform:translate(calc(-25% - 4px));left:calc(25% - 4px)}to{transform:translate(-50%);left:50%}}
