div#popularvotetable .judgesscore,
div#popularvotetable .totalpts,
div#popularvotetable .totalptslabel,
div#popularvotetablefull .judgesscore,
div#popularvotetablefull .totalpts,
div#popularvotetablefull .totalptslabel,
div#popvoteheader .totalpts,
div#popvoteheader .judgesscore {
    display: none;
}

div#popvoteheader, div#totalscoreheader {
    display: none;
}

.beerresultswrap {
    max-width: 1200px;
    margin: 0 auto;
}

.beerresultswrap #beerresultstablefull.hidden,
.beerresultswrap #popularvotetablefull.hidden {
    display: none;
}

div#popularvotetable,
div#popularvotetablefull.visible,
div#beerresultstable,
div#judgesbestinshowtable,
div#beerresultstablefull.visible {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.beerentry {
    flex-wrap: wrap;
    flex-basis: 280px;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 20px 30px 42px auto 105px 40px;
}

div#popularvotetable .beerentry,
div#popularvotetablefull .beerentry {
    grid-template-rows: 20px 30px 42px auto 105px;
}

.beerentry.even {
    background-color: #f1f1f1;
}

.beerentry.beerplace1 {
    border: 2px solid gold;
}
.beerentry.beerplace2 {
    border: 2px solid silver;
}

.beerentry.beerplace3 {
    border: 2px solid #917d3d;
}

.beerentry div.rank {
    grid-row-start: 1;
    grid-row-end: 2;
    width: calc(100% + 22px);
    margin: -10px -11px 0;
    padding: 5px;
    border-radius: 3px 3px 0 0;
    background: #222;
    color: #fff;
    align-self: flex-start;
    font-size: 18px;
    height: 30px;
}

.beerentry.beerplace1 div.rank {
    background: gold;
    color: #000;
}

.beerentry.beerplace2 div.rank {
    background: silver;
    color: #000;
}

.beerentry.beerplace3 div.rank {
    background: #917d3d;
    color: #000;
}

.beerinfo {
    align-self: stretch;
}

.beerentry .beername,
.beerentry .brewers,
.beerentry .beerstyle,
.beerentry .scores div {
    text-align: center;
}

.beerentry .scores div {
    display: flex;
    width: 100%;
    gap: 10px;
    font-size: 12px;
    justify-content: center;
}

.beerentry .scores div label {
    flex-basis: 120px;
    text-align: right;
}

.beerentry .scores div div.score {
    flex-basis: 50px;
    display: block;
}

.beerentry .beernumber {
    display: flex;
    background: #C1272D;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    color: #ffffff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.beerentry .beername {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.beerentry .beerstyle,
span.brewernames {
    color: #222;
    margin-top: 10px;
}

#judgesbestinshowtable .judgesscore,
#beerresultstable .judgesscore,
#beerresultstablefull .judgesscore,
.beerentry .totalvotes {
    color: #222;
    font-size: 16px;
}

.beerentry .brewers {
    font-size: 16px;
}


#popularvotetable .totalvotes, 
#popularvotetablefull .totalvotes, 
#beerresultstable .totalpts, 
#judgesbestinshowtable .totalpts, 
#beerresultstablefull .totalpts {
    font-size: 28px;
    color: #222;
    text-align: center;
    font-weight: bold;
}


.beerentry .totalptslabel {
    margin-top: 10px;
}

.beerentry .totalptslabel span {
    font-size: 12px;
}

.beerentry .scores div.totalptslabel {
    display: block;
}

#popularvotetable .totalvotes,
#popularvotetablefull .totalvotes {
    display: block;
    font-size: 18px;
}

#popularvotetable .totalvotes .score,
#popularvotetablefull .totalvotes .score {
    font-size: 28px;
}


button.viewfullresults {
    margin: 20px;
    background: #1969ad;
    border: 0;
}

.beerentry .brewers .brewernames {
    display: block;
    font-size: 12px;
}