#elections-2022-homepage .min-container {
  max-width: 1000px;
  margin: 0 auto;
}

#elections-2022-homepage .min-container .candidate-table {
  margin-bottom: 30px;
  font-size: 13px;
  margin-left: 50px;
  width: calc(100% - 50px);
}

#elections-2022-homepage .min-container .candidate-table .row,
#elections-2022-homepage .min-container .candidate-table .summary {
  min-height: 30px;
}

#elections-2022-homepage .min-container .tbl-body .min-row {
  min-height: 35px;
  /* background: #fff; */
}

#elections-2022-homepage .min-container .tbl-body .min-row:hover {
  background-color: #eeeeee;
}

#elections-2022-homepage .min-container .tbl-body .min-row button i {
  color: #333;
}

#elections-2022-homepage .min-container .tbl-body .min-row .name {
font-size: 13px;
}

#elections-2022-homepage .min-container .tbl-body .min-row .no-win i {
  color: rgba(0,0,0,0);
}

#elections-2022-homepage .min-container .tbl-body .min-row .pct {
  font-size: 13px;
  margin-right: 4px
}

#elections-2022-homepage .min-container .tbl-hed {
  border-bottom: 1px solid #ccc;
  color: #5c5c5c;
  display: grid;
  font-size: 11.5px;
  padding: 10px 0px;
  padding-bottom: 3px;
  position: sticky;
  top: 40px;
  background-color: #dadada;
  color: #5c5c5c;
  height: 15px;
  align-items: flex-end;
}

#elections-2022-homepage .min-container .tbl-hed  > * {
  /* padding: 5px; */
}

/*   2 GRID STYLES    */
#elections-2022-homepage .min-container.grid-2.districts .tbl-hed,
#elections-2022-homepage .min-container.grid-2.districts .tbl-body .min-row {
  display: grid;
  grid-template-columns: 50px 1fr 1fr 65px 30px;
}

#elections-2022-homepage .min-container.grid-2.districts .tbl-hed {
  grid-template-areas: "dist candidate candidate rpt btn";
}

#elections-2022-homepage .min-container.grid-2.districts .tbl-body .min-row{
  grid-template-areas: "dist dem gop rpt btn";
}

#elections-2022-homepage .min-container.grid-2.counties .tbl-hed,
#elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row{
  display: grid;
  grid-template-columns: 100px 1fr 1fr 65px 30px;
}

#elections-2022-homepage .min-container.counties .tbl-body .county-name {

}
#elections-2022-homepage .min-container.grid-2.counties .tbl-hed {
  grid-template-areas: "county candidate candidate rpt btn";
}

#elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row{
  grid-template-areas: "county dem gop rpt btn";
}

/*   3 GRID STYLES    */
#elections-2022-homepage .min-container.grid-3.districts .tbl-hed,
#elections-2022-homepage .min-container.grid-3.districts .tbl-body .min-row{
  display: grid;
  grid-template-columns: 50px 5fr 5fr 5fr 65px 30px;
}

#elections-2022-homepage .min-container.grid-3.districts .tbl-hed {
  grid-template-areas: "dist candidate candidate candidate rpt btn";
}

#elections-2022-homepage .min-container.grid-3.districts .tbl-body .min-row {
  grid-template-areas: "dist dem gop third rpt btn";
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-hed,
#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row{
  display: grid;
  grid-template-columns: 100px 1fr 1fr 1fr 65px 30px;
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-hed {
  grid-template-areas: "county candidate candidate candidate rpt btn";
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row {
  grid-template-areas: "county dem gop third rpt btn";
}

#elections-2022-homepage .min-container .district-num {
  align-items: center;
  display: flex;
  grid-area: dist;
  justify-content: center;
  text-align: center;
  color: gray;
}

#elections-2022-homepage .min-container .min-row .county-name {
  align-items: center;
  display: flex;
  color: gray;
  font-size: 11px;
  grid-area: county;
  text-align: center;
  padding: 5px;
}

#elections-2022-homepage .min-container .district-num .full {
  display: block;
}

#elections-2022-homepage .min-container .district-num .min {
  display: none;
}

#elections-2022-homepage .min-container .table-head.district-candidates {
  grid-area: candidate;
}

#elections-2022-homepage .min-container .table-head.district-reporting {
  grid-area: rpt;
  text-align: right;
}

#elections-2022-homepage .min-container .tbl-body .district-reporting {
  align-items: center;
  color: gray;
  display: flex;
  font-size: 12px;
  grid-area: rpt;
  justify-content: flex-end;
  text-align: right; 
}

#elections-2022-homepage .min-container .min-row .candidate {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 5px;
  align-items: center;
  max-width: fit-content;
  grid-template-areas: "nameCheck pct";
  height: 100%;
  width: 100%;
  margin-left: 5px;
}


@media(max-width: 700px) {
  #elections-2022-homepage .min-container .tbl-body .min-row .no-win {
    display: none;
  }
  #elections-2022-homepage .min-container .min-row .candidate-container {
    display: flex;
    align-items: center;
  }
  #elections-2022-homepage .min-container .min-row .candidate-uncontested {
   margin: 0 auto;
   display: block;
  }
  #elections-2022-homepage .min-container .min-row .candidate {
    display: block;
    height: fit-content;
    max-width: 100%;
    margin-left: 0px;
  }
  #elections-2022-homepage .min-container .min-row .candidate .name-check-container {
    margin: 0 auto;
    margin-bottom: 4px;
    max-width: fit-content;
  }
  #elections-2022-homepage .min-container .min-row .candidate .name-check-container .name {
    font-weight: bold;
  }
  #elections-2022-homepage .min-container .min-row .candidate .pct {
    margin: 0 auto;
    display: block;
    max-width: fit-content;
  }
}
#elections-2022-homepage .min-container .min-row .candidate .name-check-container {
  grid-area: nameCheck;
}

#elections-2022-homepage .min-container .min-row .candidate .pct {
  grid-area: pct;
}

#elections-2022-homepage .min-container .min-row .candidate-dem {
  grid-area: dem;
}

#elections-2022-homepage .min-container .min-row .candidate-gop {
  grid-area: gop;
}

#elections-2022-homepage .min-container .min-row .candidate-third-party {
  grid-area: third;
}

#elections-2022-homepage .min-container .min-row .district-expand {
  background: none;
  border: none;
  font-size: 18px;
  grid-area: btn;
} 

#elections-2022-homepage .min-container .min-row {
  border-bottom: 1px solid #ccc;
}

#elections-2022-homepage .min-container .min-row > * {
  box-sizing: border-box;
  font-size: 13px;
  /* padding: 5px; */
}

#elections-2022-homepage .min-container .min-row .candidate-uncontested {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 11px;
  font-weight: 300;
}

#elections-2022-homepage .min-container .tbl-body .winner {
  align-items:center;
  display: inline-flex;
  height: 15px;
  justify-content: center;
  width: 15px;
}

#elections-2022-homepage .min-container .tbl-body .party-name  {
  font-size: 8px;
  text-transform: uppercase;
}

@media(max-width: 600px) {

#elections-2022-homepage .min-container .tbl-body .min-row:hover {
  background-color: rgba(0,0,0,0);
}
  #elections-2022-homepage .min-container .candidate-table {
    margin-left: 0px;
    width: 100%
  }
  
  #elections-2022-homepage .min-container .tbl-body .min-row {
    min-height: 50px;
  }
  
  #elections-2022-homepage .min-container .tbl-body .min-row .name {
    font-size: 12px;
    }
  /* #elections-2022-homepage .min-container .tbl-body .party-name  {
    display: none;
  }
   */
  #elections-2022-homepage .min-container .district-num .full {
    display: none;
  }

  #elections-2022-homepage .min-container .district-num .min {
    display: block;
  }

  #elections-2022-homepage .min-container.grid-2.districts .tbl-hed, #elections-2022-homepage .min-container.grid-2.districts .tbl-body .min-row {
    grid-template-columns: 30px 1fr 1fr 40px 35px;
}
  #elections-2022-homepage .min-container.grid-3.districts .tbl-hed,
  #elections-2022-homepage .min-container.grid-3.districts .tbl-body .min-row {
    grid-template-columns: 35px 1fr 1fr 40px 30px;
  }

  #elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row {
    display: grid;
    grid-template-columns: 55px 1fr 1fr 65px 30px;
}
  #elections-2022-homepage .min-container.grid-3.counties .tbl-hed,
  #elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row {
    grid-template-columns: 55px 1fr 1fr 45px 30px;
  }

  #elections-2022-homepage .min-container.grid-3.districts .tbl-hed {
    grid-template-areas: "dist candidate candidate rpt btn";
  }

  #elections-2022-homepage .min-container.grid-3.districts .tbl-body .min-row {
    grid-template-areas: "dist dem gop rpt btn";
  }

  #elections-2022-homepage .min-container.grid-3.counties .tbl-hed {
    grid-template-areas: "county candidate candidate rpt btn";
  }

  #elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row {
    grid-template-areas: "county dem gop rpt btn";
  }

  #elections-2022-homepage .min-container .min-row .candidate-third-party {
    display: none; 
  }

  #elections-2022-homepage .min-container .min-row .candidate-wcp,
  #elections-2022-homepage .min-container .min-row .candidate-ind {
    display: none;
  }
  
  #elections-2022-homepage .min-container  .tbl-body  .min-row > * {
    font-size: 11px;
  }
  
  /* #elections-2022-homepage .min-container .min-row > * {
    padding: 10px 5px;
  } */
  

}

/* SPECIAL RULES FOR COOK COUTNY ASSESSOR AND KENDALL COUNTY */
#elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row.cook.assessor {
  grid-template-areas: "county dem third rpt btn";
}

#elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row.cook.assessor {
  grid-template-areas: "county dem third rpt btn";
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.clerk,
#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.treasurer {
  grid-template-areas: "county third gop . rpt btn";
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.clerk .candidate-dem,
#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.treasurer .candidate-dem {
  display: none;
}

#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.clerk .candidate-third-party,
#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.treasurer .candidate-third-party, 
#elections-2022-homepage .min-container.grid-2.counties .tbl-body .min-row.cook.assessor .candidate-third-party  {
  display: flex;
}

@media(max-width: 600px) {
  #elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.clerk,
#elections-2022-homepage .min-container.grid-3.counties .tbl-body .min-row.kendall.treasurer {
  grid-template-areas: "county third gop rpt btn";
}

}