#fullscreen-brewboard.sixpack{font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:normal;color:#2d1b11;} #fullscreen-brewboard.sixpack .page .brews{max-height:90%;margin:0 5%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:17px;} #fullscreen-brewboard.sixpack .page .brew{box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px,rgba(0, 0, 0, 0.12) 0px -12px 30px,rgba(0, 0, 0, 0.12) 0px 4px 6px,rgba(0, 0, 0, 0.17) 0px 12px 13px,rgba(0, 0, 0, 0.09) 0px -3px 5px;background-color:#efeddc;padding:25px 10px 25px 35px;position:relative;align-items:stretch;box-sizing:border-box;display:grid;border-radius:8px;grid-template-columns:1fr auto 100px;grid-template-areas:"id id packaging" "name name name" "style style style" "ibu pricing glass" "abv pricing glass";grid-template-rows:74px 60px 60px 45px;align-items:center;} #fullscreen-brewboard.sixpack .page .brew.long-identifier .id{font-weight:normal;font-size:40px;overflow:hidden;padding:20px 3px 20px 0;height:74px;} #fullscreen-brewboard.sixpack .page .brew .glass{grid-area:glass;text-align:left;} #fullscreen-brewboard.sixpack .page .brew .glass svg{max-width:72px;width:70px;} #fullscreen-brewboard.sixpack .page .brew .id{padding:20px 3px 20px 0;grid-area:id;font-size:66px;font-weight:bold;} #fullscreen-brewboard.sixpack .page .brew .id .swatch{width:40px;height:40px;display:block;border-radius:50%;} #fullscreen-brewboard.sixpack .page .brew .id,
#fullscreen-brewboard.sixpack .page .brew .name,
#fullscreen-brewboard.sixpack .page .brew .abv,
#fullscreen-brewboard.sixpack .page .brew .style{overflow:hidden;} #fullscreen-brewboard.sixpack .page .brew .packaging{padding:20px;z-index:100;grid-area:packaging;align-self:stretch;background-position:right 15px top;background-repeat:no-repeat;background-size:65px;opacity:.54;} #fullscreen-brewboard.sixpack .page .brew .packaging.bottle{background-image:url('/i/icon-bottle.svg');} #fullscreen-brewboard.sixpack .page .brew .packaging.can{background-image:url('/i/icon-can.svg');} #fullscreen-brewboard.sixpack .page .brew .packaging.keg{background-image:url('/i/icon-keg.svg');} #fullscreen-brewboard.sixpack .page .brew .packaging.cask{background-image:url('/i/icon-cask.svg');} #fullscreen-brewboard.sixpack .page .brew .name{grid-area:name;font-size:50px;height:60px;font-weight:bold;} #fullscreen-brewboard.sixpack .page .brew .srm{display:none;} #fullscreen-brewboard.sixpack .page .brew .abv{grid-area:abv;font-size:50px;height:60px;font-weight:bold;} #fullscreen-brewboard.sixpack .page .brew .style{grid-area:style;font-size:38px;height:60px;} #fullscreen-brewboard.sixpack .page .brew .ibu{grid-area:ibu;font-size:38px;height:45px;} #fullscreen-brewboard.sixpack .page .brew .pricing{grid-area:pricing;align-self:end;font-size:32px;color:#442719;padding-right:20px;padding-bottom:15px;text-align:right;max-width:250px;max-height:115px;overflow:hidden;} #fullscreen-brewboard.sixpack .page .brew .pricing div .size{padding-right:12px;} #fullscreen-brewboard.sixpack .page .brew .pricing div:last-child{padding-right:0;} #fullscreen-brewboard.sixpack .logo{padding:0;margin:0;width:110px;height:90px;overflow:hidden;position:absolute;top:10px;left:20px;z-index:100;background-repeat:no-repeat;background-size:contain;background-position:center;} #fullscreen-brewboard.sixpack .logo img{width:100%;margin:auto;vertical-align:middle;} #fullscreen-brewboard.sixpack .logo + .board-name{padding-left:140px;margin-top:10px;} #fullscreen-brewboard.sixpack .logo + .board-name h1{margin-left:5px;line-height:90px;vertical-align:middle;text-align:left;} #fullscreen-brewboard.sixpack .board-name{width:100%;text-align:center;background-color:#fff;opacity:0.8;margin-bottom:100px;margin-top:0;} #fullscreen-brewboard.sixpack .board-name h1{box-sizing:border-box;color:#2d1b11;font-size:38px;text-align:left;font-weight:normal;line-height:90px;position:relative;margin:0 auto auto 5%;text-transform:uppercase;letter-spacing:3px;} #fullscreen-brewboard.sixpack.wood{background:#222;background-image:url('/t/sixpack/bg-wood.jpg');background-size:cover;background-position:bottom;} #fullscreen-brewboard.sixpack.cement{background-image:url('/t/sixpack/bg-cement.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-size:100%;} #fullscreen-brewboard.sixpack.cement .board-name{background-color:#222;opacity:.8;} #fullscreen-brewboard.sixpack.cement .board-name h1{color:#fff;} #fullscreen-brewboard.sixpack.gradient{background:radial-gradient(ellipse at top,#efc8a8,transparent),radial-gradient(ellipse at bottom,#c7b599,#845419);} #fullscreen-brewboard.sixpack.gray{background-image:url('/t/sixpack/bg-gray.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.sixpack.marble{background-image:url('/t/sixpack/bg-marble.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.sixpack.redwall{background-image:url('/t/sixpack/bg-redwall.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #fullscreen-brewboard.sixpack.redwall .board-name{background-color:#231717;opacity:.8;} #fullscreen-brewboard.sixpack.redwall .board-name h1{color:#fff;}