@import url( fonts.css );

body {
	background-color: #efeeea;
	color: #231f20;
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto!important;
}

a {
	color: #c1272c;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #c1272c;
	text-decoration: none;
}

ul {
	padding-left: 20px;
}

hr {
	border: 0;
	border-top: 1px solid #231f20;
	margin: 40px auto;
}

.heading, h1, h2, h3, h4, h5 {
	color: #231f20;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: normal;
	margin: 15px 0;
	text-transform: uppercase;
}

h1,
.heading.one {
	font-size: 220%;
	text-transform: none;
	font-weight: 700;
}

h2,
.heading.two {
	font-size: 180%;
}

h3,
.heading.three {
	font-size: 155%;
	text-transform: none;
}

h4,
.heading.four {
	font-size: 140%;
	text-transform: none;
}

h5,
.heading.five {
	font-size: 120%;
	text-transform: none;
}

.heading a, h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	text-decoration: none;
}

h2 u, h3 u, h4 u {
	border-bottom: 1px solid #edede9;
	display: block;
	text-decoration: none;
}

/*--- MAIN WRAPPER ---*/

.wrapper {
	margin: 0 auto;
	max-width: 1690px;
	padding: 0 30px;
	position: relative;
	text-align: left;
}

/*--- HEADER ---*/

#header {
	background-color: #efeeea;
	position: relative;
	z-index: 999;
	width: 100%;
}

.header-item-container {
	text-align: right;
}

/*--- NAVIGATION ---*/

#logo {
	float: left;
	padding: 15px 0 0;
	width: 300px;
	z-index: 100;
}

#logo img {
	height: auto;
	max-width: 100%;
	width: auto;
}

#header-icons {
	padding: 20px 60px 0 0;
	text-align: right;
}

#header-icons,
.social-icons {
	display: inline-block;
}

#header-icons img {
	padding: 0 3px;
}

#search-container {
	float: left;
	padding-top: 4px;
	display: none;
}

#search-box #searchFor {
	padding: 4px 10px 6px;
	border: 2px solid #a41016;
	width: 200px;
	margin-right: -5px;
	outline: none;
}

#search-icon:hover {
	cursor: pointer;
}

.social-icons-mobile {
	display: none;
}

.social-icons, .social-icons-mobile {
	padding: 0;
	margin: 0;
}

.top-menu-buttons a, .social-icons li, .social-icons-mobile li {
	list-style: none;
	display: inline;
}

#navigation {
	text-align: right;
}

#menu-background {
	background: rgba(51, 51, 51, 1);
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(28, 28, 28, 1) 50%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51, 51, 51, 1)), color-stop(50%, rgba(51, 51, 51, 1)), color-stop(50%, rgba(28, 28, 28, 1)));
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(28, 28, 28, 1) 50%);
	background: -o-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(28, 28, 28, 1) 50%);
	background: -ms-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(28, 28, 28, 1) 50%);
	background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 50%, rgba(28, 28, 28, 1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1c1c1c', GradientType=0);
	height: 50px;
	text-align: center;
}

/* Root = Horizontal, Secondary = Vertical */
ul.menu {
	border: 0px none;
	display: inline-block;
	height: 50px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul.menu li {
	background: none;
	display: block;
	float: left; /*For Gecko*/
	height: 50px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

ul.menu ul {
	background-color: #231f20;
	display: none;
	left: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 210px;
}

ul.menu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font: 1px/0px serif;
	visibility: hidden;
}

ul.menu ul li {
	background-image: none;
	background-color: #272727;
	border: none;
	color: #f7f7f7;
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	height: auto;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
	width: 210px;
}

/* Root Menu */
ul.menu a {
	color: #ffffff;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font-family: 'Transat Text', sans-serif;
	font-size: 95%;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	padding: 0 28px;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul.menu ul a {
	letter-spacing: normal;
	text-transform: none;
}

/* Root Menu Hover Persistence */
ul.menu a:hover,
ul.menu li:hover a,
ul.menu li.iehover a {
	background-color: #a41016;
	text-decoration: none;
}

/* 2nd Menu */
ul.menu li:hover li a,
ul.menu li.iehover li a {
	background-color: #272727;
	color: #FFFFFF;
	float: none;
	height: auto;
	line-height: normal;
	padding: 10px 22px;
	text-decoration: none;
}

/* 2nd Menu Hover Persistence */
ul.menu li:hover li:hover, ul.menu li.iehover li.iehover {
	background-color: #a41016;
}

ul#menu_tabs a:hover,
ul.menu li:hover li a:hover,
ul.menu li:hover li:hover a,
ul.menu li.iehover li a:hover,
ul.menu li.iehover li.iehover a {
	color: #ffffff;
	background-color: #a41016;
}

/* 3rd Menu */
ul.menu li:hover li:hover li a,
ul.menu li.iehover li.iehover li a {
	background-color: #272727;
	color: #fff;
}

/* 3rd Menu Hover Persistence */
ul.menu li:hover li:hover li a:hover,
ul.menu li:hover li:hover li:hover a,
ul.menu li.iehover li.iehover li a:hover,
ul.menu li.iehover li.iehover li.iehover a {
	background-color: #a41016;
	color: #ffffff;
}

/* 4th Menu */
ul.menu li:hover li:hover li:hover li a,
ul.menu li.iehover li.iehover li.iehover li a {
	background-color: #272727;
	color: #fff;
}

/* 4th Menu Hover */
ul.menu li:hover li:hover li:hover li a:hover,
ul.menu li.iehover li.iehover li.iehover li a:hover {
	background-color: #a41016;
	color: #ffffff;
}

ul.menu ul ul,
ul.menu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu li:hover ul ul,
ul.menu li:hover ul ul ul,
ul.menu li.iehover ul ul,
ul.menu li.iehover ul ul ul {
	display: none;
}

ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu li.iehover ul,
ul.menu ul li.iehover ul,
ul.menu ul ul li.iehover ul {
	display: block;
}

ul.menu > li:last-child ul ul,
ul.menu > li:last-child ul ul ul {
	left: -210px;
}

/* tab menu style */

ul#menu_tabs.menu {
	border: 0;
	display: inline-block;
	height: 30px;
	list-style: none;
	margin: 0 60px 0px 0px;
	padding: 0px;
	position: relative;
	vertical-align: bottom;
	z-index: 200;
}

/* Root Menu */
ul#menu_tabs a {
	background-color: #404040;
	color: #E9E8E4;
	font-family: 'ChunkFive', Trebuchet MS, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	letter-spacing: 0;
	line-height: 30px;
	padding-left: 11px;
	padding-right: 11px;
		-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.menu#menu_tabs li {
	background-color: #404040;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: auto;
	line-height: normal;
	margin-left: 1px;
}

ul.menu#menu_tabs ul a {
	border-radius: 0;
	height: auto;
	line-height: normal;
	text-transform: uppercase;
}

ul.menu#menu_tabs ul li {
	border-radius: 0;
}

/*--- CONTENT ---*/


#action_search {
	background-color: #222;
	padding: 5px;
	margin-left: -5px;
	height: 36px;
	vertical-align: top;
}

#articles, #quick-links {
	padding: 30px 0;
}

#articles-mobile, #quick-links {
	padding: 15px;
}

#articles h3,
#articles-mobile h3 {
	font-weight: 700;
}

#articles p,
#articles-mobile p {
	margin-top: 0;
}

#content-container {
	position: relative;
	margin: 0 auto;
}

.embed-container {
	padding: 0 15px;
	position: relative;
}

#content {
	/*background-color: #efeeea;*/
	background-color: #fff;
	min-height: 300px;
	padding: 30px;
}

#content h4 ~ p {
	margin-top: 0!important;
}


/*#content.default ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

#content.default ul li {
	padding: 2px 0;
  padding-left: 1.6em;
  text-indent: -1em;
}

/!* red dot on li elements *!/
#content.default ul li:before {
	font-size: 150%;
  content: "·";
  padding-right: 10px;
  color: #c1272c;
}

#content.default ol > li{
	padding: 6px 0;
}*/

#candidate-links {
	margin-bottom: 20px;
}

#compare-candidates a.btn-grey {
	display: table;
	height: 71px;
}

#compare-candidates a.btn-grey span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

#donate-to-change-lives {
	padding: 0;
	display: none;
}

.donate-to-change-lives {
	padding: 10px 10px 5px 10px;
	text-align: center;
	background-color: #231f20;
	color: #fff;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
}

.donate-to-change-lives h2{
	color: #fff;
	font-family: 'Galatia SIL', serif;
	margin: 10px 0;
}

#find-your-representative {
	background-image: url( '../images/leaf-corner.png' );
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

.formatItemImageWrapper, .collectionImage, .formatThumb a{
	text-align: center;
}

.handout-table-container hr {
	margin: 5px auto;
}

.help-us-evaluate {
	text-align: center;
	background-color: #fff;
	position: relative;
	padding: 25px 0;
}

.help-us-evaluate h4 {
	font-family: 'Galatia SIL', serif;
	margin: 0 0 10px;
	color: #222;
	text-transform: uppercase;
}

.help-us-evaluate .btn-grey {
	width: auto;
	padding: 10px 20px;
}

#home-container {
	background-color: #fff;
	padding: 40px 50px 30px;
}

#quick-links h2,
#quick-links .heading.four {
	font-weight: 700;
	/*font-size: 150%;*/
	text-transform: none;
}

#quick-links p {
	font-weight: 700;
}

/* home right side */

#home-right-container {
	background-color: #f6f5ef;
	padding-bottom: 30px;
	text-align: center;
}

.homepage-content-container {
	padding: 0px 15px 0;
}

#home-left-container .homepage-content-container {
	padding: 0;
	margin-bottom: 30px;
}

#what-can-i-do {
	background: #fff;
	padding-bottom: 0;
}

#what-can-i-do h1 {
	margin: 0 0 30px;
	padding-top: 30px;
}

#what-can-i-do h3 {
	font-size: 125%;
	margin-bottom: 0;
	text-transform: none;
}

#what-can-i-do .icons {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,f6f5ef+51,f6f5ef+100 */
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 35%, #f6f5ef 36%, #f6f5ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 35%,#f6f5ef 36%,#f6f5ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 35%,#f6f5ef 36%,#f6f5ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f5ef',GradientType=0 ); /* IE6-9 */
}

#upcoming-elections h2 {
	font-size: 180%;
	text-transform: uppercase;
	font-family: 'Galatia SIL', serif;
}

#upcoming-elections h3 {
	font-size: 160%;
	margin: 20px 0 0;
	font-weight: 700;
	text-transform: none;
}

#upcoming-elections p {
	margin: 5px 0;
}

#upcoming-elections p > a,
#articles p > a,
#articles-mobile p > a {
	color: #3793da;
	font-size: 120%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

#upcoming-elections p > a:hover,
.latest-articles p > a:hover {
	color: #c1272c;
}

#upcoming-elections-slider{
	margin: 0;
	padding: 0 10px;
}
#upcoming-elections-slider li{
	list-style-type: none;
	padding: 0 0 10px;
}

#upcoming-elections .bx-controls {
	top: 10px;
}

#upcoming-elections .bx-controls-direction {
	width: 100%;
	text-align: center;
}

#upcoming-elections .bx-prev, #upcoming-elections .bx-next {
	background: none;
	position: absolute;
}

#upcoming-elections .bx-prev {
	left: -30px;
}

#upcoming-elections .bx-next {
	right: -30px;
}

#upcoming-elections .bx-wrapper .bx-controls-direction a {
	width: 16px;
	height: 40px;
}

#upcoming-elections .bx-controls {
	right: 0;
}

/*
#home-right-container hr {
	border: 1px solid #c1272c;
	width: 50%;
	margin: 50px auto;
}
*/

#latest-blog {
	margin: 51px 0;
	position: relative;
}

#latest-blog:after,
#latest-blog:before {
	background-color: #c1272c;
	content: "";
	display: block;
	height: 1px;
	left: 25%;
	position: absolute;
	top: -26px;
	width: 50%;
}

#latest-blog:after {
	bottom: -25px;
	top: auto;
}

#latest-blog-mobile h3,
#latest-blog h3 {
	font-size: 160%;
	font-weight: 700;
	text-transform: none;
}

#icons h2, #icons p {
	line-height: 20px;
}

#icons div.caption {
	padding: 20px 0;
}

#pageNav {
	margin: 30px 0;
}

#pageNav a {
	background-color: #efeeea;
	padding: 6px 5px;
	margin: 0 2px;
}

#pageNav span {
	border: 1px solid #efeeea;
	padding: 6px 5px;
	margin: 0 2px;
}

div.page-title {
	padding: 15px 0;
	text-align: center;
}

div.page-title h1 {
	margin: 0;
}

.petition-signature {
	padding: 15px 10px;
	background-color: #efeeea;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.petition-signature:nth-child(even) {
	background-color: #fefefe;
}

.petition-signature-name {
	font-weight: 700;
	display: inline-block;
}

.petition-signature-date {
	display: inline-block;
	padding-left: 15px;
	font-style: italic;
}

.press-room-item-container {
	margin: 25px 0;
}

.press-room-item-container > div{
	margin: 5px 0;
}

.press-room-item-date {
	text-transform: uppercase;
	font-weight: 700;
}

.press-room-item-title {
	text-transform: uppercase;
	font-size: 150%;
}

.rally-sign-pledge-container input[type=text], .contactInfo-content input[type=text], .contactInfo-content select{
  width: 100%;
  margin: 5px 0;
}

.rally-lookup-container input[type=text] {
	padding: 5px;
}

.rally-lookup-container #slideshow-container {
	height: 400px;
	width: 60%;
	margin: 0 auto;
	display: block;
}

ul#rally_slideshow {
	padding: 0;
}

ul#rally_slideshow li:before {
	content: "";
}

ul#rally_slideshow li {
	text-indent: 0;
	width: 100%;
}

ul#rally_slideshow li img {
	width: 100%;
}

.red-box {
	padding: 15px 30px;
	background-color: #c1272c;
	text-align: center;
}

.red-box h3, .red-box h4 {
	font-family: 'Galatia SIL', serif;
	color: #fff;
	padding: 0 10px;
	text-transform: uppercase;
}

.red-box h4 {
	text-transform: none;
}

#search-form {
	text-align: center;
	margin: 0 auto;
}

#searchFor, #searchQuery {
	width: 250px;
	padding: 6px 5px;
	border: 2px solid #222;
	outline: none;
}

.social-button-container {
	float: right;
}

.table {
	width: 100%;
}

.table td.mobile {
	display: none;
}

.table#handout-table tr td:nth-of-type(4) span{
		text-transform: uppercase;
		font-weight: 700;
}

.table#handout-table tr td:nth-of-type(4) span:after{
		text-transform: uppercase;
		font-weight: 700;
}

.table.national-rollout tr td {
		width: 50%;
}

#totalPages {
	text-align: right;
	margin: 5px 0;
}

/* Related Pages menu container*/

#subMenuContainer ul#sub-menu {
	list-style-image: none;
	list-style-type: none;
	margin: 5px 0px 0px;
	padding: 0px;
	text-align: center;
}

#subMenuContainer ul#sub-menu li {
	border: 0px;
	display: inline-block;
	margin: 3px 3px 3px 0px;
	vertical-align: top;
}

#subMenuContainer ul#sub-menu li a {
	background: none;
	background-color: #E9E8E4;
	border: 1px solid #E0DFD9;
	color: #a41016;
	display: block;
	font-size: 10pt;
	padding: 2px 5px;
	margin: 0px;
}

#subMenuContainer ul#sub-menu li a:hover {
	background-color: #ccc;
}

div#subMenuContainer  {
	display: none;
}

div#subMenuContainer.active  {
	display: block;
}

div#subMenuContainer h5 {
	border-bottom: 1px solid #EDEDE9;
	color: #4D4C4C;
	padding-bottom: 2px;
  margin: 20px;
	text-align: center;
}

/***** PRODUCTS *****/

#shoppingCartLink {
	margin: 10px 0;
}
#pageInfo {
	text-transform: uppercase;
	font-weight: 700;
}

#catLinks, #alphabetLinks {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #f8f8f8;
}

#catLinks a,  #alphabetLinks a{
	opacity: 1!important;
	text-transform: uppercase;
	padding: 2px 6px;
	background-color: #c1272c;
	color: #fff;
	display: inline-block;
	margin: 2px 0;
	font-weight: bold;
}

.collectionTitle {
	text-transform: uppercase;
	font-size: 120%;
	font-weight: 700;
}

.collectionItem, .collectionInfo .formatItem {
	margin: 10px 0;
}

.collectionInfo .formatTitle {
	font-weight: 700;
	font-family: 'Galatia', sans-serif;
}

.formatDetails {
	background-color: #efeeea;
	padding: 15px 10px;
	border: 1px solid #000;
}

#topBar {
	margin: 30px 0;
}

div.bread-crumb-container {
	margin-bottom: 20px;
	color: #cfcecb;
}

body.default_sidebar .bread-crumb-container {
	width: 940px;
}

div.bread-crumb-container a {
	color: #cfcecb;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
	font-family: 'Lato', sans-serif;
}

div.bread-crumb-container a.current_page {
	text-decoration: none;
}

.table.mini-rallies tr td {
		width: 33.33333%;
		text-align: center;
}

/*--- FOOTER ---*/

#footer-container {
	background-color: #efeeea;
	color: #272727;
	padding: 0 0 40px;
	text-align: left;
	margin: 0 auto;
	margin-top: 40px;
	max-width: 2000px;
}

#footer-container a {
	color: #272727;
	margin: 0;
	text-decoration: none;
}

#footer-container .footer-title {
	font-family: 'Galatia SIL', serif;
	font-size: 105%;
	text-transform: uppercase;
}

#footer-container p {
	color: #272727;
	margin: 0px 0;
	font-size: 75%;
	font-family: 'Lato', sans-serif;
}

#footer-container input.newsletter-email{
	height: 57px;
	width: 80%;
	margin: 25px 0;
	outline: none;
	padding: 0 15px;
	vertical-align: middle;
}

#footer-container .btn-go {
	padding:0;
	height: 57px;
	color: #fff;
	width: 20%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 130%;
	vertical-align: middle;
}

#footer-container .social-icons img{
	margin-top: 20px;
	padding-right: 10px;
}

.footer-item-container {
	padding: 0 20px;
}

.footer-logo {
	margin: 0 auto;
	max-width: 300px;
}

/* footer menus */

ul#menu_fundraisers,
ul#menu_resources,
ul#menu_contact {
	margin: 0px;
	padding: 0px;
  list-style-image: none;
  list-style-type: none;
}

ul#menu_fundraisers li,
ul#menu_resources li,
ul#menu_contact li {
	display: inline-block;
	margin: 0px;
}

ul#menu_resources li,
ul#menu_fundraisers li {
  width: 50%;
}

ul#menu_fundraisers li a,
ul#menu_resources li a,
ul#menu_contact li a {
	display: block;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 9pt;
}


/*--- TABLE ---*/

#content-container table {
	margin-bottom: 10px;
	max-width: 100% !important;
/*	padding: 0 10px;*/
	padding: 0;
	width: 100%;
}

#content-container th {
	background-color: #303030;
	/*text-align: center;*/
	text-transform: uppercase;
	padding: 9px 9px;
	font-size: 85%;
	letter-spacing: 2px;
	color: #fff;
}

#content-container tr {
	background-color: #ffffff;
}

#content-container tr:nth-child(even) {
	background-color: #f3f3f3;
}

#content-container td {
	padding: 15px 10px;
	font-size: 12pt;
}

#content-container th a {
	color: #ffffff;
}

/*--- OTHER ---*/

/**
* Message Boxes
*/

div.msg-error,
div.msg-success,
div.msg-warning,
div.msg-information,
div.msg-question {
	background-repeat: no-repeat;
	background-position: 34px center;
	color: #f5f5f5;
	padding: 17px 10px 17px 85px;
	text-align: left;
	margin-bottom: 10px;
	min-height: 40px;
}

div.msg-error {
	background-image: url( '../images/message-error-bg.png' );
	background-color: #dd2327;
	border: 6px solid #f7464a;
}

div.msg-information {
	background-image: url( ../images/message-info-bg.png );
	background-color: #5f5f5f;
	border: 6px solid #291d11;
}

div.msg-question {
	background-image: url( ../images/message-question-bg.png );
	background-color: #007d7b;
	border: 6px solid #46bfbd;
}

div.msg-success {
	background-image: url( '../images/message-success-bg.png' );
	background-color: #5ba800;
	border: 6px solid #79dd03;
}

div.msg-warning {
	background-image: url( '../images/message-warning-bg.png' );
	background-color: #fdb45c;
	border: 6px solid #fdce5c;
	color: #291d11;
}

div.msg-error a,
div.msg-success a,
div.msg-warning a,
div.msg-information a,
div.msg-question a {
	color: inherit;
	text-decoration: underline;
}

div.msg-error a.button,
div.msg-success a.button,
div.msg-warning a.button,
div.msg-information a.button,
div.msg-question a.button {
	-webkit-appearance: none;
	background: #291d11;
	border: none;
	border-radius: 0;
	color: #f4f4f4;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 6px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

div.msg-error a.button:hover,
div.msg-success a.button:hover,
div.msg-warning a.button:hover,
div.msg-information a.button:hover,
div.msg-question a.button:hover {
	background: #98270a;
}

span.input-error {
	color: #C20000;
	display: block;
	margin: 5px;
}

.clear {
	clear: both;
}

/* form styles */

.btn, .red-button, .red_button {
	background-color: #231f20;
	border: 3px solid #231f20;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 90%;
	letter-spacing: 1px;
	line-height: normal;
	padding: 6px 20px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight: 500;
	vertical-align: middle;
}

.btn:hover, .btn:active, .btn:focus {
	outline: none;
	background-color: #ad2327;
	border: 3px solid #ad2327;
	color: #fff;
	text-decoration: none;
}

.btn.alternate {
	border: 0;
	background-color: #272727;
	color: #ffffff;
}

.btn.alternate:hover {
	border: 0;
	background-color: #ffffff;
	color: #231f20;
}

.btn.donate {
	border: 1px solid #fff;
	font-weight: normal;
	font-size: 12pt;
	width: 100%;
	text-align: center;
	padding: 14px 0;
	margin: 5px 0;
	background-color: #231f20;
}

.btn.donate:hover {
	border: 1px solid #231f20;
	background-color: #fff;
	color: #231f20;
	font-weight: normal;
}

.btn-menu-top:hover {
	background-color: #a41016;
	cursor: pointer;
	color: #fff;
}

.btn-go {
	background-color: #272727;
	border: 2px solid #272727;
	color: #fff;
	height: 70px;
	padding: 0px 20px;
	margin-left: -5px;
	text-transform: uppercase;
	outline: none;
}

.btn-grey {
	background-color: #231f20;
	border-color: #231f20;
	color: #fff;
	width: 100%;
	padding: 0px 10px;
	line-height: 15px;
	margin: 10px 0;
}

.btn-red {
	background-color: #c1272c;
	border-color: #c1272c;
	color: #fff;
	line-height: 15px;
	padding: 10px 20px;
	margin-top: 10px;
}

.btn-red:hover {
	color: #fff;
	background-color: #231f20;
	border-color: #231f20;
}

.btn-white {
	background-color: #fff;
	border-color: #fff;
	font-weight: 700;
	color: #231f20;
}

.btn-white:hover {
	background-color: #231f20;
	border-color: #231f20;
	color: #fff;
}

.btn.arrow {
	padding: 6px 12px 6px 15px;
}

.red-button, .red_button {
	background-color: #c1272c;
	border-color: #c1272c;
	text-align: center;
}

.red-button a, .red_button a {
	color: #fff;
}

.btn.block {
	display: block;
	text-align: center;
	width: 100%;
}

.btn.next, .red-button.next {
	background-image: url('../images/right-arrow.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: 20px;
	padding: 6px 25px 6px 7px;
}

.red-button:hover, .red-button:active, .red-button:focus, .red_button:hover, .red_button:active, .red_button:focus {
	background-color: #231f20;
	border-color: #231f20;
	color: #fff;
	text-decoration: none;
}

#map {
	height: 350px;
}

input[type=text].input-large {
	height: 70px;
	width: 45%;
	border: 2px solid #272727;
	padding: 0 35px;
	outline: none;
}

input[type=text].input-large::-webkit-input-placeholder {
	color: #272727;
	font-weight: 700;
}

div.input {
	margin: 4px 0;
}

div.input.date img {
	display: inline-block;
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto 0;

}

select.form,
input[type=text].form,
textarea.form,
form.notify select,
form.notify input[type=text],
form.notify input[type=email],
form.notify input[type=password],
form.notify textarea {
	background: #ffffff; /* Old browsers */
	border: 1px solid #ccc;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #00264c;
	display: inline-block;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 90%;
	height: 45px;
	margin: 0px;
	/*max-width: 400px;*/
	padding: 11px 15px;
	width: 100%;
}

form.notify label {
	display: block;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: none;
	padding-bottom: 7px;
}

form.notify label.inline,
form.notify label.normal {
	display: inline;
}

form.notify label.error {
	color: red;
	display: block;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

ol  {
	word-wrap: break-word;
}


fieldset {
	border: none;
	margin: 10px 0;
	height: auto;
}

legend {
	font-weight: 700;
	text-transform: uppercase;
}

/*.field {
	padding: 10px 10px;
}*/

.field input[type=text], .field select {
	border: 1px solid #222;
}

.field select#province {
	width: 100%;
}


.left-align {text-align: left;}

.right-align {text-align: right;}

.center-align {text-align: center;}

/* input forms */
#searchFor,
#search-button {
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}

#search-button {
	line-height: normal;
}

/* elections content */
.heading-riding-title {
	text-align: center;
}

.representative-container {
	margin-top: 15px;
}

.representative-search-box {
	padding: 20px;
	text-align: center;
}

.candidate-search-result {
	cursor: pointer;
	padding: 15px;
	margin: 0 auto 15px;
	max-width: 240px;
	text-align: center;
}

.candidate-search-result.selected {
	border: 1px solid #000;
}

.candidate-search-result a {
	color: inherit;
	display: block;
}

.candidate-search-result a:hover {
	color: inherit;
	text-decoration: none;
}

.candidate-search-result-image.noImage {
	background-size: 80% auto;
	background-position: center bottom;
}

.candidate-search-result-image {
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	height: 150px;
	margin:0 auto;
	max-width: 150px;
	position: relative;
}

.candidate-search-result:hover .candidate-search-result-image {
	border: 1px solid #C1272C;
}

.candidate-search-result-name {
	margin: 5px 0;
}

.candidate-search-result-title {
	font-size: 115%;
	font-weight: 700;
}

.candidate-search-result-riding {
	font-weight: 700;
}

.candidate-search-result-subtitle:not(:empty):before {
	content: "(";
}

.candidate-search-result-subtitle:not(:empty):after {
	content: ")";
}

.candidate-search-result a:hover .candidate-search-result-name,
.candidate-search-result a:hover .candidate-search-result-title {
	color: #C1272C;
}

.ui-widget {
	font-family: 'Lato', sans-serif!important;
	font-size: 100%!important;
}

.grid-image {
	margin-bottom: 20px;
}

.video-grid {
	margin-bottom: 20px;
}

.multiple .candidate-search-result-image:after {
	border: 1px solid #C1272C;
	border-radius: 50%;
	color: #fff;
	content: attr( data-title );
	display: block;
	height: 150px;
	left: 0;
	line-height: normal;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	padding-top: 60px;
}

.multiple.federal .candidate-search-result-image:after {
	background: rgba(255,63,0,0.7);
}

.multiple.provincial .candidate-search-result-image:after {
	background: rgba(203,77,192,0.7);rgba(253,29,85,0.7);
}

.multiple.regional-chair .candidate-search-result-image:after {
	background: rgba(253, 206, 92, .7);
}

.multiple.regional-council .candidate-search-result-image:after {
	background: rgba(18,80,116,0.7);
}

.multiple.mayor .candidate-search-result-image:after {
	background: rgba(253,29,85,0.7);
}

.multiple.councillor .candidate-search-result-image:after {
	background: rgba(255,77,83,0.7);
}

.multiple.french-catholic .candidate-search-result-image:after {
	background: rgba(203,200,61,0.7);
}

.multiple.french-public .candidate-search-result-image:after {
	background: rgba(203,102,0,0.7);
}

.multiple.english-public .candidate-search-result-image:after {
	background: rgba(39,193,80,0.7);
}

.multiple.english-catholic .candidate-search-result-image:after {
	background: rgba(127,30,198,0.7);
}

span.form-error {
	color: red;
	display: block;
	font-size: 90%;
}

.bureau-newsletter-container {
	text-align: center;
}

.hot-news-item-read-more {
	margin: 10px 0;
}

.hot-news-item-title h3 {
	margin-bottom: 0;
}

.hot-news-item-container {
	margin-bottom: 20px;
}

.newsNext,
.newsPrev {
	margin: 20px 0;
}

#upcoming-elections .bx-viewport {
	z-index: 2;
}

#upcoming-elections .bx-controls {
	z-index: 1;
}

.candidate-list-image {
	background-color: #fff;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
	border: 1px solid #303030;
	height: 60px;
	float: right;
	margin-left: 20px;
	width: 60px;
}

.candidate-list-image-container {
	width: 80px;
}

.list-light-rating {
	margin-right: 5px;
	max-width: 36px;
	vertical-align: middle;
}

.buttons-container {
	max-width: 1000px;
	margin: 0 auto;
}

.buttons-conatiner .top-button {
	margin: 10px 0;
	text-align: center;
}

.buttons-container .top-button a {
	line-height: 36px;
	margin: 0 auto;
	max-width: 440px;
}

.buttons-container .button-row {
	display: flex;
}

.buttons-container .button-row div {
	margin: 10px;
	text-align: center;
}

.buttons-container .red_button {
	display: block;
}

.user-nav {
	background-color: #fff;
}

.user-nav ul {
	display: flex;
	justify-content: flex-end;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0;
}

.user-nav ul li {
	display: flex;
	padding: 10px 10px;
	border-right: 1px solid #f1f1f1;
}

.user-nav ul li a:hover {
	color: #252525;
}

.user-nav ul li:first-of-type {
	border-left: 1px solid #f1f1f1;
}

.user-nav ul li a span {
	background:#c1272c;
	color:#fff;
	border-radius: 50%;
	font-family: 'Galatia SIL', serif;
	padding:10px 5px;
	margin-left: 2px;
	font-weight: 400;
}

.user-nav ul li a:last-of-type {
	color:#252525;
	font-family: 'lato';
	font-weight: 600;
}

.user-nav ul li:first-of-type a {
	color: #EE3A43;
}