#fullscreen-brewboard.quartet{font-family:'Antonio','Lato',Arial,Helvetica,sans-serif;font-weight:normal;color:#2d1b11;background-color:#323232;} #fullscreen-brewboard.quartet .page{background-color:#323232;} #fullscreen-brewboard.quartet .page .brews{max-height:90%;margin:0 20px;display:flex;justify-content:center;flex-grow:1;font-family:'Barlow Condensed',sans-serif;} #fullscreen-brewboard.quartet .page .brew{background-color:#000;flex-basis:480px;color:#130606;border-radius:none;height:856px;position:relative;padding:55px 10px 65px 42px;box-sizing:border-box;display:grid;align-items:stretch;grid-template-columns:1fr 1fr 120px;grid-template-areas:"id id packaging" "name name name" "style style glass" "price price glass" "ibu ibu glass" "abv abv glass";grid-template-rows:100px auto auto 1fr 60px 100px;align-items:center;} #fullscreen-brewboard.quartet .page .brew.long-identifier .id{font-weight:normal;font-size:40px;overflow:hidden;padding:20px 3px 20px 0;} #fullscreen-brewboard.quartet .page .brew .glass{grid-area:glass;align-self:end;text-align:left;} #fullscreen-brewboard.quartet .page .brew .glass svg{width:120px;} #fullscreen-brewboard.quartet .page .brew .id{padding:20px 3px 20px 0;grid-area:id;font-size:74px;font-weight:bold;} #fullscreen-brewboard.quartet .page .brew .id .swatch{width:50px;height:50px;display:block;border-radius:50%;} #fullscreen-brewboard.quartet .page .brew .id,
#fullscreen-brewboard.quartet .page .brew .name,
#fullscreen-brewboard.quartet .page .brew .abv,
#fullscreen-brewboard.quartet .page .brew .style{overflow:hidden;} #fullscreen-brewboard.quartet .page .brew .packaging{z-index:100;grid-area:packaging;align-self:stretch;background-position:right 10px top;background-repeat:no-repeat;background-size:80px;} #fullscreen-brewboard.quartet .page .brew .packaging.bottle{background-image:url('/t/quartet/icon-bottle.svg');} #fullscreen-brewboard.quartet .page .brew .packaging.can{background-image:url('/t/quartet/icon-can.svg');} #fullscreen-brewboard.quartet .page .brew .packaging.keg{background-image:url('/t/quartet/icon-keg.svg');} #fullscreen-brewboard.quartet .page .brew .packaging.cask{background-image:url('/t/quartet/icon-cask.svg');} #fullscreen-brewboard.quartet .page .brew .name{grid-area:name;align-self:end;font-size:50px;font-weight:bold;padding-right:20px;max-height:370px;} #fullscreen-brewboard.quartet .page .brew .srm{display:none;} #fullscreen-brewboard.quartet .page .brew .abv{grid-area:abv;font-size:66px;font-weight:bold;} #fullscreen-brewboard.quartet .page .brew .style{grid-area:style;align-self:start;font-size:48px;} #fullscreen-brewboard.quartet .page .brew .ibu{grid-area:ibu;font-size:50px;} #fullscreen-brewboard.quartet .page .brew .pricing{grid-area:price;align-self:end;font-size:48px;max-height:230px;overflow:hidden;line-height:1.2;font-style:italic;padding-bottom:15px;} #fullscreen-brewboard.quartet .page .brew .pricing div span.size{padding-right:12px;} #fullscreen-brewboard.quartet .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.quartet .logo img{width:100%;margin:auto;vertical-align:middle;} #fullscreen-brewboard.quartet .logo + .board-name{padding-left:140px;margin-top:10px;} #fullscreen-brewboard.quartet .logo + .board-name h1{margin-left:5px;line-height:90px;vertical-align:middle;text-align:left;} #fullscreen-brewboard.quartet .board-name{flex-basis:100%;margin-bottom:40px;margin-top:20px;} #fullscreen-brewboard.quartet .board-name h1{box-sizing:border-box;color:#e4d5c3;text-align:center;line-height:90px;position:relative;margin:0 auto auto 0;text-transform:uppercase;letter-spacing:3px;font-family:'PT Sans Narrow',sans-serif;font-size:58px;font-weight:normal;} #fullscreen-brewboard.quartet.mulligan .board-name h1{font-family:'PT Sans Narrow',sans-serif;font-weight:bold;} #fullscreen-brewboard.quartet.mulligan .page .brews .brew .name{font-size:64px;font-family:'PT Sans Narrow',sans-serif;letter-spacing:-1px;font-weight:bold;} #fullscreen-brewboard.quartet.mulligan .page .brews > .brew:nth-child(4n+1){background-color:#071e22;color:#fff5ea;} #fullscreen-brewboard.quartet.mulligan .page .brews > .brew:nth-child(4n+2){background-color:#1d7874;color:#fff5ea;} #fullscreen-brewboard.quartet.mulligan .page .brews > .brew:nth-child(4n+3){background-color:#f4c095;} #fullscreen-brewboard.quartet.mulligan .page .brews > .brew:nth-child(4n){background-color:#ff3e41;color:#fff5ea;} #fullscreen-brewboard.quartet.mjq .logo + .board-name h1{text-align:left;} #fullscreen-brewboard.quartet.mjq .page{background-color:#00252e;} #fullscreen-brewboard.quartet.mjq .board-name h1{font-family:'Rum Raisin',sans-serif;font-weight:normal;text-transform:none;text-align:center;margin-left:0;font-size:69px;} #fullscreen-brewboard.quartet.mjq .page .brews .brew{box-shadow:inset 4px 0 24px #0000005c;color:#fff5ea;text-shadow:2px 2px 3px #00000064;border-right:1px solid #424242;} #fullscreen-brewboard.quartet.mjq .page .brews .brew .name{font-family:'Sansita',sans-serif;font-family:'Rum Raisin',sans-serif;font-size:64px;font-weight:normal;} #fullscreen-brewboard.quartet.mjq .page .brews .brew .id{font-family:'Sansita',sans-serif;font-family:'Rum Raisin',sans-serif;} #fullscreen-brewboard.quartet.mjq .page .brews > .brew:nth-child(4n+1){background-color:#FA6D28;background:linear-gradient(0deg,#c30000 0%,#ff5927 47%);} #fullscreen-brewboard.quartet.mjq .page .brews > .brew:nth-child(4n+2){background-color:#E5443A;background:linear-gradient(0deg,#5d0338 0%,#f64439 100%);} #fullscreen-brewboard.quartet.mjq .page .brews > .brew:nth-child(4n+3){background-color:#f2b300;background:linear-gradient(0deg,#f66e14 0%,#efc037 100%);} #fullscreen-brewboard.quartet.mjq .page .brews > .brew:nth-child(4n){background-color:#3a9fa9;background:linear-gradient(0deg,#124d6a 0%,#55d2c8 100%);} #fullscreen-brewboard.quartet.coltrane .logo + .board-name h1{text-align:left;} #fullscreen-brewboard.quartet.coltrane .page{background-color:#595959;} #fullscreen-brewboard.quartet.coltrane .board-name h1{font-family:'Staatliches',cursive;} #fullscreen-brewboard.quartet.coltrane .page .brews{font-family:'PT Sans Narrow',sans-serif;} #fullscreen-brewboard.quartet.coltrane .page .brews .brew{border:4px solid #1f1f1f;} #fullscreen-brewboard.quartet.coltrane .page .brews .brew .name{font-family:'Staatliches',cursive;font-size:60px;font-weight:normal;line-height:1;} #fullscreen-brewboard.quartet.coltrane .page .brews > .brew:nth-child(4n+1){background-color:#222222;color:#fff5ea;} #fullscreen-brewboard.quartet.coltrane .page .brews > .brew:nth-child(4n+2){background-color:#14213D;color:#fff5ea;} #fullscreen-brewboard.quartet.coltrane .page .brews > .brew:nth-child(4n+3){background-color:#FCA311;} #fullscreen-brewboard.quartet.coltrane .page .brews > .brew:nth-child(4n){background-color:#f4e9da;} #fullscreen-brewboard.quartet.brubeck .logo + .board-name h1{text-align:left;} #fullscreen-brewboard.quartet.brubeck .page{background-color:#770D00;} #fullscreen-brewboard.quartet.brubeck .board-name h1{font-family:'Voltaire',sans-serif;font-size:64px;font-weight:bold;} #fullscreen-brewboard.quartet.brubeck .page .brews .brew{color:#e4d5c3;border:3px solid #33210B;box-sizing:border-box;} #fullscreen-brewboard.quartet.brubeck .page .brews .brew .name{font-family:'Voltaire',sans-serif;font-size:64px;font-weight:bold;} #fullscreen-brewboard.quartet.brubeck .page .brews .brew .id{font-family:'Voltaire',sans-serif;font-weight:bold;} #fullscreen-brewboard.quartet.brubeck .page .brews > .brew:nth-child(4n+1){background-color:#415c5f;} #fullscreen-brewboard.quartet.brubeck .page .brews > .brew:nth-child(4n+2){background-color:#C25210;} #fullscreen-brewboard.quartet.brubeck .page .brews > .brew:nth-child(4n+3){background-color:#33210B;} #fullscreen-brewboard.quartet.brubeck .page .brews > .brew:nth-child(4n){background-color:#65561F;}