#fullscreen-brewboard.simple-black{background-color:#000;color:#fff;} #fullscreen-brewboard.simple-black .page.cols-1 .column{padding:0 10%;} #fullscreen-brewboard.simple-black .page.cols-1 .brew{min-height:145px;grid-template-columns:auto auto 1fr auto 100px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .name{font-size:44px;padding-left:30px;height:52px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .id{font-size:42px;padding:33px 13px 10px 25px;min-height:136px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .style-and-price{font-size:30px;padding-left:30px;height:36px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .abv{font-size:44px;height:52px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .ibu{font-size:28px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .packaging{background-size:55px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .glass{padding-left:10px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew .glass svg{max-width:50px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew.long-identifier{grid-template-columns:240px auto 1fr auto 100px;} #fullscreen-brewboard.simple-black .page.cols-1 .brew.long-identifier .id{font-weight:normal;font-size:32px;max-width:240px;overflow:hidden;padding:20px 3px 20px 10px;height:140px;align-self:center;} #fullscreen-brewboard.simple-black .page.cols-2{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;} #fullscreen-brewboard.simple-black .page.cols-2 .column{flex-basis:46%;height:100%;margin-top:5px;} #fullscreen-brewboard.simple-black .page.cols-2 .column .section{position:relative;} #fullscreen-brewboard.simple-black .page .packaging-head{display:none;} #fullscreen-brewboard.simple-black .page .section.tap + .section.unit .brews .brew:first-child{border-top:1px solid #777;} #fullscreen-brewboard.simple-black .page .brew{margin:0 70px 0 0;position:relative;min-height:136px;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" "id style style ibu glass";align-items:center;} #fullscreen-brewboard.simple-black .page .brew.long-identifier{grid-template-columns:150px auto 1fr auto 75px;} #fullscreen-brewboard.simple-black .page .brew.long-identifier .id{font-weight:normal;font-size:26px;overflow:hidden;padding:20px 3px 20px 10px;height:136px;} #fullscreen-brewboard.simple-black .page .brew .glass{grid-area:glass;} #fullscreen-brewboard.simple-black .page .brew .glass svg{max-width:42px;} #fullscreen-brewboard.simple-black .page .brew .id{padding:20px 3px 20px 20px;grid-area:id;font-size:36px;text-align:center;font-weight:bold;} #fullscreen-brewboard.simple-black .page .brew .id .swatch{width:40px;height:40px;display:block;border-radius:50%;} #fullscreen-brewboard.simple-black .page .brew .id,
#fullscreen-brewboard.simple-black .page .brew .name,
#fullscreen-brewboard.simple-black .page .brew .abv,
#fullscreen-brewboard.simple-black .page .brew .style-and-price{overflow:hidden;} #fullscreen-brewboard.simple-black .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.simple-black .page .brew .packaging.bottle{background-image:url('/i/icon-bottle-w.svg');} #fullscreen-brewboard.simple-black .page .brew .packaging.can{background-image:url('/i/icon-can-w.svg');} #fullscreen-brewboard.simple-black .page .brew .packaging.keg{background-image:url('/i/icon-keg-w.svg');display:none;} #fullscreen-brewboard.simple-black .page .brew .packaging.cask{background-image:url('/i/icon-cask-w.svg');display:none;} #fullscreen-brewboard.simple-black .page .brew .name{grid-area:name;font-size:34px;padding-left:20px;height:44px;align-self:end;text-shadow:0px 1px 0px #fff;color:#eee;} #fullscreen-brewboard.simple-black .page .brew .name span.brewery::after{content:" -";} #fullscreen-brewboard.simple-black .page .brew .srm{display:none;} #fullscreen-brewboard.simple-black .page .brew .abv{grid-area:abv;font-size:32px;justify-self:end;padding-right:20px;align-self:end;height:44px;} #fullscreen-brewboard.simple-black .page .brew .style-and-price{grid-area:style;font-size:24px;padding-left:20px;align-self:start;height:32px;} #fullscreen-brewboard.simple-black .page .brew .pricing{display:inline-block;color:#ffb04a;margin-left:18px;} #fullscreen-brewboard.simple-black .page .brew .pricing div{display:inline-block;} #fullscreen-brewboard.simple-black .page .brew .pricing div span.size{padding-right:12px;} #fullscreen-brewboard.simple-black .page .brew .pricing div:after{content:" / ";white-space:pre;} #fullscreen-brewboard.simple-black .page .brew .pricing div:last-child{padding-right:0;} #fullscreen-brewboard.simple-black .page .brew .pricing div:last-child:after{content:"";} #fullscreen-brewboard.simple-black .page .brew .ibu{grid-area:ibu;font-size:22px;align-self:start;justify-self:end;padding-right:20px;height:32px;} #fullscreen-brewboard.simple-black .page .brew:last-child{border-bottom:none;} #fullscreen-brewboard.simple-black .logo{padding:0;margin:0;width:150px;height:115px;overflow:hidden;position:absolute;top:0;left:35px;z-index:100;background-repeat:no-repeat;background-size:contain;background-position:right center;} #fullscreen-brewboard.simple-black .logo img{width:100%;margin:auto;vertical-align:middle;} #fullscreen-brewboard.simple-black .logo + .board-name{padding-left:195px;margin-top:10px;} #fullscreen-brewboard.simple-black .logo + .board-name h1{margin-left:5px;vertical-align:middle;text-align:left;} #fullscreen-brewboard.simple-black .board-name{flex-basis:100%;text-align:center;} #fullscreen-brewboard.simple-black .board-name h1{box-sizing:border-box;color:#fff;font-size:52px;text-shadow:0px 1px 2px #222;text-align:center;font-family:'Molle',cursive,Arial,Helvetica,sans-serif;font-weight:normal;line-height:100px;position:relative;-webkit-box-shadow:0px 13px 12px -10px rgba(0, 0, 0, 0.8);-moz-box-shadow:0px 13px 12px -10px rgba(0, 0, 0, 0.8);box-shadow:0px 13px 12px -10px rgba(0, 0, 0, 0.8);margin:auto;} #fullscreen-brewboard.simple-black.basic{background:#000;} #fullscreen-brewboard.simple-black.basic .board-name h1{box-shadow:none;} #fullscreen-brewboard.simple-black.gradient{background:#222;background:radial-gradient(ellipse at top,#222,transparent),radial-gradient(ellipse at bottom,#222,#000000);} #fullscreen-brewboard.simple-black.green{background:#002100;background:radial-gradient(ellipse at top,#002100,transparent),radial-gradient(ellipse at bottom,#002100,#000000);}