/*
red: #b20837;
blue: #002e62;
*/

/* Core Bootstrap overrides */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

.center-block{float:none;}
.btn {
	text-transform:uppercase;
	background-color:#002e62;
	border-radius:0;
	border:none;
	color:#fff;
}

.jumbotron .btn{background-color:#b20837;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {color:#002e62;}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary{ background-color:#128ac3;}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:active {background-color: #128AC3;}

.navbar-inverse .navbar-toggle{ border-color:#fff;}

/* Admin Menu */
body.logged-in{padding-top: 227px;}

body {
  padding-top: 180px;
  padding-bottom: 20px;
}

@media (min-width: 768px){
	#navbar.nav>li a:after{
		content: "";
		position: absolute;
		left:0;
		height: 60%;
		width: 1px;
		max-width: 1px;
		background-color: #fff;
		top: 20%;
		padding:0;
		border:none;
	}

	#navbar li:first-child a:after{background-color:transparent;}

	#navbar.navbar-nav > li > a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

@media (min-width: 850px){
	#navbar.navbar-nav > li > a {
		padding-left:25px;
		padding-right:25px;
	}
}

.navbar.header {
	background-color:#fff;
	height:110px;
	padding-top:12px;
}

.logo {
  margin-right: 20px;
  margin-left:5px;
  width: 130px;
}

.usvote-callout-header {
	width: 200px;
	display: flex;
	flex-flow: column;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin: 15px auto 0 auto;
}

.usvote-callout-header .part-1 a {
	color: #96ca4f;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
}

.usvote-callout-header .part-2 {
	background: #96ca4f;
	text-align: center;
}

.usvote-callout-header .part-2 a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.usvote-callout-header.mobile {
	display: inline;
	margin: 0;
	width: auto;
}

.usvote-callout-header.mobile .part-1,
.usvote-callout-header.mobile .part-2 {
	display: inline-block;
}

.usvote-callout-header.mobile .part-2 {
	padding: 0 5px;
	margin-left: 5px;
}

.usvote-callout-header.mobile .part-1 a {
	font-size: 14px;
}

.usvote-callout-header.mobile .part-2 a {
	font-size: 12px;
	padding: 4px 0 !important;
	display: block;
}

@media (max-width: 406px) {
	.usvote-callout-header.mobile {
		white-space: nowrap;
	}

	.usvote-callout-header.mobile .part-1 a {
		font-size: 12px;
	}

	.usvote-callout-header.mobile .part-2 {
		padding: 0 3px;
		margin-left: 0px;
	}
}

.social-header .nav > li > a.icon-toolkit {
  margin-top: 0;
  padding:0
}

.social-header ul.nav{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
}

@media (max-width: 1250px){
	.social-header .nav li .icon-toolkit img{max-width:220px}
	.social-header .nav li .icon-facebook img{max-width:25px}
	.social-header .nav li .icon-twitter img{max-width:25px}
	.social-header .nav li .icon-instagram img{max-width:25px}
}

.toolkit-logo {
  	width: 280px;
  	height: auto;
	margin: 0 10px 0 0;
}

.bottom-toolkit {
  margin-top: 20px;
}

.header h2 {
	margin-top:2%;
	height:83px;
	font-size:24px;
}

.header h2 a {color:#002e62;}

@media (max-width: 768px) {
	.header h2>a {
		font-size: 14px;
		margin-bottom: 10px;
		display: block;
	}
}

.social-header .navbar-nav>li>a{
	margin-top:13px;
	padding:5px;
}

.navbar-fixed-top.header .container{padding-top:5px;}

.second-navbar {top:110px;}
.navbar-inverse {
	background-color:#002e62;
	border:none;
  	z-index: 10;
}

#navbar.nav>li>a {
	color: #fff;
	font-size:15px;
}

#navbar a {white-space: nowrap;}

#navbar a:hover, #navbar a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    cursor: pointer;
    color: #337ab7 !important;
    background-color: #D8EEFB;
}

.main-navigation {max-width:1100px;}

.navbar-toggle.collapse {text-align: center;}

.header .nav-pills.nav-stacked.nav>li>a{
	background-color:#b20837;
	color:#fff;
	border-radius:0;
	padding-top:5px !important;
	padding-bottom:5px !important;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:12px;
}

.header .account {
	margin-top:4px;
	padding-right:0;
}

.jumbotron {
	margin-top:-8px;
	margin-bottom:0;
	padding-top:0;
	background:url(../img/election_year_banner.jpg) no-repeat top center;
	min-height:474px;
	height:auto;
}

.jumbotron .container {
	max-width: 100%;
	height: 100%;
	position: relative;
	min-height: 452px;
}

.jumbotron .container a{
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
}

.container-fluid.registration {
	background-color:#b20837;
}

.container-fluid h1{
	text-transform:uppercase;
	color:#fff;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	font-size:24px;
}

.registration-content {
	padding: 0;
	text-align: center;
}

.registration-title, .registration-button {
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
}

label.registration-title {
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.3;
}

.container-fluid.registration .form-control{ margin-top:23px;}

.container-fluid.registration .col-sm-1{
	padding-left:0;
	margin-top:23px;
}

.services .col-xs-12 {text-align:center;}


/* Screen adjustments */

@media (min-width: 766px) AND (max-width: 1198px) {
	.header h2{font-size: 20px;}
	.header h3{position:relative; top:-12px;}

}

@media (min-width: 768px) {
	.container {
    width: auto;
    padding:0;
  }
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
	}

  /*.jumbotron [class*='col-']{padding-top: 75px;} */
}

@media (max-width: 768px) {
	.row.first{margin-right:0; margin-left:0;}
	.navbar .navbar-collapse {text-align: center !important;}
	.header h2{
		font-size:140%;
		margin-top:2%;
	}

	.container-fluid.registration .form-control,
	.container-fluid.registration .col-sm-1{margin-top:0;}
	.container-fluid.registration .col-sm-1{margin-bottom:15px;}

	.registration .col-xs-10 {padding-left:0;}
	.registration [class*='col-'] label{float:none !important;}

	.jumbotron{margin-top: -25px;}
}

@media (max-width: 480px) {
	.row{
		margin-right: -10px;
		margin-left: -10px;
	}

	.header h2{
		font-size:100%;
		margin-top:2%;
	}

	.header .col-xs-12{padding:0;}

	.jumbotron{
		min-height: 307px;
		background-size: 1000px auto;
		background-position-x: -375px;
    	margin-top: -25px;
	}

	.jumbotron .container{
		padding-left: 0;
		width: 100%;
		min-height: 313px;
	}

	.container-fluid h1{
		font-size:130%;
		text-align:center;
	}
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
}