@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic);



body{margin:0; background:#f7f7f7; font-family:'Open Sans', Helvetica, sans-serif; }


#skiptocontent {
	position:absolute;
	left:-200px;
	font-weight:bold;
	text-decoration:underline;
}

#header{width:100%; background-color:#00548B; position: fixed; top:0px; margin:auto; z-index:1000000!important; height:50px; 
	box-shadow: 0px 1px 6px rgba(0,0,0,0.8);
	-webkit-font-smoothing: antialiased;

}
#header-container {margin-left:1%;}
#header-container .b-logo {width: 150px; float:left; margin:5px 0 0 5px;}
#header-container .cob-type {width:150px; float:left; padding:8px 15px 0 0;}
#header-container .graphics-type {padding-top:15px;}
#header-container .graphics-type h1 {color:#ffffff; font-family:'Open Sans', Helvetica, sans-serif; font-weight:100;}



	#share-buttons {position:fixed; top:10px; right:1%; border:none; padding:5px 5px 0 0; }

	#share-buttons img {
		width: 19px;
		padding: 0px 0px 0px 5px;
		border: none;
		box-shadow: none;
		display: block;
		float:left;

		}
	#share-buttons h4{font-family:'Open Sans', Helvetica, sans-serif; color:#ffffff; font-size:11px; line-height:14px; text-align:left; padding:2px 4px 0 5px; float:left; }



h1{font-family:"Open Sans", Helvetica, sans-serif; color:#000; font-size:2.5em;line-height:1.3em;margin:0}
h2{font-family:'Open Sans', Helvetica, sans-serif; color:#000; font-size:20px; line-height:20px;}
h3{font-family:'Open Sans', Helvetica, sans-serif; color:#000; font-size:16px; line-height:16px; }
h4{font-family:'Open Sans', Helvetica, sans-serif; color:#000; font-size:12px; line-height:12px; font-weight:normal; padding-bottom:10px; }



#content{padding:120px 0px 30px!important; margin:1px 0 0 5%; width:90%;}
.header-social{margin-bottom:10px}
#social_links{padding-bottom:3px}
#social_links .IN-widget{padding-right:10px;float:left;display:inline}

.backtotop{font-family:'Open Sans', Helvetica, sans-serif; color:#888; font-size:20px; line-height:16px; padding-top:10px;}
.backtotop:hover{cursor:pointer;}


.elexblock {padding: 30px;
    border: 1px solid #d6d6d6;
    border-bottom-color: #d6d6d6;
    border-bottom-width: 6px;
	color:#000;
    background-color: #fff;
	margin-bottom:50px;
    }




		.left-side {
			width:30%;
			float:left;
			margin-right:3%;
			border-right:0;		
		}
		
		.middle-side {
			width:30%;
			float:left;
			margin-right:3%;
			border-right:0;		
		}
		
		.right-side {
			width:30%;
			float:left;
		}
		
		.precincts {
			font-family:'Open Sans', Helvetica, sans-serif; 
			font-size:16px;
			font-weight:bold;
		}
		.precinctType {
			font-family:'Open Sans', Helvetica, sans-serif; 
			font-size:14px;
		}
		.percentage {
			font-family:'Open Sans', Helvetica, sans-serif; 
			font-size:18px;
			vertical-align:top;
			color: #e2231a;
		}
		.body {
			font-weight:bold; font-size:14px; line-height:14px; color:#555;
		}
		.backtotop {
			display:none;
		}
		
		.checkmark {width:15px; margin-right:10px;}

.section-header-spanish {font-family:'Open Sans', Helvetica, sans-serif; color:#000; font-size:12px; line-height:12px; font-weight:normal; padding-bottom:10px; margin-top:-5px; }




/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 824px) {
	


#content{padding:100px 0px 30px!important; margin:1px 0 0 5%; width:90%;}
	
	
		
		.left-side {
			width:100%;
			float:left;
			padding-right:0px; 
			margin-right:0px;
			border-right:none;
		}
		
		.middle-side {
			width:100%;
			float:left;
			padding-right:0px; 
			margin-right:0px;
			border-right:none;
		}
		
		.right-side {
			width:100%;
			float:left;
			
		}
		
		.mobile-hide {display:none;}
		.tablet-hide {display:none;}	
				
		
			
			#share-buttons {position:fixed; top:8px; right:1%; border:none; padding:5px 5px 0 0; width:80px; 	
					-webkit-font-smoothing: antialiased;
					}
	
	

}	/* END Smartphones (portrait and landscape) ----------- */