/* 03/18/2024 1038a */
@font-face {font-family: 'voterroll';src: url('https://voterroll.us/admin/fonts/vr/voterroll.woff2') format('woff2'),url('https://voterroll.us/admin/fonts/vr/voterroll.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'voterrollb';src: url('https://voterroll.us/admin/fonts/vr/voterrollb.woff2') format('woff2'),url('https://voterroll.us/admin/fonts/vr/voterrollb.woff') format('woff');font-weight: normal;font-style: normal;}
/* 0 denotes container */
a {text-decoration:none;}
a:active 	{cursor:pointer;}
a:hover	{cursor:pointer;}
a:visited 	{color:blue;}
a:link	{cursor:pointer;}
body {display:flex;flex-direction:column;min-height:100vh;font-family:arial,helvetica,sans-serif;font-style:normal;font-weight:normal;font-size:1.1em;}
img {max-width:100%;display:block;border:0; } /* ensures img will never exceed screen */
video {width: 100%; height: auto;}
/*input {border:0;margin:0;padding-top:0;padding-right:0;padding-bottom:0;font-family:andii;font-size:1.0em;}
/* page structure */
.p000 {display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;width:98%; margin:0.25em auto 0 auto;}
.p00 	{display:flex; justify-content:space-between; flex-wrap:wrap;width:70%;}

/* header */
.hd0 {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:0.75em; padding: 0.50em 0 0.50em 0.50em; width:100%;borderw;background: rgb(32,114,69);
background: linear-gradient(32deg, rgba(32,114,69,1) 44%, rgba(255,255,204,1) 96%); }
.hd01 {width:40%;color:white;font-family:voterrollb;font-size:1.6em;}
.hd1a {width:25%;color:white;font-family:voterrollb;font-size:1.6em;}
.hd1a1 {width:25%;color:white;font-family:voterrollb;font-size:1.6em;}
.hd1a2 {width:25%;color:white;font-family:voterrollb;font-size:1.6em;}
.hd1a3 {width:25%;color:white;font-family:voterrollb;font-size:1.6em;}
.hd01b {display:none;}
.hd02 {display:flex;flex-direction:row;justify-content:space-between; width:25%; margin-right:1.0em;}
.hd02a0 {display:flex;flex-direction:row;justify-content:space-between; width:70%;}
.hd02a1 {width:48%; font-size:90%; text-align:right; }
.hd02a2 {width:48%; font-size:90%;text-align:right; }
.hd02b {font-size:90%;width:30%;text-align:right;}
a.hm:link {color:black;text-decoration:none;}
a.hm:active {color:black;text-decoration:none;}
a.hm:visited {color:black;text-decoration:none;}
a.hm:hover  {color:blue;text-decoration:none;}
a.hmw:link {color:white;text-decoration:none;}
a.hmw:active {color:white;text-decoration:none;}
a.hmw:visited {color:white;text-decoration:none;}
a.hmw:hover  {color:blue;text-decoration:none;}
.e00 {display:flex;flex-direction:column;width:72%; padding-right:1.0em; border-right: thin lightgrey solid;}
.e1 {display:flex;font-size:105%;}
.e1a {padding:0.35em 0.25em 0.33em; border-radius:0.25em; margin-bottom:1.0em; color:#207245; background:#d8e6b4;  }
.e10 {display:flex;flex-direction:column;;margin-left:2%;}
.x0 {display:flex;justify-content:space-between;margin-top:1.0em;margin-bottom:0.75em;width:100%;background: rgb(32,114,69);
background: linear-gradient(32deg, rgba(32,114,69,1) 44%, rgba(255,255,204,1) 96%);}
.x01 {display:flex;width:20%;color:white;font-family:voterroll;font-size:1.0em;}
.x02 {display:flex;width:58%;color:white;font-family:voterroll;font-size:1.0em;}
.x03 {display:flex;width:18%;color:white;font-family:voterroll;font-size:1.0em;}
.x01a0 {display:flex;flex-direction:row;justify-content:space-between;width:100%;}
.x01a {display:flex;font-size:90%;width:20%;border:thin solid red;}
.x02b {display:flex;font-size:90%;width:58%;border:thin solid red;}
.x03c {display:flex;font-size:90%;width:18%;border:thin solid red;}

/* side navigation */
.d00 {display:flex;flex-direction:column;width:22%;padding-left:0.5em;border-left: thin lightgrey solid;padding-right:0.5em;border-right: thin lightgrey solid;}
.d1 {width:100%;font-size:90%;margin-bottom:1.0em;}
.dh {text-align:center;font-family:voterrollb;margin:1.5em 0 1.0em; padding:0.50em 0; border-top: thin solid lightgrey; border-bottom: thin solid lightgrey;}
.dh2 {display:flex;justify-content:center;font-size:0.85em;width:100%;margin:1.0em 0 0;}
.state {display:flex;width:30%;align-items:center;justify-content:center;margin:0.25em 0;}
.state:hover {background:azure;}

/* hide mobile states */
#states-mobile {display:none;}
#states-desktop {display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}

/* search */
#search {display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:98%;}
.search01 {display:flex;align-items:center;width:74%;padding-left:0.25em;color:grey;border:thin solid grey;
height:1.8em;border-bottom-left-radius:0.3em;border-top-left-radius:0.3em;}
.search02 {display:flex;justify-content:center;width:18%;align-items:center;border:thin solid grey;height:1.8em;}

/* classes */
div.p      {display:flex;margin-bottom:1.0em;}
div.pi      {display:flex;font-style: italic; margin-bottom:1.0em;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* mobile */
@media only screen and (min-width:100px) and (max-width:750px) and (orientation: portrait)
{body {background:lightyellow;}
.d1 {font-size:104%;}
.hd01a {display:none;}
.hd01b {display:flex;flex-direction:column; }
.hd01b1 {font-size:0.7em; padding:0.10em 0;}
.hd01b2 {font-size:0.7em; padding:0.10em 0;}
.hd01b3 {font-size:0.7em; padding:0.10em 0;}
.hd02 {display:flex;flex-direction: column; font-size:1.0em; width:50%;}
.hd02a0 {display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0 0 0.35em;}
.hd02a1 {width:48%; font-size:90%;}
.hd02a2 {width:48%; font-size:90%;}
.hd02b {width:100%;}
.p000 {width:100%;}
.p00 {width:100%;}
.d00 {width:100%;margin-bottom:1.25em;}
.d1 {width:100%;line-height:1.4em;}
.dh, .dh2 {font-size:110%;}
.e00 {width:100%;}
.x0 {flex-direction:column;width:100%;}
.x01 {width:100%;margin-bottom:0.5em;}
.x02 {width:100%;margin-bottom:0.5em;}
.x03  {width:100%;margin-bottom:0.5em;}
.state {width:30%;border:thin solid red;margin:0.5em 0;}
#states-desktop {display:none;}
#states-mobile {display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;width:100%;}
.state-mo0 {display:flex; flex-direction:column; width:20%;}
.state-mo1 {display:flex; justify-content:center; align-items: center; font-size:1.2em; width:96%; padding:0.125em 0;}
.state-mo2 {display:flex; justify-content:center; align-items: center; font-size:1.2em; width:96%; padding:0.125em 0;}
.drop {display:inline-block; width:100%;}
button.dropbutt {display:flex; flex-direction:column; width:100%; background: azure; cursor:pointer;padding:0;border-radius:0.5em;}
.drop-links {display: none;position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; width:15%; 
text-align: center;margin-left:0.50em; background: #bcd4c7;}
.drop-links a {color: black; padding: 0.25em; text-decoration: none;display: block; }
.drop-links a:hover {background-color: azure;}
.drop:hover .drop-links {display: block;}
.dropbutt {background-color:lightgreen;}
.x01a0 {flex-direction:column; }
.x01a, .x02b, .x03c {width:100%;margin:0.5em 0;}}

@media only screen and (min-width:100px) and (max-width:750px) and (orientation:landscape)
{body {background:lightblue;}
.p000,.p00,.e00 {width:100%;}
.hd01 {width:45%;}
.hd02 {width:40%;}
.hd01a {width:100%; }
.hd01b {display:none;}
.d00 {width:100%;margin-bottom:1.25em;}
.d1 {width:100%;line-height:1.4em;margin-bottom:0;}
.dh, .dh2 {font-size:110%;}
#states-desktop {display:none;}
#states-mobile {display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;width:100%;}
.state-mo0 {display:flex; flex-direction:column; width:20%;}
.state-mo1 {display:flex; justify-content:center; align-items: center; font-size:1.2em; width:96%; padding:0.125em 0;}
.state-mo2 {display:flex; justify-content:center; align-items: center; font-size:1.2em; width:96%; padding:0.125em 0;}
.drop {display:inline-block; width:100%;}
button.dropbutt {display:flex; flex-direction:column; width:100%; background: azure; cursor:pointer;padding:0;border-radius:0.5em;}
.drop-links {display: none;position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; width:15%; 
text-align: center;margin-left:0.50em; background: #bcd4c7;}
.drop-links a {color: black; padding: 0.25em; text-decoration: none;display: block; }
.drop-links a:hover {background-color: azure;}
.drop:hover .drop-links {display: block;}
.dropbutt {background-color:lightgreen;}
.x0 {flex-direction:column;width:100%;}
.x01 {width:100%;margin-bottom:0.5em;}
.x02 {width:100%;margin-bottom:0.5em;}
.x03  {width:100%;margin-bottom:0.5em;}}

/* tablet */
@media only screen and (min-width:751px) and (max-width:1040px) and (orientation:portrait)
{body {background:lightpink;}
.p000,.p00 {width:100%;}
.hd01b {display:none;}
.hd02 {width:40%;}
.d00 {width:28%;}
.e00 {width:66%;}
.x01 {width:28%;}
.x02 {width:37%;}
.x03 {width:28%;}}

@media only screen and (min-width:751px) and (max-width:1040px) and (orientation:landscape)
{body {background:violet;}
.p000,.p00 {width:100%;}
.hd01b {display:none;}
.hd02 {font-size:1.2em; width:45%;}
.d00 {width:28%;}
.e00 {width:62%;}}