@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200..1000&display=swap');

body { margin: 0; font-family: 'Mulish', sans-serif; color: #231F20; font-size: 18px; line-height: 29px; min-height: 0!important; height: auto!important; position: inherit!important;}

a { color: #3B6B8C; }
a:hover, a:active { color: #00364D; }

a.button { background: #F79759; color: #231F20; font-size: 20px; font-family: 'Gill Sans MT', 'Gill Sans', Arial; text-decoration: none; padding: 12px 18px; font-weight: 600; text-decoration: none; display: inline-block; margin: 0 5px 5px 0; }
a.button:hover { background: #F47B20; transition: 500ms; }

h1 { font-size: 42px; line-height: 44px; font-family: 'Gill Sans MT', 'Gill Sans', Arial; font-weight: 600; text-transform: uppercase; }
h2 { font-size: 36px; line-height: 40px; font-family: 'Gill Sans MT', 'Gill Sans', Arial; font-weight: 400; }
h3 { font-size: 24px; line-height: 26px; font-family: 'Gill Sans MT', 'Gill Sans', Arial; font-weight: 600; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 1px solid #E6E6E6 !important; }

.clear { clear: both; }

@media screen and (max-width: 440px) { 
    h1 { font-size: 34px; line-height: 40px; }
    h2 { font-size: 30px; line-height: 36px; }
}
@media screen and (max-width: 360px) { 
    body { font-size: 16px; line-height: 26px; }
}

.listFilter input[type="text"] { border: 1px solid #E6E6E6; width: 100%; padding: 8px 5px; font-size: 18px; font-family: 'Mulish', sans-serif; margin: 0 0 20px; }
.listFilter { margin-bottom: 1em; }

.electionContainer { width: calc(100% - 40px); max-width: 800px; margin: 20px auto; }
.electionContainer h1, .electionContainer h2 { text-align: center; }

.race { padding: 10px; margin: 0 0 20px; }
.race:nth-child(odd) { background: #E6E6E6; }
.race h2 { margin: 0 0 10px; }
.candidate { padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px solid #F79759; }
.candidate { display: flex; flex-wrap: wrap; width: 100%; }
.candidateName { width: calc(100% - 100px); }
.candidateVotes { width: 100px; font-weight: 700; text-align: right; }
.candidateVoteGraph { height: 20px; background: #666666; }
.candidateVoteGraphWinner { height: 20px; background: #22586F; }
.candidate:last-child { padding: 0; margin: 0; border-bottom: none; }

#SearchRaces { width: 100%; font-size: 18px; font-family: 'Mulish', sans-serif; padding: 6px 11px; border: 1px solid #E6E6E6; margin-bottom: 20px; }