* { box-sizing: border-box; }
body { width: 100%; height: 100%;  margin:0; padding:0; background-color:#fff; text-align:center; overflow: visible;}


/* Responsive Layout */

/* ::::: 2-block + 1 setup ::::::: */
#block-main, #column-main, #column-full, #column-sidebar,
#block-main.volunteer, 
#block-main.events-calendar 
{width: 100%; float: none; height: auto; margin:0; scroll: auto;}

section#candidates .pinstyle {
width: 100%; min-width: 250px; height: auto; min-height: 300px; 
margin-right: 0; margin-top: 10px; float: none;}

#column-full section#candidates .pinstyle {
width: 100%; margin-right: 0%; float: none;
}

/* Grid added 2024 */
.grid-2up {
float: none; 
width: 100%; height: auto;
}

/* Merch page added 2024 */
section.block.merch {
height: auto; width: 100%; margin-bottom: 10px;padding: 0 10px 10px 10px;overflow: visible;
}

/* :::::::: EVENTS 
BLOCKS:GENERAL
2021 08 changes to .container-block
Event is inside .container-block
Image is inside .container-image   :::::::::::: */


/* PINK Virginia */
.pinkVA div.event-daily {
position: relative; float:none;
width: 100%; margin-right: 0%; margin-bottom: 10px;
height: 380px;
text-align: center;
padding-bottom: 5px; 
background-color: white;
border:solid 4px white; 
border-radius: 20px;
overflow:hidden;
}
.pinkVA div.event-daily img { width: auto; height: 180px; margin-left: 0; height: auto; }
#pinkVA .block3 {width: 100%; float:none;}
/* PINK Virginia on homepage */
#votewhy h3 {font: bold 18px Roboto, sans-serif ; }


/* EVENTS generated by database */

.container-block { 
float: none;
position: relative;
margin-top: 10px; margin-bottom: 20px; margin-right:0; margin-left:0; padding: 10px 0; 
width: 100%; height: auto; 
text-align:center;
padding: 0px;
}

/* Goes over small boxes */
.container-block .ctaribbon {
z-index: 200;
position: absolute; top: -25px; left: 0px;
border-radius: 2px;
border: none 1px white;
display: none;
padding:1px 1px;
font-size: 10px;
}

.container-block .labellittle {
z-index: 200;
position: absolute; top: -25px; right: 0px;
border-radius: 2px;
border: none 1px white;
display: none;
padding:1px 1px;
font-size: 10px;
}

/* Goes over small boxes 

.labellittle {
position: absolute; top:-20px; left:-8px;
width: 120px;
border-top-left-radius: 5px; border-top-right-radius: 5px;
display: inline;
padding:2px 4px;
font-size: 12px;
text-transform: uppercase;
}
*/

div.container-image img { 
width: 100%;  height: auto;
}
div.container-image {
position:relative;
display: block;
background-color:white;
height: auto;
width: auto;
vertical-align: middle;
}
/*.container-block img { 
position:absolute; left:0; 
text-align: center;
width: 100%;
} */

/* :::::::::::::::: Columns / blocks ::::::::::::::  */
#column-main, #column-sidebar,  #column-sidebar.issues, 
#column-main.advocacy, #column-sidebar.advocacy, 
#column-main.issues, #column-sidebar.issues, 
#column-main.coalition-about, #column-sidebar.coalition-about,
#column-main.info-legislature, #column-sidebar.info-legislature, .block2 { 
float: none; clear:both;
position: relative; top: 0; 
width: 100% ;
height: auto;
border: none 1px gray;
padding: 0 10px; margin-bottom: 50px; 
z-index: 1; 
}







/* :::::::::::::::: PowerLunch Buttons ::::::::::::::  */
#column-main.FPL a:link.button.FPL,
#column-main.FPL a:active.button.FPL,  
#column-main.FPL a:visited.button.FPL,
#column-main.FPL a:hover.button.FPL {
width: 100%;
border-radius: 10px; 
padding: 10px;
background-color: #9a3ce1;
font-size: 14px;
margin:0 10px;
display: block; 
}


/* :::::::::::::::: Buttons ::::::::::::::  */

a.button {font-size: 11px; padding: 3px; }


a.button-2up:link, a.button-2up:visited, a.button-2up:active {
width: 100%; padding: 14px; font-size: 12px;}

a.button-2up:link h2 {font-size: 20px }

a.button-3up:link, a.button-3up:visited, a.button-3up:active {
width: 100%; 
padding: 10px; 
font-size: 11px;
}
a.button-3up:hover { opacity: .8;}

a.button-3up:link h2 {font-size: 12px}

/* ::::: 4 up :::: */
a.button-4up:link, a.button-4up:visited, a.button-4up:active {

vertical-align: middle;
padding: 5px 2px 5px 3px; 
border: solid 3px #fff; border-radius: 12px;
font-size: 11px; color: #fff;
line-height: 1.4;
}
a.button-4up:hover { opacity: .8;}

a.button-4up:link h2 {font-size: 12px; font-weight: bold; color: white }

a.button-4up:link, a.button-4up:visited, a.button-4up:active, a.button-4up:hover {
float: left; 
width: 48%; height: auto; 
margin:0; margin-right: 2px;
}

/* ::::: 5 up :::: */
a.button-5up:link, a.button-5up:visited, a.button-5up:active {
float: left; 
width: 18%; height: auto; 
margin:0; margin-left: 2px;
vertical-align: middle;
padding:  5px  0 ; 
border: solid 3px #fff; border-radius: 12px;
font-size: 11px; color: #fff;
line-height: 1.4;
}
a.button-5up:hover { opacity: .6;}

a.button-5up:link h2 {font-size: 12px; font-weight: bold; color: white }




/* :::PAGE SPECIFIC  */

/* :::::::::::::::: VOTE123 PAGE::::::::::::::  */
body.vote123 { margin:0 10px; padding:0; background-color:#fff; text-align:center; }
.block2-left {width: 100%;  margin-right: 0; float:none; height:auto}
.block2-right {width: 100%; float:none; }


/* :::::::::::::::: VOTE! PAGE::::::::::::::  */
body.vote { margin:0; padding:0; background-color:#fff; text-align:center; }

#container { position: relative; width: 100%; font-size: 14px; margin:0; padding:0 2%; z-index: 1;}

.quote {text-align:left; margin: 0}

img {z-index: 1 }

/* ::::::::::::::: Hiders /Changers   :::::::::::: */

.hide-phone-pad {display:none}
.hide-phone {display:none}
.hide-screen {display:initial}
.hide-screen-pad { display: initial }
.phone100 {width: 100%; float: none; clear:both; margin:0; }

.ribbon-vote {display:none}


/* ::::::::::::::::::::::: jQuery STYLES ::::::::::::::::::::::: */
/* Main menu */
.detail { display: none; }
.click-on { text-transform: uppercase;}
.detail.dropdownmenu {display: none}

/* Phone menu settings below */


/* ::::::::::::::: HEADINGS    :::::::::::: */

/* VOTE EARLY page */

.block3 {
float: none; 
width: 100%; height: auto;
padding: 10px;
margin-right: 0; margin-bottom: 20px; 
text-align: center; 
 
border: solid 1px gray;
border-radius: 10px;
}



h1.title {font-size: 20px;}

h1 {color: #2b52AF; margin:0;padding:0; font-size: 30px; line-height: 1.1; float: none; clear:both;}

h2 {color: #000; margin:0;padding:0; font-size: 20px; font-weight: 100; line-height: 1.2; }

h2.primary {font: bold 30px Roboto, sans-serif; color: white; }

h3  /* Subhead blue */
{color: var(--lightblue); margin:0; padding: 8px 0 0 0 ; font-size: 16px; font-weight: 600; line-height: 1.2}

h4 /* Subhead grey */
{color: #99ccff; margin:0;padding-top: 20px; font-size: 14px; font-weight: 600;} 

/* ::::::::::::::: SHAPES :::::::::::: */
.circle {
padding: 10px 8px 8px 8px;
border:solid 2px #d60f3f;
	width: 60px;
	height: 60px;
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-bottom: 20px;
}


.circle h3 {font-size: 14px }


/* ::::::::::::::: BANNER ::::::::::::: */

#banner {
position: relative; top: 5px; left:0;
float: left; display: inline;
width:100%; height: 50px;
text-align:left; vertical-align: top;
margin: 0; margin-left: 20px;
padding:0; margin-bottom: 20px;
z-index: 700;
border:none;
}


#banner .logo-VGR {width: 70%}


#banner .tagline {position: relative; left: 0px; top:-5px; line-height: 1; font: normal 14px Helvetica, Roboto,Arial, Sans-serif; letter-spacing: .0em; color: #2b52af; margin-bottom:0; padding-bottom: 0; }


/* ::::::::::::::::::::::: Pan area   :::::::::::: */

#pan {
position: relative; top:0;
overflow:visible;
height: 350px; 
background-color: #333388;
z-index:1;
}

#pan img { 
height:300px;  height: auto; opacity: 1; position: relative; top:0; left:0;z-index:1;
}

.pan-groups {padding: 10px 0 }

#pan-text {
position: absolute; top: 0px; left:0; 
width:100%; height: auto; 
padding: 2px 20px;
text-align: center; 
line-height: 1.2;
z-index:2;
}

#pan-text h1 {
font:normal 30px 'Zilla Slab', helvetica; 
color: #fff;
line-height: 1;
}

#pan-text h2 {
display:block;
font:normal 24px 'Zilla Slab', helvetica; 
color: #fff; 
line-height: 1;
}

#pan-text  p {
font:normal 18px  helvetica, arial; 
color: #fff; }

#pan-text a.button:link, #pan-text a.button:visited  {
background-color:#ee7744; padding: 5px 10px; float:none; width: auto; 
margin: 0 1%
}

#pan-text a.button:active, #pan-text a.button:hover {
background-color:#6495ed; 
}

/* :::::::::::: NAVIGATION 
Currently screen nav not on the phone version 
See Nav2 below
::::::::::::: */

#phonenav.shownav {
position: absolute; right: 0px; top:0px;
text-align: left; 
width:100%; height:auto;
clear:both;
	background-color: transparent; 
	margin: 0 0 0 10% ; padding:0 20px;
	border: none 2px black;
z-index: 700;
}


#phonenav .hamburger {
position: relative; right: 0px; top: 0px;
font-size: 30px; 
float: right; 
margin-top: 0px; margin-right: 5px;

}


#phonenav .detailn {
display: none;
position: absolute; right:0px; top: 0px;
padding: 0 0 50px 50px;
background-color:#5495e5;
width: 80%; height: auto; 
}


#phonenav .shownav  h3 {
text-transform: uppercase;
font-size: 12px; 
font-weight: normal; 
color: black; 
letter-spacing: .15em;
}


#phonenav .dropdownmenu2 {
position: relative; top: 0px; 
text-align:left;
width: auto;
	background-color: transparent; 
	padding: 0 ;
	text-transform: none; 
	text-align: left;
	line-height: 1.8; 
	font-size: 16px; 
	color: #fff;
}



/* :::::: BLOCKS :::::: */

.block3, .block2, block4 {
width: 100%;
margin-left:0; margin-right:0;
}

/* ::::::::::::::: Homepage w bands   :::::::::::: */
#container.homepage {width: 100%; }





/* ::::::::::::: EVENTS: Homepage :::::: */

#container.homepage .container-blocks 
 { margin-top: 10px; padding: 10px 0; 
width: 100%; height: auto; }

#container.homepage .block2 {
float: none; 
width: 100%; 
padding: 0 5%;
text-align: left }

.block2 img { width: 100%; }

/* meta header */
#container.homepage .block2 h4 {
text-transform: uppercase; letter-spacing: .1em; text-align: left;
}

#container.homepage .block2 h2 { }
/* time and date */
#container.homepage .block2 h3 { font-weight: normal }



.block4 {
float:none; 
width: 90%; margin: 5%;
}

img.resize {width: 100%;} 



/* ::::::::::::: EVENTS / Calls to Action :::::::::::::; */


/* :::::::::: TITLES :::::::: */
#titles-volunteer {

float: none; 
margin-top:0;  
width: 90%; margin-right: 0;
height: auto;
line-height: 1.2; 
}

/* :::::::::: POSTERS  :::::::: */
#posters-volunteer {
float: none; 
margin-top:0;  
width: 100%; margin-right: 0;
}



/* :::::::::: NAVIGATION  :::::::: */
#nav-volunteer {
position: relative; top: 0px;
float: none; 
margin-top:0;  
width: 100%; 
background-color: #fff;
padding: 10px; 
border-radius: 10px; }




/* :::::::::: COLUMNS  :::::::: */

#column-center {text-align: center; width: 100%; margin-left:0; padding: 10px; }


#column-full.events .container-block {
width: 100%; 
float: none;
font: normal 12px arial, helvetica, san-serif;
line-height: 1.2;
}

#column-full.cta .button { 
display: block; width: 100%; 
font-size:14px; 
border-radius: 14px; padding: 3px 0; 
color: #fff;
margin-top: -5px; margin-bottom: 5px;
}

#column-full.cta  .container-blocks  h1 { 
font:bold 16px 'Roboto Condensed', sans-serif;
}


#nav-volunteer {
display:block;
float: none; 
margin-top:0;  
width: 100%; 
background-color: #fff;
padding: 10px;
margin-top:20px;   
border-radius: 10px;}

#titles-volunteer {
display:block;
float: left; 
margin-top:10px;  
width: 100%; margin-right: 0;
height: auto;}

/* extra text on CALL TO ACTION */
#column-full.cta  .opensesame {position: relative}
#column-full.cta  .detail {
position: absolute; bottom:-20px;
width: 100%; 
background-color: white; padding:20px; 
z-index: 800
}

#container.CTApage .container-block { 
width: 100%;
margin-bottom: 20px;
min-height: 220px; 
}


/* ::::::::::::::: VOTING SEASON CALLS TO ACTION  :::::::::::: */



#column-full.cta2 {margin: 0; padding:0;}
#column-full.cta2 img.title-logo  {width: 30% }
#column-full.cta2 h1 { font: bold 40px 'Zilla Slab', helvetica, sans-serif; line-height:1}
#column-full.cta2 h2 { font: bold 30px 'Zilla Slab', helvetica, sans-serif}


#column-full.cta2 .container-blocks {
width: 100%; 
float: none;
padding: 8px;
min-height: 200px;
font: normal 12px arial, helvetica, san-serif;
line-height: 1.2;
}


/* ::::::::::::::: 2-block setup on Computer; 1 block on phone  :::::::::::: */
.block2-40 { float: left; width: 100%; margin-right: 0; padding: 10px}
.block2-60 { float: left; width: 100%; margin-right: 0; padding: 10px}


#container.coalition #block-main {float:left; width: 100%; margin-left:0; text-align: left }
#container.coalition #block-sidebar {float:left; width: 100%; margin-left: 0%; text-align: left }



/* :::: ELECTIONS :::: */


/* :::: POWER PACKS :::: */

#column-main-PP {float: none; width: 100%; margin: 0; border:solid 3px #ddd; border-radius: 12px; }
#column-sidebar-PP {float: none; width: 100%; padding-left: 10px; margin: 0;}
#column-sidebar-PP h3 {font-size: 14px; }


.pinstyle-PP {
position: relative;
float: left;
width: 48%; height: 300px; min-width: 150px; 
margin:0; margin-right: 1%; margin-bottom: 10px;
}


/* ::::: POSTCARDS FOR VA :::: */

.pinstyle-p4va {
float: left;
width: 44%;  margin:0;  margin-right: 5px;   margin-bottom: 10px;
height: 270px;
border:solid 6px black; 
 }

.county-header H1 {font-size: 20px;}


/* : Pinstyle : */

section#candidates .pinstyle {
position: relative;
float: left;
/*width: 200px; height: 280px;*/
width: 48%; height: 200px;  
margin-right: 1%; margin-bottom: 10px;
padding: 5px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
color: #fff; 
z-index: 50;
}


/* ::: Pinstyle ::: 
section#candidates .pinstyle {
position: relative;
float: none;
width: 90%; max-width: 400px; height: auto;  
margin: 1% 3%; margin-bottom: 10px;
padding: 5px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
color: #fff; 
z-index: 50;
} */


/* : ELECTION BANNER:: */
#banner-election { 
	position: relative;
	height: 100px; 
	text-align: left; 
	padding: 10px 30px;  
	
	 }

.banner-election-title {
position: relative; 
float:left; width: 100%; }

.banner-election-menu {
float: none;  clear: both;  width: 100%; 
position: relative; top: 10px;
font-size: 14px;
margin-left: 24px; 
vertical-align: top; 
border: none;  line-height: 1.4;
}

#banner-election h1 { margin-left: 0; display: inline; line-height: 1; font: 600 28px 'zilla slab', sans-serif}
#banner-election h2 {font-size: 22px; margin-left: 0; display: inline; line-height: 1.2;   }

#banner-election h4 {display: none; font-size: 22px; margin-top:0;margin-left: 20px;}


/* ::::::  MAP ::::::  */
#map .map-title { float:left; position: absolute; top: -20px; left: 0; width: 60%; z-index:120 }
#map.map-title h1 { font-size: 20px }
#map.map-title h3 { font-size: 14px }





/* :::::: ELECTIONS: Candidate of the Week :::: */

.block-COTW, .block-COTW-3 {
clear:both;
float: none; 
width: 100%; height: auto;
margin-right: 0; margin-left:0;
}



/* PINSTYLE Women's Summit */

.pinstyle.WS {
position: relative;
float:left; 
width: 100%; 
min-height: 250px; height: auto;
margin-right: 1%;
border: solid 1px #ccc;
color:#888;
}
.pinstyle.WS img {width: 95%;}
.pinstyle.WS {padding: 5px; text-align: center; font-size: 12px}
.pinstyle.WS h3 {font: bold 14px Robato, helvetica, arial; color:black;}
.pinstyle.WS b {font: bold 12px helvetica, arial; color:#555;}


/* :::: Info box ::::: */

.infobox-electiondates {
position: relative; top: 10px; left: 5%;
background-color: #88bbee; color: #fff;  
width: 90%; border:none 1px black; padding: 10px;
margin-bottom: 20px ;
}



.banner-election-menu a.r { color: black; }


/* ::::::::::::: 2-block setup :::::::::::::::: 
#block-main { 
position:relative; top:5px;
clear: both;
float:none; 
width: 100%; 
margin:0; padding:0;
text-align:left;
font: normal 14px helvetica, arial, sans-serif; 
z-index: 1;
}

*/

#block-full { 
width: 100%; 
padding:0 5%;
z-index: 1;
}

#container.fundraising .pinstyle {
width: 100%; max-width: 450px; height: 325px;  
}

#block-main ul li {margin-left:20px; font-size:14px; line-height: 1.5}


#block-sidebar { 
position:relative; top:20px;
float:none; clear:both;
width: 100%; height:auto; min-height:500px;
margin: 0; 
padding: 10px 2% 10px 2%;
border:none 3px #c5c071;
border-radius: 0px; -webkit-border-radius: 0px;
}


#block-sidebar h1 { font-weight:normal; margin-top:10px; }

#block-sidebar h2 { 
margin-top: 0 ;
color:#5566d0;
font: 400 30px helvetica, arial, sans-serif;
letter-spacing:0; 
}

#block-sidebar ul li { 
text-align:left;
color:#fff;
font: 200 14px helvetica, arial, sans-serif;
line-height:1.6;
margin-left:0; padding-left:0;
}



/* :::: ORGANIZATION LIST ::::*/

#container.organizations #block-main {float: none; width: 100%}

#container.organizations #block-sidebar {
float:none; width: 100%; text-align: left; margin-left: 0%
}




/* ::::: FORMS ::::: */

form {font-size: 13px }

#container-form {
margin-left: 0; 
max-width: 100% }

#container-form .normal {font-weight: normal; font-size: 11px }
#container-form h3 {margin-left: 0px }

input {margin-bottom: 20px; font-weight: normal; }

input[type=text]{ 
width: 100%;
float: none; 
clear: both;
   }

input[type=select]{ font-weight: normal; }


input[type=submit]{ border: solid 1px #888; border-radius: 8px; padding: 8px;  display: inline; width: 200px; margin-top: 0; font-size: 16px;
   box-sizing: border-box; background-color: #fe9;}

input[type=submit]:active {background-color: #ed8;}

.container-input {width: 100%}
.box-input {width: 100%} 
.box-input .name, .box-input .name-short {width: 100%} 

/* ::::: SEARCH FORMS ::::: */

#container-search { 
position: relative; 
text-align: right;
width: 80%; height: 35px;
padding:0; 
overflow: hidden;
vertical-align: middle;
white-space: nowrap;
margin: 0px 10% 0 10%;
 
border:solid 1px #888; 
border-radius: 20px 0 0 20px; 
font-size: 13px; 
  }

#container-search input[type=text] { 
position: relative;  top:-5px; 
float: left;
height: 100%; width: 80%;  
margin: 0; 
border:none 1px #888; 
vertical-align: top; 
 }
 
 #container-search input[type=text]:hover { border: none; 
 }

#container-search button {
position: relative; top:0; right: 0; 
float: right; 
height: 100%; width: 40px; 
padding: 0; margin: 0; 
background-image: url("images/icon_search.png");
background-repeat: no-repeat;
border: none;
}





/* ::::::::::::::: VOLUNTEER :::::::::::: */

#block-main.volunteer { width: 100%; padding: 0; margin:0}
#block-sidebar.volunteer { width: 100%; padding: 20px; text-align: center; margin:0; }

#block-main.volunteer  h1 {margin: 0 20px }
.pinstyle.vol {width: 31%; height: 145px}



/* ::::: DIRECTORY Listings ::::: */
#directory {
height: auto; min-height: 500px;
padding: 15px;
}
#directory h2 { font-size: 28px  }
#directory .instructions { font-size: 11px  }
#directory .location {display: block; padding-left: 20px; font-size: 14px;} 
#directory .icon-org { width: 50px; height: 50px; float:left;  clear: both; margin-bottom: 4px; margin-top:0;}
#directory h3 { font-size: 16px; display: inline;}
#directory .location { font-weight: normal; font-size: 14px; color: #888 } 
#directory .about {font-weight: normal; font-size: 12px; color: #888 } 
#directory .list-text { margin-left: 0px; font-size: 12px; color: #aa0000; color: #000}
#directory .list-twitter-name { margin-left: 0px; font-size: 12px; color: #cc0000; }


/* :::: ORG DISPLAY ::::: */

#block-main.org {width: 100% }

#orginfo.box-subtle {width: 98%; margin: 1%; }

#orginfo.box-subtle  .org-logo { display: block; float: none; clear:both; text-align: center; width: 80%; padding: 5% 10%;  }


#org-display { position: relative; text-align: center; margin-top: 10px; }

#orginfo .info-basic h1 {font-size: 30px; line-height: 1; width: 100%;}

/*Try to make stylework for both the placeholder and the real logos */
#orginfo.logo {float:none; width: 90%; text-align: center; margin: 0px; height: auto;  font-size:40px;line-height:1; }

#orginfo .info-basic {   }
#orginfo .contact {margin-left: 0px; font-size: 12px   }
#orginfo .contact b {margin-left: 0;  }

#org-display .about {   }


#orginfo .info_year { margin-left: 0  }



/* :::: LOGOS diplayed ::::: */


#block-full.logos {padding: 0 1% 3% 5%}
.logos {width: 140px; height: 150px; float: left; margin-right: 5px; margin-bottom: 5px}


/* :::::::::: Featured content :::::::::: */

.featured {
width: 100%;
font-size: 18px; 
padding: 0; 
}

.featured h1 {font-size: 1.2em}
.featured h2 { }
.featured h3 {font-size: 1em; margin-bottom: 10px }

.featured img { width: 80%; float: none; margin-right: 10%; margin-bottom: 5%; }

.contactus h6 { font-size: 16px }

#block-sidebar.contactus iframe {}

/* ::: social media. This is a absolute block   ::: */
#container-sm {
position: absolute; bottom: 500px; right: -500px;
width: 50px;
display: none;

z-index: 2; 
}

#container-sm img {border: solid 1px #fff }



/* ::::::: Candidate profiles::::::::  */

#col1.profile,  #col2.profile  { 
width: 100%; 
float: none; border: none;  
margin-top: 0; margin-right: 0; margin-left: 0; 
padding: 0 10px 0 10px; 
 }
 
#col1.profile fieldset {border: solid 12px #88bbee }
#col1.profile fieldset legend {font-size: 14px }
#col1.profile img.headshot  { display: block; float: none }
 
#col2.profile  { margin-top: 40px; }
#col2.profile .statistics {font-size: 14px }



#container.list .container-blocks {
background-color: #fff;
width:100%;
clear:both; 
border-top: dotted 3px  #ee7744; 
padding:8px 0;
z-index: 2;
}

.block2-small {
width: 100%;
float: none; 
clear:both;
text-align: left; 
border: none 1px black}

.block2-small img.headshot {
width: 100%; float:right; margin-right: 20px; }

.block2-small .dateblock {
width: 100%;
line-height: 1.3; 
text-align: right; 
float: right; 
margin-right: 15px }

.block2-small .dateblock h3 { 
font-size: 24px; 
text-transform: uppercase;
}

.block2-small.textblock {
float: left;
width: 100%;
font-size: 14px;
text-align: left;  
line-height: 1.2;
margin-top:0; padding-top: 0;
padding-left: 12px;
}

.block2-small.textblock img {
width: 120px;
float: right;
}

.block2-small.textblock h3 {
font-size: 28px;
color: #000;
text-align: left; 
padding-bottom:0; margin-bottom:0; 
}


/* :: ADVOCACY COLUMNS  */

#column-main.advocacy iframe { width: 100%; height: 900px }

#column-sidebar.advocacy { font-size: 12px; }




/* :::::::::::::::: ELECTIONS ::::::::::::::  */

.block-COTW img.iconSmall {
display:none;
}








/* :::::::::::::::: VOTE PAGE::::::::::::::  */

#container.vote {position: relative; width: 100%; text-align: center; padding: 0; margin:0}

#column-full.vote {width: 100%; text-align: center;  margin:0; padding:0; margin-top: -10px;}

#container.vote  .bar {
	width: 100%;
	position: relative;
	text-align: center;
	padding: 16px 20px;
	color: white;
overflow: visible;
z-index: 10;
}


#container.vote h2 { 
	font:600 24px 'Zilla Slab', helvetica, sans-serif;
	}

.voteoption { }


.voteoption .circle { 
border:solid 4px white; 
background-color: #2b52af;
padding: 5px 12px 5px 12px;
font: bold 24px arial, sans-serif;
color: #fff;   
z-index: 3;}


#container.vote  .bar h1 {
font: 600 18px helvetica, arial, sans-serif 
}

#container.vote .bar h4 {
font: 400 14px helvetica, arial, sans-serif ;
color: white;
}

.voteoption h2 {
font: 400 20px helvetica, arial, sans-serif 
}



/* :::::::: VOTE 123 STYLE :::::::: */
.choices123 {margin-left: -50px; }

/* :::::::::::::::: Links ::::::::::::::  */
A.r:link { text-decoration: none; color:#ffffff;}
A.r:active { text-decoration: none; color:#ffffff;  }
A.r:visited { text-decoration: none; color:#ffffff; } 
A.r:hover{ text-decoration: none; color:#ffffff; }


/* ::::: EVENTS ::::: */



h1.title-vol {
color: var(--teal); 
font: 800 20px Montserrat, roboto; 
text-shadow: 1px 1px 3px #113377;
text-transform: uppercase;
}

nav a.button {display: block; font-size: 11px; padding: 1px 8px; margin-bottom: 2px;}


img.tile {  width: 100%; margin-right: 0}


img.phone100  {  width: 100%; margin-right: 0; float: none}