/*
Company:	
File:		main.css - This contains all the main styles for the website.
Docs:		File is based on html5boilerplate and YUI3 Fonts CSS.
			Learn more:
			http://html5boilerplate.com/docs/css/
			http://yuilibrary.com/yui/docs/cssfonts/

All the styles are separated into the following groups:
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Media Queries - media queries
Non-Semantic Helper Classes - helper styles
Print Styles - default print styles
*/

/* @group HTML, Body */
html {
	background-color: #fff;
}
body {
	
}
/* @end */

/* @group Layout */
.interior-width {
	width: 970px;
	margin: 0 auto;
}

/* Head */

/* Logo */
div.logo {
	width: 111px;
	float: left;
	margin: 0 35px 0 0;
}

/* Head Bar */
div.hd-bar {
	background: #012a6b url(../images/bg-hd-bar.jpg) bottom left repeat-x;
}

div.hd-bar div.interior-width {
	padding: 0 18px 0 28px;
	width: 924px;
}

/* Head Utility */
div.hd-util {
	float: right;
	padding: 21px 0 0 0;
}

/* Head Social */
div.hd-social {
	float: right;
	margin: 0 0 0 12px;
	padding: 8px 0 0 0;
}

/* Head Donate */
div.hd-donate {
	float: right;
}

div.hd-donate a:link,
div.hd-donate a:visited {
	background-color: #ed1c24;
	color: #FFF;
	display: block;
	padding: 7px 18px;
	font-size: 182%;
	line-height: 1em;
	text-decoration: none;
}

div.hd-donate a:hover {
	background-color: #990009;
}

/* Social Nav */
div.social-nav ul {
	margin: 0;
	padding: 0;
}

div.social-nav ul li {
	list-style: none;
	float: left;
	padding: 0 7px 0 0;
}

div.social-nav ul li.last {
	padding: 0;
}

/* Body */

/* Home Banner */
div.home-banner {
	background: #7ba8d9 url(../images/bg-home-banner2.jpg) top center no-repeat;
	background-size: cover;
	min-width: 970px;
	height: 1%;
}

div.home-banner div.interior-width {
	padding: 34px 0 0 0;
	position: relative;
	min-height: 309px;
}

div.home-banner h2 {
	text-indent: -9999px;
	width: 259px;
	height: 133px;
	background: url(../images/bg-john-bolton-pac2.png) top left no-repeat;
	margin: 0 auto 20px auto;
	text-align: left;
}

div.home-banner h3 {
	color: #01327f;
	font-size: 255%;
	margin: 0 0 8px 0;
	line-height: 1em;
}

/* Email Form */
div.email-form input[type="email"],
div.email-form input[type="text"] {
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #150f68;
	padding: 0 0 0 13px;
	height: 32px;
	margin: 0 2px 8px 0;
	font-size: 108%;
}

html.lt-ie9 div.email-form input[type="email"],
html.lt-ie9 div.email-form input[type="text"] {
	line-height: 32px;
}

.email-field {
	width: 158px;
}

html.lt-ie8 .email-field {
	width: 145px;
}

.zip-field {
	width: 75px;
}

html.lt-ie8 .zip-field {
	width: 62px;
}

div.email-form form {
	margin: 0 0 9px 0;
	padding: 0;
}

div.email-form input[type="submit"] {
	background-image: none;
	background-color: transparent;
	text-shadow: none;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 32px;
	width: 116px;
	color: #FFFFFF;
	font-size: 123.1%;
}

/* Banner Photo */
div.banner-photo {
	position: absolute;
	bottom: 0;
	left: -105px;
	z-index: 100;
}

div.banner-photo img {
	display: block;
}

/* Banner Content */
div.banner-content {
	padding: 0 100px 0 500px;
	text-align: center;
	position: relative;
	z-index: 105;
}

/* Page Container */
div.page-container {
	background: #d6deea url(../images/bg-page-container-top.gif) top left repeat-x;
}

div.page-container div.interior-width {
	background-color: #FFF;
	padding: 15px 0 0 0;
}

div.page-container img {
	max-width: 100%;
	height: auto;
}

/* Page Container Standard Template */
div.page-container-standard-template {
	color: #01327f;
}

div.page-container-standard-template div.interior-width {
	padding: 6px 6px 1px 6px;
	width: 958px;
}

div.page-container-standard-template div.inner {
	background: url(../images/bg-gradient.jpg) top left repeat-x;
	padding: 26px 48px 75px 48px;
}

div.inner a:link,
div.inner a:visited
div.inner a:active {
	font-weight: bold;
	text-decoration: none !important;
}

div.inner a:hover {
	text-decoration:  none !important; font-weight: bold; color:#3968af;
}



/* Top Split */
div.top-split {
	padding: 0 13px 40px 14px;
}

/* Two Col Container */
div.two-col-container {
	padding: 0 13px 0 28px;
}

/* Banner Slideshow */
div.banner-slideshow {
	width: 641px;
	margin-left: auto;
	margin-right: auto;
}

div.banner-slideshow div.slide {
	width: 100%;
}

div.banner-slideshow div.slide-inner {
	text-align: center;
	padding: 12px 75px 0 75px;
	min-height: 89px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.banner-slideshow h3 {
	color: #FFF;
	font-weight: normal;
	font-size: 277%;
	line-height: 1em;
	margin: 0 0 2px 0;
}

div.banner-slideshow h3 a:link,
div.banner-slideshow h3 a:visited {
	color: #FFF;
	text-decoration: none;
}

div.banner-slideshow p {
	color: #021a3f;
	font-size: 93%;
	font-weight: bold;
	margin: 0;
}

div.banner-slideshow p a:link,
div.banner-slideshow p a:visited {
	color: #021a3f;
	text-decoration: none;
}

.slide-prev {
	width: 18px;
	height: 30px;
	background: url(../images/slideshow-prev.png) top left no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 36px;
	left: 7px;
	cursor: pointer;
	z-index: 300;
}

.slide-next {
	width: 18px;
	height: 30px;
	background: url(../images/slideshow-next.png) top left no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 36px;
	right: 7px;
	cursor: pointer;
	z-index: 301;
}

/* About John */
div.about-john {
	width: 291px;
	float: right;
	background: #022b7d url(../images/bg-about-john.jpg) top left no-repeat;
}

div.about-john a:link,
div.about-john a:visited {
	display: block;
	padding: 11px 0 0 128px;
	color: #FFF;
	min-height: 90px;
	text-decoration: none;
}

div.about-john .first-word {
	display: block;
	font-size: 167%;
	line-height: 1em;
	padding: 0 0 0 7px;
	position: relative;
	top: 2px;
}

div.about-john .second-word {
	display: block;
	font-size: 322%;
	line-height: 1em;
}

div.about-john .read-more {
	display: inline-block;
	border: 1px solid #FFF;
	padding: 4px;
	font-size: 93%;
	line-height: 1em;
}

/* Main Column */
div.main-col {
	width: 613px;
	float: left;
}

/* Side Column */
div.side-col {
	width: 292px;
	float: right;
	padding: 0 0 1px 0;
}

/* Box A */
div.box-a {
	color: #021a3f;
	background-color: #d6deea;
	margin: 0 0 22px 0;
}

div.box-a div.box-image {
	width: 95px;
	float: left;
}

div.box-a h3 {
	background-color: #021a3f;
	color: #FFF;
	padding: 9px 0;
	font-size: 108%;
}

div.box-a h4 {
	font-size: 167%;
	margin: 0 0 2px 0;
	line-height: 1em;
}

div.box-a p {
	font-size: 93%;
	margin: 0;
}

div.box-a div.box-text {
	text-align: center;
}

/* Side FB Module */
div.side-fb-like-module {
	margin: 0 0 15px 0;
}

/* Side Twitter Module */
div.side-twitter-module {
	margin: 0 0 20px 0;
}

/* Box B */
div.box-b a:link,
div.box-b a:visited {
	background-color: #d6deea;
	display: block;
	padding: 3px;
	text-decoration: none;
	color: #01327f;
	margin-bottom:20px;
}

div.box-b .link-inner {
	display: block;
	border: 1px solid #154289;
	padding: 7px 20px 7px 20px;
	text-align: center;
}

div.box-b .first-line {
	display: block;
	border-bottom: 3px solid #01327f;
	font-size: 167%;
	line-height: 1em;
}

div.box-b .second-line {
	display: block;
	line-height: 1em;
	font-size: 260%;
}

div.box-b .click-here {
	display: inline-block;
	padding: 4px;
	border: 1px solid #01327f;
}

/* Post Item */
div.post-item {
	background-color: #dee9ef;
	margin: 0 30px 30px 30px;
	color: #1e1e1e;
	padding: 15px 0 0 0;
}

div.post-item h2 {
	color: #01327f;
	font-weight: bold;
	line-height: 1em;
	font-size: 277%;
	margin: 0 0 2px 0;
}

div#bd p.date {
	font-style: italic;
	color: #01327f;
	font-size: 138.5%;
	margin-bottom: 7px;
}

div.post-item h2 a:link,
div.post-item h2 a:visited {
	color: #01327f;
}

div.post-item h2 a:hover {
	color: #3968af; text-decoration: none;
}



div.post-item p {
	font-size: 123.1%;
	line-height: 1.5em;
}

div.post-item-content {
	padding: 0 17px 2px 17px;
}

div.post-image {
	margin: 0 0 12px 0;
}

/* Post Meta Bar */
div.post-meta-bar {
	background-color: #3a68af;
	padding: 10px 23px 10px 17px;
}

div.post-item-read-more {
	float: right;
}

div.post-item-read-more a:link,
div.post-item-read-more a:visited {
	color: #FFF;
}

div.post-item-social {
	float: left;
}

/* Page Banner */
div.page-banner {
	background: #3681c8 url(../images/bg-interior-banner.jpg) top center no-repeat;
	background-size: cover;
	height: 188px;
}

div.page-banner img {
	position: relative;
	left: -14px;
}

/* Footer */
/* Footer Top */
div.ft-top {
	background: #df0006 url(../images/bg-ft-top.gif) top left repeat-x;
	color: #FFF;
}

div.ft-top div.interior-width {
	padding: 78px 25px 50px 40px;
	width: 905px;
	margin: 0 auto;
}

/* Footer About */
div.ft-main {
	width: 535px;
	float: left;
}

div.ft-main h3 {
	font-size: 138.5%;
}

div.ft-main p {
	font-size: 108%;
	line-height: 1.35em;
}

div.ft-main a:link,
div.ft-main a:visited {
	color: #FFF;
}

/* Paid For By */
p.paid-for-by {
	padding: 6px 8px;
	border: 1px solid #FFFFFF;
	margin: 0;
	font-size: 100% !important;
	float: left;
	text-align:center;
}

#ft-privacy {
	margin-top:10px;
	font-size:12px;
}

a:link.ftprivacy {color:#fff; text-decoration:underline;}
a:active.ftprivacy {color:#fff; text-decoration:underline;}
a:visited.ftprivacy {color:#fff; text-decoration:underline;}
a:hover.ftprivacy {color:#fff; text-decoration:none;}


/* Footer Side */
div.ft-side {
	width: 330px;
	float: right;
	padding: 35px 0 0 0;
}

/* Footer Social */
div.ft-social ul {
	float: right;
}

/* Footer Email */
div.ft-email {
	float: right;
	margin: 0 0 21px 0;
}

div.ft-email input[type="email"],
div.ft-email input[type="text"] {
	width: 217px;
	border: none;
	height: 35px;
	color: #333;
	font-size: 100%;
	padding: 0 0 0 10px;
	float: left;
	margin: 0 8px 0 0;
}

html.lt-ie9 div.ft-email input[type="email"],
html.lt-ie9 div.ft-email input[type="text"] {
	line-height: 35px;
}

html.lt-ie8 div.ft-email input[type="email"],
html.lt-ie8 div.ft-email input[type="text"] {
	width: 207px;
}

div.ft-email input[type="submit"] {
	float: left;
	font-weight: normal;
	text-shadow: none;
	border: 1px solid #FFF;
	background-image: none;
	background-color: #df0006;
	color: #FFF;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 35px;
}

/* Footer Donate */
div.ft-donate {
	font-size: 182%;
	clear: both;
	margin: 0 0 12px 0;
}

div.ft-donate a:link,
div.ft-donate a:visited {
	background-color: #01327f;
	display: block;
	float: right;
	padding: 13px 28px;
	color: #FFF;
	text-decoration: none;
}

div.ft-donate a:hover {
	background-color: #002b6f;
}

/* Footer Bottom */
div.ft-bottom {
	background-color: #990009;
}

div.ft-logo {
	width: 234px;
	margin: 0 auto;
	padding: 25px 0 22px 0;
}

/* @end */

/* @group Common Text Styles */
.hide-desktop {
	display: none;
}

div.page-container-standard-template p {
	font-size: 116%;
	line-height: 1.7em;
	margin: 0 0 1.7em 0;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 40px;
	margin-bottom: 1em;
}

/* @end */

/* @group Default Headings */
div.page-container-standard-template h1,
div.page-container-standard-template h2,
div.page-container-standard-template h3,
div.page-container-standard-template h4,
div.page-container-standard-template h5,
div.page-container-standard-template h6 {
	font-weight: normal;
}

div.page-container-standard-template h1 {font-size: 277%; text-transform: none; font-weight: bold;}
div.page-container-standard-template h2,
body.blog div.page-container-standard-template h1.entry-title,
body.search div.page-container-standard-template h1.entry-title,
body.archive div.page-container-standard-template h1.entry-title {font-size: 230%; text-transform: none;}
div.page-container-standard-template h3 {font-size: 200%;}
div.page-container-standard-template h4 {font-size: 170%;}
div.page-container-standard-template h5 {font-size: 130%;}
div.page-container-standard-template h6 {font-size: 116%;}

/* @end */

/* @group WordPress Styles */
body.archive .hentry,
body.search .hentry,
body.blog .hentry {
	padding-bottom: 24px;
	border-bottom: 1px solid #e6e6e6;
}

/* @end */

/* @group Default Lists */
/* Make default ul and ol styles to match p styles */
div.page-container-standard-template ul,
div.page-container-standard-template ol {
	margin-bottom: 1.7em;
}

div.page-container-standard-template ul li,
div.page-container-standard-template ol li {
	font-size: 116%;
	line-height: 1.7em;
}



/* @end */

/* @group Nav */
div#nav {
	float: left;
}

div#nav ul:before, div#nav ul:after { content: ""; display: table; }
div#nav ul:after { clear: both; }
div#nav ul { *zoom: 1; }

div#nav ul {
	margin: 0;
	padding: 0;
}

div#nav ul li {
	list-style: none;
	float: left;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-size: 1.19em;
}

div#nav ul li.last {
	padding: 0;
}

div#nav ul li a:link,
div#nav ul li a:visited {
	display: block;
	color: #FFF;
	padding: 30px 0;
	text-decoration: none;
}
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #01327F;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
/* @end */

/* @group Media Queries */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
/* @end */

/* @group Non-Semantic Helper Classes */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
/* @end */

/* @group Print Styles */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* @end */

/*Signup Page Styles */

#signuppage-email {
    background-color: #CDCDCD;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 10px 10px 70px;
}

#signuppage-emailleft {
    background-image: url("/wp-content/themes/bolton/images/signuppage-emailicon.gif");
    background-position: center top;
    background-repeat: no-repeat;
    height: 24px;
    margin-top: 4px;
	width: 44px;
	position: absolute;
	left: 15px;
}

#signuppage-emailcenter {
    width: 100%;
}

input.signup-email {
    border: medium none;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}


#signuppage-formrow {
    margin-bottom: 10px;
    width: 100%;
}

#signupform-left {
    float: left;
    width: 49%;
}

input.signup-vol1 {
    border: thin solid #999999;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}

#signupform-right {
    float: right;
    width: 49%;
}

input.signup-vol1short {
    border: thin solid #999999;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}

select.signup-vol1 {
    border: thin solid #999999;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}

select.signup-vol1short {
    border: thin solid #999999;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}

#signupform-rightshort-left {
    float: left;
    margin-right: 10px;
    width: 65%;
}

#signupform-rightshort-right {
    float: right;
    width: 30%;
}

ul.signup_options {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-position: inside;
}

ul.signup_options > li {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 14px;
}

ul.signup_options > li > label {
    margin-left: 5px;
}

/* @end */

input.error, textarea.error, select.error {
    border: 1px solid red;
    background-color: lightpink;
}

label.error {
    width: 0px !important;
    display: none !important;
}

/* Candidates */
div.candidates {

}

div.candidates p {
    color: #373737;
}

div.candidates h2,
div.candidates h3,
div.candidates h4,
div.candidates h4 {
    margin: 1px 0 1px 0;
    padding: 0;
    color: #373737;
}

div.candidates h2 {
    font-weight: bold;
}

div.featuredCandidate {

    width: 100%;
    border: 1px solid lightgray;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 0px 7px lightgray;
    -moz-box-shadow: inset 0px 0px 7px lightgray;
    box-shadow: inset 0px 0px 7px lightgray;
}

div.featuredCandidate div.thumbnail {
    float: left;
    width: 235px;
    vertical-align: top;
}

div.featuredCandidate div.thumbnail img {
    width: 215px;
    height: 240px;
}

div.featuredCandidate div.body {
    vertical-align: top;
}

div.featuredCandidate div.body p {
    line-height: 1.4em;
    margin-bottom: 10px;
}

div.featuredCandidate div.body h3 {
    font-size: 150%;
    margin-bottom: 12px;
}

a.candidate-learn-more-link:link,
a.candidate-learn-more-link:visited,
a.candidate-learn-more-link:hover,
a.candidate-learn-more-link:focus,
a.candidate-learn-more-link:active {
    width: auto !important;
    padding: 0px !important;
    font-size: 100% !important;
    line-height: 1em !important;
    margin: 0px !important;
}

ul.candidate-list {
    color: #373737;
    margin:0px;
    padding: 0px;
    width: 100%;
}

ul.candidate-list h4 {
    font-weight: bold;
}

ul.candidate-list h4 {
    margin-bottom: 2px;
}

ul.candidate-list p {
    line-height: 1.3em !important;
    margin-bottom: 8px;
}

ul.candidate-list li {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
    width: 406px;
    float: left;
    font-size: 0.8em !important;

    overflow: hidden;
    height: 178px;


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid lightgray;
    padding: 10px;
    -webkit-box-shadow: inset 0px 0px 7px lightgray;
    -moz-box-shadow: inset 0px 0px 7px lightgray;
    box-shadow: inset 0px 0px 7px lightgray;
}

ul.candidate-list li:nth-child(even) {
    float: right;
}

ul.candidate-list li:nth-child(1n+3) {
    margin-top: 50px;
}

ul.candidate-list li div.thumbnail {
    float: left;
    width: 145px;
    vertical-align: top;
}

ul.candidate-list li div.thumbnail img {
    width: 140px;
    height: 156px;
}

ul.candidate-list li div.body {
    vertical-align: top;
    float: left;
    width: 233px;
    margin-left: 5px;
}

/* Home page - Side Bar - Endorsement */
div.hp_sb_endorsecandidate {
    width: 291px;
    height: 123px;
    display: block;
    overflow: hidden;
}

div.hp_sb_endorsecandidate > img.hp_sb_endorsecandidate_img {
    width: 110px;
    height: 123px;
    float: left;
}

div.hp_sb_endorsecandidate > div.hp_sb_endorsecandidate_text {
    float: left;
    width: 171px;
    text-align: center;
    padding: 5px;
    color: #03193E;

    font-weight: bold;
    font-size: 1.19em;
}

div.hp_sb_endorsecandidate > div.hp_sb_endorsecandidate_text > hr {
    margin: 4px 0px 4px 0px;
    padding: 0px;
    height: 4px;
    background-color: silver;
}

div.hp_sb_endorsecandidate > div.hp_sb_endorsecandidate_text > p.title {
    font-size: 0.9em;
}

div.hp_sb_endorsecandidate > div.hp_sb_endorsecandidate_text > p.name {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 10px;
}


/* Register to Vote */

/* Mini Form */
#certify_error_message {
    color: Red;
}

/* Full Form */
div.register-to-vote-mail div.row div.col-1 span.label,
div.register-to-vote-mail div.row div.col-2 span.label {
    display: block;
    margin-bottom: 5px;
}

div.register-to-vote div.row,
div.register-to-vote-mail div.row {
    margin-bottom: 5px;
}

div.register-to-vote-mail div.row div.col-1 {
    float: left;
    width: 48%;
}

div.register-to-vote-mail div.row div.col-2 {
    float: right;
    width: 48%;
}

div.register-to-vote div.row input[type="text"],
div.register-to-vote div.row input[type="email"],
div.register-to-vote-mail div.row input[type="text"],
div.register-to-vote-mail div.row input[type="email"],
div.register-to-vote-mail div.row input[type="date"],
div.register-to-vote-mail div.row select {
    border: thin solid #999;
    color: #778084;
    display: block;
    height: 30px;
    padding: 5px;
    width: 100%;
}

/* Home Page Banner */
.home-page-banner-container {
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	box-sizing: border-box;
}

.home-page-banner-container .col-1 {
	width: 49%;
	float: left;
}

.home-page-banner-container .col-2 {
	width: 49%;
	float: right;
}

.home-page-banner-container img {
	width: 100%;
}
/* END - Home Page Banner */

#gform_1 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

#gform_1 .gfield input {
	margin-bottom: 2px;
}

#gform_2 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

#gform_2 .gfield input {
	margin-bottom: 2px;
}
