#fullscreen-brewboard.froth{background-color:#000;color:#aaa;} #fullscreen-brewboard.froth .page.cols-1 .column{padding:0 10%;} #fullscreen-brewboard.froth .page.cols-1 .brew{grid-template-rows:auto 55px 45px;padding-top:25px;padding-bottom:30px;text-shadow:0px 1px 2px #000;} #fullscreen-brewboard.froth .page.cols-1 .brew .name{font-size:44px;align-self:end;max-height:90px;overflow:hidden;line-height:1;} #fullscreen-brewboard.froth .page.cols-1 .brew .name:has(.brewery){max-height:110px;} #fullscreen-brewboard.froth .page.cols-1 .brew .id{font-size:44px;} #fullscreen-brewboard.froth .page.cols-1 .brew .style{font-size:34px;} #fullscreen-brewboard.froth .page.cols-1 .brew .abv{font-size:32px;} #fullscreen-brewboard.froth .page.cols-1 .brew .ibu{font-size:32px;} #fullscreen-brewboard.froth .page.cols-1 .brew .pricing{font-size:32px;} #fullscreen-brewboard.froth .page.cols-1 .brew .packaging{background-size:55px;background-position:center top;} #fullscreen-brewboard.froth .page.cols-1 .brew .glass{padding-left:10px;} #fullscreen-brewboard.froth .page.cols-1 .brew .glass svg{max-width:86px;} #fullscreen-brewboard.froth .page.cols-2{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;} #fullscreen-brewboard.froth .page.cols-2 .column{flex-basis:46%;height:100%;margin-top:5px;} #fullscreen-brewboard.froth .page.cols-2 .column .section{position:relative;} #fullscreen-brewboard.froth .page.cols-2 .brew.long-identifier{grid-template-columns:140px auto auto 1fr auto 90px;} #fullscreen-brewboard.froth .page .packaging-head{display:none;} #fullscreen-brewboard.froth .page .section.tap + .section.unit .brews .brew:first-child{border-top:1px solid #777;} #fullscreen-brewboard.froth .page .brew{padding-bottom:35px;position:relative;min-height:130px;color:#ccc;border-bottom:1px solid #444;display:grid;grid-template-columns:110px auto auto 1fr auto 90px;grid-template-areas:"id name name name packaging glass" "id style style style pricing glass" "id abv ibu . pricing glass";grid-template-rows:104px 45px 45px;align-items:center;} #fullscreen-brewboard.froth .page .brew.no-identifier{margin-left:25px;grid-template-columns:auto auto 1fr auto 90px;grid-template-areas:"name name name packaging glass" "style style style pricing glass" "abv ibu . pricing glass";} #fullscreen-brewboard.froth .page .brew.no-identifier .id{display:none;} #fullscreen-brewboard.froth .page .brew.long-identifier{grid-template-columns:170px auto auto 1fr auto 90px;} #fullscreen-brewboard.froth .page .brew.long-identifier .id{font-weight:normal;font-size:26px;padding:0 15px 20px 5px;max-height:200px;overflow:hidden;margin-right:15px;font-style:italic;} #fullscreen-brewboard.froth .page .brew .glass{grid-area:glass;align-self:end;} #fullscreen-brewboard.froth .page .brew .glass svg{max-width:72px;} #fullscreen-brewboard.froth .page .brew .id{padding:20px 10px 20px 0;grid-area:id;font-size:42px;text-align:center;} #fullscreen-brewboard.froth .page .brew .id .swatch{width:40px;height:40px;display:block;border-radius:50%;} #fullscreen-brewboard.froth .page .brew .id,
#fullscreen-brewboard.froth .page .brew .name,
#fullscreen-brewboard.froth .page .brew .abv,
#fullscreen-brewboard.froth .page .brew .style,
#fullscreen-brewboard.froth .page .brew .pricing{overflow:hidden;} #fullscreen-brewboard.froth .page .brew .packaging{padding:20px;z-index:100;grid-area:packaging;align-self:stretch;background-position:center top 20px;background-repeat:no-repeat;background-size:49px;} #fullscreen-brewboard.froth .page .brew .packaging.bottle{background-image:url('/i/icon-bottle-w.svg');} #fullscreen-brewboard.froth .page .brew .packaging.can{background-image:url('/i/icon-can-w.svg');} #fullscreen-brewboard.froth .page .brew .packaging.keg{background-image:url('/i/icon-keg-w.svg');display:none;} #fullscreen-brewboard.froth .page .brew .packaging.cask{background-image:url('/i/icon-cask-w.svg');display:none;} #fullscreen-brewboard.froth .page .brew .name{grid-area:name;font-size:34px;align-self:end;color:#eee;text-transform:uppercase;font-weight:bold;max-height:80px;overflow:hidden;} #fullscreen-brewboard.froth .page .brew .name .brewery{font-weight:normal;font-style:italic;font-size:20px;text-transform:none;letter-spacing:normal;display:block;line-height:1;color:#9b7b62;} #fullscreen-brewboard.froth .page .brew .name:has(.brewery){max-height:90px;} #fullscreen-brewboard.froth .page .brew .style{grid-area:style;font-size:30px;align-self:start;} #fullscreen-brewboard.froth .page .brew .srm{display:none;} #fullscreen-brewboard.froth .page .brew .abv{grid-area:abv;font-size:30px;align-self:start;padding-right:40px;align-self:end;} #fullscreen-brewboard.froth .page .brew .pricing{grid-area:pricing;color:#ffb04a;font-size:30px;line-height:1.2;font-style:italic;padding-right:20px;align-self:end;} #fullscreen-brewboard.froth .page .brew .pricing div span.size{padding-right:10px;} #fullscreen-brewboard.froth .page .brew .ibu{grid-area:ibu;font-size:30px;align-self:end;} #fullscreen-brewboard.froth .page .brew:last-child{border-bottom:none;} #fullscreen-brewboard.froth .logo{padding:0;margin:0;width:130px;height:90px;overflow:hidden;position:absolute;top:0;left:35px;z-index:100;background-repeat:no-repeat;background-size:contain;background-position:right center;} #fullscreen-brewboard.froth .logo img{width:100%;margin:auto;vertical-align:middle;} #fullscreen-brewboard.froth .logo + .board-name{padding-left:185px;margin-top:10px;} #fullscreen-brewboard.froth .logo + .board-name h1{margin-left:5px;vertical-align:middle;text-align:left;} #fullscreen-brewboard.froth .board-name{flex-basis:100%;text-align:center;} #fullscreen-brewboard.froth .board-name h1{box-sizing:border-box;color:#fff;font-size:32px;text-shadow:0px 1px 2px #222;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:normal;line-height:100px;position:relative;box-shadow:0px 13px 12px -10px rgba(0, 0, 0, 0.8);margin:auto;} #fullscreen-brewboard.froth.fresh{background-image:url('/t/froth/bg-fresh.jpg');background-repeat:no-repeat;background-size:100%;background-position:right top;} #fullscreen-brewboard.froth.fresh .board-name h1{box-shadow:none;} #fullscreen-brewboard.froth.fresh .page.cols-1 .brews{padding:0 20% 0 5%;} #fullscreen-brewboard.froth.fresh .page.cols-2{padding-right:360px;} #fullscreen-brewboard.froth.fresh .page.cols-2 .brews{padding-left:53px;} #fullscreen-brewboard.froth.fresh:has(.page.cols-2){background-size:115%;background-position:20% top;} #fullscreen-brewboard.froth.foam{background-image:url('/t/froth/bg-foam.jpg');background-repeat:no-repeat;background-size:cover;background-position:bottom;} #fullscreen-brewboard.froth.foam .page.cols-1 .brews .brew{padding-right:30px;} #fullscreen-brewboard.froth.foam .brews{background-color:rgba(10, 10, 10, 0.8);} #fullscreen-brewboard.froth.foam .brews .brew{border-bottom:1px solid #999;grid-template-columns:110px auto auto 1fr auto 108px;} #fullscreen-brewboard.froth.fuddled{background-image:url('/t/froth/bg-fuddled.jpg');background-repeat:no-repeat;background-size:100%;background-position:center 23%;} #fullscreen-brewboard.froth.fuddled .page.cols-1 .brews .brew{padding-right:30px;} #fullscreen-brewboard.froth.fuddled .brews{background-color:rgba(10, 10, 10, 0.3);} #fullscreen-brewboard.froth.flat{background-color:#261d15;} #fullscreen-brewboard.froth.flat .page.cols-1 .brews .brew{padding-right:30px;} #fullscreen-brewboard.froth.flat .page.cols-2 .brews .brew{padding-right:0;} #fullscreen-brewboard.froth.flat .brews{background-color:rgba(10, 10, 10, 0.3);margin-top:0;} #fullscreen-brewboard.froth.flat .brews .brew{grid-template-columns:110px auto auto 1fr auto 108px;color:#e4d090;border:2px solid #534033;margin-right:0;margin-left:0;} #fullscreen-brewboard.froth.flat .brews .brew.no-identifier{padding-left:30px;} #fullscreen-brewboard.froth.flat .brews .brew .name{color:#e4d090;} #fullscreen-brewboard.froth.flat .section.tap + .section.unit .brews .brew:first-child{border-top:1px solid #534033;} #fullscreen-brewboard.froth.flat .board-name h1{box-shadow:none;color:#c4b175;text-transform:uppercase;} #fullscreen-brewboard.froth.farm{background-color:#18120D;} #fullscreen-brewboard.froth.farm .page.cols-1 .brews .brew{padding-right:30px;} #fullscreen-brewboard.froth.farm .page.cols-2 .brews .brew{padding-right:0;} #fullscreen-brewboard.froth.farm .brews .brew{border-bottom:1px solid #18120D;border:2px solid #000;color:#e4d090;} #fullscreen-brewboard.froth.farm .brews .brew .name{color:#e4d090;} #fullscreen-brewboard.froth.farm .brews .brew.no-identifier{padding-left:30px;} #fullscreen-brewboard.froth.farm .brew:nth-child(4n+1){background-color:#2d340c;} #fullscreen-brewboard.froth.farm .brew:nth-child(4n+2){background-color:#885420;} #fullscreen-brewboard.froth.farm .brew:nth-child(4n+3){background-color:#2e1106;} #fullscreen-brewboard.froth.farm .brew:nth-child(4n+4){background-color:#732511;} #fullscreen-brewboard.froth.farm .board-name h1{box-shadow:none;color:#c4b175;text-transform:uppercase;}