/*
Theme Name: McCall Theme
Author: Tim Zook
Author URI: http://zookatron.com/
Description: Custom Wordpress theme for Matt McCall's campaign website.
Version: 1.0.0
*/



/*----------------------------------------------------------------------*/
/*---------------------- Reset default browser CSS ---------------------*/
/*----------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* focus styles are important */
:focus {
	outline: 0;
}

body {
	background: #003C60;
	line-height: 1;
	padding: 0;
    min-width: 1000px;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

article, footer, header, hgroup, menu, nav, section {
	display: block;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em
}

hr {
	clear: both;
}

p {
	margin-bottom: 1em;
	line-height: 1.6em;
}

ul, ol {
	margin: 0 0 1.6em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

li {
	line-height: 1.5em;
}

strong {
	font-weight:bold;
}

cite, em, i {
	font-style: italic;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

a img {
	border: 0;
}

a {
	text-decoration: underline;
	color: #9f1c1f;
}

a:active, a:hover, a:focus {
	text-decoration: underline;
}

body, input, textarea
{
	color: #252525;
	font-size: 15px;
	font-family: Arial, sans-serif;
}

.clear {
    width: 100%;
    display: block;
    clear: both;
}

::-webkit-input-placeholder {
    color: #303030;
}
:-moz-placeholder {
    color: #303030;
}
::-moz-placeholder {
    color: #303030;
}
:-ms-input-placeholder {
    color: #303030;
}





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

header.site-header
{
	background: url('images/bg-header.png');
	height: 180px;
    padding-top: 15px;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.1);
}

header.site-header .site-header-inner
{
	margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	position: relative;
}

header.site-header .site-logo
{
	display: block;
	width: 250px;
	height: 159px;
	background: url('images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
}

header.site-header .share
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 18px;
}

header.site-header .site-description
{
	font-size: 12px;
	display: block;
	padding: 10px;
	padding-left: 30px;
	padding-top: 0px;
}

header.site-header .site-title a
{
	clear: both;
	color: #111;
	font-size: 30px;
}

header.site-header .site-title a:hover,
header.site-header .site-title a:focus,
header.site-header .site-title a:active
{
	text-decoration: none;
}





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

footer.site-footer
{
	clear: both;
	max-width: 970px;
	margin: 0 auto;
	padding: 30px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	background: transparent;
	color: white;
}

footer.site-footer a
{
	text-decoration: none;
	color: #7f7f7f;
	margin: 0 auto;
}

footer.site-footer .address {
	font-size: 12px;
	line-height: 16px;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
    width: 30%;
}

footer.site-footer .address h2 {
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

footer.site-footer .site-disclaimer {
	float: left;
	background: url('images/disclaimer.png') center center no-repeat;
    width: 40%;
	height: 37px;
}

footer.site-footer .site-signature {
	font-size: 12px;
	float: right;
    width: 30%;
	text-align: center;
}

footer.site-footer .site-signature .vicimedia-logo {
	background: url('images/vicimedia.png');
	width: 85px;
	height: 22px;
	display: inline-block;
	margin-top: 5px;
}




/*----------------------------------------------------------------------*/
/*-------------------------- Main Menu Styling -------------------------*/
/*----------------------------------------------------------------------*/
.nav-bar {
    height: 40px;
    background: #9f1c1f;
    width: 100%;
    display: block;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.1);
}

.nav-bar .mobile-menu-toggle {
    display: none;
    width: 50px;
    height: 40px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 41px;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 33px;
    background: url(images/menu.png) center left no-repeat;
    background-size: 23px auto;
}
.nav-bar .mobile-menu-toggle:hover {
    cursor: pointer;
}

.nav-bar .mobile-site-menu {
    display: none;
    width: 100%;
    padding: 0 20px;
    padding-bottom: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.nav-bar .mobile-site-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-bar .mobile-site-menu ul ul.sub-menu li:first-child {
    display: none;
}

.nav-bar .mobile-site-menu ul li a {
    display: block;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
}

.nav-bar nav.site-menu
{
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    height: 40px;
}

.nav-bar nav.site-menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.nav-bar nav.site-menu li
{
	float: left;
	position: relative;
}

.nav-bar nav.site-menu a
{
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	height: 40px;
    line-height: 40px;
	color: #ffffff;
	margin-right: 30px;
    margin-left: 30px;
	text-decoration: none;
    padding-right: 8px;

}

.nav-bar nav.site-menu a:hover {
	text-decoration: none;
}

.nav-bar nav.site-menu li.menu-item-has-children > a
{
    background: url(images/downarrow.png) right 21px no-repeat
}


.nav-bar nav.site-menu ul ul
{
	background: #9F1C1F;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	width: 98px;
	z-index: 99999;
	padding-top: 3px;
	padding-bottom: 8px;
    left: 20px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;

	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.nav-bar nav.site-menu ul ul a
{
	background: none;
	font-size: 12px;
	width: 98px;
	height: 21px;
    line-height: 21px;
	padding-top: 5px;
	color: white;
	text-align: center;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    margin: 0;
}

.nav-bar nav.site-menu ul ul a:hover {
	text-decoration: underline;
	background: none;
}

.nav-bar nav.site-menu ul li:hover > ul
{
	display: block;
}





/*----------------------------------------------------------------------*/
/*--------------------------- General Styling --------------------------*/
/*----------------------------------------------------------------------*/

.page
{
	margin: 0 auto;
	background: #003C60 url(images/bg.jpg) center 205px no-repeat;
    background-size: 100%;
}


.home .page {
    background: url(images/homebg.png) center 205px no-repeat;
    background-size: 100%;
}

.main
{
	clear: both;
    max-width: 1000px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin: 0 auto;
}

.container
{
    max-width: 960px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin-top: 20px;
	border-radius: 25px 25px 20px 20px;
	-moz-border-radius: 25px 25px 20px 20px;
	-webkit-border-radius: 25px 25px 20px 20px;
	background: white;
	-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
}

/*Content*/

.content
{
	padding: 30px 30px 0 30px;
	width: 580px;
	float: left;
}

.page-header
{
	padding-top: 30px;
	padding-bottom: 45px;
	padding-left: 30px;
	min-height: 40px;

	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;

	background: #9F1C1F url('images/swish.png') 0px bottom no-repeat;
}

.page-title
{
	color: white;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 28px;
}

.page-title .small
{
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 15px;
	vertical-align: 3px;
}

.page-title a
{
	color: white;
	text-decoration: none;
}

.page-title a:hover
{
	text-decoration: underline;
}

body.page .entry-content .wp-post-image {
	float: right;
	padding-left: 14px;
	padding-bottom: 9px;
}



.content article {
	padding: 30px 0px 30px 0px;
	border-top: 1px solid #e5e5e5;
}

.content article:first-of-type {
	border: none;
	padding: 0px 0px 30px 0px;
}

.entry-thumbnail
{
	float: left;
	width: 170px;
	height: 170px;
	margin-right: 30px;
	background: url("images/default.png");
}

.entry-header
{
	overflow: hidden;
}

.entry-header .entry-title
{
	display: block;
	padding-bottom: 17px;

	color: #252525;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 22px;
}

.entry-header .entry-title a
{
	color: #252525;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 22px;
}

.entry-header .entry-title a:hover
{
	text-decoration: underline;
}

.entry-header .entry-meta
{
	display: block;
	padding-bottom: 14px;
	font-size: 14px;
}

.entry-header .entry-meta .entry-share
{
	float: left;
}

.entry-header .entry-content
{
	padding-top: 0px;
	clear: none;
}

.entry-header p
{
	margin: 0px;
	line-height: 1.4;
}

.entry-content
{
	padding-bottom: 15px;
	clear: both;
}

.single-post .entry-content
{
	padding-top: 15px;
}

.entry-content h1,
.entry-content h2
{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}


/*Links*/

.edit-link a
{
	float: right;
	padding: 0 8px;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link
{
	margin: 1.625em 0 0;
}

.post-password-required input[type=password]
{
	margin: 0.8125em 0;
}

/*Format featured images in pages and singles*/
.entry-image img {
	float: left;
	clear: none;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly */
img[class*="align"],
img[class*="wp-image-"] {
	height: auto;
}

/* Prevent stretching of full-size images with height and width attributes in IE8 */
img.size-full {
	max-width: 97.5%;
	width: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1em;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0 auto;
	float: none;
	display: block;
}

.big-button, .contactform input[type=submit] {
	height: 27px;
	padding: 10px 18px 0px 18px;
	display: inline-block;
	cursor: pointer;

	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color: white;

	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

input.big-button, .contact-form .contactform input[type=submit] {
	height: 37px;
	padding: 0px 18px 0px 18px;
}

.big-button:hover {
	text-decoration: none;
}

.big-button.red, .contactform input[type=submit] {
	background: #b32126;
	background: -moz-linear-gradient(top,  #d65d63 0%, #b32126 10%, #900d0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d65d63), color-stop(10%,#b32126), color-stop(100%,#900d0f));
	background: -webkit-linear-gradient(top,  #d65d63 0%,#b32126 10%,#900d0f 100%);
	background: -o-linear-gradient(top,  #d65d63 0%,#b32126 10%,#900d0f 100%);
	background: -ms-linear-gradient(top,  #d65d63 0%,#b32126 10%,#900d0f 100%);
	background: linear-gradient(to bottom,  #d65d63 0%,#b32126 10%,#900d0f 100%);
}

.big-button.red:hover {
	background: #8f0c0e;
	background: -moz-linear-gradient(top,  #8f0c0e 0%, #b42327 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f0c0e), color-stop(100%,#b42327));
	background: -webkit-linear-gradient(top,  #8f0c0e 0%,#b42327 100%);
	background: -o-linear-gradient(top,  #8f0c0e 0%,#b42327 100%);
	background: -ms-linear-gradient(top,  #8f0c0e 0%,#b42327 100%);
	background: linear-gradient(to bottom,  #8f0c0e 0%,#b42327 100%);
}

.big-button.blue {
	background: #007796;
	background: -moz-linear-gradient(top,  #007796 0%, #005275 10%, #002b4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007796), color-stop(10%,#005275), color-stop(100%,#002b4a));
	background: -webkit-linear-gradient(top,  #007796 0%,#005275 10%,#002b4a 100%);
	background: -o-linear-gradient(top,  #007796 0%,#005275 10%,#002b4a 100%);
	background: -ms-linear-gradient(top,  #007796 0%,#005275 10%,#002b4a 100%);
	background: linear-gradient(to bottom,  #007796 0%,#005275 10%,#002b4a 100%);
}

.big-button.blue:hover {
	background: #002b49;
	background: -moz-linear-gradient(top,  #002b49 0%, #005476 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002b49), color-stop(100%,#005476));
	background: -webkit-linear-gradient(top,  #002b49 0%,#005476 100%);
	background: -o-linear-gradient(top,  #002b49 0%,#005476 100%);
	background: -ms-linear-gradient(top,  #002b49 0%,#005476 100%);
	background: linear-gradient(to bottom,  #002b49 0%,#005476 100%);
}

.content-title
{
	padding: 0px;
	padding-bottom: 30px;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 28px;
}

.rss-subscribe {
	position: absolute;
	top: -15px;

	font-weight: normal;
	background: url("images/rss-small.png") right bottom no-repeat;
	padding-top: 5px;
	margin-right: 5px;
	padding-right: 25px;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: black;
	text-decoration: none;
}

.home .rss-subscribe {
	float: right;
	position: relative;
	top: 0px;
}

.rss-subscribe-container {
	position: relative;
	padding: 0px 30px 0px 30px;
}

.share-this {
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.share-this p {
	display: inline;
	margin-bottom: 0;
	line-height: 1;
}

.prev-post {
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
}

.next-post {
	float: right;
	margin-top: 10px;
	margin-bottom: 15px;
}



/*----------------------------------------------------------------------*/
/*-------------------------- Home Page Styling -------------------------*/
/*----------------------------------------------------------------------*/

.home .hello
{
	height: 485px;
	overflow: hidden;
	position: relative;
}

.home .hello .info
{
	float: right;
	max-width: 460px;
    width: 100%;
	height: 430px;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	padding-top: 55px;
    color: #003c60;
}

.home .hello .info h1
{
	font-size: 45px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.home .hello .info h2
{
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.home .hello .info p
{
	font-size: 15px;
	margin-top: 22px;
	margin-bottom: 40px;
}

.home .hello .info .updates h2
{
	padding-bottom: 10px;
}

.home .hello .info .updates .subscribe_form input.subscribe_email
{
	width: 245px;
}

.home .hello .info .updates .subscribe_form input.subscribe_zip
{
	width: 80px;
}

.home .hello .info .updates .subscribe {
	position: relative;
}

.home .hello .info .updates .subscribe .subscribeerrors {
	position: absolute;
	top: 44px;
	width: 100%;
}

.home .hello .info .contribute
{
	margin-top: 20px;
}

.home .hello .info .contribute .contrib-box
{
	background: url('images/contribute.png');
	width: 87px;
	height: 49px;
	padding-top: 7px;
	margin-top: 15px;
	margin-right: 6px;
	float: left;
	cursor: pointer;

	font-size: 32px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	text-align: center;
	color: white;
	text-decoration: none;
}

.home .hello .info .contribute .contrib-box:hover
{
	text-decoration: none;
	background: url('images/contribute_hover.png');
}

.home .hello .info .contribute .contrib-box .dollar
{
	font-size: 15px;
	vertical-align: super;
	margin-left: -11px;
}

.home .hello .info .contribute .contrib-box.other
{
	height: 43px;
	padding-top: 13px;
	font-size: 20px;
	margin-right: 0px;
}

.home .hello .info .contribute .contrib-box.other .other
{
	margin-left: -5px;
}

.home .page-header
{
	padding: 0px;
	max-width: 960px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	height: 262px;
	color: white;

	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;

	background: url('images/swish_big.png') no-repeat;
}

.home .page-header > div {
	width: 260px;
	padding: 20px 30px;
	text-align: center;
	float: left;
}

.home .page-header h2 {
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	padding-left: 0px;
	padding-bottom: 7px;
	padding-top: 7px;
	display: inline-block;
}


.home .page-header .connect .counters {
	padding: 0px 10px 0px 10px;
	margin-top: 2px;
}

.home .page-header .endorsements-slider {
	margin-top: 14px;
	margin-bottom: 9px;
}

.home .page-header .volunteer .image {
	background: url('images/volunteer.png') no-repeat;
	width: 261px;
	height: 81px;

	margin-top: 20px;
	margin-bottom: 17px;
}

.home .container
{
	margin-top: 0px;
}

.home .content
{
    max-width: 900px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.home .content .more-posts
{
	float: right;
	margin-bottom: 18px;
}



/*----------------------------------------------------------------------*/
/*--------------------------- Sidebar Styling --------------------------*/
/*----------------------------------------------------------------------*/

.main-sidebar
{
	float: right;
	padding-right: 25px;
	width: 294px;
	border-left: 1px solid #E5E5E5;
	margin-top: 30px;
	margin-bottom: 15px;
}

.main-sidebar aside
{
	padding: 20px 0px 20px 20px;
	border-top: 1px solid #E5E5E5;
}

.main-sidebar aside:first-of-type
{
	padding-top: 0px;
	border: none;
}

.main-sidebar aside h2
{
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	padding-bottom: 7px;
	text-align: left;
}

.main-sidebar aside.endorsements h2 {
	
}

.main-sidebar aside.connect h2 {
}

.main-sidebar aside.volunteer h2 {
}

.main-sidebar .updates-contribute .subscribe {
	margin-top: 1px;
	margin-bottom: 15px;
}

.subscribe .subscribe_form input[type="text"]
{
	height: 35px;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	padding-left: 8px;
	border: 1px solid #939494;
	margin-right: 5px;
	margin-bottom: 5px;
}

.subscribe .subscribeerrors {
	display: none;
	text-align: center;
	width: 248px;
	margin: 10px auto;
	padding: 7px 10px;
	border: 1px solid #C00;
	background: #FFEBE8;
	color: black;
	font-size: 15px;
}

.subscribe .subscribeerrors-header {
	font-weight: bold;
}

.subscribe .thankyou {
	margin-top: 10px;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	display: none;
	padding: 10px 10px;
}

.main-sidebar .updates-contribute .subscribe_form input.subscribe_email
{
	width: 101px;
}

.main-sidebar .updates-contribute .subscribe_form input.subscribe_zip
{
	width: 38px;
}

.main-sidebar .updates-contribute .contrib-box
{
	background: url('images/contribute_small.png');
	width: 51px;
	height: 31px;
	padding-top: 4px;
	margin-top: 1px;
	margin-right: 4px;
	float: left;
	cursor: pointer;

	font-size: 19px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	text-align: center;
	color: white;
	text-decoration: none;
}

.main-sidebar .updates-contribute .contrib-box:hover
{
	text-decoration: none;
	background: url('images/contribute_small_hover.png');
}

.main-sidebar .updates-contribute .contrib-box .dollar
{
	font-size: 9px;
	vertical-align: super;
	margin-left: -4px;
}

.main-sidebar .updates-contribute .contrib-box.other
{
	width: 51px;
	height: 27px;
	padding-top: 8px;
	font-size: 12px;
	margin-right: 0px;
}

.main-sidebar .updates-contribute .contrib-box.other .other
{
	margin-left: -2px;
}

.main-sidebar .connect .counters {
	padding: 0px 25px 0px 25px;
	margin-top: 15px;
}

.main-sidebar .connect .count {
	font-size: 20px;
	text-shadow: none;
}

.main-sidebar .connect .icon {
	margin-bottom: 5px;
}

.main-sidebar .connect iframe {
	margin-top: 10px;
}

.connect .facebook,
.connect .twitter {
	width: 50%;
	text-align: center;
	float: left;
}

.connect .icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-bottom: 2px;
}

.connect .facebook .icon {
	background: url('images/facebook.png') no-repeat;
}

.connect .twitter .icon {
	background: url('images/twitter.png') no-repeat;
}

.connect .count {
	font-size: 40px;
	line-height: .8;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.connect .facebook .count {
	color: #5e87d7;
}

.connect .twitter .count {
	color: #00d7ff;
}

.connect iframe {
	margin-top: 23px;
}

.main-sidebar .volunteer {
	text-align: center;
}

.main-sidebar .volunteer .image {
	display: inline-block;
	background: url('images/volunteer2.png') no-repeat;
	width: 284px;
	height: 82px;

	margin-top: 10px;
	margin-bottom: 10px;
}

.main-sidebar .endorsements {
	text-align: center;
}

.main-sidebar .endorsements-slider {
	margin-top: 10px;
	margin-bottom: 10px;
}

.endorsements-slider {
	width: 100%;
	height: 95px;
	text-align: center;
}

.endorsements-slider .endorsement {
	display: none;
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 1.5;
	font-style: italic;
	font-family: 'Raleway', sans-serif;
}

.endorsements-slider .endorsement .endorser {
	margin-top: 7px;
	font-weight: bold;
	font-style: normal;
}

.endorsements-slider .endorsement .endorser img {
	vertical-align: middle;
	padding-right: 5px;
}

.endorsements-slider .endorsement .center-outer {
	display: table;
	width: 100%;
	height: 100%;
}

.endorsements-slider .endorsement .center-inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}



/*----------------------------------------------------------------------*/
/*----------------------- Volunteer Page Styling -----------------------*/
/*----------------------------------------------------------------------*/

.page-template-volunteer-php #volunteer_submit {
	margin-top: 10px;
}

.page-template-volunteer-php input[type="text"], .page-template-volunteer-php textarea
{
	height: 35px;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	padding-left: 8px;
	border: 1px solid #939494;
	margin-right: 5px;
	margin-bottom: 5px;
}

.page-template-volunteer-php textarea
{
	padding-top: 6px;
}



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

.entry-content .s
{
	width: 75%;
}





/*----------------------------------------------------------------------*/
/*------------------------- Pagination Styling -------------------------*/
/*----------------------------------------------------------------------*/

.content nav
{
	clear: both;
	overflow: hidden;
	width: 100%;
}

.content nav.pagination-above .previous, .content nav.pagination-below .previous
{
	float: right;
	text-align: right;
	font-size: 18px;
	padding: 0px 0px 15px 0px;
}

.content nav.pagination-above .next, .content nav.pagination-below .next
{
	float: left;
	text-align: left;
	font-size: 18px;
	padding: 0px 0px 15px 0px;
}



/*----------------------------------------------------------------------*/
/*------------------------ Contat Form Styling -------------------------*/
/*----------------------------------------------------------------------*/

.contact-form .contactform .info-left {
	float: left;
	width: 250px;
}

.contact-form .contactform ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.contact-form .contactform .info-bottom {
	width: 100%;
	clear: both;
}

.contact-form .contact-thank-you {
	float: left;
	width: 250px;
	font-size: 18px;
	font-weight: bold;
	padding-right: 15px;
}

.contact-form .contactform label {
	display: block;
	padding-bottom: 3px;
}

.contact-form .contactform label .required {
	color: #9f1c1f;
}

.contact-form .contactform input[type="text"],
.contact-form .contactform textarea {
	width: 100%;
	height: 23px;

	border: 1px solid #939494;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);

	font-size: 14px;

	padding-left: 8px;
	margin-right: 5px;

	margin-right: 5px;
	margin-bottom: 10px;
}

.contact-form .contactform textarea {
	padding-top: 6px;
	width: 400px;
	height: 130px;
}

.contact-form .contact-info {
	width: 260px;
	float: right;
	font-size: 17px;
}

.contact-form .contact-info div {
	padding-bottom: 30px;
}

.contact-form .contact-info div .title {
	color: #9f1c1f;
	font-weight: bold;
	padding-bottom: 3px;
	display: block;
}

.contact-form .contactform .recaptcha {
	margin-bottom: 10px;
}

.contact-form .contact-errors {
	text-align: center;
	width: 195px;
	padding: 7px 10px;
	margin-bottom: 10px;

	border: 1px solid #C00;
	background: #FFEBE8;
	color: black;
	font-size: 15px;
}

.contact-form .contact-errors-header {
	font-weight: bold;
}

.contact-form .recaptchatable #recaptcha_response_field {
	height: auto;
}

@media (min-width: 650px) {
    .nav-bar .mobile-site-menu {
        display: none !important;
    }
}

@media (max-width: 650px) {
    body {
        width: 100%;
        min-width: 320px;
    }

    .home .page {
        background: url(images/homebgmobile.png) center 205px no-repeat;
        background-size: 100% auto;
    }

    .nav-bar {
        height: auto;
    }

    .nav-bar .mobile-menu-toggle {
        display: block;
    }

    .nav-bar nav.site-menu {
        display: none;
    }

    .home .hello {
        padding-top: 180px;
        height: auto;
        padding-bottom: 30px;
    }
    .home .hello .info {
        color: #FFFFFF;
        margin: 0 auto;
        float: none;
        height: auto;
    }
    .home .hello .info h1 {
        text-align: center;
    }

    .home .hello .info .updates .subscribe_form input.subscribe_email, .home .hello .info .updates .subscribe_form input.subscribe_zip {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .big-button.red, .contactform input[type=submit] {
        float: none;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 37px;
        line-height: 22px;
    }

    .home .page-header {
        height: auto;
        background: #9f1c1f;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .home .page-header .volunteer, .home .page-header .connect, .home .page-header .endorsements {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 15px;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .home .page-header .connect {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .home .page-header .volunteer img {
        display: none;
    }
    .home .page-header .endorsements-slider {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .content-title {
        text-align: center;
    }
    .home .rss-subscribe, .rss-subscribe {
        display: none;
    }
    .entry-thumbnail {
        display: none;
    }
    .entry-header .entry-meta .date {
        display: block;
        margin-bottom: 10px;
    }
    .entry-header .entry-meta iframe {
        margin-left: 0px !important;
    }

    .share-this {
        display: none;
    }

    .content {
        width: 100%;
        max-width: 100% !important;
        float: none;
        padding: 0 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .main-sidebar {
        width: 100%;
        float: none;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .main-sidebar aside {
        padding-left: 0px;
    }
    .main-sidebar aside h2 {
        text-align: center;
    }
    .main-sidebar .updates-contribute .subscribe_form input.subscribe_email, .main-sidebar .updates-contribute .subscribe_form input.subscribe_zip {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .volunteer-container {
        max-width: 100% !important;
    }

    #comments {
        display: none;
    }

    .small {
        display: none;
    }

    .container img, .container iframe {
        max-width: 100%;
        height: auto;
    }

    .page-template-volunteer-php input[type="text"], .page-template-volunteer-php textarea, .contact-form .contactform input[type="text"], .contact-form .contactform textarea {
        margin: 0 !important;
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .volunteer-image {
        width: 100% !important;
        float: none !important;
        padding: 20px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: block;
        margin-top: 10px !important;
    }

    .volunteer-text {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 20px;
    }

    .contact-form .contact-info, .contact-form .contactform .info-left {
        float: none;
        width: 100%;
        display: block;
    }

    footer.site-footer .address, footer.site-footer .site-disclaimer, footer.site-footer .site-signature {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

}

@media (max-width: 360px) {
    footer.site-footer .site-disclaimer {
        background-size: 100% auto;
    }
}