/* 
Theme Name: Heartland Monitor
Author: CEG
Description: 
Version: 1.0
*/

/* global */
.w-container {font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 27px;}
.section-body a {color: #1c5c8f; text-decoration:none;}
.section-body img {height: auto;}
a.button {color: #fff;}
.clear {clear:both;}

/* header */
nav ul.menu {margin: 0; padding: 0;}
nav ul.menu li {display:inline; float:left;}
nav ul.menu li:first-child a {border-left: none;}
nav ul.menu li a {position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; padding-top: 30px; padding-right: 25px; padding-left: 25px; border-right: 1px dotted #d9d9d9; -webkit-transition: all 600ms ease; transition: all 600ms ease; font-family: 'Varela Round', sans-serif; color: rgba(28, 92, 143, 0.8);}
nav ul.menu li a:hover {color: #21426e;}
.navbar-button {padding-top: 0px!important;}
nav ul.menu li a {padding-top: 30px;}

.current-menu-item a, .current_page_item a, .current-category-ancestor a {color: #339ce1!important;}

li.all a {background: url(images/allstatelogo2.gif) top left no-repeat; width: 69px; height: 51px; border-right: none!important; margin: 9px 0 0 25px!Important; cursor: text;}
li.all a:hover {cursor: text;}

.subscribe, .subscribe:hover {display:inline; list-style:none; background: none; padding: 0;}
.subscribe a {padding-right: 5px; padding-left: 6px; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #e88854; font-style: italic; text-decoration: none;}
.subscribe a:hover { padding-top: 5px; padding-bottom: 5px; border-radius: 5px; background-color: #e88854; color: #ffe4d6; text-decoration: none;}

/* home page */
.old-polls-title {font-size:14px!important;}



/* poll results */
.poll-result-body .alignleft {display: inline-block; margin-right: 20px; margin-bottom: 9px; margin-left: -100px; float: left;}
.poll-result-body .alignright {display: inline-block; margin-left: 20px; margin-bottom: 9px; margin-right: -100px; float: right;}
.section-body ul {padding-left: 0; list-style: none;}
.section-body ul>li {margin-bottom: 7px; padding: 0px 26px 20px 70px; background-image: url('images/marker.png'); background-position: 0px 0px; background-repeat: no-repeat; font-family: 'Open Sans', sans-serif; color: #858585; font-weight: 400; line-height: normal; font-size: 14px;}
.section-body ul>li ul {list-style: circle; margin: 15px 0 0 15px;}
.section-body ul>li ul>li {padding: 5px 0; background: none;}
.sharedaddy li {background-image: none!important;}
.poll-result-subhead {color: #21426e;}

/* sidebar */
.widget ul {margin: 0; padding: 0;}
.widget ul li {list-style:none; display:inline; margin: 0; padding: 0;}
.widget a {display: block;margin-bottom: 5px; padding: 10px 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #f2f2f2; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: 'Open Sans', sans-serif; color: #9c9c9c;font-size: 12px; text-decoration: none; text-transform: capitalize;}
.widget a:hover {background-color: #c2e3ff; color: #1c5c8f;}

/* pagination */
.pag {text-align:center;}
.pag a {padding: 3px 5px; background-color: #fff; box-shadow: none;}
.pag .current, .pag a:hover {padding: 3px 5px; background-color: #b5b5b5; box-shadow: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff;}

/* multimedia */
.video-box {padding-top: 55%; position:relative; margin: 15px 0;}
.video-box iframe {position:absolute; left: 0; top: 0; width: 100%; height: 100%;}
.screencap-vid {background-position: center center; background-repeat: no-repeat; background-size: 340px 270px;}
.screencap-sm-vid {background-position: center center; background-repeat: no-repeat; width: 100px; background-size: 120px 120px;}
.screencap-hp-vid {background-position: center center; background-repeat: no-repeat; width: 125px; height: 125px; background-size: 230px 170px;}
.caption p {font-size: 12px; line-height: 15px;}
.fthfix:nth-child(3n+2), .thfix:nth-child(3n+1) {clear:left;}
.caption-headline {line-height: normal;}

/* allstate logo */
.publication.allstate {
  background-image: url('images/allstate-logo.gif')!important;
}
.publication, .publication.atlantic {
	background-image: url('images/nj-logo.png')!important;
}

/* tag archive */
.story-item-description p {font-size: 12px; line-height: 18px;}

/* footer */
.footer .legal ul, .footer .legal li {display: inline; list-style:none; margin: 0; padding: 0;}
.footer .legal ul a {color: rgba(255, 255, 255, 0.49);}
.footer .legal ul li:first-child:after {content: "  |"; }
.footer .social ul, .footer .social li {list-style:none; margin: 0; padding: 0;}
.footer .social li {float:right; margin: 0 0 0 10px;}
.footer .social ul a {text-decoration:none; width: 37px; height: 37px; display:block;}  
.footer .social a[href*=twitter] {background: url(images/social-twitter.png) 0 0 no-repeat; background-size: 37px 37px;}
.footer .social a[href*=youtube] {background: url(images/social-youtube.png) 0 0 no-repeat; background-size: 37px 37px;}

.social {width: auto!Important;}

/* wordpress core */
.alignnone {margin: 5px 20px 20px 0;}
h1.aligncenter {text-align:center;}
.aligncenter, div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}


/* charts */
text {font-family: 'Open Sans'; font-size: 1.5rem; font-weight: 300; line-height: 16rem; fill: white;}
#donut { width: 29rem; height: 29rem; margin: 0 auto; z-index: 1;}
	/*SOLID BAR*/
	path.color0 {fill: rgba(239,128,71,1);}
	/*Background*/
	path.color1 {fill: rgba(239,128,71,0.5);}

.donut-wrap {display: block; background-color: transparent;padding: 0;margin-left: 0; width:125px; height: 125px; z-index: 1; overflow: hidden;}
.button {z-index: 1000;}

@media (max-width: 991px) {
nav ul.menu, nav li {display:block!important; text-align:center; float:none!Important;}
nav a {
	text-align:center!important;
	width: 76%;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.09);
    border-right-style: none!important;
    background-color: #21426e;
    color: rgba(255, 255, 255, 0.8)!important;
    font-size: 18px;
    text-align: center;
  }
  nav a:hover {
    color: white;
  }	
  nav .all {display:none!important;}
	}

@media screen and (max-width: 767px) {
	.donut-wrap {margin-left: auto;margin-right: auto;}
}

@media (max-width: 479px) {
nav li a{font-size: 14px; width: 100%;}
.screencap-vid {width: 100%; background-size: 400px;}
}

@media (max-width: 767px) {
.poll-result-body .alignleft, .poll-result-body .alignright {
display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; float: none;
}}