/*
Theme Name: Clean Blog
Theme URI: http://www.robertdevore.com/themes/cleanblog/
Author: Devio Digital
Author URI: http://www.deviodigital.com
Description: Personal blogging theme, free of clutter, with a focus on the writers words while not sacrificing visual quality.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cleanblog
Tags: Blog, Underscores, One Column, Clean, Minimalist, Bootstrap, HTML5, Custom Menu, Editor Style, Featured Images, Fluid Layout, Full Width Template, Light, Responsive Layout, Threaded Comments, Translation Ready, Black, Blue, White
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Clean Blog is based on Underscores http://underscores.me/ (C) 2012-2015 Automattic, Inc. and Clean Blog http://www.startbootstrap.com
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;

}
body {
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
select {
	padding: 9px;
}
select:focus {
	outline: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
	height: 40px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
    border: 1px solid #f2f2f2;
    font-size: 15px;
	padding: 5px !important;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
blockquote p {
	margin: 0 0 15px !important;
}
blockquote p:last-child {
	margin: 0 !important;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
div.col-lg-8 ul,
div.col-lg-8 ol {
	margin: 0 0 30px 30px !important;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #FFF;
    border-radius: 0;
	border: 1px solid #ddd;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0085a1;
	border-color: #0085a1;
	color: #FFF;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #0085a1;
	border-color: #0085a1;
	color: #FFF;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	border: 1px solid #0085a1;
	outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 0px 0px 0px 0px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}
#commentform label {
	display: block !important;
	font-size:12px;
	margin-top:-20px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #404040;
}
a:visited {
	color: #404040;
}
a:hover,
a:focus,
a:active {
	color: #0085a1;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
.post-meta a {
	text-decoration: none;
}
.post-title {
	font-size: 36px;
}
.post-title a:hover,
.post-title a:focus {
	text-decoration: none !important;
}
.post-title span.entry-title-primary {
	display: block;
	margin-bottom: 5px;
}
.post-title span.entry-subtitle {
	font-size: 24px !important;
	font-weight: 300;
    margin-bottom: 15px;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
.navbar-custom .nav ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 60px; /* this should be the same height as the top level menu -- height + padding + borders */
	left: 10px;
	margin: 0;
	padding: 0;
	border: 1px solid #f2f2f2;
}
.navbar-custom .nav ul li { /* this targets all submenu items */
	display: block;
    float: left; /* overwriting our float up above */
	list-style-type: none;
	background: rgba(255,255,255,0.9);
	padding: 0;
	position: relative;
    width: 220px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
.navbar-custom .nav ul li a { /* target all sub menu item links */
    padding: 10px; /* give our sub menu links a nice button feel */
	color: #fff;
	float: left; /* this sets the link to fit directly within the li */
	font-weight: 400;
	width: 100%;
}
.navbar-custom .nav ul li a:hover,
.navbar-custom .nav ul li a:focus {
	color: #fff;
	text-decoration: underline;
}
.navbar-custom .nav li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}
.navbar-custom .nav ul li ul {
    left: 220px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}
.navbar-custom .nav ul li ul li {
	background: rgba(255,255,255,0.8);
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
@media screen and (max-width: 767px) {	
	.navbar-custom .nav li {
		float: left;
		width: 100%;
	}
	.navbar-custom .nav li:hover > ul {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		top: 0;
		left: 0;
		margin: 0 0 7.5px 0;
	}
	.navbar-custom .nav ul li {
		width: 100%;
	}
	.navbar-custom .nav ul a {
		padding: 10px 15px;
	}
	
	.navbar-custom .nav ul li ul {
		left: 0;
	}
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.sticky:before {
    position: absolute;
    top: 26px;
    left: -29px;
    display: inline-block;
    width: 58px;
    height: 45px;
    background: transparent url(img/sticky.png) no-repeat;
    content: "";
}
.sticky .post-title {
	margin-left: 20px;
}
.hentry {
	margin: 0 0 1.5em;
}
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
p.excerpt {
	font-size: 16px;
}
.postfooter {
    border-top: 1px solid #eee;
	color: #777;
    float: left;
	font-size: 16px;
    padding: 10px 0;
	position: relative;
    width: 100%;
}
.postfooter span {
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
ol.comment-list,
ol.children {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ol.comment-list li {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #eee;
}
footer.comment-meta {
	padding: 5px 0 0 0;
}
.comments-area {
	float: left;
	position: relative;
	width: 100%;
}
.comment-metadata {
	font-color: gray;
	font-size: 0.8em;
	font-style: italic;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
.comment-metadata a, 
.comment-metadata a:visited {
	text-decoration: none;
	color: #000;
}
.comment-metadata a:hover {
	color: #0085a1;
}
.comment-reply-link {
	background: #eee;
	font-size: 0.8em;
	padding: 10px;
	text-decoration: none;
}
.comment-reply-link:hover {
	text-decoration: none;
}
#reply-title{
	font-size: 14px;
}
.comment-notes{
	font-size: 10px;
	margin-top:-10px;
}
img.avatar {
	border-radius: 16px;
}
label#subscribe-label,
label#subscribe-blog-label {
	display: inline-block !important;
	margin-top:-15px;
}
#comment{
	max-height: 100px;
}
.comment-area input[type="email"]{
	max-height:40px;
}
p.comment-subscription-form {
    margin-top: -15px;
    margin-bottom: 10px;
}
.comments-title {
    font-size: 14px;
}
footer.comment-meta {
    padding: 0px 0 0 0;
    background: #fff;
    color: #000;
    font-size: 12px;
}
.comment-content p{
	font-size: 14px;
	margin:10px;
}
.reply {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom:15px;
}
.comment-form-cookies-consent {
    display: none;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	color: #777;
    display: block;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 10px;
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Post Navigation Links
--------------------------------------------------------------*/
.navigation.post-navigation {
}
.nav-links {
	background: #F8F8F8;
    float: left;
	margin: 20px 0;
	padding: 20px;
	position: relative;
    width: 100%;
}
/*--------------------------------------------------------------
## Johnny Code
--------------------------------------------------------------*/

/*--------------------------------------------------------------
#  General
--------------------------------------------------------------*/
.center-text{
	text-align: center;
}
#my_centered_buttons { 
	display: flex; 
	justify-content: center;
}
.underline-title{
	text-decoration: underline;
}
.bold-text{
	font-weight:bold;
}
/*--------------------------------------------------------------
#  Navigation
--------------------------------------------------------------*/
nav.navbar.navbar-default.navbar-custom.navbar-fixed-top{
	background-color: #8BA96F;
}
.navbar-custom.is-fixed .nav li a{
	color:#fff !important;
}
.navbar-default .navbar-brand{
	color:#fff !important;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff !important;
}
.navbar-brand{
	width:300px;
	margin-left:0px !important;
}
.navbar-brand img{
	float:left;
	margin-top:-15px;
}
/*--------------------------------------------------------------
#  Page Template
--------------------------------------------------------------*/
.page-title{
	text-align: center;
}
.main-content{
	margin-top:100px;
}
p a {
    color: #496629;
    font-weight: bold !important;
}
p a:hover{
    color: #496629;
    text-decoration: underline !important;
}
#contact-button{
	background-color: transparent;
	color:#391206;
	border:2px solid #391206;
}
#contact-button:hover{
	background-color: #391206;
	color:#fff;
}

#breadcrumbs{
	float:left;
	font-size:12px;
	color:#A6A5A5;
	margin-top:-30px;
	margin-bottom:0px;
	padding: 0px;
}
#breadcrumbs a{
	color:#A6A5A5!important;
}
#jobs-up{
	margin-top:-70px;
}
.entry-date{
	color:#a7a7a7;
	font-size: 12px;
}
.article-date{
	padding:0px;
	margin:0px;
}
/*--------------------------------------------------------------
# Home Page Template
--------------------------------------------------------------*/
#hero{
background:url('https://www.turbinegenerator.org/wp-content/uploads/2018/01/Turbine-Generator-Background.jpg');
background-size:cover;
height:42vh;
margin-top:30px;
}
#hero-main{
	text-align: center;
	color:#391206;
	margin-top:65px;
}
#home-button-center{
	text-align: center;
}
#home-button{
	background-color: transparent;
	color:#391206;
	border:2px solid #391206;
	margin-top:20px;
}
#home-button:hover{
	background-color: #391206;
	color:#fff;
}
/*--------------------------------------------------------------
#  Side Bar
--------------------------------------------------------------*/
ul{
	-webkit-padding-start: 0px !important;
}
aside ul{
	list-style: none;
}
h4.widget-title {
    background-color: #391206;
    color: white;
    font-weight: normal;
    padding: 2px 0 2px 7px;
    font-size: 14px;
    border-radius: 5px;
}
.widget_recent_entries li a{
	text-decoration:none;
	font-size: 16px;
}
ins{
	background-color: #fff;
}

#opt-in-button-center{
	text-align: center;
	margin-bottom:-65px;
}
#opt-in-button{
	background-color: transparent;
	color:#391206;
	border:2px solid #391206;
	height:40px;
	min-width:200px;
	border-radius: 3px;
	margin-top:-150px;
	line-height: 8px;
}
#opt-in-button:hover{
	background-color: #391206;
	color:#fff;
}
#opt-in-lead{
	text-align: center;
	margin-top:-5px;
	font-size:14px;
}
/*--------------------------------------------------------------
#  Footer
--------------------------------------------------------------*/
footer{
	background-color: #496629;
	color:#fff;
	font-size: 16px;
}
footer ul{
	list-style: none;
}
footer li a{
	text-decoration: none;
	color:#fff;
}
footer li a:hover{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}

footer li a:visited{
	color:#fff !important;
}

/*--------------------------------------------------------------
#Modal
--------------------------------------------------------------*/

.modal-content{
	background: url('https://www.turbinegenerator.org/wp-content/uploads/2016/02/tile.jpg') top left repeat;
}
#modal-button{
	background-color: transparent;
	color:#391206;
	border:2px solid #391206;
	margin-top:20px;
}
#modal-button:hover{
	background-color: #391206;
	color:#fff;
}

input[type="text"], input[type="email"]{
	width:100%;
}

#modal-note{
	font-size: 12px;
	margin:0px;
}


/*--------------------------------------------------------------
#Social Icons Left
--------------------------------------------------------------*/

#social-left{
	float:left;
	position:fixed;
	top:45%;
	clear:both;
	-webkit-padding-start: 40px;
}
#social-left ul{
	list-style: none;
}
.badge.social {
	background: #8BA96F;
	font-size: 20px;
	height:35px;
	width: 35px;
	text-align: center;
	line-height: 27px;
	color:white;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius: 0px;
	margin: 0 -40px 2px;
}
.badge.social.twitter:hover{
	background: #55acee;
}
.badge.social.facebook:hover{
	background: #3b5998;
}
.badge.social.gplus:hover{
	background: #db4b39;
}
.badge.social.instagram:hover{
	background: #517fa4;
}
.badge.social.youtube:hover{
	background:#c4302b;
}
/*--------------------------------------------------------------
#Social Icons Widget Locations
--------------------------------------------------------------*/
#social-details-page li{
	display: inline;
}
#social-details-page ul{
	text-align: center;
}
/*--------------------------------------------------------------
#  Solar Calculator
--------------------------------------------------------------*/
.solar-container{
	margin-top:80px;
}
.center-text{
	text-align: center;
}
.solar-calc-container h1,h5,h6 {
    text-transform: initial !important;
}
#step-1, #step-2, #step-3, #step-4, #step-5, #step-6, #step-7, #step-8, #step-9, #final-calculation{
    height:80vh;
    margin-bottom:200px;
    min-height:400px;
}
select{
	font-size: 50px;
}
.progress-bar{
	background-color: #496629 !important;
}
.progress{
	height:10px !important;
	margin-bottom:0px !important;
}
/* ========= Landing Page ========== */
#calc-hero{
	min-height:400px;
	border-bottom:1px solid #496629;
	margin-bottom:20px;
}
.tgen-button{
	height:55px;
	width:200px;
	background-color: #496629;
	font-size: 24px;
	color: #fff;
	border:1px solid #496629;
}
.tgen-button:hover{
	background-color: white;
	color: #496629;
}
.calc-main{
	font-size: 48px;
	color:#496629;
}
.calc-sec{
	margin-bottom:75px;
}
#calc-features{
	border-bottom:1px solid #496629;
	margin-bottom:20px;
}
#bottom-calc{
	min-height: 300px;
	padding-top:50px;
}
.lp-image{
	height:250px;
}
#solar-info{
	border-bottom:1px solid #496629;
}
/* ========= Buttons ========== */

.calculator-label label {
    width:250px;
    min-height:135px;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;  
}
.calculator-label label:hover {
    background-color:#8BA96F;
}
.calculator-label label span {
    text-align:center;
    font-size: 22px;
    padding:13px 0px;
    display:block;
}
.calculator-label label input {
   display: none;
}
.calculator-label input:checked + span {
    background-color:#496629;
    color:black;
    height:100%;
    min-height:135px;
}
/* ========= Previous Buttons ========== */
.btn-solar-previous{
    float:left;
    height:45px;
    width:150px;
    background-color: #496629;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top:40px;
    left:70px;
}
.btn-solar-previous:hover{
    background-color: #8BA96F;
}
.btn-solar-next{
    float:right;
    height:45px;
    width:150px;
    background-color: #496629;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top:40px;
    right:150px;
}
.btn-solar-next:hover{
    background-color: #8BA96F;
}

#sq-label::after{
	content: " Square Feet";
	float: right;
}
#sunlightHours{
	width:50%;
}

/* ========= Final Calc Page ========== */
#final-heading{
    font-size: 38px;
    color: #496629;
    font-weight: bold;
    text-align: center;
    margin-top:-275px;
}
#final-ad{
    margin-top:65px;
}
#final-calculation h2{
    font-size: 18px;
    color: #fff;
}
.final-calc-page{
    font-size: 24px;
    text-transform: initial;
}
.final-number{
    font-weight: bold;
    font-size: 48px;
    color: #fff;
}
.calc-sentence{
}

.panel-group{
	margin-right:45px;
}
.panel-body{
	text-align: center;
}
.resultList{
    border-radius: 5px;
    -moz-border-radius:5px; 
    padding-top: 1px;
    padding-bottom: 20px;
    line-height: 14px;
    text-align: center;
}

.resultList:hover{
	background-color: #391206 !important;
}

a.results-link:hover{
	color: #fff !important;
}

#result-1{
    background-color: #496629;
}
#result-2{
    background-color: #506E30;
}
#result-3{
    background-color: #587638;
}
#result-4{
    background-color: #607E40;
}
#result-5{
    background-color: #688648;
}
#result-6{
    background-color: #708E4F;
}
#result-7{
    background-color: #789657;
}
#result-8{
    background-color: #809E5F;
}
#result-9{
    background-color: #88A667;
}
#result-10{
    background-color: #88A667;
}

/*--------------------------------------------------------------
# TGEN Tables
--------------------------------------------------------------*/
.table-head{
	text-align:center;
	color:#496629;
	font-size:20px;
}
.table-button{
	float:left;
	position: absolute;
}
.table-button:hover{
	opacity: .7;
}
.button-header{
	color: #496629;
    font-weight: normal;
    position: relative;
    margin-top: -40px;
    margin-left: 75px;
    text-decoration: underline;
    
}
.button-note{
	position: relative;
	margin-top: -75px;
    margin-left: 75px;
}

/*--------------------------------------------------------------
#  State Pages
--------------------------------------------------------------*/
.state-summary{
	border: 1px solid #496629;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	padding-left:15px;
	padding-right:15px;
}
.state-title{
	font-size: 24px;
	text-align: center; 
	color: #496629;
	font-weight: 500;
	text-decoration: underline;
}
.state-subtitle{
	font-size: 20px;
	color: #496629;
	font-weight: 500;
	text-decoration: underline;
}
.state-summary h3{
	font-size: 18px;
	font-weight: 700;
	margin-left:15px;
}
.state-number{
	color: #496629;
}
.city-url{
	text-decoration: none;
}
.city-link h5{
	color: #496629;
	text-decoration: underline;
}
.city-url :hover{
	font-weight: bold !important;
}
.city-link{
	list-style: none;
}
.state-image img{
	width:auto;
	height:400px;
}
.img-tooltip{
	height:15px;
	width:auto;
	margin-top:-15px;
}
.img-tooltip:hover{
	cursor:pointer;
}
.city-lists{
	margin-top:15px;
	margin-bottom:60px;
	column-count: 4;
    column-gap: 5px;
    column-rule: none;
    display: inline-block;
    width:100%;
}
.page-id-3156 .state-image img {
	height:auto !important;
}
.helpful-link{
	font-weight: 500;
	color:#496629;
}
.helpful-link a{
	color:#496629;
	margin-bottom:-20px;
}

/*--------------------------------------------------------------
#  Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a{
		color:#fff !important;
	}
}

@media screen and (max-width: 1024px){

	.btn-solar-previous, .btn-solar-next{
		top:275px
	}
}

@media screen and (max-width: 999px){
	
	
}

@media screen and (max-width: 768px){
	#y-breadcrumbs{
		display: none;
	}
	.page-title{
	margin-top:-20px;
	}
	#social-left{
		display: none;
	}
	.btn-solar-previous, .btn-solar-next{
		top:400px
	}
	#google-top-ad{
		margin-top:-30px;
		margin-bottom:30px;
	}
	.desktop-break{
		display: none;
	}
	#sunlightHours{
	width:100%;
	}
	.state-image img{
	width:350px;
	height:auto;
	}
	.city-lists{
	column-count: 3;
	margin-bottom:5px;
	}
}

@media screen and (max-width: 730px){
	#hero{
		height: 80vh;
	}
	#home-button{
		margin-top:-20px;
	}
}

@media screen and (max-width: 700px){
	
}

@media screen and (max-width: 630px){
	.mobile-image-adjust{
		width: 250px;
		height: auto;
	}
	
}



@media screen and (max-width: 600px){
	.page-title{
	margin-top:-30px;
	}
	#final-calculation{
	height:100vh;
	margin-bottom:3000px;
	}
	html, body {
	  overflow-x:hidden 
	} 		
}

@media screen and (max-width: 540px){
	#hero-main{
		font-size:24px;
	}
	#home-button{
	background-color: #391206;
	color:#fff;
	border:2px solid #391206;
	margin-top:0px;
	}
	#home-button:hover{
	background-color: transparent;
	color:#391206;
	}
	#hero{
		height:50vh;
	}
	#solar-calc-title{
		font-size:22px;
	}
}

@media screen and (max-width: 470px){
	.table-head{
		font-size:18px;
	}
	.table-button{
		float:none;
		margin-left:10%;
	}
	.button-header{
		text-align: center;
		margin-left: 0px;
		margin-top:50px;
	}
	.button-note{
		text-align: center;
		margin-left: 0px;
	}
}

@media screen and (max-width: 420px){
	.panel-group{
		margin-right:0px;
	}
}

@media screen and (max-width: 375px){
	.navbar-brand{
		width:80%;
	}
	.calculator-label label{
		width:45% !important;
	}
	.sc-image{
		width:90px;
	}
	.btn-solar-previous, .btn-solar-next{
		top:0px;
		margin-top:20px;
		margin-bottom:20px;
		position: relative;
	}
	.sc-text{
		font-size:16px !important;
		text-align: center;
	}
}

@media screen and (max-width: 320px){
	.sc-image{
		width:70px;
	}

}