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



/*----------------------------------------------------------------------*/
/*---------------------- Reset default browser CSS ---------------------*/
/*----------------------------------------------------------------------*/
html { 
	-webkit-text-size-adjust: none;
}
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: url('images/bg.png');
	line-height: 1;
	padding: 0;
}

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: none;
	color: #9f1c1f;
}

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

a:active, a:hover, a:focus {
	background: none;
}

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






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

header.site-header
{
	background: url('images/bg-blue.png');
	height: 145px;
	color: white;
}

header.site-header .site-header-inner
{
	margin: 0 auto;
	width: 960px;
	height: 118px;
	position: relative;
}

header.site-header .site-logo
{
	display: inline-block;

	width: 308px;
	height: 197px;
	background: url('/wp-content/themes/konniburton/images/Konni-Burton-logo-reelect.png') no-repeat;
	position: absolute;
	left: 0px;
	z-index: 100;
}
header.site-header .banner {
	position: absolute;
	top: 10px;
	left: 304px;
}

header.site-header #subscribe
{
	display: inline-block;
	float: left;
	margin-left: 308px;
	padding-left: 25px;
	padding-top: 62px;
	width: 400px;

	color: white;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5;
}

header.site-header .share-contribute
{
	display: inline-block;
	float: right;
	padding-top: 62px;
}

header.site-header .share-contribute .share {
	color: white;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5;
	padding-bottom: 15px;
	position: absolute;
	right: 0;
	top: 16px;
	width: 112px;
}

header.site-header .share-contribute .contribute .big-button {
	min-width: 150px;
}

.share a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 1px;
	vertical-align: -5px;
}

.share a.facebook {
	background: url('images/facebook.png');
}

.share a.twitter {
	background: url('images/twitter.png');
}

.share a.youtube {
	background: url('images/youtube.png');
}

.share a.rss {
	background: url('images/rss.png');
}

.share a.soundcloud {
	background: url('images/soundcloud.png');
}

.share a.email {
	background: url('images/email.png');
}
header.site-header .contribute a.big-button.red {
	background: #0fc750;
	height: 33px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header.site-header .site-share {
	position: absolute;
	bottom: -63px;
	right: 30px;
	z-index: 100;
}



/*----------------------------------------------------------------------*/
/*-------------------------- Main Menu Styling -------------------------*/
/*----------------------------------------------------------------------*/

.site-menu-container {
	background: #b50f13;
	position: relative;
	z-index: 50;
}

.site-menu-container .site-menu-container-inner
{
	margin: 0 auto;
	width: 960px;
	height: 27px;
}

header.site-header nav.site-menu
{
	margin-left: 308px;
}

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

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

header.site-header nav.site-menu a
{
	display: block;
	height: 24px;
	padding-top: 2px;
	margin-left: 25px;

	text-align: center;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: white;
	text-decoration: none;
}

header.site-header nav.site-menu a:hover {
	text-decoration: none;
	color: #ededed;
}

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

header.site-header nav.site-menu ul ul
{
	position: absolute;
	top: 27px;
	left: 15px;
	z-index: 99999;
	display: none;
	float: left;
	margin: 0;
	padding: 0;

	background: #b50f13;
}

header.site-header nav.site-menu ul ul li
{
	float: none;
}

header.site-header nav.site-menu ul ul a
{
	padding: 5px 10px;
	margin: 0;
	text-align: left;
}

header.site-header nav.site-menu ul ul a:hover {
	text-decoration: underline;
}

header.site-header nav.site-menu ul ul ul
{
	top: 0px;
	left: 100%;
}





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

footer.site-footer
{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 30px 0px 40px 0px;
	background: transparent;
	color: #252525;
}

footer.site-footer .site-disclaimer {
	float: left;
	text-align: center;
	width: 118px;
	font-size: 12px;
}

footer.site-footer .site-logo {
	background: url('https://konniburton.com/wp-content/uploads/2015/01/Konni-Burton-logo-senator.png');
	width: 112px;
	height: 67px;
	margin-top: 10px;
	margin-bottom: 15px;
}

footer.site-footer .site-signature {
	font-size: 10px;
}

footer.site-footer #subscribe,
footer.site-footer .share,
footer.site-footer .contribute {
	display: inline-block;
	float: left;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5;
}

footer.site-footer #subscribe {
	width: 280px;
	padding-left: 60px;
}

footer.site-footer #subscribe .subscribe_form input[type="text"]
{
	background: white;
	color: #252525;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
}

footer.site-footer #subscribe .subscribeerrors {
	top: auto;
	bottom: 80px;
}

footer.site-footer .share {
	padding-left: 45px;
}

footer.site-footer .share a {
	margin-top: 7px;
}

footer.site-footer .contribute {
	margin-top: 24px;
	padding-left: 56px;
	width: 260px;
}

footer.site-footer .contribute .big-button {
	width: 224px;
}

footer.site-footer nav.site-menu
{
	padding-top: 32px;
	padding-left: 43px;
	display: inline-block;
	float: left;
}

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

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

footer.site-footer nav.site-menu a
{
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	height: 24px;
	padding-top: 3px;
	color: #252525;
	margin-left: 25px;
	text-decoration: none;
}

footer.site-footer nav.site-menu a:hover {
	text-decoration: none;
	color: #303030;
}

footer.site-footer nav.site-menu ul ul
{
	display: none;
}





/*----------------------------------------------------------------------*/
/*------------------------ Subscribe Box Styling -----------------------*/
/*----------------------------------------------------------------------*/

#subscribe {
	position: relative;
}

.subscribe_form input[type="text"]
{
	height: 23px;
	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.4);
	font-size: 16px;
	padding: 5px 9px;
	background: #061c28;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;
	color: white;
	opacity: 1.0;
	float: left;
}

.subscribe_form input[type="text"].error
{
	border: 1px solid #C00;
}

header.site-header .subscribe_form input[type="submit"]
{
	height: 33px;
	width: auto;
	background: #b50f13;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 0;
	-moz-border-radius: 0;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}
.subscribe_form input[type="submit"] {
	width: 35px;
    height: 35px;
    background: url(images/sign-up.png);
    border: none;
    color: transparent;
    cursor: pointer;
}
.subscribe_form input.subscribe_email
{
	width: 138px;
}

.subscribe_form input.subscribe_zip
{
	width: 45px;
}

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

#subscribe .subscribeerrors {
	position: absolute;
	top: 100px;
	z-index: 100;
	display: none;
	text-align: center;
	width: 252px;
	padding: 7px 10px;
	border: 1px solid #C00;
	background: #FFEBE8;
	color: #252525;
	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;
}






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

.page
{
	margin: 0 auto;
	min-width: 960px; 
	overflow: hidden;
}

.main
{
	clear: both;
	width: 960px;
	margin: 0 auto;

	background: white;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/*Content*/

.content
{
	width: 600px;
	float: left;
}

.container
{
	padding: 70px 30px 10px 30px;
}

.page-header
{
	padding-bottom: 25px;
}

.page-title
{
	float: left;
	color: #b50f13;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 28px;
}

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

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

.page-title .small a
{
	color: #252525;
	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: 0px 0px 35px 0px;
}

a.entry-thumbnail, div.entry-thumbnail
{
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;

	display: block;
	background: url("images/default.jpg");
}

.entry-header
{
	overflow: hidden;
}

.entry-header .entry-title
{
	display: block;
	padding-bottom: 14px;
	padding-top: 2px;

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

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

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

.entry-header .entry-meta
{
	display: block;
	padding-bottom: 11px;
	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: 20px;
}

.entry-content h1,
.entry-content h2
{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 15px 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 {
	margin-right: 14px;
	float: left;
}

img.alignright {
	margin-left: 14px;
	float: right;
}

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

.big-button {
	height: 26px;
	padding: 10px 18px 0px 18px;
	display: inline-block;
	cursor: pointer;

	line-height: 1;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;

	border: none;
	text-align: center;
}

input.big-button {
	height: 36px;
	padding: 0px 18px 0px 18px;
}

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

.big-button.red {
	background: #b50f13;
}

.big-button.red:hover {
	background: #a8090c;
}

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

.rss-subscribe {
	float: right;
	font-weight: normal;
	background: url("images/rss.png") right bottom no-repeat;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-right: 5px;
	padding-right: 33px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	color: #252525;
	text-decoration: none;
}

.share-this {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

.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 header.site-header .site-share {
	right: 0px;
}

.home .main {
	background: none;
	box-shadow: none;
	position: relative;
}

.home .home-bg {
	position: absolute;
	top: 0px;
	left: -211px;
	z-index: -10;
	width: 1383px;
	height: 423px;
	background: url('images/bg-city.png');
}

.home .home-slider {
	height: 410px;
	margin-bottom: 5px;
}

.home .cmg_slider .cmg_slider_prev_button,
.home .cmg_slider .cmg_slider_next_button {
	top: 176px;
	height: 64px;
}

.home .cmg_slider .cmg_slider_prev_button {
	background: url('images/arrow-right.png') no-repeat;
}

.home .cmg_slider .cmg_slider_next_button {
	background: url('images/arrow-left.png') no-repeat;
}

.home .content-box {
	background: white;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.home .content-box .inner {
	padding: 22px 30px 15px 30px;
}

.home .content-box.left,
.home .content-box.right {
	width: 456px;
	float: left;
	margin-bottom: 37px;
	text-align: center;
}

.home .content-box.right .map {
	background: url('images/map.png');
	width: 395px;
	height: 176px;
	margin-bottom: 13px;
}

.home .content-box.left {
	margin-right: 48px;
}

.home .content-box .content-box-header {
	background: url('images/bg-blue.png');
	height: 43px;
	border-bottom: 9px solid #b50f13;
	text-align: center;
	position: relative;
}

.home .content-box .content-box-header .content-title {
	padding: 11px 0px;
	font-size: 22px;
	color: white;
}

.home .content-box .content-box-header .rss-subscribe {
	position: absolute;
	right: 18px;
	top: 6px;
	color: white;
}

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

.home .endorsements-slider {
	margin-bottom: 20px;
	width: 100%;
	height: 169px;
	text-align: center;
}

.endorsements-slider .endorsement {
	display: none;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.5;
	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%;
}




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

.main-sidebar
{
	float: right;
	padding-left: 40px;
	width: 260px;
	margin-bottom: 15px;
}

.main-sidebar aside
{
	border: 2px solid #e1e1e1;
	padding: 15px 20px;
	margin: 0px 0px 20px 0px;
}

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

.main-sidebar aside a
{
	color: #252525;
	text-decoration: none;
	font-weight: bold;
}

.main-sidebar aside a:hover
{
	text-decoration: underline;
}

.main-sidebar .volunteer {
	padding-bottom: 20px;
}

.main-sidebar .volunteer .big-button {
	width: 224px;
}
.page-id-9 .main-sidebar .volunteer {
	display: none;
}



/*----------------------------------------------------------------------*/
/*------------------------- 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 30px 0px;
}

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



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

.page-template-volunteer-php .content #errors,  .page-template-endorsements-php .content #errors{
	padding: 15px;
	width: 390px;
	background: #FFEBE8;
	border: 1px solid #CC0000;
	color: #000;
	font-size: 15px;
	line-height: 20px;
	font-family: arial, sans-serif;
	margin-bottom: 15px;
}



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

.page-template-volunteer-php .content input[type="text"], .page-template-endorsements-php .content input[type="text"] {
	height: 23px;
	width: 100%;
	border: 1px solid #333;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);

	font-size: 16px;
	padding: 5px 3px;

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

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

.page-template-endorsements-php .content textarea {
	height: 75px;
	resize: none; 
	width: 417px;
	border: 1px solid #333;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);

	font-size: 16px;
	padding: 5px 3px;

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

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


.page-template-volunteer-php .content .box-text-inputs input[type="text"], .page-template-endorsements-php .content input[type="text"] {
	margin-top: 6px;
}

#form-block { float: left; margin-right: 30px; }
.clear { clear: both; display: block; width: 100%; }

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

.contact-form .contactform .info-left {
	float: left;
	margin-right: 5%;
	width: 45%;
}

.contact-form .contactform .info-right {
	float: left;
	width: 45%;
}

.contact-form .contactform .info-bottom {
	width: 100%;
	clear: both;
}

.contact-form .contact-thank-you {
	float: left;
	width: 300px;
	font-size: 18px;
	font-weight: bold;
	padding-right: 15px;
	text-align: center;
	padding-top: 10px;
}

.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 {
	height: 23px;
	width: 100%;
	border: 1px solid #333;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);

	font-size: 16px;
	padding: 5px 3px;

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

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

.contact-form .contactform input[type="submit"] {
	width: 260px;
}

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

.contact-form .contact-info {
	width: 220px;
	float: right;
	font-size: 17px;
	padding-left: 5px;
	padding-right: 35px;
}

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

.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;
}