#fullscreen-brewboard.compact{background-color:#000;color:#ddd;font-family:'Lato',sans-serif;} #fullscreen-brewboard.compact .page.cols-1 .column{padding:0 14%;} #fullscreen-brewboard.compact .page.cols-1 .brew{min-height:135px;grid-template-columns:auto auto 1fr auto 100px;} #fullscreen-brewboard.compact .page.cols-1 .brew .name{font-size:40px;padding-left:30px;height:48px;} #fullscreen-brewboard.compact .page.cols-1 .brew .id{font-size:40px;padding:0 13px 0 25px;min-height:48px;align-self:end;} #fullscreen-brewboard.compact .page.cols-1 .brew .style{font-size:30px;padding-left:30px;height:34px;} #fullscreen-brewboard.compact .page.cols-1 .brew .pricing{font-size:30px;padding-left:30px;height:34px;} #fullscreen-brewboard.compact .page.cols-1 .brew .abv{font-size:44px;height:50px;} #fullscreen-brewboard.compact .page.cols-1 .brew .ibu{font-size:28px;} #fullscreen-brewboard.compact .page.cols-1 .brew .packaging{background-size:55px;} #fullscreen-brewboard.compact .page.cols-1 .brew .glass{padding-left:10px;} #fullscreen-brewboard.compact .page.cols-1 .brew .glass svg{max-width:50px;} #fullscreen-brewboard.compact .page.cols-1 .brew.long-identifier{grid-template-columns:220px auto 1fr auto 100px;grid-template-areas:"id name packaging abv glass" "id style style pricing glass";} #fullscreen-brewboard.compact .page.cols-1 .brew.long-identifier .id{font-weight:normal;font-size:32px;max-width:240px;max-height:137px;overflow:hidden;padding:0 3px 0 10px;align-self:center;font-family:'Lato',sans-serif;} #fullscreen-brewboard.compact .page.cols-2{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding-top:10px;} #fullscreen-brewboard.compact .page.cols-2 .column{flex-basis:46%;height:95%;margin-top:5px;} #fullscreen-brewboard.compact .page.cols-2 .column .section{position:relative;} #fullscreen-brewboard.compact .page .packaging-head{display:none;} #fullscreen-brewboard.compact .page .section.tap + .section.unit .brews .brew:first-child{border-top:1px solid #777;} #fullscreen-brewboard.compact .page .brew{position:relative;min-height:125px;color:#ccc;border-bottom:1px solid #777;display:grid;grid-template-columns:auto auto 1fr auto 75px;grid-template-areas:"id name packaging abv glass" ". style style pricing glass";align-items:center;} #fullscreen-brewboard.compact .page .brew.long-identifier{grid-template-columns:150px auto 1fr auto 75px;grid-template-areas:"id name packaging abv glass" "id style style pricing glass";} #fullscreen-brewboard.compact .page .brew.long-identifier .id{font-weight:normal;font-size:26px;max-height:137px;overflow:hidden;padding:0 3px 0 10px;font-family:'Lato',sans-serif;align-self:center;} #fullscreen-brewboard.compact .page .brew .glass{grid-area:glass;} #fullscreen-brewboard.compact .page .brew .glass svg{max-width:42px;} #fullscreen-brewboard.compact .page .brew .id{padding:0 3px 0 20px;grid-area:id;font-size:36px;text-align:center;align-self:end;font-weight:bold;color:#E0B765;} #fullscreen-brewboard.compact .page .brew .id .swatch{width:40px;height:40px;display:block;border-radius:50%;} #fullscreen-brewboard.compact .page .brew .id,
#fullscreen-brewboard.compact .page .brew .name,
#fullscreen-brewboard.compact .page .brew .abv,
#fullscreen-brewboard.compact .page .brew .style{overflow:hidden;} #fullscreen-brewboard.compact .page .brew .packaging{padding:20px;z-index:100;grid-area:packaging;align-self:stretch;background-position:left top 20px;background-repeat:no-repeat;background-size:49px;} #fullscreen-brewboard.compact .page .brew .packaging.bottle{background-image:url('/i/icon-bottle-w.svg');} #fullscreen-brewboard.compact .page .brew .packaging.can{background-image:url('/i/icon-can-w.svg');} #fullscreen-brewboard.compact .page .brew .packaging.keg{background-image:url('/i/icon-keg-w.svg');display:none;} #fullscreen-brewboard.compact .page .brew .packaging.cask{background-image:url('/i/icon-cask-w.svg');display:none;} #fullscreen-brewboard.compact .page .brew .name{grid-area:name;font-size:34px;padding-left:20px;height:44px;align-self:end;color:#E0B765;} #fullscreen-brewboard.compact .page .brew .name span.brewery::after{content:" -";} #fullscreen-brewboard.compact .page .brew .srm{display:none;} #fullscreen-brewboard.compact .page .brew .abv{grid-area:abv;font-size:28px;justify-self:end;padding-right:20px;align-self:end;height:44px;color:#E0B765;} #fullscreen-brewboard.compact .page .brew .style{grid-area:style;font-size:24px;padding-left:20px;align-self:start;height:32px;color:#E2D4C7;} #fullscreen-brewboard.compact .page .brew .pricing{grid-area:pricing;display:inline-block;color:#ffb04a;margin-right:18px;font-size:26px;font-style:italic;align-self:self-start;} #fullscreen-brewboard.compact .page .brew .pricing div{display:inline-block;} #fullscreen-brewboard.compact .page .brew .pricing div span.size{padding-right:12px;} #fullscreen-brewboard.compact .page .brew .pricing div:after{content:" / ";white-space:pre;} #fullscreen-brewboard.compact .page .brew .pricing div:last-child{padding-right:0;} #fullscreen-brewboard.compact .page .brew .pricing div:last-child:after{content:"";} #fullscreen-brewboard.compact .page .brew .ibu{display:none;grid-area:ibu;font-size:22px;align-self:start;justify-self:end;padding-right:20px;height:32px;} #fullscreen-brewboard.compact .page .brew:last-child{border-bottom:none;} #fullscreen-brewboard.compact .logo{display:none;} #fullscreen-brewboard.compact .logo + .board-name{display:none;} #fullscreen-brewboard.compact .board-name{display:none;} #fullscreen-brewboard.compact.space{background-image:url('/t/compact/bg-space.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.compact.space .brew{border-bottom:1px solid #5b6472;} #fullscreen-brewboard.compact.space .brew .pricing{color:#E2D4C7;} #fullscreen-brewboard.compact.space .brew .id,
#fullscreen-brewboard.compact.space .brew .name{font-family:'Hammersmith One',sans-serif;text-transform:uppercase;line-height:1.2;} #fullscreen-brewboard.compact.space .page.cols-1 .brew .name{font-size:38px;} #fullscreen-brewboard.compact.flare{background-image:url('/t/compact/bg-flare.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.compact.squall{background-image:url('/t/compact/bg-squall.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.compact.squall .brew .pricing{color:#E2D4C7;} #fullscreen-brewboard.compact.squall .name,
#fullscreen-brewboard.compact.squall .id{font-family:'Hammersmith One',sans-serif;} #fullscreen-brewboard.compact.fervour{background-image:url('/t/compact/bg-fervour.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.compact.fervour .column .brews{background:linear-gradient(90deg,rgba(55, 21, 0, 0.55) 0%,rgba(69, 55, 52, 0.22) 31%,rgba(255, 85, 0, 0) 72%);} #fullscreen-brewboard.compact.fervour .brew{border-bottom:1px solid #a1713a;text-shadow:1px 1px 2px #000;} #fullscreen-brewboard.compact.fervour .brew .name,
#fullscreen-brewboard.compact.fervour .brew .abv,
#fullscreen-brewboard.compact.fervour .brew .id{color:#ffebc4;} #fullscreen-brewboard.compact.fervour .brew .name,
#fullscreen-brewboard.compact.fervour .brew .id{font-family:'Hammersmith One',sans-serif;} #fullscreen-brewboard.compact.brown{background-color:#292826;} #fullscreen-brewboard.compact.brown .brew .name,
#fullscreen-brewboard.compact.brown .brew .id{font-family:'Hammersmith One',sans-serif;text-transform:uppercase;} #fullscreen-brewboard.compact.brown .page.cols-1 .brew .name{font-size:38px;} #fullscreen-brewboard.compact.autumn{background-color:#1A1410;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+1){background-color:#AA4516;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+2){background-color:#E06C36;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+3){background-color:#2B1F18;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+4){background-color:#162828;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+5){background-color:#334542;} #fullscreen-brewboard.compact.autumn .brew:nth-child(6n+6){background-color:#51615E;} #fullscreen-brewboard.compact.autumn .brew{border-bottom:1px solid #1c0d03;} #fullscreen-brewboard.compact.autumn .brew .name,
#fullscreen-brewboard.compact.autumn .brew .id{font-family:'Hammersmith One',sans-serif;text-transform:uppercase;color:#EFDFC4;} #fullscreen-brewboard.compact.autumn .brew .abv,
#fullscreen-brewboard.compact.autumn .brew .style,
#fullscreen-brewboard.compact.autumn .brew .srm{color:#EFDFC4;} #fullscreen-brewboard.compact.autumn .brew .pricing{color:#ffc272;} #fullscreen-brewboard.compact.autumn .page.cols-1 .brew .name{font-size:38px;} #fullscreen-brewboard.compact.jazz{background-color:#271304;} #fullscreen-brewboard.compact.jazz .brew{border-bottom:1px solid #0d0c0c;} #fullscreen-brewboard.compact.jazz .brew:nth-child(5n+1){background-color:#0d0703;} #fullscreen-brewboard.compact.jazz .brew:nth-child(5n+2){background-color:#7C2614;} #fullscreen-brewboard.compact.jazz .brew:nth-child(5n+3){background-color:#1A2C28;} #fullscreen-brewboard.compact.jazz .brew:nth-child(5n+4){background-color:#152230;} #fullscreen-brewboard.compact.jazz .brew:nth-child(5n+5){background-color:#8a5b18;}