@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('Gilroy-Light.woff2') format('woff2'),
        url('Gilroy-Light.woff') format('woff'),
        url('Gilroy-Light.ttf') format('truetype'),
        url('Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Gilroy-ExtraBold.woff2') format('woff2'),
        url('Gilroy-ExtraBold.woff') format('woff'),
        url('Gilroy-ExtraBold.ttf') format('truetype'),
        url('Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}
body {
	font-family: 'Gilroy' !important;
	color: #1f244e;
	background-image: none;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
}
/*change some font colors*/
#main p {
	color: #1f244e;
	margin: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
#main .intro-message p {
	font-size: 16px;
	line-height: 26px;
	color: #1f244e;
	margin-bottom: 40px;
	font-weight: 300;
}
/*not done until print message*/
#main .download p {
	color: #1f244e;
	font-weight: 800;
}
body #footer p span, body #footer p span.copyright {
	color: #1f244e;
}
#main form ul.radio li label, #main form ul.checkbox li label, #main form ul.flat.radio li label, #main form ul.flat.checkbox li label {
	color: #1f244e;
}
/*wont be registred message at end of pdf steps*/
#main .download h2 {
	color: #1f244e;
}
/*box around the you may be eligible message*/
#main form ul .has_license .checkbox-explanation p, #main form ul.flat .has_license .checkbox-explanation p {
	color: #1f244e;
	border: 1px solid #1f244e;
	border-radius: 0px;
	font-size: 18px;
}
/*continue on with state*/
#main .step_4 h3.ovr_step_4 {
	color: #1f244e;
}
/*change the powered by color*/
body #footer .powered-by-logo .powered-by-text {
	color: #111;
}
/* change link colors*/
a:link, a:visited {
	color: #EF4036;
	font-weight: bold;
	text-decoration: none !important;
}
body #footer p a, body #footer p a:visited, body #footer p a:hover, body #footer p a:link {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #11173C;
}
a.skip_state_registration_link {
    font-size: 12px;
}
#main .back {
    font-size: 12px;
}
/*change header font*/
#header .header-text, #container2 h1 {
	font-family: 'Gilroy' !important;
	color: #11173C;
	font-weight: 800;
}
/*remove partner logo from header*/
#header.partner {
    background-image: none;
}
#main #other_language_link select {
	background-color: transparent !important;
}
/*#header {
	background-image: url('logo.png') !important;
	background-position: top center !important;
	background-size: 400px auto !important;
	margin-top: 30px;
	padding-top: 80px;
	height: 135px;
}*/
#header {
background-image: none !important;
}
#header {
    display: none;
}
.intro-message {
    display: none;
}
/*@media screen and (max-width: 600px) {
#header {
	background-image: url('logo.png') !important;
	background-position: top center !important;
	background-size: 300px auto !important;
	margin-top: 20px;
	padding-top: 30px;
	height: 90px;
}
}*/
@media screen and (min-width: 760px) {
    #header, #main {
        width: 760px;
    }
}

@media screen and (min-width: 600px) {
#finish_page_iframe {
    margin: 30px;
}
#main form ul li.registrant-form__us-citizen__line, #main form ul li.registrant-form__will-be-18-by-election__line, #main form ul li.registrant-form__required-checkbox, #main form ul li.width_f.registrant-form__us-citizen__line, #main form ul li.width_f.registrant-form__will-be-18-by-election__line, #main form ul li.width_f.registrant-form__required-checkbox, #main form ul.flat li.registrant-form__us-citizen__line, #main form ul.flat li.registrant-form__will-be-18-by-election__line, #main form ul.flat li.registrant-form__required-checkbox, #main form ul.flat li.width_f.registrant-form__us-citizen__line, #main form ul.flat li.width_f.registrant-form__will-be-18-by-election__line, #main form ul.flat li.width_f.registrant-form__required-checkbox {
    margin: 35px auto;
}
.button a span {
    padding-left: 30px;
    padding-right: 30px;
}
}

.instructions.instructions--state-id-number {
    margin-bottom: 20px;
}
.disclosures * {
    font-size: inherit;
}
/*change footer background to solid color with no border*/
body #sticky_footer {
	background-image: none;
	border-top: 0px;
	background-color: transparent;
}
/*add border around input fields*/
#main form ul li div input, #main form ul li.width_f div input, #main form ul.flat li div input, #main form ul.flat li.width_f div input {
	border: none;
	height: 46px;
	border-bottom: 1px solid #1f244e;
	padding-left: 0;
}
#main #other_language_link select, #main form ul li div select, #main form ul li.width_f div select, #main form ul.flat li div select, #main form ul.flat li.width_f div select {
    color: #1f244e;
}
#main form ul li div input:focus, #main form ul li.width_f div input:focus, #main form ul.flat li div input:focus, #main form ul.flat li.width_f div input:focus {
	background-color: #1f244e;
	color:#fff;
	padding-left:8px;
}
#main form ul li.registrant-form__home-zip__button button, #main form ul li.width_f.registrant-form__home-zip__button button, #main form ul.flat li.registrant-form__home-zip__button button, #main form ul.flat li.width_f.registrant-form__home-zip__button button {
	height: 46px;
}
input, input[type="text"], input[type="number"], textarea {
    border-color: #000;
    border-radius: 0px !important;
    border-width: 1px;
    border-style: solid;
    font: normal normal normal 18px/20px 'Gilroy', sans-serif;
    background-color: #fff;
}
select {
	border-radius: 0px;
}
#main form ul li div select, #main form ul li.width_f div select, #main form ul.flat li div select, #main form ul.flat li.width_f div select {
    border-radius: 0px !important;
    border: none;
    font: normal normal normal 18px/20px 'Gilroy', sans-serif;
    background-color: #fff;
    height: 46px;
    border-bottom: 1px solid #1f244e;
}
#main form ul li.registrant-form__us-citizen__line, #main form ul li.registrant-form__will-be-18-by-election__line, #main form ul li.registrant-form__required-checkbox, #main form ul li.width_f.registrant-form__us-citizen__line, #main form ul li.width_f.registrant-form__will-be-18-by-election__line, #main form ul li.width_f.registrant-form__required-checkbox, #main form ul.flat li.registrant-form__us-citizen__line, #main form ul.flat li.registrant-form__will-be-18-by-election__line, #main form ul.flat li.registrant-form__required-checkbox, #main form ul.flat li.width_f.registrant-form__us-citizen__line, #main form ul.flat li.width_f.registrant-form__will-be-18-by-election__line, #main form ul.flat li.width_f.registrant-form__required-checkbox {
    background-color: #fff;
    border: 1px solid #1f244e;
}
select#registrant_name_suffix {
    padding-right: 0 !important;
}
label {
    font: normal normal normal 18px/20px 'Gilroy', sans-serif;
    color: #1f244e;
    text-transform: initial;
}
#main form ul.radio li label, #main form ul.checkbox li label, #main form ul.flat.radio li label, #main form ul.flat.checkbox li label {
    color: #1f244e;
}
/*change border around select boxes*/
#main form ul li.registrant-form__us-citizen__line, #main form ul li.registrant-form__will-be-18-by-election__line, #main form ul li.width_f.registrant-form__us-citizen__line, #main form ul li.width_f.registrant-form__will-be-18-by-election__line, #main form ul.flat li.registrant-form__us-citizen__line, #main form ul.flat li.registrant-form__will-be-18-by-election__line, #main form ul.flat li.width_f.registrant-form__us-citizen__line, #main form ul.flat li.width_f.registrant-form__will-be-18-by-election__line {
	border-radius: 0px;
}
/*change button styles*/
#main form .rollover_button button, #main .download .rollover_button a {
	border-radius: 0px;
	background: #EF4036;
	border: 0px;
	color: #fff !important;
	font-family: 'Gilroy', sans-serif;
	min-height: 46px;
	font-size: 16px;
	border-radius: 4px;
}
#main form .rollover_button button:hover, #main .download .rollover_button a:hover {
    
    color: #ffffff !important;
    background-color: #11173C;
    cursor: pointer;
    transition: background 0.05s ease-out, color 0.05s ease-in;
    font-family: 'Gilroy', sans-serif;
}

/*change look of the hang on - you can go on with state alert*/
#main .step_4 h1 {
    font-size: 21px;
    color: #ffffff;
    background: #11173c;
    padding: 15px 15px;
    border-radius: 0px;
    font-family: 'Gilroy';
}
/*hide already registered link if preferred*/
.already-registered {
    display: none;
}

/*hide the questions*/
fieldset.questions, .questions {
    display: none;
}
body #sticky_footer {
    background-image: none;
    border-top: none;
}
body #footer p a, body #footer p a:visited, body #footer p a:hover, body #footer p a:link {
    color: #666666;
}
body #footer .powered-by-logo .powered-by-text {
    color: #666666;
}
.powered-by-logo img {
    content: url('//s3.amazonaws.com/rocky-ovr/rock-the-vote-horz-logo.png');
}
/*buttons on share page if partner css linked up*/
.fulltext p {
    color: #1f244e;
}
#container2 h1 {
	margin-top: 0;
	width: auto !important;
	display: block !important;
	height: auto !important;
}
#container2 .fulltext:last-child p {
    display: none;
}
#container2 .button {
	background-color: #11173C !important;
	font-family: 'Gilroy', Sans-Serif !important;
	text-align: center;
	text-transform: uppercase;
}
#container2 div.rollover_button a span, #container2 div.rollover_button:hover a span, #container2 div.rollover_button:active a span, #container2 span.rollover_button a span, #container2 span.rollover_button:hover a span, #container2 span.rollover_button:active a span {
    background-image: none !important;
    padding: 4px 0px;
    width: auto;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Gilroy', Sans-Serif;
    text-align: left;
    background-color: #11173C;
    border: none;
    border-radius: 4px;
    text-align: center;
}
#container2 div.rollover_button a, #container2 div.rollover_button:hover a, #container2 div.rollover_button:active a, #container2 span.rollover_button a, #container2 span.rollover_button:hover a, #container2 span.rollover_button:active a {
    background: #11173C !important;
    padding: 10px 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
}
#main .step_6 h1 {
    line-height: 1.3;
}
@media (max-width: 600px) {
body #header {
    background-image: none !important;
}
}
@media screen and (max-width: 468px) {
body {
    font-size: 14px;
    line-height: 20px;
}
#main .intro-message p, #main p {
	font-size: 14px;
	line-height: 20px;
}
body #header .header-text {
    font-size: 24px;
    padding-top: 10px;
    line-height: 25px;
}
label {
    font-size: 14px;
}
#main p.overseas-instructions {
    margin: 0;
}
body #header .header-text {
    padding-top: 10px;
}
#main {
    padding-left: 10px;
    padding-right: 0;
}
button#registrant_state_online_registration {
    min-height: 100px !important;
    line-height: 1.4 !important;
}
}

.form-control {
    color: #ffffff!important;
}