/*
Theme Name: Green State Power
Theme URI: http://www.theedesign.com
Description: Custom theme for Green State Power
Version: 1.0
Author: TheeDesign Studio
Author URI: http://www.theedesign.com
*/

@import url(css/style.css);
@import url(includes/fancybox/jquery.fancybox-1.3.4.css);
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

/*new stuffs / responsive, will be in other file*/

#body > header{
	z-index:9999998;
	top:0;
	background:#fff;
	 
	position:fixed;
	width:980px;
}

#body{padding-top:171px;}

header .consultation,
header .consultation p,
header .consultation p span,
body,
#page{
	background:none;
}
#body {
    padding-top: 169px;
}
header nav:before,
header nav:after{
	display:none;
}

header nav{margin:0;background:#51a526;}

header nav ul li a{
	padding:0 13px 0 11px;
	font-family:'Lato';
}

header nav ul{padding:0;}

#content{
	padding-left:0;
	padding-right:0;
	background:#fff;
}

#wrapper{box-shadow:none;width:100%}

#body > header{width:100%;}

.toCenter{
	width:100%;
	max-width:1280px;
	padding:0 10px;
	margin:0 auto;
	box-sizing:border-box;
}

#homepage_widgets{ margin-left:0;margin-right:0;}

header nav ul.menu {
	box-shadow:none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
header nav .menu>li {
	flex-grow: 1;
}
header nav .menu>li>a {
	display: block;
}

#homepage_widgets .item{
	width:32%;
	margin:0 2% 0 0;
}
#homepage_widgets .item:nth-child(3){
	margin:0;
}

#homepage_widgets .item a{width:100%;height:180px;box-sizing:border-box;}

#homepage_widgets .item a img{width:100%;}

.solar_news{
	width:32%;
}

.featured_project{
	width:65%;
}

.featured_project a{width:100%;height:290px;}

.projects_type_list ul,.projects_type ul{
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.projects_type_list ul li,.projects_type ul li{width:32%;margin:0 2% 0 0;height:auto;}

.projects_type_list ul li:nth-child(3n),.projects_type ul li:nth-child(3n){margin:0;}

.projects_type_list ul li a img,.projects_type ul li a img{
	width: 100%;
	box-sizing: border-box;
}

.projects_type ul{padding:0;}

.button_projects{background:#52a626;border-radius:0;box-shadow:none;}

.col_left{
	width:64%;
}

aside{width:32%;margin:0;}

.post_list .post{display:table;width:100%;margin:0;}

.post_list .post a.featured_img{display:table-cell;float:none;width:277px;vertical-align:top;border:none;}

.post_list .post a.featured_img img{border: 5px solid #e2e2e1;box-sizing:border-box;width:100%;}

.post_list .post.has_thumb .text{display:table-cell;float:none;width:auto;vertical-align:top;padding: 0 0 0 20px;}

#fancybox-wrap{z-index:99999101;}

#fancybox-overlay{z-index:99999100;}

footer > nav > .toCenter{display:table;width:auto;}
footer .copy, footer .creator, footer .creator a { color: #74cbe6; }
footer .creator a:hover { color: #00a0d2; }

footer nav li a { color: #b1e7f9;}

header .consultation p{padding:0;}

header .consultation{margin:29px 10px 0 0;width:auto;}

header #logo{padding-left:0;}

.slider-wrapper{margin-top:0;}

.gform_button {
	background: #52a626;
	border-radius: 0;
	box-shadow: none;
	padding: 10px;
	color: #fff;
	font-size: 22px;
	border:none;
}

.mobileMenu{display:none;}

.mobileMenu{
	float:right;
	width: 40px;
	height: 26px;
	position: relative;
	margin: 25px 15px 0 30px;
	cursor: pointer;
}

.mobileMenu span {
  background: #4fa427;
  display: block;
  height: 4px;
  position: absolute;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  width: 100%;
}

.mobileMenu span:nth-child(1) {
  top: 0;
}

.mobileMenu span:nth-child(2) {
  top: 11px;
}

.mobileMenu span:nth-child(3) {
  bottom: 0;
}

.mobileMenu.clicked span:nth-child(1) {
  top: 10px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.mobileMenu.clicked span:nth-child(2) {
  opacity: 0;
}

.mobileMenu.clicked span:nth-child(3) {
  bottom: 12px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobileNav{
	display:none;
	height: 100%;
	overflow: scroll;
	position: fixed;
	z-index: 100;
	width: 100%;
	padding:0 10px;
	background: #51a526;
}

.mobileNav ul ul{
	display:none;
}

.mobileNav>ul{padding:20px 0 100px;margin:0;}

.mobileNav ul {
	list-style:none;
}

.mobileNav ul ul{padding-left:20px;margin-bottom:0;}

.mobileNav li{margin:0;padding:8px 0;display:block;position:relative;}

.mobileNav a{
	color:#fff;
	font-family: 'Lato';
	font-size:18px;
}

.mobileNav li.menu-item-has-children span.dropdown{
	cursor:pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 4px;
	right: 10px !important;
	left: inherit !important;
}

.mobileNav li.menu-item-has-children span.dropdown:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	display:block;
	content:"";
	position: absolute;
	top: 12px;
	left: 5px;
}

.mobileNav li.menu-item-has-children.click span.dropdown:after{
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #ffffff 
}
header{height:auto;}
#body{background:none;}

.slideBG{
	position:relative;
	min-height:340px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
}

.slideBG img{
	z-index:1;
	position:relative;
	margin-bottom:0 !important;
}

.slideBG h3{
	position: absolute;
	color: #fff;
	z-index: 11;
	line-height: 38px;
	font-weight: normal;
	font-family: 'Lato',sans-serif;
	font-size: 26px;
	text-shadow: 0 0 20px rgba(0,0,0, 0.4);
}

.slideBG .button{
	background: #51a526;
	color: #fff;
	font: 38px/38px 'Lato';
	position: absolute;
	padding: 6px 60px 6px 6px;
	z-index: 11;
	
	text-transform: uppercase;
}
.slideBG .button:after{
	display:block;
	position:absolute;
	width:60px;
	height:70px;
	right:0;
	top:0;
	content:"";
	background:url('images/arrow_button_slider.png') no-repeat center center;
}

.h_left{left: 6%;}

.h_right{right: 6%;}

.v_top{top: 15%;}

.v_center{top: 35%;}

.v_bottom{bottom: 15%;}

h3.h_left{
	left: 5%;
}

h3.h_right{
	right: 5%;
}

h3.v_top{
	top: 8%;
}

h3.v_center{
	top: 39%;
}

h3.v_bottom{
	bottom: 8%;
}

.bx-wrapper{margin:0 !important;border:none !important;box-shadow:none !important;}

.bx-wrapper img{opacity:0;}

body .bx-wrapper .bx-pager.bx-default-pager a{
	width: 28px;
    height: 28px;
	background: url("images/navi_slider.png") no-repeat scroll 0 0;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background: url("images/navi_slider.png") no-repeat scroll right 0 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a{margin:0 2px !important;}

body .bx-wrapper .bx-controls-auto,body .bx-wrapper .bx-pager{
	bottom:15px
}
.bx-viewport, .slideBG {
	 
}

.slideBG{
	overflow:hidden;
}
.bx-prev{
	background:url('images/nivo/arrows.png') no-repeat transparent !important;
}

.bx-next{
	background:url('images/nivo/arrows.png') no-repeat transparent -30px top !important;
}

.bx-next,.bx-prev{
	opacity:0 !important;
	width: 30px !important;
    height: 30px  !important;
	 transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.bx-wrapper:hover .bx-next,.bx-wrapper:hover .bx-prev{
	opacity:1 !important;
}

.slideBG .button span{
	display: block;
	font-size: 19px;
	text-align: center;
	letter-spacing:1px;
	line-height: 17px;
}

.share{
	clear:both;
	padding:20px 0 25px;
}

.addthis_toolbox{
	vertical-align:top;
	text-align:center !important;
	width:auto !important;
}

.addthis_toolbox > a{
	float:none !important;
	display:inline-block !important;
	margin:0 1px !important;
	vertical-align:top;
	line-height:20px !important;
}

header #logo,header #logo img,header .consultation, header{
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
}

.videoOverlay{display:none;}

.videoOverlay .play{
	background:#fff;
	width:80px;
	height:80px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
	border-radius:100%;
	-webkit-border-radius:100%;
}

video{
	background-color:#000;
}

.videoOverlay i{
	text-align:center;
	font-size:40px;
	line-height:80px;
	width:100%;
	text-indent:8px;
}

@media only screen and (min-width: 990px) {
	.desktoponly {display: block;}
	.mobileonly {display: none;}
	header #logo img{width:340px;}
	.scrolled header #logo{
		padding:12px 0;
	}
	.scrolled  header #logo img{width:200px;}
	.scrolled  header .consultation{margin:0 10px 0 0}
	
}
@media only screen and (max-width: 990px) {
	
	.desktoponly {display: none;}
	.mobileonly {display: block;}
	a.mobileonly{
		margin-top:20px;
	}
	body .slideBG h3{
		top:10px !important;
		width:100%;
		text-align:center;
		bottom:auto;
		right:auto;
		left:0;
		font-size:24px;
		line-height:28px;
	}
	body .slideBG .button{
		left:50%;
		right:auto;
		top:auto;
		bottom:110px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		margin: 30px auto 0;
		font:26px/28px 'Lato';
	}
	body .slideBG .button span{
		font-size:16px;
		letter-spacing:0;
	}
	body .slideBG .button:after{
		height:60px;
	}
	
	body,html{position:relative;overflow-x:hidden;}
	.mobileMenu{display:block;}
	header nav{display:none;}
	header #logo{
		padding:12px 0;
	}
	header #logo img{width:200px;}
	header .consultation{margin:0}
	#body {
		padding-top: 73px;
	}
	#homepage_widgets .item{
		width: 100%;
		margin: 0;
	}
	#homepage_widgets .item,#homepage_widgets .item a,.featured_project a{height:auto;}
	#homepage_widgets, .featured_project, .solar_news, .solar_news a {text-align: center;}
	.solar_news a { display: block; }
	.solar_news a img { margin: 0 auto; }
	.solar_news a span { width: 100%; }
	.solar_news a small { float: none; }
	.solar_news,.featured_project{float:none;width:100%;}
	footer nav ul.last,footer nav ul.menu{
		width: auto;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
		display: table;
	}
	footer .copy,footer .creator{margin:0;float:none;text-align:center;padding:10px 0;}
	footer nav{padding:20px 0;}
	.gform_wrapper{width:100%;max-width:100% !important;}
	.page img,.single-post a.featured_img,
	div.single-project .left img{
		max-width:100%;
		margin:0 auto;
		display:table;
		float:none;
	}
	.page-child img,.single-post a.featured_img,
	div.single-project .left img{
		margin:0 auto 30px;
	}
	.right > iframe{display:none;}
	.single-post a.featured_img{margin-bottom:20px;}
	.button_projects,.gform_button {margin:0 auto;display:table !important;border:none;}
	.page-title{text-align:center;}
	.projects_type_list ul li, .projects_type ul li{
		width:49%;
		margin:0 2% 0 0;
		float:none;
		display:inline-block;
		white-space: normal;
	}
	.projects_type_list ul li:nth-child(3n), .projects_type ul li:nth-child(3n){
		margin:0 2% 0 0;
	}
	.projects_type_list ul li:nth-child(2n), .projects_type ul li:nth-child(2n){
		margin:0;
	}
	.projects_type_list ul,.projects_type ul{font-size:0;text-align:center;}
	aside,.col_left,.col_right{
		width:100%;
	}
	.share p{text-align:center;}
	.share .addthis_default_style{display:table;margin:0 auto;}
	div.single-project .left,div.single-project .right{width:100%;}
	.post_list .post{padding:0;}
	.textwidget img{margin:0 auto;display:table;}
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium,
	.gform_wrapper .ginput_complex .ginput_full input[type="email"], .gform_wrapper .ginput_complex .ginput_full input[type="number"], .gform_wrapper .ginput_complex .ginput_full input[type="password"], .gform_wrapper .ginput_complex .ginput_full input[type="tel"], .gform_wrapper .ginput_complex .ginput_full input[type="text"], .gform_wrapper .ginput_complex .ginput_full input[type="url"],
	.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large
	,.gform_wrapper textarea.medium,.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{width:100% !important;;max-width:100% !important;min-width:100%;}
	.solar_news img{
		display:block;
		margin:0;
	}
	.bx-viewport, .slideBG{
		max-height:none !important;
	}
	.slideBG img{
		opacity:0;
	}
	.slideBG img,.slideBG video{
		height:450px;
	}
	#content{
		padding-top:40px;
		padding-bottom:40px;
	}
	.page-title{
		padding:20px 0;
	}
}
@media only screen and (max-width: 700px){
	.slideBG .button:after{
		display:none;
		
	}
	.slideBG .button{
		padding:6px;
	}
	.slideBG img,.slideBG video{
		height:300px;
	}
}

@media only screen and (max-width: 600px){
	.videoOverlay{
		display:block;
		position:absolute;
		z-index:50;
		top:0;
		left:0;
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
	}
	body .slideBG .button{
		z-index:51;
	}
	aside .box{
		margin-bottom:30px !important;
	}
	a.mobileonly{
		margin-top:5px;
	}
	.slideBG img,.slideBG video{
		height:200px;
	}
	body .slideBG h3{
		top:50% !important;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size:22px;
		line-height:22px;
	}
	body .slideBG .button{
		width:100%;
		text-align:center;
		bottom: 0;
	}
	.slideBG video{
		min-height:100%;
		 
		 
		background:#000;
	}
	header .consultation {/*display:none;*/width:100%;margin-top:-10px;height: inherit;}
	header .consultation p {padding: 0;margin: 0; }
	header .consultation p a strong {display:none;}
	footer nav ul.menu li{width:auto;float:none;text-align:center;display:table;margin:0 auto;}
	.projects_type_list ul li, .projects_type ul li{
		width:100%;
		margin:0 !important;
		float:none;
		display:inline-block;
		white-space: normal;
	}
	.post_list .post.has_thumb .text,
	.post_list .post a.featured_img{
		display:block;
		width:100%;
		margin:10px 0;
		padding:0;
	}
	body .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager{
		background: #51a526 ;
		bottom: -48px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	 
	.slider-wrapper{
		margin-bottom:60px;
	}
}

.bx-wrapper img{width:100%;}



body #wpadminbar{
	z-index:9999999;
}
body.logged-in #body > header{top: 30px}

#content > .toCenter,#content .page > .toCenter{padding:0 20px;}
#content > .toCenter,#content .page > .toCenter > .toLeft{/*margin-right: 32%;*/}
aside .box {
	margin: 10px;
	padding: 10px;
	border: #f0f0f0 1px solid;
	background: #f8f8f8;
}
aside ul.section-submenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
aside ul.section-submenu li {
	margin: 0;
	padding: 0;
}
aside ul.section-submenu li a {
	display: block;
	padding: 5px;
	margin: 0 0 2px 0;
	font-size: 110%;
}
aside h3 {
	margin: 5px;
	padding: 0;
	border-bottom: #f0f0f0 1px solid;
}
.gform_wrapper ul li.gfield {
	clear: none !important;
}

.home #content{
	padding-top:0;
}