/*
Theme Name: vsunenergy
Theme URI: http://components.underscores.me/
Author: Sarah Jee Watson
Author URI: https://www.getwiththebrand.co
Description: A custom theme for VSUN Energy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vsunenergy

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.

vsunenergy is created by the theme generator at http://components.underscores.me/, (C) 2015-2016 Automattic, Inc.
Components 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/
*/

/* =Full-width structure
-------------------------------------------------------------- */


.row-inner { /* gives the appearance of a content container while maintaining a full-width design */
	max-width: 1100px;
	margin: 0 auto;
	width: 100%;
	padding: 1em;
}

.row-inner:last-child, .grey-gb:last-child {
	margin-bottom: 0;
	}
	
@media screen and (min-width: 900px) {
	
	.row-inner { 
		overflow: auto;
	}

	.main-area {
		width: 70%;
		display: inline-block;
		padding-left: 3em;
		padding-top: 2em;
	}
	
	aside {
		padding-top: 2em;
	}
	
	.main-area-single {
		width: 70%;
		margin: 0 auto;
	}
	
}

@media screen and (min-width: 1140px) {
	.row-inner { 
		padding: 1em 0;
	}
}


.main-area-single .hentry {
	margin: 2em 1em;
    padding: 3em;
    position: relative;
    background-color: #f1f4f7;
   }
   	
.main-area-single h1.entry-title {
	text-align: left; 
	color: #115570;
	}	
	

	


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Accessibility
# Alignments
# Clearings
# Typography
# Header
# Forms
# Buttons
# Formatting
# Lists
# Tables
# Navigation
# Links
# Layout
	## Global
	## Posts
	## Pages
# Comments
# Widgets
# Infinite scroll
# Media
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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;
  color: #ef4322;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
  color: #115570;
}

dfn {
  font-style: italic;
}

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;
  width: 20%;
  margin: 3em 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;
}

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

.orange-btn, input#gform_submit_button_1, .gf_residential input[type="submit"] {
    background-color: #f45220;
    /* IE9, iOS 3.2+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(239, 67, 34)),color-stop(0.5, rgb(239, 67, 34)),color-stop(0.51, rgb(255, 95, 23)),color-stop(1, rgb(242, 100, 36)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top,rgb(239, 67, 34) 0%,rgb(239, 67, 34) 50%,rgb(255, 95, 23) 51%,rgb(242, 100, 36) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom,rgb(239, 67, 34) 0%,rgb(239, 67, 34) 50%,rgb(255, 95, 23) 51%,rgb(242, 100, 36) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgb(239, 67, 34) 0%,rgb(239, 67, 34) 50%,rgb(255, 95, 23) 51%,rgb(242, 100, 36) 100%);
    padding: 15px 20px;
	font-size: 1em;
	text-transform: uppercase;
	border-radius: 5px;
	text-align: center;
	margin: 1% 0 3em;
	display: inline-block;
	border: none;
	
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffef4322",endColorstr="#fff26424",GradientType=0);
    }
}

.orange-btn a, input#gform_submit_button_1  {
	text-decoration: none;
	color: #fff!important;
	padding: 10px 20px;
}

.orange-btn:hover, .orange-btn:focus  {
	background-color: #f45220;
	background-image: none;
	}
	
.orange-btn.contact {
	display: inline-block;
	margin-top: 2em;
	}
	
.orange-btn.apps {
	display: inline-block;
	margin: 2em 0 2em 1em;
	}
	

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

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 {
  padding: 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# 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;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #717171;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 2;
  background-color: #ffffff;
}

.site-content {
	font-size: 1.125em;
	line-height: 1.6rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  clear: both;
  line-height: 1.3em;
  margin-bottom: 1rem;
  color: #115570;
}

h1 {
	font-size: 2.4em;
	margin: 0.67em 0;
}

h1.entry-title, h1.page-title.screen-reader-text {
	color: #fff;
	font-size: 1em;
	letter-spacing: 4px;
	text-align: right;
}

h2 {
	font-size: 2.2em;
	font-weight: 800;
}

h1.hero-text, h2.hero-text {
	font-size: 2.6em;
	color: #115570;
	position: relative;
}

h1.hero-text::after {
	content: "";
    position: absolute;
    right: 3px;
    bottom: -20px;
    height: 3px;
    width: 40%;
    border-bottom: 3px solid #fff;
}

h1.hero-text {
	font-weight: 800;
}

h2.hero-text {
	font-weight: 400;
}

h2.feat {
	color: #00968e;
	margin-top: .4em;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 4px;
}

h3 {
	font-size: 1.1em;
	font-weight: 600;
	margin: 1.1em 0 2em;
	letter-spacing: 4px;
	position: relative;	
}

h3::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    height: 3px;
    width: 20%;
    border-bottom: 4px solid #00968e;
    margin-bottom: 1em;
}

h3.right {
	font-size: 1.8em;
	font-weight: 400;
	}
	
h3.no-border:after { 
	content: none;
	}	


h5 {
	font-size: 1.6em;
}

h6 {
	font-size: 1.4em;
}

p {
  margin-bottom: 1.5em;
}


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

blockquote {
  margin: 0 1.5em;
}

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

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

/*
.fa-th:before, 
.fa-power-off:before, 
.fa-battery-half:before {
	color: #00968e;
	font-size: 20px;
}
*/

i.fa-power-off, i.fa-battery-half, i.fa-th {
	color: #00968e;
	font-size: 30px;
}

.fa-arrow-circle-o-right:before {
	color: #ef4322;
}

.fa.fa-refresh, .fa.fa-cogs, .fa.fa-battery-full {
	font-size: 60px;
	display: block;
	color: #00968e;
}

.fa.fa-battery-three-quarters, .fa.fa-map-marker  {
	color: #00968e;
	}
	
/*
i.fa.fa-power-off.case, .fa.fa-power-off {
    font-size: 12px;
    padding-right: 5px;
}
*/

@media screen and (max-width:45em) {
	.fa.fa-refresh, .fa.fa-cogs, .fa.fa-battery-full {
	display: none;
	}
	
	}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
  color: #ef4322;
  text-decoration: none;
}
a:visited {
  color: #ef4322;
}
a:hover, a:focus, a:active {
  color: #00968e;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/	


@media screen and (min-width:880px) {

	header#masthead {
	    position: fixed;
	    background-color: #fff;
	    left: 0;
	    right: 0;
	    width: 100%;
	    z-index: 999;
	    top: 0;
	    border-bottom: solid #115570 2px;
	}
	
	.admin-bar header#masthead {
		top: 32px;
	}
}


#utility {
/* 	display: block; */
	background-color: #115570;
	padding: 5px;
	text-align: right;
}

#utility .header-wrap a {
	text-decoration: none;
	color: #fff;
	border-bottom: 0;
	padding-left: 1em;
}

#utility .header-wrap a:hover {
	color: #ef4322;
}

.site-branding {
	border: solid blue 1px;
}

.header-wrap {
	max-width: 1100px;
	margin: 0 auto;
}

.site-logo {
	display: inline;
}

img.custom-logo {
    max-width: 180px;
    margin: 1em 0 0 1em;    
}

img.custom-logo:focus, img.custom-logo:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


header.entry-header.green-bg, header.green-bg {
    border-bottom: 2px solid #fff;
}


#home-banner {
	background: url('/wp-content/themes/vsunenergy/img/vsunhero.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;
    height: 800px;
    border-bottom: solid #fff 2px;
}


@media screen and (min-width: 880px) {
	
	#home-banner,
	header.entry-header.green-bg, header.green-bg {
		margin-top: 155px;
	}
}

#banner-text {
	max-width: 1100px;
	text-align: right;
	margin: 0 auto;
	padding: 1em;
}


#banner {
	margin-bottom: -7px;
	display: none;
}

.grey-bg {
    background-color: #f1f4f7;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjRmOCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjkxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjRmOCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(244, 244, 244)),color-stop(0.691, rgb(240, 244, 248)),color-stop(1, rgb(240, 244, 248)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(244, 244, 244) 0%,rgb(240, 244, 248) 69.1%,rgb(240, 244, 248) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(244, 244, 244) 0%,rgb(240, 244, 248) 69.1%,rgb(240, 244, 248) 100%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(244, 244, 244) 0%,rgb(240, 244, 248) 69.1%,rgb(240, 244, 248) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff4f4f4",endColorstr="#fff0f4f8",GradientType=0);
    }


/*.grey-bg {
background: #f4f4f4; /* fallback for old browsers 
background: -webkit-linear-gradient(145deg, #eef2f3, #cacaca); /* Chrome 10-25, Safari 5.1-6 
background: linear-gradient(145deg, #eef2f3, #cacaca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

/* background-color: rgba(232, 243, 242, 0.84); */
 }
        
.green-bg {
    background-color: #00968e;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIwJSIgY3k9IjAlIiByPSIxNDEuNDIxMzU2MjM3MzA5NSUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMGFkYTQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwYWRhNCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjkxIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwOTY4ZSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    /* Android 2.3- hack (needed for the actual radial gradient) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIwJSIgY3k9IjAlIiByPSIxNDEuNDIxMzU2MjM3MzA5NSUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMGFkYTQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwYWRhNCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjkxIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwOTY4ZSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=),
        -webkit-gradient(radial, left top, 0, left top, 723,color-stop(0, rgb(0, 173, 164)),color-stop(0.691, rgb(0, 173, 164)),color-stop(1, rgb(0, 150, 142)));
    /* Android 2.3 */
    background-image: -webkit-repeating-radial-gradient(left top, ellipse farthest-corner,rgb(0, 173, 164) 0%,rgb(0, 173, 164) 69.1%,rgb(0, 150, 142) 100%);
    /* IE10+ */
    background-image: repeating-radial-gradient(ellipse farthest-corner at left top,rgb(0, 173, 164) 0%,rgb(0, 173, 164) 69.1%,rgb(0, 150, 142) 100%);
    background-image: -ms-repeating-radial-gradient(left top, ellipse farthest-corner,rgb(0, 173, 164) 0%,rgb(0, 173, 164) 69.1%,rgb(0, 150, 142) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ada4",endColorstr="#ff00968e",GradientType=0);
    }
}

 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ada4",endColorstr="#ff00968e",GradientType=0);
    }
}

}


.row-inner.crumbs {
padding: .5em 1em 0;
}

p#breadcrumbs {
	margin: 0;
	}

@media screen and (min-width:1140px) {
	.row-inner.crumbs {
	padding-left: 0;
	}
}


/*.entry-header.green-bg h1.entry-title {
	display: inline-block;
	float: right;
}*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

.gform_wrapper .top_label .gfield_label {
	font-weight: 400;
	}

.gform_wrapper .gfield_radio li label {
	width: 130px!important;
}

.gform_wrapper ul li.gfield {
	padding-bottom: 20px!important;
}

.gform_wrapper ul li.gfield:first-child {
	padding-top: 40px!important;
}

.gform_wrapper button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #00968e!important;
	color: #fff!important;
	padding: 15px 35px 15px 35px!important;
	border: none!important;
	float: right;
	text-transform:uppercase;
	margin-top: -2em;
	margin-bottom: 4em;
}
/* /vrb-applications/residential/*/	

.gf_residential {
	background-color: #f1f4f7;
	padding: 1em 2em;
	margin-bottom: 2em;
}

.gf_residential input[type="submit"] {
	color: #fff;
}

.gform_wrapper form.gf_simple_horizontal {
	width: 100%!important;
}

div#gform_confirmation_message_2 {
	color: #00968e;
	font-size: 1.2em;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  /*background: #e6e6e6;*/
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

.download-btn {
	padding: 15px 20px;
	margin: 2em 0 0 0;
	border: #ef4322 2px solid;
	border-radius: 5px;
	display: inline-block;
	}
	
.download-btn:hover {
	border: solid 2px #115570;
	}

.download-btn a {
	text-decoration: none;
	font-size: 16px;
	color: #ef4322;
}


.tech-btn {
	margin: 2em 0;
	border: #115570 2px solid;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 20px;
	}
	
.tech-btn:hover {
	border: solid 2px #ef4322;
	}

.tech-btn a {
	text-decoration: none;
	font-size: 16px;
	color: #115570;
}





/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/
hr {
  background-color: #115570;
  border: 0;
  height: 4px;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1.5em 3em;
}

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;
  padding-bottom: 10px;
}

.sun ul {
	padding-bottom: 2em;
	list-style: none;
}

ul {
 
  padding: 0;
}

.sun-list li {
  padding-left: 1.3em;
  margin-bottom: 10px;
}

.sun-list li:before {
  content: "\f185"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #00968e;
}

ul.sun-list.fa-ul.apps-list {
	margin-top: 2em;
}

ul.sun-list.fa-ul.why-list {
	margin-top: 1em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%;
  background-color: #f4f4f4;
}

th {
    text-align: left;
    vertical-align: top;
    background-color: #e5e5e5;
    color: #115570;
    padding: 10px;
    font-size: .9em;
    font-weight: 600;
    }
    
tbody {
	font-size: .8em;
	padding-right: 5px;
	vertical-align: top;
	}
	
tr {
	border-bottom: solid #115570 1px;
	}
	
td {
	padding: 12px;
	line-height: 1.6;
	}
	


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: .9em;
}

.menu-main-container a {
	color: #404040;
	}


@media screen and (min-width:880px) {
	.main-navigation {
		width: 100%;
		display: inline-block;
		font-size: 1em;
	}
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.8em;
}

.main-navigation a {
	position: relative;
	display: block;
	padding: 0.8em 1em;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.6em;
	color: white;
}

.main-navigation a:hover,
.main-navigation a:focus {
	background: #fff;
	color: #00968e;
}


.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation li {
	border-top: 1px dotted #fff;
	position: relative;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	font-weight: 700;
	color: #00968e;
}

.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
	border-top: 0;
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
	padding-right: 48px;
}

.no-js .main-navigation ul ul {
	display: block;
}

.dropdown-toggle {
	position: absolute;
	height: 27px;
	width: 27px;
	top: 12px;
	right: 6px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
	font-family: 'FontAwesome';
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	content: "";
	color: #fff;
	text-transform: lowercase; /* Stop screen readers from reading the text as capital letters */
}

.dropdown-toggle:after {
	content: "\f078";
	font-size: 14px;
	line-height: 27px;
	position: relative;
	top: 0;
	left: 1px;
	width: 27px;
	color: #115570;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #fff;
	color: #6C636C;
}

.dropdown-toggle.toggle-on:after {
	content: "\f077";
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
	position: absolute;
	float: right;
	z-index: 100;
	right: -1em;
	top: 5em;
	font-size: 1em;
	text-transform: uppercase;
	color: #115570;
	transition: all ease-out 400ms;
	font-weight: 400;
	border-radius: 0;
	display: block;
	outline: nonw;
}


button.menu-toggle {
	margin-right: 1em;
	margin-top: 1em;
	border: none;
	background: transparent;
	box-shadow: none;
	outline: none;
}

/* Hamburger */
/* https://codepen.io/designcouch/pen/Atyop */

#nav-icon1 {
  width: 40px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-bottom: 10px;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #446984;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 20px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -50px;
}

#nav-icon1.open span:nth-child(3) {
  top: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1.open {
	margin: 0 auto 10px;
}

/* Make sure the button doesn't hide when menu is open. */ 

.toggled .menu-toggle.hide {
	top: 1em;
}



@media screen and (min-width: 55em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

/* Hovering menu */

.main-navigation.toggled {
	top: 13em;
	padding: 1em;
	z-index: 1;
	margin-top: 0px;
}

.main-navigation.toggled:focus {
	outline: none;
}

.nav-menu {
	margin-bottom: 3em;
	background-color: #115570;
}

.main-navigation.toggled ul {
	max-height: calc(100vh - 8em);
	overflow-y: scroll;
}

.main-navigation.toggled ul ul {
	display: none;
}

.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
	display: block;
}

/* Horizontal menu on wide screens */

@media screen and (min-width: 55em) {
	
	/* Position the menu in the header */
	.main-navigation,
	.main-navigation.toggled {
		position: relative;
		clear: none;
		text-align: right;
		height: 50px;
		width: 75%;
		float: right;
		margin-top: 2.5em;
	}

	.nav-menu {
		background-color: transparent;
	}
	
	.main-navigation ul,
	.main-navigation.toggled ul {
		max-height: none;
		padding: 0;
	}
	
	.main-navigation.toggled ul {
		overflow-y: visible;
	}
	
	/* Display the menu items in a horizontal order */
	.main-navigation li {
		display: inline-block;
		border: none;
	}

	
	/* Left-align drop-down menu items */
	.main-navigation li li {
		display: block;
		text-align: left;
	}
	
	.main-navigation a {
		color: #656868;	
		padding-bottom: .5em;	
	}


	.main-navigation .current-menu-item > a:hover,
	.main-navigation .current-menu-item > a:focus,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item > a:focus
	{
		border-bottom: transparent;
		}
	
		
	 
	.main-navigation li li:hover, .main-navigation li li:focus {
		border-bottom: none;
		}
	
	/* Add an outline on hovered and focused menu items */
	.main-navigation a:hover,
	.main-navigation a:focus {
		background: transparent;
	}
	
	.main-navigation li li a {
		color: #fff;
	}
	
	/* Create hover and focus contrast on drop-down items */
	.main-navigation li li a:hover,
	.main-navigation li li a:focus {
		background-color: #00968e;
		-webkit-transition: background-color 500ms linear;
		-ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;	
		color: #fff;
		text-decoration: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    border-bottom: none;
	}
	
	/* Position drop-down menus absolutely */
	.main-navigation ul ul.toggled-on {
		position: absolute;
		width: 13em;
		display: block;
		z-index: 10;
		margin-left: 0;
		background: #115570;
		color: #fff;
	}
	
	.main-navigation ul ul ul.toggled-on {
		position: relative;
	}
	
	/* Indent 3rd level drop-down menus */
	.main-navigation ul ul ul a {
		padding-left: 2em;
	}
	
	/* Simplify the drop-down toggle */
	.dropdown-toggle {
		top:6px;
		right: 12px;
		background-color: transparent;
		border: none;
		color: #617e86;
		border: dotted 1px;
		padding-right: 2px;	
		border-radius: 50%;
	}
	
	.dropdown-toggle::after {
		line-height: 27px;
		width: 27px;
		padding: 0;
	}	
}


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


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
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: #ffffff;
  /* Fallback for when there is no custom background color defined. */
}

.content-area {
  float: left;
  margin: 0 -25% 0 0;
  width: 100%;
}

.site-main {
  margin: 0 25% 0 0;
}


.site-content .widget-area,
#news-links {
  overflow: hidden;
}

@media screen and (min-width: 900px) {
	
	.site-content .widget-area, #news-links {
		float: left;
		width: 25%;
	}
}

.site-footer {
  clear: both;
  width: 100%;
  border-top: solid 2px #fff;
}


footer.entry-footer {
	display: none;
}

#features {
	padding: 2em 1em 1em;
}

.applications.row-inner {
	margin: 2em auto;
}

.centred {
	text-align: center;
	} 

/*--------------------------------------------------------------
## Single Column / No Active Sidebar
--------------------------------------------------------------*/
.no-sidebar.site-main {
  margin: 0;
}

.no-sidebar .content-area {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/

.site-content {
	/* Smaller font on mobile */
	font-size: 1em;
	line-height: 1.6em;
}

/* min 480px*/
@media screen and (min-width:30em) {
	.site-content {
		font-size: 1.125em;
	}
}

/* min 640px*/	
@media screen and (min-width:40em) {
	.site-content {
		font-size: 1.2em;
	}
}

/*@media screen and (min-width:65em) {
	.site-main {
		max-width: 60em;
		margin: 1.8em auto;
	}
}*/




/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.main-area .hentry {
  margin: 2em 0;
  background-color: #f1f4f7;
  padding: 1em 2em;
  position: relative;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

/*.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
*/

.main-area .hentry h1.entry-title {
	text-align: left;
	padding-top: 1em;
	color: #115570;
	font-weight: 600;
	}

h2.entry-title {
    font-size: 1.1em;
    font-weight: 600;
    margin: 1.4em 0 2em;
    letter-spacing: 4px;
    position: relative;
}
	
h2.entry-title a {
	text-decoration: none;
	color: #115570;
	}
	
h2.entry-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 3px;
    width: 20%;
    border-bottom: 4px solid #00968e;
    margin-bottom: 1em;
}

@media screen and (min-width: 30em) {
		
		h2.entry-title::after {
		bottom: -40px;
		}
}

time.entry-date.published,
time.entry-date.published.updated {
	color: #fff;
	}
	
.entry-meta a {
	text-decoration: none;
	right: -10px;
	top: -10px;
	background-color:  #115570;
	padding: 0.3em 1em;
	position: absolute;
	}
	
.nav-links {
	margin: 3em 1em;
	}
	

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.application {
	display: inline-block;
	position: relative;
}

.application img {
	border: solid 2px #00968e;
	} 
	
.application:hover, .application:focus {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	}

h5.app-title {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	background-color: rgba(0, 150, 142, 0.88);
	color: #fff;
	padding: 1em;
	font-size: 1em;
	letter-spacing: 4px;
	font-weight: 400;
}

h5.app-title:after {
	content: "\f054";
	font-family: 'FontAwesome';
	padding-left: 4px;
	}


p.question {
	border-left: solid 5px;
	padding: 10px;

	}

.accordion a {
	text-decoration: none;
	font-weight: 600;
	color: #115570;
	}
	
.q_and_a {
	margin-bottom: 1em;
	background-color: #f1f4f7;
	}
	
.prod_pdf {
	margin: 20px 0;
	}

i.fa-download:before {
	color: #f45220;
	}

#inv {
	
	}
	
.inv-icon img {
	float: left;
    padding: 20px;
    margin-right: 30px;
    width: 200px;
    border: red solid 1px;
	}

.inv-text {
	padding-left: 250px;
    margin-bottom: 60px;
    border: blue solid 1px;
	}
	
#products img {
	max-width: 120px;
	display: inline;
	float: left;
	margin-right: 30px;
	}
	
@media screen and (max-width: 600px) {
	#products img {
		display: none;
		}
	}
	
#products h3 {
	display: inline-block;
	padding-top: 20px;
	}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

#custom-side-nav h2.widget-title {
	font-size: 1em;
	padding-right: 1em;
	padding-left: 10px;
	letter-spacing: 4px;
	font-weight: 400;
	border-left: solid #115570 5px;
	height: 4em;
	}
	
@media screen and (min-width: 1100px) {
	
		#custom-side-nav h2.widget-title {
		padding-right: 3em;
		font-size: 1em;
	}
}


/* Contact in Sidebar */

section#text-13 {
    background-color: rgba(240, 68, 34, 0.19);
    color: #ef4322;
    padding: 2em;
    max-width: 350px;
    border-left: solid 5px #ef4322;
}	

section#text-13 h2.widget-title {
	font-size: 1em;
	letter-spacing: 4px;
	color: #ef4322;
	}
	
section#text-13 h2 a {
	color: #ef4322;
	text-decoration: none;
	}
	
/* Blog Page (home.php) */

.widget.widget_recent_entries, 
.widget.widget_archive {
	margin-bottom: 3em;
	}
	
#news-links ul {
	margin-left: 0;
	}

#news-links li {
	list-style: none;
	margin-bottom: .5em;
	border-bottom: 1px solid #115570;
	padding-bottom: .5em;
	
	}

@media screen and (min-width: 900px) {
	
	#news-links {
		padding-top: 3em;
	}
}
	
/*--------------------------------------------------------------
# Sideabar Navigation (Custom Widgets) Case Studies, Applications, Products x2
--------------------------------------------------------------*/

#custom-side-nav {
	list-style: none;
	margin-left: 0;
	text-decoration: none;

	font-size: 0.9375rem;
	margin-right: 1em;
	}
	
/*
ul#menu-products-wind-hydro, ul#menu-products-solar, ul#menu-case-studies-menu, ul#menu-products-vrfb, ul#menu-vrb-applications-menu {
	margin: 0;
	}
*/

#custom-side-nav .widget ul, menu li {
	margin: 0;
	}
	
	
	
@media screen and (min-width: 1100px) {
	
	ul#custom-side-nav {
		margin-right: 3em;
		}
}
		
#custom-side-nav li a {
	display: block;
	text-decoration: none;
	color: #115570;
	padding: 20px 10px;
	}
	
#custom-side-nav li {
	background-color: #f1f4f7;
	border-left: solid 5px #115570;
	margin: 2px 0;
	line-height: 1.4;
	}
	
#custom-side-nav li:focus,
#custom-side-nav li:hover 
 {
	background-color: #dfe5eb;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
	border-color: #dfe5eb;
	}

#custom-side-nav a:hover, 
#custom-side-nav a:focus {
	color: #00968e;
	}
	
#custom-side-nav li.current-menu-item a {
	font-weight: 700;
	background-color: #dfe5eb;
	font-size: 1em;
	}
	
	
.post-2025 #case-study-info {
    display:none;
}
	
	
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

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

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  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;
}

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


.site-footer, #footer-navigation .widget {
    background-color: #777575;
 }
 
.site-footer, #footer-navigation .widget a {
    color: #fff;
    font-weight: 300;
    font-size: 1em;
}

#footer-navigation {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-wrap: wrap;
    justify-content: center;
}

#footer-widgets {
    width: 100%;
    margin: 2em;
}

.footer-widget {
    padding: 0 2%;
    margin: 1%;
}


i.fa.fa-facebook:hover, i.fa.fa-instagram:hover, i.fa.fa-twitter:hover,
i.fa.fa-facebook:focus, i.fa.fa-instagram:focus, i.fa.fa-twitter:focus {
	color: #cd4b17;
}  


@media screen and (min-width: 600px) {

     .footer-widget {
         width: 48%;
         float: left;
        }
 }


@media screen and (min-width: 964px) {
    .footer-widget {
        width: 23%;
    }

    #footer-navigation {
        max-width: 87em;
        margin: 0 auto;
    }
}


h2.widget-title {
	margin-top: 10px;
	}

h6.widget-title {
    border-bottom: none;
    color: #fff;
    margin-top: 0.5em;
}

ul#menu-footer2-applications, ul#menu-footer3-casestudies, ul#menu-footer4-contact { 
	list-style: none; 
    margin-left: 0;
    line-height: 1.6;
    padding-bottom: .6;
}

#footer-navigation .widget a:hover, #footer-navigation .widget a:focus {
	color: #ef4322;
	}
	
#footer-navigation .widget.widget_nav_menu li {
	padding-bottom: 1em;
	}


.site-info {
	background-color: #444c4e;
	padding: 10px;
	text-align:center;
	font-size: .8em;
}

.site-info a, .site-info {
	color: #999999;
	}

footer img.logo {
	width: 360px;
}

/*--------------------------------------------------------------
## Additional media queries
--------------------------------------------------------------*/

@media screen and (min-width: 30em) {
			
	.feature.flex-item.one-third {
		text-align: center;
		}
	
}

@media screen and (min-width: 45em) {
	
	
	.flex-container {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		}
	
	.flex-container > div.one-third {
		width: 40%;
		padding: 0 30px;
		}
	
	.flex-container > div.two-thirds {
		width: 60%;
		padding-left: 30px;
		}
	
	.flex-container > div.half {
		width: 50%;
		padding: 2% 2% 0 0;
		}
		
	.flex-container > div.other-half {
		width: 50%;
		padding: 2% 0 0 2%;
		}
		
	.flex-container > div.first-third {
		width: 33%;
		padding: 2% 2% 0 0;
		}
		
	.flex-container > div.second-third {
		width: 33%;
		padding: 2% 0 0 2%;
		}
		
	.flex-container > div.third-third {
		width: 33%;
		padding: 2% 0 0 2%;
		}
	
	.right {
		text-align: right;
		margin-top: 20px;
		}
	
	ul.sun-list {
		margin-left: 0;
		padding: 10px 0 0 20px;
		}
}

/*Hide Products Temp*/

li#menu-item-2500 {
    display: none;
}