/*
	Theme Name: Centric Theme
	Theme URI: http://my.studiopress.com/themes/centric/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	
	Version: 1.1
 
	Tags: black, green, orange, purple, red, yellow, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
 
	Template: genesis
	Template Version: 2.1
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Icons
		- Objects
		- Gallery
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Genesis Responsive Slider
		- Gravity Forms
		- Jetpack
		- Simple Social Icons
	- Site Header
		- Title Area
		- Widget Area
		- Shrink
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Entries
		- Entry Meta
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Centric Charcoal
		- Centric Green
		- Centric Orange
		- Centric Purple
		- Centric Red
		- Centric Yellow
	- Media Queries
		- Max-width: 1139px
		- Max-width: 1024px
		- Max-width: 776px
		- Max-width: 480px

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#2e2f33}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/* @font-face */

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-italic-webfont.eot');
    src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-italic-webfont.woff2') format('woff2'),
         url('fonts/lato-italic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
  
/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff;
	color: #2e2f33;
	font-family: 'latolight', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.more-link {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #2e2f33;
	color: #fff;
}

::selection {
	background-color: #2e2f33;
	color: #fff;
}

a {
	color: #25ABC3;
	text-decoration: none;
}

.content a:hover,
.sidebar a:hover,
a:hover {
	color: #2e2f33;
}

p {
	margin: 0 0 25px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 400;
}

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

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'latobold', sans-serif;
	line-height: 1.2;
	margin: 0;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Icons
--------------------------------------------- */

.features {
	text-align: center;
}

.features .dashicons {
	font-size: 64px;
	height: 64px;
	margin: 0 0 20px;
	width: 64px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	margin-bottom: 28px;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
}

/* Forms
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	border-radius: 3px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-family: 'latoregular', sans-serif;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}

.centric-pro-home .dark-section .more-link:hover,
.content .button:hover,
.sidebar .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.home-featured .more-link,
.home-widgets .more-link {
	background-color: #2e2f33;
	border-radius: 50px;
	color: #fff;
	display: block;
	display: table;
	font-size: 11px;
	font-family: 'latobold', sans-serif;
	letter-spacing: 2px;
	line-height: 1;
	margin: 20px auto 0;
	max-width: 200px;
	padding: 10px 24px;
	text-align: center;
	text-transform: uppercase;
}

.home-featured .more-link:hover,
.home-widgets .more-link:hover {
	background-color: #25ABC3;
	color: #fff;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner {
	background-color: #fff;
	clear: both;
}

.centric-pro-landing .site-inner {
	margin: 80px auto;
	max-width: 800px;
	padding: 0 80px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	padding: 71px 0 0 0;
	/*width: 880px;*/
}

.centric-pro-home .content {
	padding: 0;
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
}

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

	.full-width-mobile{
		width:100% !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
}


.subpage.full-width-content .content {
	max-width: 1040px;
}

.full-width-subpage-section{
	padding-bottom: 60px !important;
}

.subpage-subsection{
	margin:80px 0 !important;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

p.sub-section{
	margin-top: 60px !important; 
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 20px;
}

.archive-description {
	font-size: 24px;
}

.author-box {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 80px;
	padding-bottom: 80px;
}

.author-box-title {
	font-size: 18px;
	margin-bottom: 16px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}


/* Titles
--------------------------------------------- */

.search-results .page-title {
	color: #000;
    padding: 100px 0 0 0;
    text-align: left;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 1040px;
}

.search-results .page-title h1 {
	font-size: 16px;
	font-family: 'latoregular', sans-serif;
}

.search-results .page-title div.wrap {
	padding: 0;
}
    
.search-results article.post.entry, .search-results article.page.entry {
	margin: 0 1% 30px 1%;
}

.search-results article.page.entry h2.entry-title {
	margin-bottom: 10px;
}

.content .entry-title a,
.sidebar .widget-title a {
	font-size: 40px;
    font-family: 'latolight', sans-serif;
    color: #25abc3;
    }
 
.entry-title a:hover,
.footer-widgets .featured-content .entry-title a:hover {
	color: #25ABC3;
}

.widget-title {
	font-size: 18px;
	margin-bottom: 20px;
}

.home-widgets .widget-title {
	font-family: 'latolight', sans-serif;
	/*letter-spacing: 2px;*/
	margin-bottom: 60px;
	text-transform: uppercase;
}

.home-widgets .featuredpage .entry-title {
	font-size: 45px;
	font-family: 'latolight', sans-serif;
	line-height: 1.1;
}



/* WordPress
--------------------------------------------- */

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

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

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

a.alignnone {
	display: inline-block;
}

img.alignnone,
.alignnone {
	margin-bottom: 24px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-family: 'latobold', sans-serif;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption {
	margin: 0 0 10px;
}

/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	margin: 0;
	word-wrap: break-word;
}

.widget-area .widget:last-child {
	margin-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */


.enews-widget form {
	position: relative;
}

.enews-widget input,
.enews-widget input:focus {
	border: 1px solid #ddd;
}

.enews-widget input {
	font-size: 16px;
	margin-bottom: 16px;
}

.enews-widget input[type="email"] {
	margin-bottom: 0;
}

.enews-widget input[type="submit"] {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border: 1px solid #484a4e;
	bottom: 0;
	color: #fff;
	height: 53px;
	margin: 0;
	padding: 16px 24px;
	position: absolute;
	right: 0;
}

.enews-widget input:hover[type="submit"] {
	border-color: #fff;
	border-left-color: #484a4e;
}

.enews form + p {
	margin-top: 24px;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.home-widgets .tweet-text {
	display: block;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 15px;
}

.home-widgets .latest-tweets span a {
	font-size: 12px;
	font-family: 'latobold', sans-serif;
	letter-spacing: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

.home-widgets .latest-tweets .tweet-details {
	display: block;
	line-height: 1;
}

.home-widgets .latest-tweets .tweet-details:before {
	content: "\f301";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'dashicons';
	margin-right: 10px;
	vertical-align: top;
}

.home-widgets .latest-tweets .last a {
	border: 2px solid #fff;
	display: inline-block;
	margin-top: 20px;
	padding: 16px 24px;
}

/* Genesis Responsive Slider
--------------------------------------------- */

.widget #genesis-responsive-slider,
.widget #genesis-responsive-slider .flexslider {
    background-color: transparent;
    border: none;
    padding: 0;
}

.widget #genesis-responsive-slider .slide-excerpt {
    background-color: #2e2f33;
    margin: 0;
    opacity: 0.9;
}

html > body .widget .slide-excerpt-border {
    border: none;
}

.widget #genesis-responsive-slider h2 a:hover {
    color: #ccc;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}

/* Simple Social Icons
--------------------------------------------- */

.simple-social-icons li a {
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}

.simple-social-icons li a:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #25ABC3;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.admin-bar .site-header {
	top: 32px;
}

.admin-bar .submenu {
	top: 103px;
}
	

.site-header .wrap {
	min-height: 33px;
	margin: 0 auto;
	max-width: 1440px;
	width: 100%
}

/*.bumper {
	min-height: 33px;
}*/

.site-header,
.site-header .wrap,
.site-description {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 19px 0;
	width: 190px;
}

.header-full-width .title-area {
	width: 100%;
}

.site-title {
	font-family: 'latobold', sans-serif;
	font-size: 25px;
	line-height: 1.2;
}

.site-header .site-title a,
.site-header .site-title a:hover {
	color: #fff;
	text-shadow: 3px 3px rgba( 0, 0, 0, 0.1 );
	text-transform: uppercase;
	background-size: 190px 30px !important;
}

.header-image .site-title > a {
	float: left;
	min-height: 33px;
	width: 100%;
}

.site-description {
    height: 0;
    text-indent: -9999px;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

.home-widgets .widget,
.wrap {
        padding-left: 60px;
        padding-right: 60px;
 	}

/* Widget Area
--------------------------------------------- */

/* Central menu */

.site-header .widget-area #nav_menu-2 {
	color: #fff;
	position: relative;
	width: auto;
	margin: 0 200px;
	text-align: center;
}

.site-header .widget-area #nav_menu-2 a,
.site-header .widget-area #nav_menu-2 a:hover {
	color: #fff;
}


/* Submenu */

div.submenu {
	display: none;
	position: fixed;
	z-index: 998;
	top: 71px;
	left: 0;
	background-color: #5CB9CF;
	background-color: rgba(92, 185, 207, 0.95);
	width: 100%;
}

div.submenu ul {
	text-align: center;
}

div.submenu ul li {
	display: inline-block;
	text-align: center;
    padding: 0 20px;
    margin: 8px 0;
    float: none;
}

div.submenu ul li a {
	display: block;
	color: #fff;
	font-size: 16px;
}

div.submenu ul li a:hover, div.submenu ul li a:active {
	color: #023549;
}


/* Additional widget area on the right side for contact menu and search form */

/* Contact menu 
--------------------------------------------- */

aside.widget-area.header-widget-area {
	position: relative;
}

.site-header .widget-area #nav_menu-5 {
	width: 130px;
	height: 50px;
	position: absolute;
	right: 0;
	top:-63px;
}

.site-header .widget-area #nav_menu-5 a,
.site-header .widget-area #nav_menu-5 a:hover {
	color: #fff;
}

li#menu-item-2429{
	width: 130px;
	height: 50px;	
    text-indent: -9999px;
}
	
li#menu-item-2429 a {
	color: #25ABC3;
	background: url(../../uploads/2018/08/contact_icon-1.png);
	background-repeat: no-repeat;
	background-size: 130px 50px;
}

li#menu-item-2429 a:hover {
	color: #25ABC3;
	background: url(../../uploads/2018/08/contact_icon-hover.png);
	background-repeat: no-repeat;
	background-size: 130px 50px;
}


/* Search Form
--------------------------------------------- */

.site-header .search-form {
	position: absolute;
	z-index: 1;
	top: -55px;
	right: 130px;
	margin: 5px;
}

/* Hide search form when it is not used*/
.search-form input[type="search"] {
    background: #25abc3 url(../../uploads/2018/08/seach_lens.png) no-repeat;
    background-size: 20px 20px;
    background-position: 4% 50%;
    border: 0;
    margin: 0;
    padding: 0;
}

.search-form input[type="submit"] {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Shaping the main menu search box */
.search-form input[type="search"] {
    font-size: 14px;
    padding: 5px 0 5px 40px;
    width: 10px;
}

/* On focus search box becomes bigger */
 .search-form input:focus {
    width: 230px;
    height: 30px;
    border: none;    
    background: #fff url(../../uploads/2018/08/seach_lens_blue.png) no-repeat;
    background-size: 20px 20px;
    background-position: 4% 50%;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: center;
}

.genesis-nav-menu li a {
	color: #fff;
	display: block;
	padding: 28px 16px;
	margin: 0;
}

.genesis-nav-menu li a:hover,
.genesis-nav-menu .current-menu-item > a {
	background-color: #5cb9cf;
	color: #fff;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	color: #fff;
	float: right;
	list-style-type: none;
}

.genesis-nav-menu > .right > a {
	display: inline-block;
}

.genesis-nav-menu > .date {
	padding: 22px;
}

.genesis-nav-menu > .search {
	padding: 10px 0 0;
}

.genesis-nav-menu > .search input[type="search"] {
	font-size: 16px;
	padding: 12px 24px;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}


/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
	text-align: right;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #fff;
	content: "\f333";
	font: normal 20px/1 'dashicons';
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

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

/* General settings */

.home-widgets .widget {
	clear: both;
	margin: 0 auto;
	max-width: 2300px;
	padding: 40px 0;
	overflow: hidden;
	text-align: center;
}

.home-widgets .widget:first-child {
	padding-top: 140px;
}

.home-widgets .widget:last-child {
	padding-bottom: 140px;
}

.home-widgets .more-from-category,
.home-widgets .featured-content article ~ ul,
.home-widgets .featured-content article ~ .widget-title {
    clear: both;
}

.home-widgets .entry-content > p:last-child,
.home-featured .entry-content > p:last-child {
	margin-bottom: 0;
}

.centric-pro-home .color-section .entry-title a,
.centric-pro-home .color-section .widget-title,
.centric-pro-home .color-section a,
.centric-pro-home .color-section,
.centric-pro-home .dark-section .entry-title a,
.centric-pro-home .dark-section .widget-title,
.centric-pro-home .dark-section a,
.centric-pro-home .dark-section {
	color: #fff;
}


.home-featured {
	height: 1100px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_3400x1500.jpg');
	background-color: #01788c;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.home-featured .wrap {
	margin: 0 auto;
	max-width: 1440px;
	width: 100%;
	display: table;
	text-align: center;
	padding: 0 200px;
	height: 100% !important;
}

h4.widget-title.widgettitle {
	font-size: 45px;
	font-family: 'latolight', sans-serif;
	margin-top: 10px;
}

/* Widget area 1: landing picture/header + text */

.home-featured .home-widgets-1 {
	display: inline-block;
	width: 100%;
	padding: 600px 0 0 0;
}

.home-widgets-1 h1 {
	font-family: 'latobold', sans-serif;	
	font-size: 100px;
	line-height: 1;
	/*text-shadow: 3px 3px rgba( 0, 0, 0, 0.1 );*/
}

/* Styles the arrows */

.arrow {
	margin: 35px 0 0 0;
	text-align: center;
	width: 100%;
	height: 75px;
	z-index: 999;
}

.arrow a {
	background: #fff;
	border-radius: 40px;
	display: inline-block;
	padding: 20px 20px 20px;
	text-align: center;
	line-height: 1;
}

.arrow a:before {
	-webkit-font-smoothing: antialiased;
	color: #000;
	content: "\f347";
	font: normal 35px/1 'dashicons';
	height: 35px;
	width: 35px;
}

/* Home widget 2: Turbines, Projects, Analytics icons */

.home-widgets-2 {
	background-color: #fff;
	position: relative;
	border-top: 60px solid transparent;
	margin: -60px auto 0 auto;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	max-width: 1440px;
	width: 100%;
}

.home-widgets-2:before {
	content: "";
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
}

.home-widgets-2 h4.widget-title.widgettitle {
	text-transform: none;
	margin: 70px 20% 50px 20%;
	letter-spacing: 0;
}

div#icons_index {
	width: auto;
	margin: 0 10%;
}

.home-widgets-2 .icon {
	float: left;
	width: 29.33%;
	margin: 0 2%;
}

.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:active h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 38px;
	margin: 15px 0 10px 0;
}

.home-widgets-2 .icon a:hover h2  {
	color: #25abc3;
}

.icon img {
	max-width: 100%;
	padding: 0 18%;
}

.home-widgets-2 .icon p {
	font-family: 'latolight', sans-serif;
	font-size: 25px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

#custom_html-3.widget.widget_custom_html {
	padding: 0 0 30px 0;
}

/* Home widget 3: hydroEngine™ section */

.home-widgets-3 {
	background-color:#01788c;
}

.home-widgets .home-widgets-3 .widget:last-child {
	padding: 0;
	margin: 0;
}

section#custom_html-4 div.textwidget {
	position: absolute;
	height: auto;
	width: 100%;
}

div#bg_image {
	position:relative; 
    height:100%; 
    width:100%; 
}

div#bg_image div#icons_hydroengine {
	position:absolute; 
	max-width: 1040px;
	width: 100%;
	top: 0;
	z-index: 10;
	margin: 47% 0;
	left: 50%;
    margin-left: -520px;
}

div#bg_image img.turbine {
	width: 100%;
	}

.home-widgets-3 #icons_title h4 {
	font-size: 45px;
	font-family: 'latolight', sans-serif;
	}

.home-widgets-3 .icon-h {
	float: left;
	width: 33.3%;
	margin: 10% 0 7% 0;
}

.home-widgets-3 .icon-h h2 {
	text-transform: uppercase;
	font-size: 40px;
	margin: 25px 0 15px 0;
}

.home-widgets-3 .icon-h p {
	font-size: 30px;
	font-family: 'latoregular', sans-serif;
}

.home-widgets-3 .icon-h img.icon-size {
	max-width: 100%;
	padding: 0 25%;
}

div.learn-more a {
	clear: both;
	color: #fff;
	width: 290px;
    border-radius: 5px;
    background-color: #25abc3;
    display: table;
    font-size: 30px;
	font-family: 'latoregular', sans-serif;    
	letter-spacing: 2px;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 300px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
}

a.learn-more-inline{
	display: inline-block;
	color: #fff;
    border-radius: 5px;
    background-color: #25abc3;
    font-size: 16px;
	font-family: 'latoregular', sans-serif;    
	letter-spacing: 2px;
    line-height: 1.8;
    margin: 0 10px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 5px 25px;
    text-align: center;
    text-transform: uppercase;
}

div.center-container{
	width: 100%;
	text-align: center;
}

div.learn-more a:hover, a.learn-more-inline:hover {
	background-color: #01788c;
	color: white;
}

.subpage div.learn-more a {
	clear: both;
	color: #fff;
	width: 180px;
    border-radius: 5px;
    background-color: #25abc3;
    display: table;
    font-size: 18px;
	font-family: 'latoregular', sans-serif;    
	letter-spacing: 1.5px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 300px;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase;
}

.subpage div.learn-more a:hover {
	background-color: #01788c;
	color: white;
}

div#black {
	display: none;
	}


/* Home widget 4: EcoSmartHydro section */

.home-widgets-4 {
	background-color: #fff;
	color: #000;
	margin: 100% auto 0 auto;
	margin: 89% auto 0 auto;
	max-width: 1040px;
	width: 100%;
}

div#ESH_home_icons h5 {
	font-size: 26px;
	margin: 5px 0 60px 0;
	color: #000;
} 

.home-widgets-4 p {
	color: #000;
	margin: 0 0 30px 0;
	font-size: 25px;
	}

.home-widgets-4 h4.widget-title.widgettitle {
	color: #000 !important;
	text-transform: none;
	margin: 200px 0 30px 0;
}

.home-widgets-4 h4 {
	color: #000;
}

h4#title_logo {
	font-size: 45px;
	font-family: 'latolight', sans-serif;
	}

.home-widgets-4 img {
	margin: 15px 0 15px 0;
	padding: 0 10%;
}

div#ESH_home_icons {
	width: auto;
	margin: 30px 0 0 0;
}

.home-widgets-4 div.ESH_icon {
	float: left;
	width: 20%;
}

.home-widgets-4 div.ESH_icon img {
	max-width: 100%;
}

section#custom_html-5.widget.widget_custom_html {
	padding: 0 0 8% 0;
}


/* Home widget 5: watershedOS section */

.home-widgets .widget {
	padding: 0;
}

.home-widgets .home-widgets-5 .widget:last-child {
	padding: 0;
	margin: 0;
}

.home-widgets-5 {
	background-color: #fff;
	/*margin-bottom: 78.4%;*/
}


div#upstream-home{
    /*position: absolute;*/
    width: 100%;
    /*margin-left: -620px;*/
    /*top: 200px;*/
    /*left: 50%;*/
    z-index: 10;
    padding-bottom: 80px;

}

#title-earth{
	background-image: url("../../uploads/2019/09/star_background.png");
	background-repeat: no-repeat;
	background-size: 100%;
	line-height:0px;
}

#upstream-home .responsive-column-home{
	text-align: center;
}
#upstream-home #title-earth .responsive-column-home{
	padding-top: 80px;
}


.responsive-column-half{
	width:48%;
	margin:0;
	display: inline-block;
}

div#upstream-home img.watershed {
	width: 100%;
	}

#upstream-home p{
	margin-top: 10px;
}

#upstream-home .learn-more{
	margin-top: 20px;
}

#upstream-logo-white-wide{
	width: 400px;
	margin: auto;
	margin-bottom: 15px;
}

.flex-row{
	width:100%;
	flex-wrap: nowrap;
	display: flex;
	justify-content:space-between;
}

#upstream-earth{
}

#upstream-home #upstream-tagline{
	color:white;
	font-family: 'latolight', sans-serif;
	font-weight: normal;
	font-size: 35px;
	margin-bottom: 80px;
}

/*mobile upstream-home styles*/


.responsive-column-home{
	/*width: calc(100% - 2*20%);*/
	max-width: 1040px;
	margin:auto;
/*	margin-left: 20%;
	margin-right: 20%;*/
	/*display: flex;*/
}

.full-width-child{
	margin-left: calc(-1 * (100vw - 100%) / 2);
	width:100vw;
	max-width: none;
}


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


	#upstream-home #title-earth .responsive-column-home{
		padding-top: 120px !important;
	}

	#upstream-logo-white-wide{
		width:600px;
		margin-bottom: 30px;
	}

	h4#upstream-tagline{
		font-size:35px !important;
		margin-bottom: 100px !important;
	}


}


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

	.responsive-column-home {
		width:940px;
	}
}

/*@media only screen and (max-width: 1040px) {

	.responsive-column-home {
		padding-left: 50px;
		padding-right: 50px;
	}
}
*/
@media only screen and (max-width: 1024px) {

	.responsive-column-home {
		padding-left: 50px;
		padding-right: 50px;
		width: calc(100% - 2*50px);
	}
}

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

	.responsive-column-home {
		padding-left: 40px;
		padding-right: 40px;
		width: calc(100% - 2*40px);
	}

	#upstream-home #title-earth .responsive-column-home{
		padding-top: 60px !important;
	}

	.responsive-column-half{
		width:100%;
		margin:0;
		display: inline-block;
	}

	.flex-row{
		display: block;
	}

	#title-earth{
		margin-bottom: 10px;
		background-repeat: repeat;
		line-height:0px;
	}

	h4#upstream-tagline{
		font-size:28px !important;
		margin-bottom: 40px !important;
	}


}

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

	.responsive-column-home {
		padding-left: 30px;
		padding-right: 30px;
		width: calc(100% - 2*30px);
	}

	h4#upstream-tagline{
		font-size:20px !important;
		/*margin-bottom: 40px !important;*/
	}
}


section#custom_html-6 div.textwidget {
	position: absolute;
	height: auto;
	width: 100%;
}

/*old wos*/

/*div#w-os {
	position:relative; 
    height:100%; 
    width:100%; 
}

div#w-os div#w-os_text {
    position: absolute;
    max-width: 1240px;
    width: 100%;
    margin-left: -620px;
    top: 200px;
    left: 50%;
    z-index: 10;
    text-align: left;
}

div#w-os img.watershed {
	width: 100%;
	}*/

/*old wos*/
/*div#w-os div#w-os_text div#w-os_title h4 {
	width: 60%;
	margin: 0 5% 0 35%;
	font-size: 53px;
	font-family: 'latolight', sans-serif;
	}
div#w-os div#w-os_text div#w-os_title img{
	margin-left: 45%;
	margin-bottom: 5px;
}*/
	
/*.home-widgets-5 #w-os-p {
	font-size: 25px;
    width: 65%;
    margin: 70% 30% 7% 0;
}*/

/*.home-widgets-5 div#tile img {
	display: none;
	}
	
.home-widgets-5 div#white {
	display: none;
	}*/


/* Subpage template
-------------------------------------------------------------- */

/* ---------- General settings ---------- */

/* Sets container max-width to 1400px */
.subpage .wrap {
	margin: 0 auto;
	max-width: 1440px;
	width: 100%;
}

.subpage .entry {
	margin: 0;
}

.subpage div.entry-content {
	margin: 0;
	padding: 0 5px;
}

.content-sidebar-wrap {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%;
    padding: 0;
    display: block;
}

.subpage h2 {
	font-size: 40px;
	font-family: 'latolight', sans-serif;
	color: #25abc3;
	margin: 60px 0 30px 0;
}

.entry-header h2 {
	font-size: 40px;
	font-family: 'latolight', sans-serif;
	color: #25abc3;
}

.subpage h3 {
	font-size: 20px;
	font-family: 'latobold', sans-serif;
	text-align: center;
	margin: 20px 0;
}

.subpage h4 {
	font-size: 17px;
	font-family: 'latobold', sans-serif;
	text-align: center;
}

.subpage p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	text-align: left;
	font-family: 'latolight', sans-serif;
	line-height: 1.625;
	}

/* Displays the anchor tag to link to subpages from menu bar */
a.anchor {
	display: block;
	padding-top: 110px;
    margin-top: -110px;
    }

/* ---------- Services page ---------- */

/* Gray bg color in wOS section */
div#upstream {
	margin: 0 -9999rem;
	padding: 0 9999rem;
	background-color: #f1f2f2;
	overflow: hidden;
	padding-bottom: 60px;
}

div#kinet {
	margin: 0 -9999rem;
	padding: 0 9999rem;
	background-color: #e1e2e2;
	overflow: hidden;
}

/* To avoid horizontal scrollbars */
html, body {
  overflow-x: hidden;
}

/* watershedOS developer and manager white boxes */
span.bold {
	font-family: 'latoregular', sans-serif;
}

/* Upstream services section */
/* Icons */

.upstream_icon {
    float: left;
    width: 21%;
    margin: 0 2% 40px 2%;
}

#upstream_icons_container {
    overflow: hidden;
}

.upstream_icon img {
    width: 50%;
    margin: 0 25%;
}

.upstream_icon h3 {
    text-transform: uppercase;
    margin: 15px 0 10px 0;
    font-size: 17px;
}

.upstream_icon p {
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
}

/* Upstream dashboard */

div#upstream_dashboard_container {
	margin: 0 0 60px 0;
}

div.upstream_dashboard {
	overflow: hidden;
	float: left;
	width: 30%;
	margin: 0 3.3% 0 0;
}

div.upstream_dashboard p {
	font-family: 'latoitalic', sans-serif;
	font-size: 16px;
	color: #18414f;
}

div.upstream_text p {
    margin-bottom: 70px;
    line-height: 1.4;
}

div#upstream_logo {
	clear: both;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 40px;
}

div#upstream_logo p {
	text-align: center;
	margin: 0;
}

div#upstream_logo img {
	width: 230px;
	margin-bottom: 0;
} 

div#upstream_logo a {
	color: #004150;
	font-family: 'latobold', sans-serif;
} 

div#upstream_logo a:hover {
	color: #25abc3;
} 


/*upstream hydrology and property monitoring*/


#hydrology-graphic{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;

	margin-top: 35px;
}

#hydrology-graphic img{
	width:32.3%;
}

img#property_monitoring{
	margin-top: 10px;
	margin-left: 15%;
	width:70%;
}

#upstream .learn-more#upstream-hydrology-link{
	margin-top: 40px;
}

#upstream .learn-more#upstream-property-monitoring-link{
	margin-top: 30px;
}


@media only screen and (max-width: 776px) {
	img#property_monitoring{
		width:100%;
		margin-left: 0px;
	}

	#hydrology-graphic img:nth-of-type(2){
		display: none;
	}

	#hydrology-graphic img{
		width:48.3%;
		align-self: center
	}
}





/* Maintenance section */

#maintenance-container-left, #maintenance-container-right {
	float: left;
    width: 48%;
    max-width: 100%;
    margin: 2% 2% 2% 0;
}

img#maintenance {
	margin-bottom: 4px;
}

#scada {
	clear: both;
	padding-top: 10px;
}
/* Monitoring section */

#monitoring {
	padding-bottom: 40px;
}

#monitoring div.scada {
	float: left;
    width: 48%;
    margin: 2% 2% 2% 0;
}

#monitoring div.scada img {
	max-width: 100%;
}

/* ---------- Restoration Hydro page ---------- */

/* Stats */

div.stat {
    float: left;
    width: 25%;
    margin-right: 4%;
    margin-left: 4%;
}

div.stat img {
	display: block;
	max-width: 150px;
	margin: 0 auto;
}

div.stat p {
    text-align: center;
    font-family: 'latoitalic', sans-serif;
    line-height: 1.3;
    font-size: 20px;
}

/* RH graphic with 4 frames */
div#rh-graphic-container {
	margin: 60px -9999rem;
	padding: 40px 9999rem 30px 9999rem;
	background-color: #e7e5e5;
	overflow: hidden;
}

div.rh-graphic {
	float: left;
	width: 48%;
	margin: 1%;
}

/* Quote */
div#quote {
	float: right;
	width: 30%;
	background-color: #e2edf1;
	border: 1px solid #25abc3;
	padding: 15px 15px 7px 15px;
	margin: 0 0 0 15px;
}
/* side photo */
div.side-photo {
	float: right;
	width: 30%;
	margin: 0 0 0 15px;
	margin-top: 60px;
	margin-bottom: 60px;
}

div#quote p {
	line-height: 1.5;
	font-size: 16px;
	font-style: italic;
	padding: 7px 0 0 0;
	margin: 0;
}

/* Social co-benefits */

div#social-cb p{
	margin-bottom: 0;
}

div#img_overlay {
	height: 700px;
	background-image: url('../../uploads/2017/07/SDG_graphic_final_forever.gif');
	background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

div#img_overlay:hover {
	height: 700px;
	background-image: url('../../uploads/2017/08/SDG_graphic_static.png');
	background-size: 100%;
	background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* Icons */
#rh-icon-subpage-container {
	overflow: hidden;
}

.rh-icon-subpage {
	float: left;
	width: 18%;
	margin: 20px 1%;
}

.rh-icon-subpage img {
	padding: 0 15%;
}

/* Resources */

div#resources {
	margin-bottom: 40px;
}

div#resources li {
	list-style-type: circle;
    margin-left: 20px;
}


/* Icons and info at the top of the map 
#hydro-icon-container {
	overflow: hidden;
	width: 100%;
	margin:50px 0 50px 0;
	padding:0;
	height: 60px;
}

#hydro-icon-container div.hydro-icon {
	float: left;
    width: 33%;
	margin: 2% 0;
	padding: 0 1%;
    height: 100%;
}

#hydro-icon-container div.hydro-icon img {
	float: left;
	margin: 0 0 0 5%;
	width: 40px;
	height: 40px;
}

#hydro-icon-container div.hydro-icon p {
	font-size: 15px;
	width: 74%;
	margin: -23px 26% 0 26%;
	text-align: left;
}

#hydro-icon-container div.hydro-icon h4 {
	font-size: 35px;
	font-family: 'latolight', sans-serif;
	width: 74%;
	margin: 0 26% 0 26%;
	text-align: left;
}

#hydro-icon-container div#hydro-icon-middle {
	border-left: 2px solid #25abc3;
	border-right: 2px solid #25abc3;
	margin: 2% 0;
	padding: 0 2%;
}

/* Map

img#hydro-potential-map {
	max-width: 100%;
}

/* Piecharts 

#hydro-piechart-container {
	overflow: hidden;
	}
	
#hydro-piechart-container .hydro-piechart {
	width: 14.3%;
	max-width: 100%;
	float: left;
	margin: 30px 1.18% 10px 1.18%;
}

/* Piechart legend */

span.dot {
	  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 50%; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 	border-radius: 50%;
	padding: 0.1px 11px 0.1px;
	}

/*
#piecharts-legend #potential span.dot{
	background-color: #25ABC3;
}

#piecharts-legend #potential {
	padding: 0 0 0 16%;
}

#piecharts-legend #planned span.dot{
	background-color: #000;
}

#piecharts-legend #planned {
	padding: 0 0 0 9%;
}

#piecharts-legend #construction span.dot{
	background-color: #808285;
}

#piecharts-legend #installed span.dot{
	background-color: #89C4D6;
}

#piecharts-legend {
	clear: both;
	overflow: hidden;
	height: 30px;
}

#piecharts-legend div {
	width: 25%;
	float: left;
}

#piecharts-legend h4 {
	font-size: 12px;
	text-transform: uppercase;
	margin: -36px 0 0 35px;
	text-align: left;
}

/* bullet points 
div#hydro-future ul{
	list-style: url("../../uploads/2016/04/bullets.png");
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}

div#hydro-future ul li{
	padding: 0 0 0 5px;
}

/* water needs graphics 
#hydro-graphics-container {
	overflow: hidden;
	margin: 20px 0;
}

.hydro-graphic {
	float: left;
	width: 47%;
	max-width: 100%;
	}

#hydro-graphic-first {
	margin-right: 6%;
}

/* EcoSmartHydro section 

div#eco-smart-hydro {
	margin: 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #f1f2f2;
	clear: both;
}


/* Flooding graphics 
#flooding-graphic-container {
	overflow: hidden;
}

#flooding-graphic-container h3 {
	clear: both;
}

.flooding-esh {
	width: 100%;
	margin: 40px 0;
	overflow: auto;
}

.flooding-img {
	float: left;
	width: 60%;
	max-width: 100%;
}

.flooding-legend {
	float: left;
	width: 40%;
	max-width: 100%;
	margin-top: 40px;
}*/


/* ---------- Technology page ---------- */

/* --- Videos --- */

#competitive-advantages{
	margin: 50px 0 60px 0;
}


.external-wrapper {
	max-width: 640px;
    margin: 30px auto;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 
	-webkit-transform: rotate(0.000001deg); 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	overflow: hidden; 
}

.external-wrapper-full {
	width:100%;
    margin: 30px auto;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 
	-webkit-transform: rotate(0.000001deg); 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	overflow: hidden; 
}

.video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }


    
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
     }

div#adv {
	margin: 60px -9999rem 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #f1f2f2;
	clear: both;
}

div.light-grey-section {
	margin: 0px -9999rem 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #f1f2f2;
	clear: both;
}

div.lighter-grey-section {
	margin: 0px -9999rem 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #f5f5f5;
	clear: both;
}

/* Advantages icons */

#adv-graphics-container {
	overflow: hidden;
}

#adv-container-general {
	margin: 30px 6% 60px 6%;
	overflow: auto;
}

.adv-container {
	float: left;
	width: 25%;
}

.adv-container img {
	margin: 0 auto;
	display: block;
}

#adv-container-second, #adv-container-forth {
	background-color: #fff;
	padding: 2%;
}

#adv-container-first, #adv-container-third {
	padding: 2%;
}

.adv-icon h4 {
	margin-top: -30px;
}

.clear {
	clear: both;
}
.adv-arrow {
	width: 100%;
	height: 20px;
    display: inline-block;
    vertical-align: middle;
	background-image: url('../../uploads/2016/06/arrow.png');
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 14px;
}

/* Advantages table */

.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	line-height: 1.4;
}

.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

.table-container table {
	background-color: #fff;
}

.table-container th{
	background-color: white;
}

.table-container.light th{
	background-color: #f1f2f2;
}

.table-container td, .table-container th {
	height: 30px;
	border: 6px solid #f1f2f2;
	width: 10%;
  	padding: 10px;
  	font-size: 15px;
  	text-align: center;
}

.table-container.light td, .table-container.light th {
	border: 6px solid #FFF;
}

.table-container td{
  	background-color: white;
}
.table-container.light td{
	background-color: #f1f2f2;
}

th#invisible {
	background-color: #f1f2f2;
}

.table-container.light th#invisible {
	background-color: #FFF;
}

td.table_header{
	font-family: 'latobold', sans-serif;
	text-align: left;
	background-color: #d1d3d4;
	padding: 10px 20px;
	width:20%;
}
.table-container.light td.table_header{
	background-color: #D7D7D7;
}

.hydroengine_column, .table-container td.hydroengine_column, .table-container th.hydroengine_column {
  	background-color: #9fcedc;
}

th {
	font-family: 'latobold', sans-serif;
}

.table-container table img {
	margin: 0 10px;
	vertical-align: middle;
	width: 22px;
	height: 22px;
}

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

  /* Advantages table */

  .table-container {
  	width: 100%;
  	overflow-y: auto;
  	_overflow: none;
  	margin: 0 0 1em;
  	line-height: 1.4;
  }

   #competitive-advantages .table-container table{
   	width:100% !important;
   }

  .table-container td, .table-container th {
  	height: 20px;
  	border: 3px solid #f1f2f2;
  	width: 5%;
	padding: 5px;
	font-size: 8px;
	text-align: center;
  }

  td.table_header {
  	padding: 5px 10px;
  	width:10%;
  }

  .table-container table img {
  	margin: 0 5px;
  	vertical-align: middle;
  	width: 10px;
  	height: 10px;
  }
}


/* Excavation and cost graphics */

.adv-graphics {
	float: left;
    width: 46%;
    margin: 2% 4% 2% 0;
}

#learn-more-adv a {
	width: 260px;
	max-width: 260px;
    line-height: 1.2;
}

.learn-more-adv-2 {
	width:auto !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#learn-more-testing a {
	width: 240px;
	max-width: 240px;
    line-height: 1.2;
    margin: 40px auto;
}

/* Testing */
div#foogallery-gallery-1125, div#foogallery-gallery-1111 {
	margin: 40px 0;
}


/* ---------- About page ---------- */

div#about-external h2, div#team-external h2, div#careers-external h2, div#literature h2{
	text-align: center;
	font-size: 36px;
	max-width: 650px;
	margin: 60px auto 30px auto;
	}

div#about-external h2, div#team-external h2 {
	color: #000;
	}

div#team-external{
	margin-bottom: 40px;
}



div#about-external p, div#careers-external p {
	text-align: center;
}

div#about-external {
	margin: 0 -9999rem;
	padding: 0 9999rem 60px 9999rem;
	background-color: #f1f2f2;
}

#about-container {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top: 30px;
}

img.about-img {
	float: left;
	width: 50%;
}

/* Team subpage */

/* Thumbnails */

#team-thumbs-container {
	overflow: hidden;
	width: 100%;
	margin: 30px 0 20px 0;
}

.team-thumbs {
	float: left;
	width: 16%;
	height: 240px;
	margin-left: 5px;
}

.team-thumbs img {
	margin-bottom: 10px;
}

.team-thumbs a {
	color: #000;
}

.team-thumbs a:hover {
	color: #25abc3;
}

.team-thumbs h4 {
	font-size: 12px;
	font-family: 'latobold', sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin-top: -20px !important;
}

.team-thumbs p {
	font-size: 12px;
	font-family: 'latoregular', sans-serif;	
	margin-top: 5px;
	line-height: 1.2;
	text-align: left;
}

/* Team profile lightboxes */

.team-foobox {
	display: none;
}

.fbx-item.fbx-item-html {
	width: inherit !important;
}

div.fbx-item-current {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.team-inner {
	font-family: 'latolight', sans-serif;
	line-height: 1.5;
	margin: 20px;
	}

.team-inner .team-img {
	float: left;
	width: 40%;
}

.team-inner img.linkedin {
	margin: 20px 5px 0 0;
}

.team-inner .team-img a {
	background-image: url('../../uploads/2016/05/linkedin-1.png');
	background-repeat: no-repeat;
	font-size: 16px;
	color: #808080;
	display: inline;
}

.team-inner .team-img a:hover {
	background-image: url('../../uploads/2016/05/linkedin_hover.png');
	background-repeat: no-repeat;
	font-size: 16px;
	color: #25abc3;
	display: inline;
}

.team-inner .team-img p {
	display: inline;
	margin-left: 25px;
	}

.team-copy {
	float: left;
	width: 54%;
	padding: 0 3%;
}

.team-inner p {
	font-size: 16px;
}

.team-inner h3 {
	text-transform: uppercase;
	text-align: left;
	font-size: 35px;
	font-family: 'latolight', sans-serif;	
	color: #25abc3;
	margin: 0;
}

.team-inner h4 {
	text-align: left;
	margin: 10px 0 30px 0;
	font-family: 'latoitalic', sans-serif;
}

/* Careers page */

div#careers-external {
	margin: 60px -9999rem 0 -9999rem;
	padding: 1px 9999rem 60px 9999rem;
	background-color: #f1f2f2;
}

div#careers-external p {
	text-align: left;
	}

div.careers-thumbs {
}

div.careers-thumbs:hover {
	background-color: #25abc3;
}

div.careers-thumbs h4 {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 6px 0;
	font-family: 'latoregular', sans-serif;
	}
	
div.careers-thumbs a {
	width: 100%;
	height: 30px;
	color: #000;
	}

div.careers-thumbs a:hover {
	width: 100%;
	color: #fff;
	height: 30px;
	}

div.careers-thumbs br {
	display: none;
}

.single-post {
	list-style: url("../../uploads/2016/04/bullets.png");
}

.single-post .entry-content ul {
    margin: 0 0 15px 15px;
}

/* Hide date in job posts */
article.category-job-posts p.entry-meta {
    display: none;
}

/* ----- Contact page template -----*/

.contact .content-sidebar-wrap {
	margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.site-inner .wrap {
	padding-left: 0;
	padding-right: 0;
}

/* ------Turbines page ------- */

/* Product information */

div#linear-pelton{
	margin-top:40px;
}

.model {
	width: 100%;
	margin: 30px 0 60px 0;
	padding: 30px 90px;
	/*background-color: #f1f2f2;*/
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 5px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 5px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 	border-radius: 5px;
 	overflow: hidden;
 	background-color: #fafafa;
}

.model:hover {
	/*background-color: #ecedeb;*/
}

.model ul {
	list-style: url("../../uploads/2016/04/bullets.png");
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	clear: both;
}

 ul.triangle-bullet {
	list-style: url("../../uploads/2016/04/bullets.png");
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	clear: both;
}

.model .diagram, .model .cutaway {
	width: 100%;
	margin-bottom: 0;
	}

.model .diagram p, .model .cutaway p {
	text-align: right;
	font-family: 'latoitalic', sans-serif;
	color: #F99D1C;
	margin-top: -30px;
	margin-bottom: 10px;
	}

.model .diagram {
	margin-right: 2%;
	margin-bottom: 20px;
	/*margin-top: -30px;*/
}

.model .freejet {
	margin: 62px 0;
}

img#envelope-general {
	margin: 0 15%;
	width: 70%;
	margin-bottom: 30px;
}

img.nat-seventy, div.nat-seventy {
	margin: 0 15%;
	width: 70% !important;
}

@media only screen and (max-width: 1024px) {
	img.nat-seventy, div.nat-seventy{
		margin: 0;
		width: 100% !important;
	}
}



img#rht-vertical{
	width:23%;
	margin-right: 2%;
}
img#fish-saving-forcefield{
	width:100%;
}


img#runner-cutout{
	width: 50%;
	margin-left: 25%;
	margin-bottom: 30px;
	margin-top: 10px;
}

img#rht-cutout{
	width: 70%;
	margin-left: 15%;
	margin-bottom: 30px;
	margin-top: 10px;
}

/* Installation options */

div#install-opt {
	margin: 0 -9999rem;
	padding: 1px 9999rem 60px 9999rem;
	/*background-color: #f1f2f2;*/
	background-color: white;
}

#install-opt div#install-container {
	/*overflow: hidden;*/
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;

}

div.install.turbine-types {
	width: 33%;

	display: flex;
	flex-direction: column;
	justify-content: flex-end; 

}
div.install.turbine-types img{
	align-self: center; 
}

#pit-turbine img{
	width:80%;
	padding-bottom: 12%;
}
#radial-turbine img{
	width:40%;
	padding-bottom: 5%;
}
#saxo-turbine img{
	width:40%;
}



.turbine-types{
	text-align: center;
}


@media only screen and (max-width: 480px) {
	div.install.turbine-types{
		width: 100%;
		padding-bottom: 20px;
	}
	div.install.turbine-types img{
		padding-bottom: 0% !important;
	}
	#install-opt div#install-container{
		flex-wrap: wrap;
	}

}


div#run-of-river-container {
	overflow: hidden;
	margin-top: 40px;
	clear: both;
}

div.run-of-river {
	width: 100%;
	margin: 0;
}

/* Applications */

div.features, div.benefits {
	float: left;
	width: 48%;
	margin-right: 2%
}

div.features li, div.benefits li {
	list-style-type: circle;
	text-align: left;
	margin-left: 20px;
}

.collapseomatic_content {
	background-color: #ecedeb;
	padding: 30px 40px;
}

img.plus_icon, img.minus_icon {
	display: block;
	margin: auto;
	width: 40px;
}

div.install p, div.install-50 p {
    font-family: 'latobold';
    color: #25abc3;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}


/* Projects map */
 
 p#first_p {
 	margin: 0 0 25px 0 !important;
 }
 
div#projects-container{
	margin: 0 -9999rem;
	padding: 1px 9999rem 60px 9999rem;
	/*background-color: #e1e2e2;*/
}

div#technology-container{
	margin: 0 -9999rem;
	padding: 1px 9999rem 60px 9999rem;
	background-color: #FFF;
}


 #projects-container p {
 	margin: 0;
 	}
 
 .my-legend {
    /*background-color: #f1f2f2;*/
    /*width: 350px;*/
    /*width:auto;*/
    padding: 5px 0 5px 20px;
	}
  
  .my-legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    }
  
  .my-legend .legend-scale ul li {
    font-size: 14px;
	font-family: 'latoregular', sans-serif;
    list-style: none;
    margin-left: 0;
    line-height: 18px;
    padding-right: 10px;
    /*width: 45%;*/
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    }
  
  .my-legend ul.legend-labels li span {
    display: inline-block;
    margin: 5px 5px 0 0;
    }

   .my-legend img{
   	margin-right: 5px; 
   }


#linear-pelton-diagram{
	margin-top: 30px;
	margin-bottom: 20px;
	width:80%;
	padding-left: 10%;
}


 	/*  LP page -----------------
 	------------------------------ */  
	
	.models-head-power {
		overflow: hidden;
	}
	
	.head-power {
		width: 50%;
		float: left;
		margin-top: 20px;
	}
	
	.head-power img {
		width: 100px;
		float: left;
	}
	
	.head-power h3 {
		text-align: left;
		text-transform: uppercase;
		font-family: 'latolight', sans-serif;
		font-size: 24px;
		margin-left: 120px;
		margin-bottom: 5px;
	}
	
	.head-power p {
		font-family: 'latobold', sans-serif;
		margin-left: 120px;
		font-size: 20px;
	}
	
	.envelope-efficiency-container {
		margin: 50px -9999rem;
		padding: 50px 9999rem;
		background-color: #f1f2f2;
		clear: both;
		overflow: hidden;
		}

	.envelope-efficiency {
		float: left;
		width: 48%;
		margin-right: 2%;
	}
	
	.equipment-package-container {
		overflow: hidden;
	}
	
	.equipment-package-container img {
		margin-top: 30px;
		padding: 0 60px;
	}
	
	.page-id-1520 .equipment-package-container img {
		width: 60%;
		margin: 30px 20% 0 20%;
	}
	
	.equipment-package {
		float: left;
		width: 30%;
		margin-right: 3.3%;
		margin-bottom: 40px;
	}

	.equipment-package h4 {
		text-align: left;
		color: #25abc3;
		margin-bottom: 20px;
	}
	
	.equipment-package li {
		line-height: 1.2;
		margin-bottom: 10px;
		margin-left: 17px;
		list-style: url("../../uploads/2016/04/bullets.png");	
	}
	
	.equipment-package li ul li {
		list-style: none;	
	}
	
	.equipment-package li ul {
		margin-top: 10px;
	}
	
	.equipment-package-container div.learn-more a {
		width:350px;
		max-width: 350px;	}

    
 	/*  Contact page -----------------
 	------------------------------ */  
 	  
 	/* Contact icons */
 	
 	#contact_icons_container {
 	max-width: 1040px;
 	width: 100%;
 	margin: 0 auto;
 	padding: 20px 80px;
 	overflow: auto;
 	}
 	
 	.contact_icon {
 	float: left;
 	width: 31.3%;
 	margin: 0 1%;
 	padding: 0;
 	}
 
  	.contact_icon p, .contact_icon a {
  	color: #000;
  	text-align: center;
  	}
  	
  	.contact_icon a:hover {
  	color: #25abc3;
  	}
  	
	.contact_icon p {
	font-size: 16px;
	font-family: 'latoregular', sans-serif;
	margin-top: 10px;
	}

  	.contact_icon img {
  	width: 100%;
  	max-width: 100%;
  	padding: 0 18%;
  	}
  	
  	/* Contact form */
  	
  	#contact-form-wrapper {
  	 max-width: 1040px;
 	 width: 100%;
	 margin: 0 auto;
  	}
  	
  	#contact-form {
  	margin: 0 -9999rem;
	padding: 30px 9999rem 40px 9999rem;
	background-color: #dcdcdc;
	}
	
	.gform_confirmation_wrapper {
	padding: 60px 10px;
	text-align: center;
	color: #25abc3;
	}
	
	.gform_wrapper .left_label .gfield_label {
	width: 15% !important;
	}
	
	.gform_wrapper .left_label div.ginput_complex {
	width: 83% !important;
	}
	
	.gform_wrapper .left_label input.medium {
	width: 39% !important;
	}
	
	.gform_wrapper .left_label textarea.medium {
	width: 82% !important;
	height: 6em !important;
	border: none !important;
	}
	
	div.gform_wrapper input[type="text"] {
	padding: 6px !important;
	}
	
	.gform_wrapper .left_label .gfield_description {
	margin-left: 16.5% !important;
		width: 82% !important;
	}
	
	.medium {
	border: none !important;	
	}
	
	#input_1_9_6, #input_1_9_3 {
	border: none !important;		
	}
	
	.gform_wrapper h3.gform_title {
	text-align: center;
    font-size: 40px !important;
    font-family: 'latolight', sans-serif !important;
    }
    
    #recaptcha_response_field {
    border: none !important;
    width: 100% !important;
    }
    
    #recaptcha_table td {
    padding-top: 10px !important;
    }
    
    #recaptcha_privacy a {
    color: #25abc3;
    }
    
    .gform_wrapper .left_label li.field_sublabel_below .gfield_label, div.gform_wrapper .ginput_complex label {
    font-size: 16px;
    }
    
    input[type="submit"], .button {
    background-color: #25abc3;
    border-radius: 3px;
    }
    
    .gform_wrapper .gform_footer.left_label {
    margin: 0 auto !important;
    width: 109px !important;
    }
    
    .gform_wrapper h3.gform_title {
    margin-bottom: 40px !important;
    }
        
    .newsletter-checkbox ul#input_1_12.gfield_checkbox {
    margin-left: 0 !important;
    }
    
    /* sign up button IE fix */
    .gf_browser_ie.gform_wrapper .gform_footer input.button {
    padding: 15px 20px !important;
    }


    /*product contact form*/

    #gform_wrapper_3{
    	padding: 0 30px;
    	text-align: center;
    }

    #gform_3{
    	width:400px;
    	max-width:100%; 
    	display:inline-block;
    }

    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
    	width:100% !important;
    }

    .gform_wrapper .top_label input.medium {
    	margin: 0 0 !important;
    	/*margin-left: 0px !important;*/
    	border: 1px solid #DCDCDC !important;
    	height: 40px !important;
    	}


    #gform_wrapper_3 .gform_heading.custom{
    	display: block;
    }

    #gform_wrapper_3 li{
    	margin-bottom: 20px;
    }


    .fbx-item-current{
    	background-color: #dcdcdc;
    }

    .page-id-2389 #gform_confirmation_message_3{
    	/*min-height: 400px;*/
    	margin-top: 120px;
    }



/* ----- News page -----*/

/* Hides news footer widgets from the news page */
.page-id-2395 .footer-widgets-1 {
    display: none;
}

/* Newsletter */
div#newsletter {
	margin: 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #f1f2f2;
}

div#newsletter h2 {
	margin-bottom: 10px;
}

div#newsletter h2, div#newsletter p {
	text-align: center;
}

div#newsletter p {
	margin-bottom: 0;
	}

div#newsletter p.small {
	font-size: 14px;
}

div#newsletter .gform_wrapper .top_label .gfield_label {
	display: none !important;
}

div#newsletter .gform_wrapper {
	padding-top: 0 !important;
}

.gform_wrapper .top_label input.medium {
	margin: 0 26.2%;
	border: 1px solid #DCDCDC !important;
	height: 40px !important;
	}

input[type="submit"], .button {
	letter-spacing: 1.5px;
    line-height: 0.7;
}

.gform_wrapper .gform_footer {
	margin: 10px auto !important;
	width: 170px !important; 
	}

/* News */
#news h2 {
	text-align: center;
}

div#news {
	margin: 0 -9999rem;
	padding: 1px 9999rem 40px 9999rem;
	background-color: #e1e2e2;
}

#posts-date {
	margin: 0 0 8px 0;
}

/* Legend */

div#legend {
	overflow: hidden;
	width: 70%;
	margin: 0 15% 40px 15%;
}

div#legend div {
	float: left;
	margin: 0 4% 0 0;
}

p#legend-text {
	text-align: center;
}

div#legend h4 {
	color: #000;
	font-family: 'latoregular', sans-serif;
	text-align: left;
	margin: -38px 0 0 35px;
	text-transform: uppercase;
	font-size: 14px;
}

div#posts-gallery {
	clear: both;
}
	
#newsletter-legend span.dot {
	background-color: #ce372a;
}

#newsletter-legend h4:hover {
	color: #ce372a;
}

#video-update span.dot {
	background-color: #f99d1c;
}

#video-update h4:hover {
	color: #f99d1c;
}

#news-legend span.dot {
	background-color: #25abc3;
}

#news-legend h4:hover {
	color: #25abc3;
}

#press span.dot {
	background-color: #3c537f;
}

#press h4:hover {
	color: #3c537f;
}

#events span.dot {
	background-color: #4eb857;
}

#events h4:hover {
	color: #4eb857;
}

/* Literature */

.subpage #literature h3 {
	text-transform: uppercase;
	color: #25abc3;
	text-align: left;
	font-family: 'latoregular', sans-serif;	
	font-size: 18px;
	margin: 5px 0;
	}

#literature img.alignnone, .alignnone {
	margin-bottom: 15px;
}

#media_thumb_container {
	overflow: hidden;
}

.thumb_box {
	float: left;
	width: 31.33%;
	margin: 0 1%;
	height: 500px;
}

.thumb_box p {
	font-size: 16px;
	line-height: 1.4;
}

.thumb_box a {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
}

.thumb_box a:hover {
	color: #25abc3;
}

.thumb_box div.download-link {
	display:block;
	background-image: url('../../uploads/2016/05/download_icon-2.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	}

p.download-text {
	margin-left: 15px;
	font-family: 'latoregular', sans-serif;
	float: left;
}

/* Posts */

.single-post .wrap {
	margin: 0 auto;
	max-width: 1440px;
	width: 100%;
}

.single-post div.entry-content, .single-post p.entry-meta {
	margin: 0 0;
}

.single-post p.entry-meta {
	padding: 0 0 20px 0;
}

.single-post h1 {
	font-size: 40px;
	font-family: 'latolight', sans-serif;
	color: #25abc3;
	margin: 60px 0 20px 0;
	padding: 0;
}

.single-post h3 {
	font-size: 20px;
	font-family: 'latobold', sans-serif;
	text-align: center;
	margin: 20px 0 20px 0;
}

.single-post p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	}

.archive article.post, .single article.post {
	margin-bottom: 20px;
	margin-top: 40px;
}

.post footer.entry-footer {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Styles category label in posts */
span.entry-categories a {	
	color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
	font-family: 'latoregular', sans-serif;
}

span.entry-categories a:hover {	
	color: #f4f4f4;	
}

.category-video-update span.entry-categories a {
    background-color: #f99d1c;
    }
    
.category-events span.entry-categories a {
    background-color: #4eb857;
    }

.category-news span.entry-categories a {
    background-color: #25abc3;
    }

.category-job-posts span.entry-categories a {
    background-color: #003c4a;
    }

.category-newsletter span.entry-categories a {
    background-color: #ce372a;
    }

.category-press span.entry-categories a {
    background-color: #3c537f;
    }

.post span.entry-categories {
    text-transform: uppercase;
    font-size: 14px;
}

/* Styles date in posts */   
time.entry-time {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'latoregular', sans-serif;
}

/* Pagination */

.archive-pagination.pagination ul li {
    float: left;
    padding: 0 10px 60px 0;
}

/* Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	border-left: 1px solid #e5e5e5;
	font-size: 16px;
	margin-bottom: 0;
	padding: 80px 0;
}

.sidebar-content .sidebar {
	border: none;
	border-right: 1px solid #e5e5e5;
	text-align: right;
}

.sidebar li {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	padding: 0 40px;
}

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

.footer-widgets {
	background-color: #023549;
	color: #fff;
	border-top: 1px solid #fff;
}

.footer-widgets .wrap {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
	padding: 0;
}

.footer-widgets .widget-title {
	font-size: 40px;
	font-family: 'latolight', sans-serif;
	text-align: left;
} 

.footer-widgets a:hover {
	color: #25abc3;
}

/*disable hover since literature page is disabled*/
.footer-widgets #custom_html-8 a:hover {
	color: #fff;
}
	
/* Footer area 1: highlights */

.footer-widgets-1.widget-area {
	margin: 0 -9999rem;
	padding: 40px 9999rem;
	background-color: #f1f2f2;
}

.footer-widgets-1 .widget-wrap {
	overflow: hidden;
	width: 100%;
	height: auto;
	padding: 0;
}

.footer-widgets-1 .featuredpost .entry {
	float: left;
	width: 25%;
	padding: 0 1% 0 1%;
	position: relative;
	margin: 0;
}

.footer-widgets-1 h4.widget-title.widgettitle {
    color: #25abc3;
    margin-bottom: 40px;
    padding-left: 1%;
}

/* Highlight news text */
.footer-widgets-1 header.entry-header {
    background-color: #fff;
    color: #000;
    position: absolute;
    bottom: 0;
    height: auto;
    width: 92%;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.footer-widgets-1 .category-video-update header.entry-header {
    border-bottom: 5px solid #f99d1c;
}

.footer-widgets-1 .category-events header.entry-header {
    border-bottom: 5px solid #4eb857;
}

.footer-widgets-1 .category-news header.entry-header {
    border-bottom: 5px solid #25abc3;
}

.footer-widgets-1 .category-job-posts header.entry-header {
    border-bottom: 5px solid #003c4a;
}

.footer-widgets-1 .category-newsletter header.entry-header {
    border-bottom: 5px solid #ce372a;
}

.footer-widgets-1 .category-press header.entry-header {
    border-bottom: 5px solid #3c537f;
}

.footer-widgets-1 header.entry-header:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.footer-widgets-1 .entry-title a, .footer-widgets-1 .featured-content .entry-title a {
	color: #000;
}

.footer-widgets-1 .entry-title a:hover, .footer-widgets-1 .featured-content .entry-title a:hover {
	color: #000;
}
	
.footer-widgets-1 .aligncenter {
	margin-bottom: 0;
}

.footer-widgets-1 h2 {
	font-size: 16px;
	margin: 0;
	font-family: 'latoregular', sans-serif;
	padding: 3%;
}

/* Footer area 2: contact, download, connect */

.footer-widgets-2 {
	clear: both;
	width: 50%;
	float: left;
	padding: 40px 0 20px 0;
}

.footer-widgets-2 p, .footer-widgets-2 a {
	font-size: 14px;
	color: #fff;
}

.footer-widgets-2 .widget-wrap {
	padding: 0;
}

.footer-widgets-2 section#custom_html-8 {
	float: left;
	width: 50%;
	padding: 0 0 0 2%;
}

.footer-widgets-2 section#custom_html-9 {
	float: left;
	width: 50%;
	padding: 0 0 0 2%;
}

a.footer-titles {
	font-family: 'latolight', sans-serif;
	font-size: 45px;
	margin-bottom: 8px;
	display:block;
}

/* Footer area 3: newsletter */

.footer-widgets-3 {
	float: left;
	width: 50%;
	padding: 40px 0 40px 1%;
}

.footer-widgets-3 p, .footer-widgets-3 a {
	font-size: 14px;
}

.footer-widgets-3 .gform_wrapper .top_label input.medium {
	width: 100%;
	margin: 0;
}

.footer-widgets-3 .gform_wrapper .top_label .gfield_label {
	display: none;
}

.footer-widgets-3 .gform_wrapper {
	padding: 0 !important;
}

.footer-widgets-3 .gform_wrapper span.gform_description {
	font-family: 'latolight', sans-serif;
	font-size: 14px;
	margin-bottom: 0;
}

.footer-widgets-3 .gform_body {
    float: left !important;
    width: 62% !important;
}

body .gform_wrapper ul li.gfield {
	margin-top: 0 !important;
}

.footer-widgets-3 .gform_wrapper .gform_footer {
    float: left;
    margin: 0 0 0 10px !important;
    clear: none;
    padding: 6px 0 0 0;
}

.footer-widgets .wrap input[type="submit"], .footer-widgets .wrap .button {
	background-color: #25abc3 !important;
}

.wrap input[type="submit"]:hover {
    background-color: #01788c !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    font-size: 16px !important;
}

.gform_wrapper .gform_heading {
	margin-bottom:5px !important;
}

#gform_wrapper_2 {
	display: block;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0 !important;
}

/* Social icons */
	
	div#social-icons {
    padding: 50px 0 0 0;
}
	div#social-icons img {
	padding-right: 8px;
	width: 40px;
	}

	div#social-icons #unreasonable-logo img {
	padding-right: 8px;
	margin-bottom: -8px;
	width: 100px;
	}
/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #023549;
	color: #959595;
	font-size: 14px;
	font-family: 'latoregular', sans-serif;
	padding: 1.5% 0;
	border-top: 1px solid #959595;
}

.site-footer .wrap {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
	padding: 0;
}

.site-footer .wrap p {
	float: left;
	width: 50%;
	padding: 0 1%;
}

.site-footer .wrap #footer-links {
	float: left;
	width: 50%;
	text-align: right;
}

.site-footer a {
	color: #959595;
	}

.site-footer a:hover {
	color: #25abc3;
}

#footer-links a {
	padding-left: 5%;
	}

.site-footer p {
	margin-bottom: 0;
	font-size: 14px;
}

/*
Sitemap, Privacy Policy and Terms of use
---------------------------------------------------------------------------------------------------- */

.page-id-1541 p, .page-id-1545 p {
	font-size: 16px;
	line-height: 1.3;
}

.page-id-1541 .site-footer p, .page-id-1545 .site-footer p {
	font-size: 14px;
}

.page-id-1541 h3, .page-id-1545 h3 {
	font-size: 18px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: 'latoregular', sans-serif;
}

.page-id-1541 ul, .page-id-1545 ul {
	font-size: 16px;
	list-style: url("../../uploads/2016/04/bullets.png");
	padding-left: 17px;
	line-height: 1.3;
}

.page-id-1541 div.credit, .page-id-1545 div.credit {
	font-size: 10px;
}

/*sitemap*/

.post-1555 ul.sitemap a {
	color: #000;
}

.post-1555 ul.sitemap a:hover {
	color: #25abc3;
}

.post-1555 ul {
	font-family: 'latoregular', sans-serif;
	font-size: 18px;
}

.post-1555 ul.sitemap {
	list-style: none;
	margin-bottom: 60px;
}

.post-1555 ul.sitemap li ul {
    list-style: none;
    margin: 0 0 0 2.65em;
    font-family: 'latolight', sans-serif;
    color: #000;
}

/*
404 pages
----------------------------------------------------------------------------------------------------  */

.error404 h1 {
	font-size: 40px;
    font-family: 'latolight', sans-serif;
    color: #25abc3;
    margin: 60px 0 30px 0;
}

.error404 article.entry {
	padding-left: 1%;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 2560px) {
	
	.home-featured {
	height: 850px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_2560x1129.jpg');
	}
	
	.home-featured .wrap {
	margin-top: 250px;
	}
	
	h4.widget-title.widgettitle {
	font-size: 40px;
	margin-top: 8px;
	}
	
	#home-widgets p {
	font-size: 22px;
	}
	
	#home-widgets h2 {
	font-size: 35px;
	}

	/* Widget area 1: landing picture/header + text */

	.home-featured .home-widgets-1 {
	padding: 250px 0 0 0;
	}

	.home-widgets-1 h1 {
	font-size: 90px;
	}

	.arrow a {
	border-radius: 30px;
	padding: 13px 13px 13px;
	}
	
	/* Widget area 3: hydroEngine */
	
	.home-widgets-3 #bg_image h4 {
	font-size: 40px;
	}
	
	.home-widgets-3 .icon-h {
	margin: 8% 0 10% 0;
	}

	.home-widgets-3 .icon-h h2 {
	font-size: 35px;
	}

	/* Home widget 5: watershedOS section */

	/*old wos*/
/*	div#w-os div#w-os_text div#w-os_title h4 {
    width: 60%;
    margin: 0 0 0 40%;
    font-size: 40px;
	}
	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 40%;
	}
	
	.home-widgets-5 #w-os-p {
    margin: 60% 30% 7% 0;
	}
	
	/*footer download title*/
	a.footer-titles {
	font-size: 40px;
	}*/
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 2560px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 2560px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 2560px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 2560px),
only screen and (                min-resolution: 192dpi) and (max-width: 2560px),
only screen and (                min-resolution: 2dppx)  and (max-width: 2560px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_5120x2258-1.jpg');
	}
}

@media only screen and (max-width: 1920px) {
	
	.home-featured {
	height: 700px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_1920x1000.jpg');
	}
	
	.home-featured .home-widgets-1 {
	width: 80%
	}
	
	.home-featured .wrap {
	margin-top: 150px;
	}
	
	h4.widget-title.widgettitle {
	font-size: 35px;
	}
	
	#home-widgets p {
	font-size: 18px;
	}
	
	#home-widgets h2 {
	font-size: 30px;
	}
	
	div.learn-more a {
	width: 200px;
    border-radius: 5px;
    font-size: 20px;
    line-height: 1.5;
	letter-spacing: 1.5px;
    max-width: 200px;
    padding: 5px 10px;
	}

	/* Widget area 1: landing picture/header + text */

	.home-widgets-1 h1 {
	font-size: 70px;
	}

	.arrow a {
	border-radius: 30px;
	padding: 10px 10px 10px;
	}
	
	/* Widget area 3: hydroEngine */
	
	.home-widgets-3 #bg_image h4 {
	font-size: 35px;
	padding: 0 15%;
	}
	
	.home-widgets-3 .icon-h {
	margin: 3% 0 5% 0;
	}

	.home-widgets-3 .icon-h h2 {
	font-size: 30px;
	}
	
	/* Home widget 4: EcoSmartHydro section */

	.home-widgets-4 h4#title_logo {
	color: #000;
	font-size: 35px;
	font-family: 'latolight', sans-serif;
	width: 30%;
	margin: 0 35%;
	}
	
	.home-widgets-4 h4.widget-title.widgettitle {
	margin: 150px 15% 30px 15%;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
/*	div#w-os div#w-os_text div#w-os_title h4 {
	width: 50%;
    margin: 0 5% 0 45%;
    font-size: 35px;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 45%;
		margin-bottom: 5px;
	}
	
	div#w-os div#w-os_text {
    max-width: 1040px;
    width: 100%;
    margin-left: -520px;
    top: 120px;
    }
	
	.home-widgets-5 #w-os-p {
    margin: 50% 50% 0 0;
    width: 50%;
	}*/
	
	div#ESH_home_icons h5 {
	font-size: 20px;
	}
	
	/*footer download title*/
	a.footer-titles {
	font-size: 35px;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1920px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1920px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1920px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1920px),
only screen and (                min-resolution: 192dpi) and (max-width: 1920px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1920px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_3840x2000-1.jpg');
	}
}

@media only screen and (max-width: 1360px) {
 	
 	/* Styles primary navigation */

	.site-header ul.genesis-nav-menu {
	font-size: 12px;
	}	
	
	.genesis-nav-menu li a {
	padding: 30px 12px;
	}
 	
 	/* landing page banner */
	
	.home-featured {
	height: 550px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_1360x700.jpg');
	}
	
	.home-featured .wrap {
	margin-top: 30px;
	}
	
	h4.widget-title.widgettitle {
	font-size: 32px;
	}

	/* Widget area 1: landing picture/header + text */

	.home-widgets-1 h1 {
	font-size: 60px;
	}

	.arrow a {
	border-radius: 25px;
	padding: 5px 5px 5px;
	}
	
	
	/* Widget area 2: turbines, projects, analytics */


	.home-widgets-2 h4.widget-title.widgettitle {
	margin: 70px 20% 50px 20%;
	}

	div#icons_index {
    margin: 0 10%;
    }	

    
    /* Widget area 3: hydroEngine */

	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 80%;
	margin: 0 10%;
	}

	.home-widgets-3 #bg_image h4 {
	font-size: 32px;
	}
	
	.home-widgets-3 .icon-h {
	margin: 2% 0 3% 0;
	}

	.home-widgets-3 .icon-h h2 {
	font-size: 30px;
	margin: 10px 0 15px 0;
	}

	.home-widgets-3 .icon-h p{
	font-size: 20px;
	}
	
	/* Home widget 4: EcoSmartHydro section */

	div#ESH_home_icons h5 {
	font-size: 20px;
	margin: 0 0 25% 0;
	} 

	.home-widgets-4 p {
	margin: 0 14% 30px 14%;
	}

	.home-widgets-4 h4.widget-title.widgettitle {
	margin: 100px 15% 30px 15%;
	}

	.home-widgets-4 h4#title_logo {
	font-size: 32px;
	font-family: 'latolight', sans-serif;
	width: 30%;
	margin: 0 35%;
	}

	.home-widgets-4 img {
	margin: 15px 0 15px 0;
	padding: 0 15%;
	}

	.home-widgets-4 div.ESH_icon {
	float: left;
	width: 20%;
	}
	
	/* Home widget 5: watershedOS section */
	/*old wos*/
/*	div#w-os div#w-os_text {
	top: 5%;
	}

	div#w-os div#w-os_text div#w-os_title h4 {
	width: 40%;
	margin: 0 15% 0 45%;
	font-size: 32px;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 45%;
	}
	
	.home-widgets-5 #w-os-p {
	width: 50%;
	margin: 33% 50% 0 0;
	}*/
	
	/*footer download title*/
	a.footer-titles {
	font-size: 32px;
	}
	
	/* ------------------------------------------------
	Subpage template */
	
	.subpage div.learn-more a {
	width: 150px;
    font-size: 16px;
    } 
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1360px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1360px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1360px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1360px),
only screen and (                min-resolution: 192dpi) and (max-width: 1360px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1360px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_2720x1400.jpg');
	}
}

@media only screen and (max-width: 1220px) {
	
	/* ----- About page ----- */
	/* Team subpage */
	/* Thumbnails */

	.team-thumbs {
		float: left;
		width: 19%;
		height: 271px;
		margin-left: 5px;
	}
}

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

	.home-featured {
	height: 450px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_1180x550.jpg');
	}

	.home-featured .home-widgets-1 {
	padding: 180px 0 0 0;
	}
	
	.home-widgets-1 h1 {
	font-size: 60px;
	}
	
	div.learn-more a {
	width: 180px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1.5;
    max-width: 200px;
    padding: 2px 5px;
	}
	

/* Logo */	
	.title-area {
	float: left;
	width: 190px;
}
	
	.header-image .site-title > a {
	float: left;
	min-height: 33px;
	width: 100%;
}

	.home-widgets .widget,
	.wrap {
        padding-left: 40px;
        padding-right: 40px;
 	}

	.header-image .site-title > a {
		background-position: top !important;
	}

/*	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 20px 16px;
	}

	.genesis-nav-menu li.right {
		display: none;
	}*/
	
	.page-title {
		padding: 0 40px 40px;
	}
	
	.content {
		padding-bottom: 0;
	}

	/* Widget area 3: hydroEngine */
	
	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 90%;
	margin: 0 5%;
	}
	
	div#bg_image div#icons_hydroengine {
	padding: 0 10%;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 25%;
	}

	.home-widgets-3 #bg_image h4 {
	font-size: 30px;
	}
	
	.home-widgets-3 .icon-h {
	margin: 2% 0 2% 0;
	}
	
	.home-widgets-3 .icon-h h2{
	margin: 5px 0 10px 0;
	}

	/* Home widget 4: ESH section */

	div#ESH_home_icons {
    margin: 0 60px;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
/*	div#w-os div#w-os_text {
	top: 5%;
	}
	
	.home-widgets-5 #w-os-p {
	width: 45%;
	margin: 28% 50% 0% 9%;
	}*/
	
	/* Subpage template */	
	/* Technology page */	
	#adv-container-general {
	margin: 30px 0 60px 0;
	overflow: auto;
	}
	
	/* ------------------------------------------------
	Subpage template */
	
	.subpage div.entry-content, .archive div.entry-content, .single-post div.entry-content, .archive .content header.entry-header, .single-post main.content header.entry-header, .archive footer.entry-footer p.entry-meta , .single-post footer.entry-footer p.entry-meta {
	margin: 0 60px;
	}
	

	/* ------------------------------------------------
	Contact page */
	
	#contact-form-wrapper {
	margin: 0 55px;
	width: 85%;
	}

	/* ------------------------------------------------
	Services page */	

	div.upstream_text p {
    margin-bottom: 40px;
	}
	
	/* Contact form */
	
	.gform_wrapper_1 {
    margin: 1em 60px !important;
	}
	
	/* -----------Footer ----------- */
	.footer-widgets .wrap {
	padding: 0 50px;
	}
	
	.footer-widgets-1 h2 {
    font-size: 16px;
    }
    
    .site-footer .wrap {
	padding: 0 50px;
	}
	
	.footer-widgets-3 .gform_body {
    width: 59% !important;
	}

    
    /* Posts pages */
    
    .search-results article.post.entry, .search-results article.page.entry {
	margin: 0 60px 30px 60px;
	}
	
	.search-results .page-title {
    padding: 100px 60px 0 60px;
	}
	
	/* Error 404 */
	.error404 article.entry {
    padding: 0 50px 0 60px;
	}
	
	/* ----------------- Technology page ---------------*/
	/* Advantages table */

	.table-container table {
	width: 920px;
	}
	
	/* ---------------- News page ---------------*/
	/* Legend */

	div#legend {
		width: 80%;
		margin: 0 10% 40px 10%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1180px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1180px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1180px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1180px),
only screen and (                min-resolution: 192dpi) and (max-width: 1180px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1180px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_2360x1100.jpg');
	}
}


/*fix nav wrap*/

@media only screen and (max-width: 1110px) and (min-width: 1024px) {
 	
 	/* Styles primary navigation */

	.site-header ul.genesis-nav-menu {
	font-size: 10.5px;
	}	

	.genesis-nav-menu li a{
		padding-left: 8px;
		padding-right: 8px;
	}
}


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

	.home-featured {
	height: 400px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_1024x550.jpg');
	margin-top: 50px;
	}
	
	.admin-bar .site-header {
	top: 20px;
	}
	
	.admin-bar .submenu {
	top: 105px;
	}
	
	.home-featured .wrap {
	margin-top: 80px;
	}
	
	.home-widgets-1 h1 {
	font-size: 45px;
	}
	
	/* Hides default menu when responsive appears */
	
	.site-header .wrap {
		display: none;
	}

	/* Widget area 1: landing picture/header + text */

	.home-featured .home-widgets-1 {
	width: 100%;
	padding: 20% 0;
	}
	
	.arrow {
	margin: 25px 0 0 0;
	}
	
	/* Widget area 2: turbines, projects, analytics */
	
	.home-widgets-2 {
	    border-top: 40px solid transparent;
    margin: -40px auto 0 auto;
    }
	
	.home-widgets-2 h4.widget-title.widgettitle {
	margin: 70px 10% 50px 10%;
	font-size: 28px;
	}
	
	.home-widgets-2 .icon p {
	font-size: 16px;
	line-height: 1.55;
	}
	
	.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:hover h2, .home-widgets-2 .icon a:active h2 {
	font-size: 26px;
	}
	
	.icon img {
	padding: 0 18%;
	}
	
	/* Widget area 3: hydroEngine */

	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 100%;
	margin: 0;
	}
	
	div#bg_image div#icons_hydroengine {
	position:absolute; 
	max-width: 1040px;
	width: 100%;
	top: 0;
	z-index: 10;
	margin: 46% 0;
	left: 50%;
    margin-left: -50%;
    padding: 0 10%;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 25%;
	}

	.home-widgets-3 #bg_image h4 {
	font-size: 25px;
	}
	
	.home-widgets-3 .icon-h {
	margin: 0 0 2% 0;
	}
	
	#home-widgets h2{
	font-size: 25px;
	margin: 5px 0 10px 0;
	}

	.home-widgets-3 .icon-h p{
	font-size: 20px;
	}

	
	/* Home widget 4: EcoSmartHydro section */

	div#ESH_home_icons h5 {
	font-size: 18px;
	margin: 5% 0 25% 0;
	color: #000;
	} 

	.home-widgets-4 p {
	color: #000;
	margin: 0 12% 3% 12%;
	line-height: 1.55;
	}

	.home-widgets-4 h4.widget-title.widgettitle {
	color: #000 !important;
	text-transform: none;
	font-size: 30px;
	margin: 100px 10% 30px 10%;
	}

	.home-widgets-4 h4#title_logo {
	color: #000;
	font-size: 30px;
	font-family: 'latolight', sans-serif;
	width: 36%;
	margin: 0 32% 20px 32%;
	}

	.home-widgets-4 img {
	margin: 12px 0 0 0;
	padding: 0 10%;
	}

	div#ESH_home_icons {
	width: auto;
	margin: 0 8%;
	}
	
	/* Home widget 5: watershedOS section */

/*	div#w-os div#w-os_text {
    max-width: 1040px;
    width: 100%;
    margin-left: -50%;
    top: 70px;
    }

	div#w-os div#w-os_text div#w-os_title h4 {
	font-size: 25px;
	width: 43%;
	margin: 0 7% 0 45%;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 45%;
	}
	
	.home-widgets-5 #w-os-p {
	width: 100%;
	margin: 0;	
	}
	
	.home-widgets-5 p#first {
	width: 48%;
	margin: 25% 45% 0 7%;
	}*/
	
	p#second {
	width: 58%;
	margin: 2% 35% 2% 7%;
	}
	
/*	.home-widgets-5 #w-os-p p {
	font-size: 16px;
	line-height: 1.5;
	}
	*/
		
	/* Subpage template */
	
	.site-container {
    margin-top: -75px;
	}
	
	.subpage div.entry-content, .archive div.entry-content, .single-post div.entry-content, .archive .content header.entry-header, .single-post main.content header.entry-header, .archive footer.entry-footer p.entry-meta , .single-post footer.entry-footer p.entry-meta {
	margin: 0 55px;
	}
	
	.home-widgets .widget,
	.wrap {
        padding-left: 60px;
        padding-right: 60px;
 	}
 	
 	.wos_icon img {
 	padding: 5% 17%;
 	}
 	
 	/* --------- Restoration Hydro page ------------ */

	div#img_overlay {
		height: 600px;
	}

	div#img_overlay:hover {
		height: 600px;
	}
	
 	/* ---------- EcoSmartHydro page ---------- 
	#hydro-icon-container div.hydro-icon {
		padding: 0;
	}

	#hydro-icon-container div.hydro-icon img {
		float: left;
		margin: 0 2% 0 5%;
	}

	#hydro-icon-container div.hydro-icon p {
			font-size: 14px;
			width: 74%;
			margin: -14px 26% 0 26%;
			text-align: left;
	}

	#hydro-icon-container div.hydro-icon h4 {
		font-size: 31px;
	}

	Piechart legend 

	#piecharts-legend #potential {
		padding: 0 0 0 12%;
	}
	
	#piecharts-legend #planned {
		padding: 0 0 0 7%;
	}
	
	#piecharts-legend #construction {
		width: 26%;
	}

	#piecharts-legend {
		clear: both;
		overflow: hidden;
		height: 30px;
	}

	#piecharts-legend div {
		width: 23%;
		float: left;
	}

	#piecharts-legend h4 {
		font-size: 12px;
		text-transform: uppercase;
		margin: -36px 0 0 29px;
		text-align: left;
	}*/

	
	/* ------ Technology page ------ */	
	#adv-container-general {
	margin: 30px 2% 60px 2%;
	overflow: auto;
	}
	
	/* ------------------------------------------------
	Services page */	

	div.upstream_text p {
    margin-bottom: 30px;
	}
	
	/* News page */
	/* Literature */
	
	.thumb_box {
    height: 480px;
	}
	
	.subpage #literature h3 {
	font-size: 16px;
	}
	
	/* Contact page */

	/* Contact icons */
 	#contact_icons_container {
 	padding: 20px;
 	}
 	
 	/* Footer */
 	.footer-widgets-3 .gform_body {
    width: 100% !important;
	}
	
	.footer-widgets-3 .gform_wrapper .gform_footer {
	margin: 0 !important;
	}
	
	div#social-icons {
    padding: 45px 0 0 180px;
	}
	
	/* ---------------- News page ---------------*/
	/* Legend */

	div#legend {
		width: 90%;
		margin: 0 5% 40px 5%;
	}	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1024px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1024px),
only screen and (                min-resolution: 192dpi) and (max-width: 1024px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1024px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_2048x1100.jpg');
	}

}

@media only screen and (max-width: 920px) {
	
	/* ------------------------------------------------
	Services page */	

	div.upstream_text p {
    margin-bottom: 20px;
    font-size: 15px;
	}
}

@media only screen and (max-width: 870px) {
	
	/* ------------------------------------------------
	Services page */	

	div.upstream_text p {
    margin-bottom: 10px;
    font-size: 14px;
	}
}

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

	body, #home-widgets p {
		font-size: 16px;
	}
	
	.site-header .wrap {
		display: none;
	}
	
	.admin-bar .site-header {
		top: 46px;
		z-index: 499;
	}
	
	.admin-bar .submenu {
		top: 117px;
	}
	
	
/* Widget area 1: landing picture/header + text */

	.home-featured {
	height: 400px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_776x550.jpg');
	margin-top: 73px;
	}
	
	.home-featured .wrap {
	margin-top: 30px;
	max-width: 100%;
	padding: 0 20%;
	}

	.home-widgets-1 h1 {
	font-size: 40px;
	}
	
	.home-featured .home-widgets-1 {
	padding: 160px 0 60px;
	}

	.responsive-menu {
		display: none;
	}
	
	#responsive-menu-icon {
		display: block;
	}
	
/* Widget area 2: turbines, projects, analytics */

	#custom_html-3.widget.widget_custom_html {
	padding: 0;
	}

	.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:hover h2, .home-widgets-2 .icon a:active h2 {
		font-size: 25px;
	}
	
	.home-widgets-2 h4.widget-title.widgettitle {
	font-size: 25px;
	margin: 40px 10% 10px 10%;
	}
	
	.home-widgets-2 .icon p {
	line-height: 1.4;
	}
	
	.home-widgets-2 .icon {
	width: 27.33%;
    margin: 0 3%;
	}
	
	.icon img {
	padding: 10% 10% 5% 10%;
	}
	
	.home-widgets-2 .icon {
	width: 31.33%;
    margin: 0 1%;
	}
	
	#nav_menu-5 #responsive-menu-icon {
		display: none;
	}
	
	.home-widgets .widget:last-child,
	.sidebar {
		padding-bottom: 60px;
	}

	
	.arrow a:before {
		font-size: 20px;
		height: 20px;
		width: 20px;
	}
	
	/* Widget area 3: hydroEngine */

	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 100%;
	margin: 0;
	}

	.home-widgets-3 #bg_image h4 {
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	}
	
	.home-widgets-3 .icon-h {
	margin: 2% 0 0 0;
	}
	
	#home-widgets h2 {
	font-size: 20px;
	}

	.home-widgets-3 .icon-h p {
	font-size: 15px;
	margin-bottom: 15%;
	}
	
	div.learn-more a {
	width: 180px;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 0.7;
    max-width: 180px;
    padding: 10px 20px;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 32%;
	}
	
	/* Home widget 4: EcoSmartHydro section */

	div#ESH_home_icons h5 {
	font-size: 16px;
	margin: 0 0 25% 0;
	color: #000;
	} 

	.home-widgets-4 p {
	margin: 0 3% 3% 3%;
	font-size: 16px;
	}

	.home-widgets-4 h4.widget-title.widgettitle {
	font-size: 25px;
	margin: 70px 15% 20px 15%;
	}

	.home-widgets-4 h4#title_logo {
	color: #000;
	font-size: 25px;
	font-family: 'latolight', sans-serif;
	width: 36%;
	margin: 0 32%;
	}

	.home-widgets-4 img {
	margin: 5% 0;
	padding: 0 10%;
	}

	div#ESH_home_icons {
	width: auto;
	margin: 0 8%;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
	.home-widgets-5 {
	margin-bottom:130%;
	}
	
	/*old wos*/
/*	div#w-os div#w-os_text div#w-os_title h4 {
	width: 45%;
	margin: 30% 45% 0 10%;
	font-size: 21px;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 45%;
		width: 200px;
	}
	
	.home-widgets-5 #w-os-p p#first{
	width: 60%;
	margin: 5% 30% 0 10%;
	}
	
	.home-widgets-5 #w-os-p p#second {
	width: 70%;
	margin: 2% 20% 10% 10%;
	}
	
	.home-widgets-5 div#tile img {
	display: block;
	width: 100%;
	margin-top: -2%;
	padding: 0;
	}*/
	
	/* ----------- Subpage template --------- */
	
	/* Turbines page */	
	/* Product information */

	#product-information{
		margin: 0 -9999rem;
		padding: 1px 9999rem 60px 9999rem;
		background-color: #f1f2f2;

	}

	.model {
		float: none;
		width: 100%;
		padding: 10px 10% 20px 10%;
	}
	
	.model .diagram, .model .cutaway {
	width: 100%;
	margin: 0 0 20px 0;
	}
	
	.model .diagram {
	margin-right: 4%;
	}
		
    /* Operating envelope */
    
	img#envelope-general {
	margin: 0;
	width: 100% !important;
	margin-bottom: 20px;
	}
	
	/* Services page */
	.home-widgets .widget,
	.wrap {
        padding-left: 50px;
        padding-right: 50px;
 	}
 	
 	.subpage div.entry-content, .archive div.entry-content, .single-post div.entry-content, .archive .content header.entry-header, .single-post main.content header.entry-header, .archive footer.entry-footer p.entry-meta , .single-post footer.entry-footer p.entry-meta {
    margin: 0 45px;
}
 	
 	.subpage h2 {
		font-size: 30px;
		font-family: 'latolight', sans-serif;
		color: #25abc3;
		margin: 60px 0 30px 0;
	}
	
	.entry-header h2 {
	font-size: 30px;
	}

	.subpage h3 {
		font-size: 17px;
		font-family: 'latobold', sans-serif;
		text-align: center;
	}

	.subpage h4 {
		font-size: 15px;
		font-family: 'latobold', sans-serif;
		text-align: center;
	}

	.subpage p {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 16px;
		}
		
	/* WOS PAGE */
	 	.wos_icon img {
 	padding: 0 7% 10% 7%;
 	}
 	
 	.wos_icon {
 	margin: 1% 2% 5% 0;
 	}
 	
	/* Services page */	

	div.upstream_text p {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.3;
	}

/* ---------- Restoration Hydro page ---------- */

/* Stats */

div.stat {
    width: 27%;
    margin-right: 3%;
    margin-left: 3%;
}

div.stat img {
	display: block;
	max-width: 100px;
	margin: 0 auto;
}

div.stat p {
    font-size: 16px;
}

	div#img_overlay {
		height: 450px;
	}

	div#img_overlay:hover {
		height: 450px;
	}

	/* ---------- EcoSmartHydro page ---------- */

	/* Icons and info at the top of the map 

	#hydro-icon-container div.hydro-icon {
		float: left;
		width: 33%;
		margin: 2% 0;
		padding: 0 1%;
		height: 100%;
	}

	#hydro-icon-container div.hydro-icon img {
		float: left;
		margin: 0 6% 0 5%;
	}

	#hydro-icon-container div.hydro-icon p {
		font-size: 14px;
		line-height:1;
		width: 61%;
		margin: -12px 35% 5px 35%;
		text-align: left;
	}

	#hydro-icon-container div.hydro-icon h4 {
		font-size: 19px;
		font-family: 'latolight', sans-serif;
		width: 74%;
		margin: 0 35% 0 35%;
		text-align: left;
	}

	#hydro-icon-container div#hydro-icon-middle {
		border-left: 2px solid #25abc3;
		border-right: 2px solid #25abc3;
		margin: 2% 0;
		padding: 0 2%;
		width: 32%;
	}
	
	#hydro-icon-container div#hydro-icon-bottom p {
		width: 55%;
	}

	/* Piechart legend 

	#piecharts-legend #potential {
		padding: 0;
	}

	#piecharts-legend #planned {
		padding: 0;
	}
 
	#piecharts-legend {
		clear: both;
		overflow: hidden;
		height: 30px;
		margin: 0 2%
	}

	#piecharts-legend div {
		width: 21%;
		float: left;
	}
	
	#piecharts-legend #construction {
		width: 35%;
	}
			
	#piecharts-legend h4 {
		font-size: 12px;
		text-transform: uppercase;
		margin: -36px 0 0 26px;
		text-align: left;
	}

	/* water needs graphics 
	#hydro-graphics-container {
		overflow: hidden;
		margin: 40px 0;
	}

	.hydro-graphic {
		float: left;
		width: 47%;
		max-width: 100%;
		}

	#hydro-graphic-first {
		margin-right: 6%;
	}

	/* EcoSmartHydro section 

	div#eco-smart-hydro {
		margin: 0 -9999rem;
		padding: 1px 9999rem;
		background-color: #f1f2f2;
		clear: both;
	}

	/* Flooding graphic 
	.flooding-legend {
		margin-top: 20px;
	}*/
	
	/* ------ Technology page ------ */	
	#adv-container-general {
	margin: 30px 0 60px 0;
	overflow: auto;
	}
	
	.adv-container {
	padding: 1%;
	}

	/* Excavation and cost graphics */

	#adv-graphics-container {
		overflow: hidden;
		margin: 0;
	}

	.adv-graphics, #adv-graphics-first {
		float: none;
		width: 65%;
		margin: 0 auto 40px auto;
	}
	
	/* ----- About page ----- */
	
	div#about-external h2, div#team-external h2, div#careers-external h2, div#literature h2 {
	font-size: 26px;
	}
	
	/* Team subpage */
	/* Thumbnails */

	#team-thumbs-container {
		overflow: hidden;
		width: 100%;
		margin: 30px 0 20px 0;
	}

	.team-thumbs {
		float: left;
		width: 24%;
		height: 230px;
		margin-left: 5px;
	}

	.team-thumbs img {
		margin-bottom: 10px;
	}

	.team-thumbs h4 {
		font-size: 12px;
		font-family: 'latobold', sans-serif;
		text-transform: uppercase;
		text-align: left;
	}

	.team-thumbs p {
		font-size: 12px;
		font-family: 'latoregular', sans-serif;
		margin-top: 5px;
		line-height: 1.2;
		text-align: left;
	}
	
		/*  Fully flooded and free jet pages -----------------
 	------------------------------ */  
	
	.head-power {
		margin-right: 1%;
		width: 49%;
	}
	
	.head-power h3 {
		text-align: left;
		text-transform: uppercase;
		font-family: 'latolight', sans-serif;
		font-size: 22px;
		margin-left: 110px;
		margin-bottom: 5px;
	}
	
	.head-power p {
		font-family: 'latobold', sans-serif;
		margin-left: 110px;
		font-size: 17px;
	}

	.envelope-efficiency-container {
    padding: 30px 9999rem;
    }
    
	.envelope-efficiency {
		float: none;
		width: 84%;
		margin: 0 8% 40px 8%;
	}
	
	/* ---------- Footer ---------- */
	
	.footer-widgets-1 .featuredpost .entry {
	width: 48%;
    margin: 0 1% 4% 1%;
	}
	
	.footer-widgets-1 h2 {
	margin: 0;
	font-size: 18px;
	}
	
	.footer-widgets-1 header.entry-header {
	 width: 96%;
	}
	
	.footer-widgets .wrap {
    padding: 0 40px;
	}
	
	/* Footer area 2: contact, download, connect */

	.footer-widgets-2 {
		width: 100%;
		padding: 40px 0 20px 0;
	}

	.footer-widgets-2 p, .footer-widgets-3 a, .single-post .footer-widgets-2 p, .single-post .footer-widgets-3 p {
		font-size: 14px;
	}

	/* Footer area 3: newsletter */

	.footer-widgets-3 {
		width: 100%;
		padding: 0 0 40px 1%;
	}
	
	/* Site footer */
	
	.site-footer .wrap {
    padding: 0 40px;
	}	
	
	.site-footer .wrap p {
 	font-size: 12px;
    padding: 0 0 0 1%;
	}
	
	.site-footer .wrap #footer-links {
	padding: 0 0 0 1%;
	}
	
	#footer-links a {
 	font-size: 12px;
	}
	
	/* Posts pages */
	
	.single-post p {
	font-size: 16px;
	}
	
	.single-post h1 {
	font-size: 30px;
	}
        
    .search-results article.post.entry, .search-results article.page.entry {
	margin: 0 50px 30px 50px ;
	}
	
	.content .entry-title a, .sidebar .widget-title a {
	font-size: 30px;
	}
	
	.single-post h1 {
	margin: 0;
	}
	
	/* Contact page */

	/* Contact icons */
 	#contact_icons_container {
 	padding: 20px 40px;
 	}
 	
 	div#contact-first {
 	float: left;
 	width: 100%;
 	}
 	
 	div#contact-second {
 	float: left;
 	width: 100%;
 	margin: 0 auto;
 	}
 	
	div#contact-first .contact_icon {
 	width: 31%;
 	margin: 0 1%;
 	padding: 0;
 	}
 	
 	div#contact-second .contact_icon {
 	width: 31%;
 	margin: 0 1%;
 	padding: 0;
 	}
 	
 	div#contact-second #skype-contact {
 	width: 100%;
 	margin-left: 16%;
 	}
 	
 	div#contact-second #proj-calc-contact {
 	width: 100%;
 	margin-right: 16%;
 	}
 	
 	/* Contact form */
	
	.gform_wrapper_1 {
    margin: 1em 50px !important;
	}
	
	input#input_1_10, input#input_1_11, input#input_1_5, input#input_1_14, input#input_1_15, input#input_1_16 {
	width: 65% !important;
	}
	.gform_wrapper .left_label textarea.medium {
    width: 65% !important;
    }
    
    .gform_wrapper .left_label .gfield_label {
    width: 28% !important;
	}
	
	.gform_wrapper .left_label .gfield_description {
    width: 65% !important;
    margin-left: 30% !important;
    padding: 5px !important;
	}
	
	.gform_wrapper .top_label input.medium {
	width: 100% !important;
	margin: auto;
	}
 	
 	/* ---------------- News page ---------------*/
	/* Legend */

	div#legend {
		width: 60%;
		margin: 0 20% 40px 20%;
	}	
	
	span.dot {
	padding: 0.1px 9px 0.1px
	}
 	/* Literature */
 	p.download-text {
    margin-left: 10px;
    }
    
    .thumb_box {
	height: 450px;
	}
	
	/* Search result pages */
	.search-results .page-title {
    padding: 100px 50px 0 50px;
	}
	
	/*
	Sitemap, Privacy Policy and Terms of use
	---------------------------------------------------------------------------------------------------- */

	/*sitemap*/

	.post-1555 ul {
		font-size: 16px;
	}
	
	/* Error 404 */
	.error404 article.entry {
    padding: 0 40px 0 50px;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 776px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 776px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 776px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 776px),
only screen and (                min-resolution: 192dpi) and (max-width: 776px),
only screen and (                min-resolution: 2dppx)  and (max-width: 776px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_1552x1100.jpg');
	}
}


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

	.home-widgets-1 h1 {
	font-size: 40px;
	}
	
	/* Applications */

	div.install-50 img.app_config {
		display: none;
	}	
	
	div.collapseomatic_content li {
		font-size: 16px;
	}
	
	/* Services page */	

	div.upstream_text p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.2;
	}
	
	.upstream_icon {
    width: 46%;
    margin: 0 2% 20px 2%;
	}
	/* News page */
	/* Literature */
	
	.thumb_box {
		float: left;
		width: 48%;
		margin: 0 1%;
		height: 450px;
	}
	
	div#img_overlay {
		height: 350px;
	}

	div#img_overlay:hover {
		height: 350px;
	}
	
	/* Contact form */
	
	.gform_wrapper_1 {
    margin: 1em 40px !important;
	}
		
	input#input_1_10, input#input_1_11, input#input_1_5, input#input_1_14, input#input_1_15, input#input_1_16 {
	width: 100% !important;
	}
	.gform_wrapper .left_label textarea.medium {
    width: 100% !important;
    }
    
    .gform_wrapper .left_label .gfield_label {
    width: 100% !important;
	}
	
	.gform_wrapper .left_label .gfield_description {
    width: 100% !important;
    margin-left: 0% !important;
    padding: 10px 0 0 0 !important;
	}
	
	.gform_wrapper .left_label ul.gfield_checkbox {
	margin: 0 !important;
	}
	
	#contact-form-wrapper {
	width: 85%;
	margin: 0 30px;
	}
 	
}

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

	html #shiftnav-toggle-main~#wpadminbar {
		top: 72px !important;
	}
	
	#wpadminbar {
    position: fixed;
	}

	.home-widgets-2 .icon {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 2%;
	}
	
	.icon img {
		padding: 0 25% 2% 25%;
	}
	
	.home-widgets-2 .icon p {
		max-width: 80%;
		width: 80%;
		margin: 0 auto;
	}
	
	.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:hover h2, .home-widgets-2 .icon a:active h2 {
		font-size: 27px;
	}
	
	.home-widgets-2 .icon p {
		line-height: 1.5;
	}
	
	p.arrow {
		height: auto;
	}
	
	.home-widgets-3 .icon-h p {
		margin-bottom: 5%;
	}
	
	/* Subpage template */

	/* ----- Turbines page ------- */	

	/* Applications */

	div.run-of-river {
		margin: 0 auto 20px auto;
	}
	
	div.collapseomatic_content div.features, div.collapseomatic_content div.benefits {
    float: none;
    width: 100%;
    margin: 0;
	}
	/* Projects map */
	
	.my-legend {
    width: 100%;
    padding: 5px 0 5px 20px;
	}

	/* Services page */
	
	div.upstream_text p {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.1;
	}
	
	#wos-icons-container p {
		display: none;
	}
	
	#wos-icons-container-top {
		float: left;
		width: 100%;
	}

	#wos-icons-container-top div.wos_icon {
		float: left;
		width: 31%;
		margin: 1%;
	}
	
	#wos-icons-container-top div.wos_icon img {
		padding: 0 12% 5% 12%;
	}
	
	#wos-icons-container-bottom {
		float: left;
		width: 64%;
		margin: 0 18% 5% 18%;
	}
	
	#wos-icons-container-bottom div.wos_icon {
		float: left;
		width: 46%;
		margin: 1%;
	}
	
	/* watershedOS input output graphic */

	#wos-input-img {
		overflow: hidden;
		width: 100%;
	}

	div.twentyfive {
		float: left;
		padding: 0;
		margin: -75px 0 -480px 0;
		width: 100%;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	div.twosixtyfive {
		float: left;
		padding: 0;
		margin: 0 21%;
		width: 58%;
	}

	div#control_room {
		float: left;
		padding: 0;
		margin: 0 21%;
		width: 58%;
	}
	
		
	div#watershedOS div.boxes {
		width: 100%;
	}
	
	/* Maintenance section */

	#maintenance-container-left, #maintenance-container-right {
		float: none;
		width: 88%;
		margin: 2% auto;
	}

	/* Monitoring section */

	#monitoring div.scada {
	float: none;
    width: 88%;
    margin: 2% auto;
	}
	
	
	
	/* ------ EcoSmartHydro page ------ */

	div#hydro-map {
		padding: 50px 9999rem 10px 9999rem;
	}

	/* Icons and info at the top of the map */
	#hydro-icon-container {
		width: 100%;
		margin:50px 0 30px 0;
		padding: 5px 0;
		height: auto;
	}

	#hydro-icon-container div.hydro-icon {
		float: none;
		width: 210px;
		margin: 0 auto;
		padding: 0;
		height: 60px;
		position: relative;
	}

	#hydro-icon-container div#hydro-icon-middle {
		border: none;
		margin: 0 auto;
		padding: 0;
		width: 210px;
		position: relative;
	}

	#hydro-icon-container div#hydro-icon-bottom {
		width: 230px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	
	#hydro-icon-container div.hydro-icon img {
		float: left;
		margin: 0;
		position: absolute;
		top: 0;
		left: 5px;
	}
	
	#hydro-icon-container div#hydro-icon-middle img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#hydro-icon-container div#hydro-icon-bottom img {
		position: absolute;
		top: 0;
		left: 13px;
	}

	#hydro-icon-container div.hydro-icon p {
		font-size: 15px;
		width: 100%;
		margin: 0;
		text-align: left;
		position: absolute;
		top: -5px;
		left: 55px;
	}
	
	#hydro-icon-container div#hydro-icon-middle p {
		left: 56px;
	}
	
	#hydro-icon-container div#hydro-icon-bottom p {
		left: 66px;
		width: 100%;
	}
	
	#hydro-icon-container div.hydro-icon h4 {
		font-size: 30px;
		width: 100%;
		margin: 0;
		text-align: left;
		position: absolute;
		top: 10px;
		left: 55px;
	}

	#hydro-icon-container div#hydro-icon-middle h4 {
		left: 55px;
	}
	
	#hydro-icon-container div#hydro-icon-bottom h4 {
		left: 63px;
	}

	/* Piecharts */
	
	div#piecharts-first, div#piecharts-second {
		width: 80%;
		overflow: hidden;
		margin: 0 10%;
	}
	
	#hydro-piechart-container .hydro-piechart {
		width: 29%;
		max-width: 100%;
		float: left;
		margin: 20px 2% 0 2%;
	}

	/* Piechart legend */

	#piecharts-legend #potential {
		padding: 0;
	}

	#piecharts-legend #planned {
		padding: 0;
	}

	#piecharts-legend {
		clear: both;
		overflow: hidden;
		height: auto;
	}

	#piecharts-legend div, #piecharts-legend div#construction {
		width: 170px;
		float: none;
		margin: 0 auto 5px;
	}

	#piecharts-legend h4 {
		font-size: 12px;
		text-transform: uppercase;
		margin: -34px 0 0 30px;
		text-align: left;
	}

	/* water needs graphics */
	#hydro-graphics-container {
		overflow: hidden;
		margin: 40px 0 0 0;
	}

	.hydro-graphic, #hydro-graphic-first {
		float: none;
		width: 88%;
		margin: 0 auto 12% auto;
	}

	.hydro-graphic p {
		margin: 0;
	}

	/* EcoSmartHydro section */

	div#eco-smart-hydro {
		margin: 0 -9999rem;
		padding: 1px 9999rem;
		clear: both;
	}

	/* Icons */

	.rh-icon-subpage img {
		padding: 0 10%;
	}

	/* Flooding graphics */

	.flooding-esh {
		width: 100%;
		overflow: auto;
		margin: 8% 0 15% 0;
	}

	.flooding-img {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.flooding-legend {
		float: none;
		width: 70%;
		max-width: 100%;
		margin: 20px 15%;
	}
	
	/* ------ Technology page ------ */
	
	/* Advantages icons */
	#adv-container-general {
		margin: 0;
	}
	
	.adv-container {
		float: none;
		overflow: auto;
		width: 100%;
		margin-top: 0;
	}
	
	#adv-container-first, #adv-container-second, #adv-container-third, #adv-container-forth {
		padding: 0;
	}
	
	.adv-icon {
		float: left;
		width: 46%;
		padding: 0 6%;
	}
	
	.adv-arrow {
		width: 20px;
		height: 150px;
		display: inline-block;
		vertical-align: middle;
		background-image: url('../../uploads/2016/06/arrow_mobile.png');
		background-size: 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		float: left;
	}
	
	/* Excavation and cost graphics */

	.adv-graphics, #adv-graphics-first {
		float: none;
		width: 85%;
		margin: 0 auto 40px auto;
	}
	
	#learn-more-adv a {
    font-size: 16px;
}

	/* ----- About page ----- */
	/* Team subpage */
	/* Thumbnails */

	.team-thumbs {
		float: left;
		width: 32%;
		height: 220px;
		margin-left: 5px;
	}
	
	/* ----- Contact page ----- */
	.contact_icon img {
  	padding: 0 13%;
  	}
	
	/* ---------- Footer ---------- */
	
	.footer-widgets-1 h2 {
	font-size: 16px;
	}
	
	/* Site footer */
	
	.site-footer .wrap p {
	width:100%;
	}

	.site-footer .wrap #footer-links {
	width: 100%;
	text-align: left;
	}
	
	#footer-links a {
	padding-left: 0;
	padding-right: 5%;
	}
}


@media only screen and (max-width: 570px) {
		
	.home-featured {
	height: 300px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_570x400.jpg');
	}
	
	.home-featured .wrap {
	margin-top: 50px;
	}
	
	/* Widget area 1: landing picture/header + text */

	.home-featured .home-widgets-1 {
	padding: 26% 0;
	}

	.home-widgets-1 h1 {
	font-size: 35px;
	}

	.arrow a {
	border-radius: 20px;
	padding: 5px 5px 5px;
	line-height: 1;
	}
	
	/* Widget area 2: index */
	.home-widgets-2 .icon p {
	font-size: 16px;
    line-height: 1.4;
    }
	
	/* Widget area 3: hydroEngine */

	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 100%;
	margin: 0;
	}

	.home-widgets-3 #bg_image h4 {
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	}
	
	.home-widgets-3 .icon-h {
	float: left;
	width: 33.3%;
	margin: 5% 0;
	}

	.home-widgets-3 .icon-h h2 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	}

	.home-widgets-3 .icon-h p{
	font-size: 15px;
	margin: 10% 10%;
	line-height: 1.2;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 20%;
	}
	
	div#black {
	display: block;
	background-color: #141415;
	width: 100%;
	height: 170px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 97%;
	}
	
	/* Home widget 4: EcoSmartHydro section */

	div#ESH_home_icons h5 {
	font-size: 14px;
	margin: 0 0 25% 0;
	color: #000;
	} 

	.home-widgets-4 p {
	color: #000;
	margin: 0 3% 3% 3%;
	font-size: 16px;
	line-height: 1.4;
	}

	.home-widgets-4 h4.widget-title.widgettitle {
	color: #000 !important;
	text-transform: none;
	font-size: 20px;
	margin: 45% 15% 20px 15%;
	}

	.home-widgets-4 h4#title_logo {
	color: #000;
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	width: 36%;
	margin: 0 32%;
	}

	.home-widgets-4 img {
	margin: 5% 0;
	padding: 0;
	}

	div#ESH_home_icons {
	width: auto;
	margin: 0 8%;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
/*	div#w-os div#w-os_text div#w-os_title h4 {
	width: 45%;
	margin: 30% 45% 0 8%;
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 45%;
	}

	.home-widgets-5 #w-os-p {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	width: 100%;
	}	
	
	.home-widgets-5 #w-os-p p#first{
	width: 70%;
	margin: 5% 22% 0 8%;
	}
	
	.home-widgets-5 #w-os-p p#second {
	width: 80%;
	margin: 2% 12% 5% 8%;
	}*/
	
	/* Subpage template */
	
	/* ---------- Services ---------- */
	
	.wos_icon img {
		padding: 8%;
	}
	
	div.twentyfive {
	margin: -105px 0 -450px 0;
	}
	
	div#watershedOS div.boxes {
		width: 100%;
		padding: 7%;
		margin: 0 0 5% 0;
	}	
	
	
	div.upstream_text p {
    font-size: 10.5px;
	}
	

	/* ---------- Testing page ---------- */

	/* side photo */
	div.side-photo{
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	margin-top: 20px;
	margin-bottom: -20px;
	}

	
	/* ---------- Restoration Hydro page ---------- */
	
	div.rh-graphic {
	float: none;
	width: 100%;
	margin: 0;
	}
	
	/* Quote */
	div#quote {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	}

	/* RH Icons */

	.rh-icon-subpage {
		float: none;
		width: 130px;
		margin: 0 auto;
	}

	.rh-icon-subpage img {
		padding: 0;
	}
	
	div#img_overlay {
		height: 300px;
	}

	div#img_overlay:hover {
		height: 300px;
	}
	
	/* ---------- About page ---------- */


	img.about-img {
	float: none;
	width: 100%;
	max-width: 100%;
	}
	
	/* ---------- Contact page ---------- */

	#contact_icons_container {
    padding: 20px;
	}
	
	#contact-form-wrapper {
	width: 80%;
	}
	
	/* Newsletter */
	 	
 	#gform_wrapper_2 {
 	margin: 1em 0 !important;
 	}	
 	
 		/*  Fully flooded and free jet pages -----------------
 	------------------------------ */  
	
	.head-power {
		width: 65%;
		height: 100px;
		float: none;
		margin: 0 auto;
	}
	
	.head-power h3 {
		padding-top: 20px;
	}
	
	.envelope-efficiency-container {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.envelope-efficiency {
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.equipment-package {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	
	.equipment-package-container div.learn-more a {
		width:200px;
		max-width: 200px;	
	}
	
	.page-id-1520 .equipment-package-container img {
		width: 100%;
		margin: 30px 0 0 0;
	}
	
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 570px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 570px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 570px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 570px),
only screen and (                min-resolution: 192dpi) and (max-width: 570px),
only screen and (                min-resolution: 2dppx)  and (max-width: 570px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_1140x800.jpg');
	}
}



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

	div.submenu ul li {
    padding: 0 12px;
	}

	/* Widget area 1: landing picture/header + text */
	
	.home-featured {
	height: 250px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_480x350.jpg');
	}

	.home-featured .home-widgets-1 {
	width: 100%;
	padding: 20% 0;
	}

	.home-widgets-1 h1 {
	font-size: 30px;
	}
	
	.home-featured .wrap {
	padding: 0 10%;
	margin-top: 30px;
	}

	.arrow a {
	border-radius: 15px;
	padding: 5px 5px 3px;
	line-height: 1;
	}
	.arrow {
	margin: 15px 0 0 0;
	}

	body,
	.home-featured .home-widgets-1 {
		font-size: 16px;
	}
	
	.header-image .site-title > a {
		background-size: contain !important;
	}

	
/* Widget area 2: turbines, projects, analytics */

	.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:hover h2, .home-widgets-2 .icon a:active h2 {
		font-size: 25px;
		margin: 0 0 3% 0;
	}
	
	.home-widgets-2 h4.widget-title.widgettitle {
		font-size: 23px;
		margin: 40px 10% 30px 10%;
	}
	
	.home-widgets-2 .icon p {
		font-size: 16px;
		line-height: 1.4;
	}
	
	.home-widgets-2 .icon p {
		max-width: 90%;
		width: 90%;
		margin: 0 auto;
	}


/* Widget area 3: hydroEngine */
	
	.home-widgets-3 .icon-h {
	margin: 10% 0 8% 0;
	}

	.home-widgets-3 .icon-h h2 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	}

	.home-widgets-3 .icon-h p{
	font-size: 15px;
	margin: 10% 10%;
	line-height: 1.2;
	}
	
	div.learn-more a {
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 0.7;
    padding: 10px 20px;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 15%;
	}
	
	div#black {
	display: block;
	background-color: #141415;
	width: 100%;
	height: 270px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 97%;
	}
	
	/* Home widget 4: EcoSmartHydro section */

	div#ESH_home_icons h5 {
	font-size: 12px;
	margin: 0 0 25% 0;
	color: #000;
	} 

	.home-widgets-4 p {
	color: #000;
	margin: 3%;
	font-size: 16px;
	line-height: 1.4;
	}

	.home-widgets-4 h4.widget-title.widgettitle {
	color: #000 !important;
	text-transform: none;
	font-size: 20px;
	margin: 330px 15% 20px 15%;
	}

	.home-widgets-4 h4#title_logo {
	color: #000;
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	width: 50%;
	margin: 0 25%;
	}

	.home-widgets-4 img {
	margin: 5% 0;
	padding: 0;
	}

	div#ESH_home_icons {
	width: auto;
	margin: 0 5%;
	}
	
	section#custom_html-5.widget.widget_custom_html {
	padding: 0 0 15% 0;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
/*	div#w-os div#w-os_text div#w-os_title h4 {
	width: 48%;
	margin: 30% 44% 0 8%;
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 44%;
	}

	.home-widgets-5 #w-os-p p#first{
	width: 75%;
	margin: 5% 17% 0 8%;
	}
	
	.home-widgets-5 #w-os-p p#second {
	width: 84%;
	margin: 2% 8% 5% 8%;
	}
	
	.home-widgets-5 div#tile img {
	display: block;
	width: 100%;
	margin-top: -3%;
	padding: 0;
	}
		
	.home-widgets-5 div#white {
	display: block;
	height: 160px;
	width: 100%;
	background-color: white;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 97%;
	}
	
		.home-widgets-5 {
	margin-bottom:180%;
	}*/
	
	/* Subpage template */
	
	.subpage div.entry-content, .archive div.entry-content, .single-post div.entry-content, .archive .content header.entry-header, .single-post main.content header.entry-header, .archive footer.entry-footer p.entry-meta , .single-post footer.entry-footer p.entry-meta {
	margin: 0 35px;
	}
	
	.content-sidebar-wrap {
	display: block;
	}
	
	/* Turbines page */
	
	/* Products */
	
	.model .diagram, .model .cutaway {
	width: 100%;
	margin: 0 0 20px 0;
	}

	.model .diagram {
		margin-right: 0;
	}
	
	.model .diagram p {
	margin-top: -10px;
	}
	
	/* Installation options */
	
	div.run-of-river {
   		width: 100%;
    	margin: 0;
    }
    
    .collapseomatic_content {
	    padding: 10px 20px;
    }
    
     /*  Fully flooded and free jet pages -----------------
 	------------------------------ */  
	
	.head-power {
		width: 100%;
		margin: 0 auto;
	}
	
	
	/* Services */
	
	#wos-icons-container-top div.wos_icon img {
	padding: 0 1% 10% 1%;
	}
	
	#wos-icons-container-bottom {
	width: 80%;
    margin: 0 10% 5% 10%;
	}
		
	div.upstream_text p {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 1;
	}
	
	.upstream_icon {
    float: left;
    width: 60%;
    margin: 0 20% 20px 20%;
	}
		
	/* watershedOS input output graphic */

	div.twentyfive {
		float: left;
		padding: 0;
		margin: -145px 0 -410px 0;
		width: 100%;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	div.twosixtyfive {
		float: left;
		padding: 0;
		margin: 0 15%;
		width: 70%;
	}

	div#control_room {
		float: left;
		padding: 0;
		margin: 0 15%;
		width: 70%;
	}
	
		
	div#watershedOS div.boxes {
		width: 100%;
	}
	
	/* Maintenance section */

	#maintenance-container-left, #maintenance-container-right {
		width: 100%;
		margin: 2% 0;
	}
	
	/* Monitoring section */

	#monitoring div.scada {
    width: 100%;
    margin: 2% 0;
	}

	/* Restoration Hydro page */	
	/* Stats */

	div.stat {
		float: none;
		width: 80%;
		margin-right: 10%;
		margin-left: 10%;
	}

	div.stat img {
		max-width: 150px;
	}

	div.stat p {
		line-height: 1.3;
		font-size: 16px;
	}

	div#img_overlay {
		height: 280px;
	}

	div#img_overlay:hover {
		height: 280px;
	}
	

	/* ----- EcoSmartHydro page ------- */
	/* Piecharts 
	
	div#piecharts-first, div#piecharts-second {
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
	
	#hydro-piechart-container .hydro-piechart {
		margin-top: 15px;
	}
	
	/* water needs graphics 
	#hydro-graphics-container {
		overflow: hidden;
		margin: 20px 0 0 0;
	}

	.hydro-graphic, #hydro-graphic-first {
		width: 100%;
		margin: 0 auto 12% auto;
	}
	
	/* Flooding graphic 
	.flooding-legend {
		float: none;
		width: 80%;
		max-width: 100%;
		margin: 20px 10%;
	}*/

	/* ------ Technology page ------ */
	.adv-icon {
		float: left;
		width: 43%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.adv-icon h4 {
		padding: 0 3%
	}
	
	.adv-arrow {
		width: 20px;
		height: 140px;
		margin: 0 2%;
	}
	
	/* Excavation and cost graphics */

	.adv-graphics, #adv-graphics-first {
		float: none;
		width: 100%;
		margin: 0 auto 40px auto;
	}
	
	/* ----- About page ----- */
	/* Team subpage */
	/* Thumbnails */

	.team-thumbs {
		float: left;
		width: 48%;
		height: 240px;
		margin-left: 3px;
	}
	
	/* Team profile lightboxes */

	.team-inner .team-img {
		float: none;
		width: 80%;
		margin: auto;
	}

	.team-copy {
		float: none;
		width: 80%;
		margin: 30px auto;
		padding: 0;
	}

	.team-inner h3 {
		font-size: 28px;
		font-family: 'latolight', sans-serif;
		text-align: left;
	}
	
	.team-inner h4 {
		text-align: left;
	}
	
	/* ---------- Footer ---------- */
	
	.footer-widgets-1.widget-area {
	margin: 0 -9999rem;
	padding: 30px 9999rem;
	}

	.footer-widgets-1 .featuredpost .entry {
	width: 100%;
    margin: 0 0 10% 0;
	}
	
	.footer-widgets-1 h2 {
	padding: 3%;
	font-size: 18px;
	}
	
	.footer-widgets-1 header.entry-header {
	 width: 98%;
	}
	
	.footer-widgets .wrap {
    padding: 0 30px;
	}
	
	/* Footer area 2: contact, download, connect */

	.footer-widgets-2 {
	width: 100%;
	padding: 40px 0 20px 0;
	}
	
	.footer-widgets-2 section#custom_html-8 {
	float: left;
	width: 100%;
	padding: 20px 0 0 2%;
	}

	.footer-widgets-2 section#custom_html-9 {
	float: left;
	width: 100%;
	padding: 0 0 0 2%;
	}

	/* Footer area 3: newsletter */

	.footer-widgets-3 {
	width: 100%;
	padding: 10px 0 40px 1%;
	}

	/* Site footer */
	
	.site-footer .wrap {
    padding: 0 30px;
	}
	
	/* Posts pages */
    
    .search-results article.post.entry, .search-results article.page.entry {
	margin: 0 35px 30px 35px;
	}
	
	/* Contact page */

	/* Contact icons */
 	#contact_icons_container {
 	padding: 20px 80px;
 	}
 
 	#contact_icons_container p, #contact_icons_container a {
 	font-size: 18px;
 	}
 	
	div#contact-first .contact_icon, div#contact-second .contact_icon  {
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	}
 	
 	div#contact-second #skype-contact {
 	width: 100%;
 	margin-left: 0;
 	}
 	
 	div#contact-second #proj-calc-contact {
 	width: 100%;
 	margin-right: 0;
 	}
 	
 	/* Search result pages */
	.search-results .page-title {
    padding: 100px 35px 0 35px;
	}
	
	/* Error 404 */
	.error404 article.entry {
    padding: 0 30px 0 35px;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 192dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px) { 

	.home-featured {
	background-image: url('../../uploads/2016/06/landing_image_960x700.jpg');
	}
}

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

	.home-featured {
	height: 250px;
	background-image: url('../../uploads/exclude_adaptive_images/landing_image_340x300.jpg');
	}
	
	.home-featured .wrap {
	margin-top: 30px;
	}

	/* Widget area 1: landing picture/header + text */

	.home-featured .home-widgets-1 {
	width: 100%;
	padding: 40% 0 0 0;
	font-size: 20px;
	}

	.home-widgets-1 h1 {
	font-size: 25px !important;
	margin: 0 0 10px 0;
	}
	
	.arrow {
	margin: 5px 0 0 0;
	}
	
	#shiftnav-toggle-main.shiftnav-toggle-edge-right span.shiftnav-toggle-burger {
	padding: 23px 10px;
	}
	
	div#shiftnav-toggle-main span.shiftnav-main-toggle-content {
	padding: 20px 0;
	}
	
/* Widget area 2: turbines, projects, analytics */

	.home-widgets-2 {
		border-top: 20px solid transparent;
    	margin-top: -20px;
	}
	
	.home-widgets-2 .icon a h2, .home-widgets-2 .icon a:hover h2, .home-widgets-2 .icon a:active h2 {
		font-size: 20px;
		margin: 0 0 3% 0;
	}
	
	.home-widgets-2 h4.widget-title.widgettitle {
		font-size: 20px;
		margin: 40px 10% 30px 10%;
	}
	
	.home-widgets-2 .icon p {
		max-width: 95%;
		width: 95%;
		margin: 0 auto;
	}
	
	.icon img {
		padding: 0 20%;
	}
	
	/* Widget area 3: hydroEngine */
	
	div#bg_image div#icons_hydroengine div#icons_title h4 {
	width: 100%;
	margin: 0;
	}
	
	.home-widgets-3 .icon-h {
	float: left;
	width: 33.3%;
	margin: 5% 0 8% 0;
	}

	.home-widgets-3 .icon-h h2 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	}

	.home-widgets-3 .icon-h p{
	font-size: 15px;
	margin: 10% 10%;
	line-height: 1.2;
	}
	
	.home-widgets-3 .icon-h img.icon-size {
	padding: 0 5%;
	}
	
	div#black {
	display: block;
	background-color: #141415;
	width: 100%;
	height: 300px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 95%;
	}
	
	/* Home widget 4: EcoSmartHydro section */


	.home-widgets-4 p {
	color: #000;
	margin: 3% 3% 10% 3%;
	font-size: 16px;
	line-height: 1.4;
	}

	div#ESH_home_icons {
	width: auto;
	margin: 0 3%;
	}
	
	div#ESH_home_icons h5 {
	margin: 0 0 55% 0;
	}
	
	/* Home widget 5: watershedOS section */

	/*old wos*/
	/*div#w-os div#w-os_text {
	position:absolute; 
	width: 100%;
	top: 12%;
	z-index: 10;
	text-align: left;
	}

	div#w-os div#w-os_text div#w-os_title h4 {
	width: 55%;
	margin: 35% 37% 0 8%;
	font-size: 20px;
	font-family: 'latolight', sans-serif;
	}

	div#w-os div#w-os_text div#w-os_title img{
		margin-left: 35%;
	}

	.home-widgets-5 #w-os-p {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	width: 100%;
	}	
	
	.home-widgets-5 #w-os-p p#first{
	width: 86%;
	margin: 6% 6% 5% 8%;
	}
	
	.home-widgets-5 #w-os-p p#second {
	width: 86%;
	margin: 2% 6% 5% 8%;
	}
	
	.home-widgets-5 div#tile img {
	display: block;
	width: 100%;
	margin-top: -3%;
	padding: 0;
	}
		
	.home-widgets-5 div#white {
	display: block;
	height: 65%;
	width: 100%;
	background-color: white;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 97%;
	}
	
	.home-widgets-5 {
	margin-bottom:230%;
	}*/
	
	
	/* ------- Subpage template ------ */
	
	/* Subpage template */
	.subpage div.entry-content {
	margin: 0;
	}
	
	/* Turbines page */

	/* Installation options */

	div.install, div.install-50 {
		width: 100%;
		margin: 0 0 20px 0;
	}	
	
	/* Services */
	
	#wos-icons-container-top div.wos_icon img {
	padding: 0 1% 10% 1%;
	}
	
	#wos-icons-container-bottom {
	width: 80%;
    margin: 0 10% 5% 10%;
	}
	
	.upstream_icon {
    float: left;
    width: 80%;
    margin: 0 10% 20px 10%;
	}
	
	/* watershedOS input output graphic */
	
	div.twentyfive {
		float: left;
		padding: 0;
		margin: -215px 0 -390px 0;
		width: 100%;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	div.twosixtyfive {
		float: left;
		padding: 0;
		margin: 0 8%;
		width: 84%;
	}

	div#control_room {
		float: left;
		padding: 0;
		margin: 0 8%;
		width: 84%;
	}
		
	.subpage h2 {
		margin: 40px 0 20px 0;
	}
	
	.subpage .wrap {
	padding-left: 30px;
	padding-right: 30px;
	}
	
	/* Restoration Hydro page */
	div#img_overlay {
		height: 200px;
	}

	div#img_overlay:hover {
		height: 200px;
	}
	/* ------ ESH page ------- */
	/* Flooding graphic 
	.flooding-legend {
		float: none;
		width: 90%;
		max-width: 100%;
		margin: 20px 5%;
	}
	*/
	/* ------ Technology page ------- */
	
	#learn-more-adv a {
	width: 200px;
	max-width: 200px;
    font-size: 16px;
    line-height: 1.2;
	}
	
	/* ----- About page ----- */
	/* Team subpage */
	/* Thumbnails */

	.team-thumbs {
		float: left;
		width: 100%;
		height: 340px;
		margin-left: 0;
	}
	.team-thumbs h4 {
    	font-size: 16px;
	}
	
	.team-thumbs p {
    	font-size: 14px;
	}
	
	/* Team profile lightboxes */

	.team-inner .team-img {
		float: none;
		width: 100%;
		margin: auto;
	}

	.team-copy {
		float: none;
		width: 100%;
		margin: 30px auto;
		padding: 0;
	}

	.team-inner h3 {
		font-size: 28px;
		font-family: 'latolight', sans-serif;
		text-align: left;
	}
	
	.team-inner h4 {
		text-align: left;
	}
	
	/* ---------- Footer ---------- */
	
	.footer-widgets-1 h2 {
	margin: 0;
	font-size: 16px;
	}
	
	div#social-icons {
    padding: 100px 0 0 0;
	}

	/* -------- Contact page ------*/
	#contact_icons_container {
    padding: 20px 50px;
	}

 	 /* Contact form */
	
	.gform_wrapper_1 {
    margin: 1em 30px !important;
	}

	/* News page */
	/* Literature */
	
	.thumb_box {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	height: auto;
	}	

}

/*andy posts edit*/

.post-template-default strong, .post-template-default b{
	font-weight:700;
}

div#team-external .about-subteam{
	color:#25abc3;
	font-size:30px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
}
div#team-external .team-thumbs.team-standard{
	margin-bottom: -20px;
}

#team-thumbs-inner{
	display: block;
	width:100%;
	/*margin: 60px 0 20px 0;*/
	margin-top: 20px;
	overflow: hidden;
}

#team-thumbs-inner:first-child{
	margin-top: 0px;
}


/* Natel Energy Raises $11M in Funding */


.postid-3433 .content .entry-header{
	display: none;
}