/* @override http://stonecou.midwestern.de/media/css/responsive.css
http://stonecountyclerk.com/media/css/responsive.css */

/*----------------------------------------------------
	Title: Stone County Clerk's Office
	Author:	Midwestern Interactive	
	----------------------------------------------------*/

/* ------------------------------------------------------------------------------------------
Reset Styles 
------------------------------------------------------------------------------------------ */

/* Resets */
section,
nav,
hgroup,
header,
footer,
figure,
dialog,
aside,
article,
td,
th,
tr,
thead,
tfoot,
tbody,
caption,
table,
legend,
label,
form,
fieldset,
li,
ul,
ol,
dd,
dt,
dl,
q,
img,
em,
dfn,
del,
code,
address,
acronym,
abbr,
a,
pre,
blockquote,
p,
h6,
h5,
h4,
h3,
h2,
h1,
iframe,
object,
span,
div,
body,
html {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
section,
nav,
hgroup,
header,
footer,
figure,
dialog,
aside,
article {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th,
caption {
	text-align: left;
	font-weight: normal;
}
th,
td,
table {
	vertical-align: middle;
}
q:after,
q:before,
blockquote:after,
blockquote:before {
	content: "";
}
q,
blockquote {
	quotes: "" "";
}
a img {
	border: none;
}

/* ------------------------------------------------------------------------------------------
Base Framework
------------------------------------------------------------------------------------------ */
/* Added this line to force commit */

.left {
	float: left;
}
.right {
	float: right;
}
.no-marg {
	margin: 0px !important;
}
.top-marg {
	margin-top: 40px !important;
}
.center {
	text-align: center !important;
}
strong,
.strong {
	font-weight: bold;
}
strong em,
.strong em {
	font-weight: 800;
}
em,
.em {
	font-style: italic;
}
.small {
	font-size: 12px !important;
	line-height: 20px;
}
.wrap {
	float: left;
	width: 100%;
}
img {
	max-height: 100%;
	max-width: 100%;
}
.no-bull {
	list-style: none;
}
.clear {
	clear: both !important;
}

* {
	padding: 0;
	margin: 0;
	font-family: "Droid Serif", serif;
}

body.alert-active {
	padding-top: 52px;
}

/* ------------------------------------------------------------------------------------------
Fluid Grid Elements
------------------------------------------------------------------------------------------ */
.container {
	clear: both;
	display: block;
	margin: 0px auto;
	padding: 0 30px;
	max-width: 1020px;
	position: relative;
}
.container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
}
.row {
	display: flex;
}
.one_fifth {
	margin-right: 4%;
	width: 16.5%;
	float: left;
}
.one_fourth {
	margin-right: 4%;
	width: 22%;
	float: left;
}
.one_third {
	margin-right: 4%;
	width: 26.5%;
	float: left;
}
.two_fifth {
	margin-right: 4%;
	width: 38.5%;
	float: left;
}
.one_half {
	margin-right: 4%;
	width: 48%;
	float: left;
}
.three_fifth {
	margin-right: 4%;
	width: 57%;
	float: left;
}
.two_third {
	margin-right: 4%;
	width: 65.5%;
	float: left;
}
.three_fourth {
	margin-right: 4%;
	width: 74%;
	float: left;
}
.four_fifth {
	margin-right: 4%;
	width: 79%;
	float: left;
}
.full {
	margin: 0px 2%;
	width: 96%;
	float: left;
}
.last {
	clear: right !important;
	border: none !important;
}
.first {
	clear: right !important;
	border: none !important;
}

/* ------------------------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------------------ */

div.add-wrap {
	width: 100%;
}
div.add-wrap,
div.add-wrap .st,
div.add-wrap .zip {
	float: left;
}
div.add-wrap .st {
	float: left;
	width: 50%;
}
div.add-wrap .zip {
	float: right;
	width: 40%;
}
span.req {
	color: #444;
	float: right;
	font-size: 12px;
	position: relative;
	top: 5px;
	font-weight: normal;
	font-family: "droid-sans", sans-serif !important;
}
span.note {
	color: #888;
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
}
label.l1,
label.l2 {
	font-family: "droid-sans", sans-serif !important;
	color: #333;
	clear: both;
	display: block;
	margin: 0px;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
}
input,
textarea {
	font-family: "droid-sans", sans-serif !important;
}
input.i1 {
	background: #eee;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 4px #ddd;
	color: #333;
	margin: 6px 0px 32px;
	padding: 10px 2%;
	position: relative;
	width: 96%;
	font-size: 18px;
	font-weight: 600;
}
input.add {
	margin: 6px 0px;
}
select {
	margin: 16px 0px 38px;
}
select.dd {
	margin: 16px 0px 0px;
}
textarea.t1 {
	background: #eee;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 4px #ddd;
	height: 200px;
	margin: 6px 0px 24px;
	padding: 10px 1%;
	width: 98%;
}
button.submit {
	text-align: center !important;
	display: block;
	padding: 10px;
	font-size: 20px;
	text-transform: capitalize;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #8e3325;
	color: white;
	border: none;
}

/* ------------------------------------------------------------------------------------------
Typography styles 
------------------------------------------------------------------------------------------ */

/* Base Text
--------------------------------------------- */
p,
ul,
ol,
li {
	font-size: 18px;
	color: #444;
	font-family: "droid-serif", serif;
}
p {
	margin-bottom: 20px;
}
a {
	text-decoration: none;
	color: #8e3325;
}
a:hover {
	color: gray;
}
/* Headings
--------------------------------------------- */
h2 {
	font-family: "droid-serif", serif;
	font-size: 30px;
	margin: 20px 0px;
}
h3 {
	font-family: "droid-serif", serif;
	color: #5c4d36;
	padding: 20px;
	font-size: 25px;
}
h4 {
	font-family: "droid-serif", serif;
	color: #5c4d36;
	margin-bottom: 20px;
	font-size: 17px;
	padding-left: 20px;
	padding-right: 20px;
}

h4 span {
	font-weight: normal;
}
/* Buttons
--------------------------------------------- */

/* ------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------ */
nav ul {
	list-style: none;
}

/* Utility Nav
--------------------------------------------- */

/* Main Nav
--------------------------------------------- */

/* Mobile Device Nav
--------------------------------------------- */

/* ------------------------------------------------------------------------------------------
Global Style
------------------------------------------------------------------------------------------ */

.full-width {
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
}

.precincts-width {
	width: 100%;
	float: left;
	padding-bottom: 40px;	
}

.bg-brown {
	background-color: #f8f1e1;
}
.single-content.bg-brown ul {
	margin: 0 40px;
}
.single-content.bg-brown p {
	margin-bottom: 20px;
}
.card {
	background-color: #d5cec1;
	margin-bottom: 30px;
	width: 46% !important;
}
.first.card {
	clear: both !important;
}

.card:nth-of-type(even) {
	clear: both;
}

.card h3 {
	color: #444;
}

.card p {
	color: #444 !important;
	font-style: normal !important;
	font-size: 18px !important;
	margin-bottom: 20px !important;
	margin-top: 0px !important;
	margin-left: 20px;
	margin-right: 20px;
}

a.block-button {
	text-align: center !important;
	display: block;
	padding: 10px;
	font-size: 20px;
	text-transform: capitalize;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #903b2e;
	color: white;
}
a.block-button:hover {
	background: #541e16;
}

/* Alert Banner
--------------------------------------------- */
.alert-banner {
	padding: 15px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.alert-banner__body {
	color: #fff;
	font-size: 18px;
}

/* Header
--------------------------------------------- */

#header {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 120px;
	background-color: rgba(0, 0, 0, 0.65);
}

#header #nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	padding: 15px;
	box-sizing: border-box;
}

#header #nav img {
	height: 100px;
	width: 100px;
	cursor: pointer;
}

#header #nav #inner-nav {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

#header #nav #inner-nav .desktop-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

@media screen and (max-width: 767px) {
	#header #nav #inner-nav .desktop-nav {
		display: none;
	}
}

/* Mobile Nav */
#header #nav #inner-nav .mobile-nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.65);
	position: absolute;
	top: 120px;
	left: 0;
	width: 100vw;
	opacity: 0;
	transition: 0.2s ease;
	z-index: -9999;
}

.nav__menu-icon {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	margin-right: 60px;
	cursor: pointer;
}

.nav__menu-bar {
	border-bottom: 3px solid #fff;
	width: 65%;
}

.open-nav {
	max-height: 100vh;
	opacity: 1 !important;
	z-index: 9999 !important;
}

@media screen and (min-width: 768px) {
	#header #nav #inner-nav .mobile-nav {
		display: none;
	}
	.nav__menu-icon {
		display: none;
	}
}

/* End Mobile Nav */

#header #nav #inner-nav li:hover,
#header #nav #inner-nav li.active {
	border-bottom: 6px solid #8e3325;
	background-color: rgba(0, 0, 0, 0.5);
}

#header #nav #inner-nav li {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
	width: 100%;
	height: 120px;
	padding: 0 30px;
	box-sizing: border-box;
}

#header #nav li a {
	color: white;
	text-decoration: none;
}

#header #nav #inner-nav li img {
	height: 60px;
	margin-top: -15px;
}

#header #nav #inner-nav li span {
	display: block;
	font-size: 0.6em;
}

.bg-image {
	width: 100%;
	height: 600px;
	background-size: cover;
	position: absolute;
	top: 0;
	z-index: -9999;
	overflow: hidden;
}

.fadeout {
	width: 100%;
	height: 140px;
	background-image: url("../../media/img/white-fade.png");
	position: absolute;
	bottom: 0px !important;
}

/* Footer
--------------------------------------------- */

.footer_wrapper {
	display: flex;
	flex-wrap: wrap;
}

.footer_wrapper .one_third {
	width: 100%;
	margin: 10px;
	flex: 0 0 calc(33% - 20px);
}

#footer {
	width: 100%;
	background-color: #111;
	color: #fff;
	float: left !important;
	padding-bottom: 20px;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px !important;
	padding-bottom: 5px;
	border-bottom: 2px solid #111;
}
#footer ul li:hover {
	border-bottom: 2px solid #8e3325;
}
#footer ul li a {
	color: #bfbfbf;
	text-decoration: none;
	font-size: 18px;
}
#footer ul li a:hover {
	color: #fff;
}

#footer h2 {
	margin-top: 20px;
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
	color: #f8f1e1;
}

#footer .social li a {
	display: flex;
	align-items: center;
}

#footer .social li a span {
	margin-left: 10px;
}

#footer p.tagline {
	display: block;
	padding: 40px 0 !important;
	font-size: 0.9em;
	color: white;
}

/* Container
--------------------------------------------- */

.main {
	padding: 0;
	background-image: url("../../media/img/transparent-white.png");
	margin-bottom: 40px;
}

/* Secondary Nav Nav
--------------------------------------------- */

.secondary-nav ul {
	list-style: none;
	color: #8e3325;
}

.secondary-nav ul li a {
	color: #8e3325 !important;
	text-decoration: none;
}
.secondary-nav ul li {
	padding: 8px 10px;
	font-size: 16px;
	font-weight: 700;
}

.secondary-nav ul li span {
	float: right;
}

.secondary-nav ul li:hover {
	background-color: #8e3325;
	color: #dfd7c4;
}

.secondary-nav ul li:hover a {
	color: #dfd7c4 !important;
}

.email-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #5c4d36;
	margin: 30px;
	padding: 15px 30px;
	box-sizing: border-box;
}

.email-block h3 {
	color: white;
	font-size: 30px;
	font-family: "droid-sans", sans-serif;
	letter-spacing: 1px;
	margin-left: 20px !important;
}

.email-block span {
	color: white;
	font-family: "kremlin-pro-web";
	font-size: 60px;
}

.email-signup {
	flex: 1;
}

.email-signup form {
	display: flex;
	justify-content: center;
	align-items: center;
}
.email-signup label {
	color: white;
	font-family: "droid-sans", sans-serif;
	font-size: 20px;
	margin: 0 10px;
}
.email-signup input {
	text-align: center;
	font-size: 1.1em;
	width: 200px;
	height: 40px;
}

.email-signup button,
.email-signup input.button {
	color: #fff;
	background-color: #8e3325;
	font-size: 20px;
	font-family: "droid-sans" sans-serif;
	text-decoration: none;
	padding: 9px 12px;
	border: none;
	width: 120px;
	margin-left: 10px;
}
/* ------------------------------------------------------------------------------------------
Layout Specific styles 
------------------------------------------------------------------------------------------ */

/* Home
--------------------------------------------- */

/* Call To Action
-----------------------------*/

.cta {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #993b29;
	margin-top: 300px;
	margin-bottom: 30px;
	padding: 15px;
	box-sizing: border-box;
}

.cta h2 {
	color: #fff;
	font-family: "droid-sans", sans-serif;
	font-weight: 400;
	font-size: 26px !important;
}

.cta h3 {
	color: #f8f1e1 !important;
	padding: 0px;
	font-family: "kremlin-pro-web";
	font-weight: 400 !important;
	font-size: 46px !important;
	text-shadow: 3px 3px 5px #333 !important;
}

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

.cta .search {
	background-color: #423c3a;
	margin: 0;
	padding: 5px;
}

form#search-ask {
	display: flex;
}

.cta .search .button {
	color: #fff;
	text-decoration: none;
	background-color: #8e3325;
	padding: 9px 12px 9px 12px;
	font-size: 16px;
	border: none !important;
}

.cta .search input {
	height: 35px;
	width: 200px;
	border: none;
	font-size: 16px;
	padding: 5px 15px;
}

/* Intro
-----------------------------*/

.intro {
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
	width: 100%;
	box-sizing: border-box;
}

.intro .first {
	background-color: #f8f1e1;
	flex: 0 0 30%;
	box-sizing: border-box;
	margin: 0;
}

.intro .last {
	background-color: #e9e5db;
	flex: 0 0 70%;
	box-sizing: border-box;
	margin: 0;
}

.home-row {
	display: flex;
}

.intro .last img {
	width: 245px !important;
}

.intro .last #judy-intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0 15px;
}

.intro .last #judy-intro p:last-child {
	text-align: right;
	margin-right: 20px;
}

.intro .last p:first-child {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: #444;
}

.intro .last p {
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	color: #8e3325;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.intro .last span {
	display: block;
	color: #000;
	font-size: 10px;
	margin-left: 10px;
}

.sub .intro .one_third.first {
	background-color: #d5cec1;
}

.sub .intro .two_third.last {
	margin: 0px !important;
	width: 66%;
	min-height: 245px;
}

.sub-heading h3 {
	color: #444;
	font-size: 35px;
	clear: both;
}

.sub-heading p {
	color: #444 !important;
	font-style: normal !important;
	font-size: 17px !important;
	margin-bottom: 20px !important;
	margin-top: 0px !important;
	margin-left: 20px;
	margin-right: 20px;
	float: none !important;
}

.sub-heading p.cta-question {
	float: none !important;
	text-align: center;
}

.sub-heading p a.button {
	color: #fff;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #8e3325;
	padding: 10px 15px 10px 15px;
	font-size: 25px;
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
}

/* Events
-----------------------------*/
.events {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
.events-title {
	margin-left: 20px;
	margin-top: 20px;
	width: 50%;
	clear: both !important;
	float: left;
}

.events .first {
	margin-left: 0px !important;
	margin-right: 10px !important;
	clear: both !important;
}
.events .last {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.events-nav {
	width: 42%;
	margin: 47px 20px 0 0;
	text-align: right;
	font-size: 16px;
	float: right;
}

.events-nav a {
	text-decoration: none;
	color: #000;
	font-size: 18px;
}

.update {
	margin-top: 20px;
}
.update .date {
	background-color: #5c4d36;
	float: left;
	color: #f8f1e1;
	padding: 20px;
	text-align: center;
	/*width: 56px;*/
}

.date h3 span {
	margin-top: 20px;
	display: inline-block;
}

.update .date h2,
.date h3,
.date h4,
.date h5 {
	font-family: "droid-sans" sans-serif;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding: 0px;
	color: #f8f1e1;
	margin-top: 5px;
}
.date h5 {
	font-size: 15px;
	margin-top: 10px;
}

.date h2,
.date h4 {
	font-size: 24px;
}

.update .date h3 {
	font-size: 50px !important;
	padding: 0 !important;
	line-height: 32px;
	color: #f8f1e1;
}

.update .desc {
	background-color: #f8f1e1;
	border-right: 20px solid #5c4d36;
	height: 100%;
	width: 360px;
	min-height: 143px;
	display: block;
	float: left;
}

.update .desc ul {
	margin: 0 0 0 40px;
}

.four_fifth .update .desc {
	width: 85% !important;
	margin-bottom: 30px;
}

.four_fifth .post .update .desc {
	margin-top: 0px;
}
.post.doc .desc {
	float: left;
	margin-top: -120px;
	margin-bottom: 40px;
}
.update .desc p {
	padding: 0 20px 20px 20px;

	line-height: 21px;
}

.events {
	margin-left: 20px;
	display: block;
}

/* Breadcrumb View
-----------------------*/
.cta-bc {
	margin-top: 300px;
}

.bc {
	margin-top: -300px;
}

.breadcrumbs {
	width: 96%;
	margin: 0px 2% 30px;
}
.breadcrumbs ul {
	padding: 0 10px;
}

.breadcrumbs ul li {
	list-style: none;
	display: inline-block;
	padding: 10px 0 10px 5px;
}

.breadcrumbs ul li a {
	font-family: "droid-sans" sans-serif;
	margin-right: 5px;
	font-size: 14px;
	color: #8e3325;
}

.breadcrumbs ul li:last-child a {
	font-weight: bold;
}

/* Single Content 
-----------------------*/

.single-content {
	margin: 0px 2% 50px;
	width: 96%;
	padding: 0 0 40px 0;
}
.single-content h3 {
	color: #444;
}
.single-content p {
	margin: 0px 20px 30px;
}
.single-content ol {
	margin-left: 40px;
	margin-bottom: 40px;
}

.single-content li {
	margin-bottom: 10px;
}

/* Contact Us 
-----------------------*/
form.contact {
	width: 600px;
	margin: 0px auto;
	padding: 0 0 40px 0px;
}

.contact h2 {
	margin-bottom: 40px !important;
}

/* Search 
-----------------------*/

.related-staff h3 {
	color: #444;
	padding-top: 5px;
}
.related-staff .info {
	background-color: #d5cec1;
	padding-top: 20px;
	margin-top: -5px;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
.info p.name {
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 15px;
}
.info p.desc {
	font-size: 15px;
	margin-left: 20px;
	margin-bottom: 0px;
}
p.c-info {
	margin-left: 20px;
}
.c-info i {
	display: inline-block;
	position: relative;
	top: 5px;
}
a.email {
	font-size: 0.85em;
}
p.more-info {
	text-align: center;
	font-size: 20px;
}
h3.phone-number {
	text-align: center;
	color: #444;
}

.phone-number {
	font-size: 27px;
}

.result {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.result h2 {
	font-family: "droid-serif" sans-serif;
	color: #444;
	font-size: 36px;
	margin-top: 0px;
}

.result h2 i {
	display: inline-block;
	position: relative;
	top: px;
	font-size: 23px;
}

.result p {
	width: 70%;
	float: left;
}

.result a.button {
	color: #fff;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #8e3325;
	padding: 9px 12px 9px 12px;
	display: inline;
	font-size: 25px;
	float: right;
	margin-top: 10px;
}

/* About 
------------------*/

.about .sub-heading h3 {
	font-size: 38px;
}

.about .related-staff {
	margin-right: 0px !important;
}

.about .related-staff .info {
	background-color: #d5cec1;
	margin-bottom: 0px;
}

.about .two_third {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 66%;
	min-height: 406px;
}

.about p.phone {
	float: left !important;
	font-size: 30px !important;
	margin-top: 40px !important;
}
.about p.phone span {
	font-size: 30px !important;
	margin-top: 40px !important;
	display: inline;
	text-decoration: none;
}
.bg-brown .related-staff {
	margin-bottom: 50px;
}

.bg-brown .related-staff.last {
	margin-left: 4.2%;
}
.bg-brown .related-staff.first {
	margin-right: 8.3%;
}
a.overlay {
	display: none;
	width: 100%;
	height: 270px !important;
	margin-top: -274px;
	background: url("../../media/img/header-bg.png") !important;
	z-index: 1;
	position: relative;
	margin-bottom: 4px;
}
.overlay i {
	font-size: 100px;
	color: white;
	padding: 80px 0 0 90px;
	display: block;
}
.bg-brown .related-staff:hover .overlay {
	display: block !important;
}

.ui-modal {
	max-width: 800px;
}

.ui-modal .one_half.first {
	width: 40%;
	margin-top: 30px;
}

.ui-modal .one_half.last {
	margin-left: 20px;
	margin-top: 30px;
}

.ui-modal .one_half.last ul li {
	margin-bottom: 10px;
	font-size: 20px !important;
}

.ui-modal .info p {
	margin-left: 0px !important;
}

.ui-modal p.name {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* FAQs
----------------*/
#faq {
	clear: both;
	padding-top: 30px;
}

.question {
	clear: both;
	width: 96%;
	margin: 0 2%;
	padding: 20px 0;
	float: left;
	border-bottom: 1px solid #d5cec1;
}
.question.active,
.question:hover {
	background-color: #e9e5db;
}

.question:hover {
	cursor: pointer;
}

.answer {
	margin-left: 90px;
}

.question i {
	float: left;
	margin-left: 20px;
	font-size: 40px;
	color: #8e3325;
}

.question p.title {
	font-size: 25px;
	margin-left: 90px;
	margin-top: 10px;
	color: #8e3325;
}

.question .button {
	color: #fff;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #8e3325;
	padding: 9px 12px 9px 12px;
	display: inline;
	font-size: 25px;
	float: left;
	margin-top: 10px;
}

/* Events / Updates
--------------------*/

.filter ul li {
	list-style: none !important;
	margin-left: 20px;
	margin-bottom: 10px;
}
.events .post {
	margin-bottom: 40px;
}
.events .four_fifth {
	margin-right: 0px;
}
.events img {
	width: 50%;
	padding: 10px;
	background: white;
	box-shadow: 0px 3px 5px #444;
	margin-left: 20px;
}
.desc a.button {
	color: #fff;
	text-decoration: none;
	font-family: "droid-sans" sans-serif;
	background-color: #8e3325;
	padding: 9px 12px 9px 12px;
	display: block;
	font-size: 25px;
	float: left;
	margin: 20px;
}
.paginate a {
	margin: 0 5px;
}

/* Locations
----------------------*/

hr {
	color: #e0e0e0;
	background-color: #e0e0e0;
	border: none;
	height: 1px;
}

.pull-up {
	margin-top: -300px;
}

.locations-list {
	height: 600px;
	overflow-y: auto;
	border-right: 1px solid #e0e0e0 !important;
}

@media screen and (max-width: 991px) {
	.locations-list {
		width: 100%;
		border: 1px solid #e0e0e0 !important;
	}
}

.locations > li {
	padding: 20px;
}

.locations li span {
	float: left;
	font-size: 30px;
}

.locations li ul {
	margin-left: 40px;
}

.map {
	display: block;
	margin: 0 auto;
}

.map-test {
	width: 60%;
	float: right;
}

.map-item {
	width: 600px;
	height: 600px;
	position: relative;
	overflow: hidden;
}

/* Gallery 
------------------*/
div.home-gallery {
	position: absolute;
	top: 120px;
	width: 100%;
	height: 300px;
}
.home-gallery a {
	position: relative;
	display: block;
	filter: alpha(opacity=0) / 9;
	color: transparent;
	width: 100% !important;
	height: 200px !important;
	text-align: center;
	padding: 100px 0 0 0;
	font-size: 2em;
}
.home-gallery a:hover {
	color: white !important;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=000000)\9;
	-webkit-transition: all 400ms linear 0ms;
	-moz-transition: all 400ms linear 0ms;
	-o-transition: all 400ms linear 0ms;
	-ms-transition: all 400ms linear 0ms;
	transition: all 400ms linear 0ms;
}

.gallery {
	margin-bottom: 40px;
}
.gallery img {
	width: 100% !important;
	border: 10px solid #fff;
	box-shadow: 0px 2px 5px #444;
}

/* Election / Voting Results
--------------------------------------------- */
.cards-container {
	display: flex;
	flex-wrap: wrap;
}

.cards-container .card {
	margin: 10px;
	padding-bottom: 43px;
	position: relative;
	flex: 0 0 calc(50% - 20px);
}

.cards-container .card-button {
	color: #fff;
	background-color: #903b2e;
	font-size: 20px;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	height: 43px;
	width: 100%;
	padding: 10px;
}

.election-wrapper {
	background-color: #d5cec1;
	clear: both;
	padding: 15px;
	margin: 20px;
}
.election-wrapper h3 {
	background-color: #903b2e;
	color: #fff;
	margin: 0;
	/*border-left: 8px solid #5D4D36;*/
}
.election-wrapper .election-title {
	margin-bottom: -35px !important;
	margin-top: 25px;
	background-color: #e9e5db;
	padding-top: 15px;
}
.voting-results {
	background-color: #e9e5db;
	box-sizing: border-box;
	float: none;
	margin: 20px 0;
	display: block;
	padding: 20px;
	width: 100%;
}

.voting-results .voting-results-title {
	background-color: #d5cec1;
	border-left: 40px solid #5c4d36;
	min-height: 60px;
}

.voting-results .voting-results-question {
	background-color: #fff;
	height: 100%;
	padding: 20px 30px 20px 70px;
	margin-top: 6px;
}

.voting-results .voting-results-question p {
	vertical-align: middle;
	margin: 0;
}

.voting-results .voting-results-title h3 {
	margin: 0;
	font-family: "droid-sans", sans-serif !important;
}

.voting-results .voting-results-item {
	background-color: #fff;
	width: 100%;
	height: 60px;
	margin: 6px 0 0 0;
}
.voting-results .voting-c {
	background-color: #fff;
	margin: 6px 18px 0 0;
	padding: 10px;
}
.voting-results .voting-c.one_half {
	width: 431px !important;
}
.voting-results .voting-c li {
	display: block;
}
.voting-results .voting-c li.name {
	font-weight: 800;
}

.voting-results .voting-results-item .photo,
.name,
.party-name,
.vote-count,
.percentage,
.status-bar {
	display: inline;
	font-family: "droid-sans", sans-serif !important;
	vertical-align: middle;
}

.voting-results .voting-results-item .photo {
	width: 40px;
	height: 60px;
	background-size: cover;
	background-position-x: center;
	background-position-y: top;
	display: inline-block;
}

.voting-results .voting-results-item .name {
	margin-left: 30px;
	font-weight: bold;
	display: inline-block;
	width: 20%;
}

.voting-results .voting-results-item .party-name {
	display: inline-block;
	width: 15%;
}

.voting-results .voting-results-item .vote-count {
	display: inline-block;
	width: 15%;
}

.voting-results .voting-results-item .percentage {
	display: inline-block;
	font-weight: bold;
}

.voting-results .voting-results-item .status-bar {
	background-color: #efe9df;
	width: 300px;
	height: 100%;
	display: inline-block;
	float: right;
}

.voting-results .voting-results-item .status-bar > span {
	position: relative;
	height: 100%;
	float: left;
}

.voting-results .voting-results-item .status-bar > span.green {
	background-color: #2d7635;
	/*background-color: #d5cec1;*/
}

.voting-results .voting-results-item .status-bar > span.yellow {
	background-color: #e4a122;
	/*background-color: #d5cec1;*/
}

.voting-results .voting-results-item .status-bar > span.red {
	background-color: #92111d;
	/*background-color: #d5cec1;*/
}

/* Voting Listing */

.voting-list {
	background-color: #fff;
	padding: 20px 30px 20px 70px;
	margin-top: 6px;
	display: inline-block !important;
	width: 89.25% !important;
}
.voting-list ul {
	display: inline-block;
	width: 45%;
	margin-bottom: 20px;
}
.voting-list ul:nth-of-type(2n + 1) {
	clear: both;
}
.voting-list li.name {
	font-weight: 600;
}
.voting-list p.label {
	font-weight: 600;
}

/* Easy Slider */

#slider ul,
#slider li,
#slider2 ul,
#slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider2 {
	margin-top: 1em;
}
#slider li,
#slider2 li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
			*/
	width: 696px;
	height: 241px;
	overflow: hidden;
}
#prevBtn,
#nextBtn,
#slider1next,
#slider1prev {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 71px;
	z-index: 1000;
}
#nextBtn,
#slider1next {
	left: 696px;
}
#prevBtn a,
#nextBtn a,
#slider1next a,
#slider1prev a {
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a,
#slider1next a {
	background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls {
	margin: 1em 0;
	padding: 0;
	height: 28px;
}
ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
}
ol#controls li a {
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #daf3f8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
}
ol#controls li.current a {
	background: #5dc9e1;
	color: #fff;
}
ol#controls li a:focus,
#prevBtn a:focus,
#nextBtn a:focus {
	outline: none;
}

/* // Easy Slider */

/**
* Added 8.4.2014 by Midwestern Interactive @ryandoss
==================================================== */
.results-container {
	overflow: scroll;
	height: 375px;
}

.precinct-reports {
	background-color: #e9e5db;
	float: left;
	width: 92%;
	margin: 20px 2% 0 2%;
	display: block;
	padding: 20px;
	margin-bottom: -300px;
}
.precinct-reports .report-title {
	margin-bottom: 8px;
	background-color: #d5cec1;
	border-left: 40px solid #5c4d36;
	min-height: 60px;
}
.precinct-reports .report-title h3 {
	font-family: "droid-sans", sans-serif !important;
}
.report-list div {
	font-family: "droid-sans", sans-serif !important;
	font-size: 18px;
	padding: 5px 10px;
	background-color: #fff;
	margin: 0 0 4px 0;
	float: left;
	width: 29%;
	margin: 2px 1%;
}
.report-list div span {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: inline-block;
	box-shadow: inset 0px 0px 0px 3px #fff;
}
.report-list div span.red {
	border: 1px solid #8e3325;
}
.report-list div span.red.select {
	background-color: #8e3325;
}
.report-list div span.green {
	border: 1px solid #6d8e25;
	margin: 0px 4px 0 6px;
}
.report-list div span.green.select {
	background-color: #6d8e25;
}

.videodiv iframe {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 7%);
}

/**
* Added 5.20.2020 by Midwestern Interactive @calebkelly
==================================================== */

.staff-container {
	display: flex;
	flex-wrap: wrap;
}

.staff-container .staff-item {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	margin: 10px;
	flex: 0 0 calc(33% - 20px);
}

.staff-container .staff-item .staff-image-container {
	width: 100%;
	height: auto;
}

.staff-container .staff-item .staff-image-container .staff-image {
	height: 310px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.staff-container
	.staff-item
	.staff-image-container
	.staff-image
	.staff-image-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	display: flex;
}

.staff-container
	.staff-item
	.staff-image-container
	.staff-image
	.staff-image-overlay:hover {
	opacity: 1;
}

.staff-container
	.staff-item
	.staff-image-container
	.staff-image
	.staff-image-overlay
	i {
	font-size: 4rem;
	margin: auto;
	color: white;
}

.staff-container .staff-item .staff-content {
	background-color: #d5cec1;
	color: #444;
	padding: 0 20px;
	height: 150px;
}

.staff-container .staff-item .staff-content .staff-name {
	margin-bottom: 0;
	padding-top: 10px;
	font-family: "droid-sans";
	font-weight: 600;
}

.staff-container .staff-item .staff-content .staff-email {
	position: absolute;
	bottom: 0;
}

.mwi-homepage-vote {
	width: 96%;
	margin: 20px auto;
}

/* Media Queries */

@media screen and (max-width: 991px) {
	/* Staff */
	.staff-container .staff-item {
		flex: 0 0 calc(50% - 20px);
	}
}

@media screen and (max-width: 767px) {
	/* CTA */
	.cta {
		flex-direction: column;
	}
	/* Intro */
	.intro .first {
		width: 100%;
		flex: 0 0 100%;
	}
	.home-row {
		flex-direction: column;
	}
	.intro .last {
		width: 100%;
		flex: 0 0 100%;
	}
	.intro .last #judy-intro p:first-child {
		margin: 0;
	}
	/* Email Block */
	.email-signup form {
		flex-direction: column;
	}
	.email-signup label {
		margin: 0;
	}
	.email-signup input {
		margin: 10px 0;
	}
	.email-signup button,
	.email-signup input.button {
		margin: 0;
	}
	/* Cards */
	.cards-container .card {
		flex: 0 0 calc(100% - 20px);
	}
	/* Staff */
	.staff-container .staff-item {
		flex: 0 0 calc(100% - 20px);
	}
	/* Footer */
	.footer_wrapper {
		flex-direction: column;
	}
}

@media screen and (max-width: 991px) {
		.precincts-container {
		display: flex;
		flex-flow: column-reverse wrap;
		justify-content: space-evenly;
	}

	.map-test {
		width: 100%;
		margin-bottom: 50px;
	}

	.map-item {
		width: 100%;
		height: 600px;
		position: relative;
		overflow: hidden;
	}
}