/*
Theme Name: Green Acre Ventures
Theme URI: http://putonium.com
Author: Putonium Web Design
Author URI: http://putonium.com
Description: Green Machine
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gav
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, section, input, textarea, img {
	border: 0;
	font-family: inherit;

	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	list-style:none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden, .mobile-only {
	display:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear-both {
	clear:both;
	margin:60px 0;
}
h1 {
	font-size:30px;
	line-height:50px;
	margin-bottom:50px;
}
h2 {
	font-size:25px;
	line-height:45px;
}
h3 {
	font-size:20px;
	line-height:35px;
}
#headerTitle {
		color: #5FCC5F;
		font-size: 16px;
		float: right;
		line-height: 68px;
		margin-right: 30px;
}
img.aligncenter {
	margin:0 auto;
	display:block;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background:#5FCC5F;
}
.mobile-only {
	display:none;
}
#page {
#	width:1000px;
	margin:0 auto;
	background:#5FCC5F;
	position:relative;
	color:#fff;
}
a {
	color:inherit;
	text-decoration:none;
}
a:visited {
	color:inherit;
}
#top-bar {
	height:70px;
	background:url(images/logo.jpg) no-repeat 20px 50% #fff;
	background-size:auto 50px;
}
#owl-rotator {
	height:300px;
	background:#ddd;
	list-style:none;
	width:100%;
}
/*
***********
Menu Styles
***********
*/
#top-menu {
	border-bottom:1px solid #fff;
	text-align:center;
	background-color:#6DD56D;
	font-size:23px;
}
#top-menu .menu-item  {
	display:inline-block;
}
#top-menu > .menu-item > a {
	display:block;
	padding:15px 10px;
	background-color:transparent;
	transition: background-color .5s;
}

#top-menu > .menu-item > a:hover {
	background-color:rgba(255,255,255,.2);
	transition: background-color .5s; 
}
#top-menu .menu-item .sub-menu {
	display:none;
	position:absolute;
	#margin-top:-1px;
	background:#6DD56D;
	border:1px solid #fff;
	border-top:0;
}
#top-menu .menu-item:hover .sub-menu {
	display:block;
}
#top-menu .menu-item .sub-menu .menu-item {
	display:block;
	font-size:16px;
	text-align:left;
}
#top-menu .menu-item .sub-menu .menu-item > a {
	display:block;
	padding:10px 20px;
}
#top-menu .menu-item .sub-menu .menu-item > a:hover {
	text-decoration:underline;
}
/*
********************
Subpages-Menu Styles
********************
*/
#subpages-menu {
	margin:0;
}
#subpages-menu .menu-item {
	margin-bottom:10px;
	font-size:30px;
}
#subpages-menu a {
	display:inline-block;
	background:#fff;
	color:#6DD56D;
	padding:5px 10px;
	transition: padding-right 1s;
}
#subpages-menu a:hover {
	padding-right:30px;
	transition: padding-right 1s;
}

/*
***********
Page Styles
***********
*/
#page-title {
	font-size:36px;
	margin:50px;
}
a.back-to-parent {
	background:url(images/back_to_parent.png) no-repeat 0% 50% transparent;
	display:inline-block;
	width:31px;
	height:31px;
	margin-right:10px;
}
a.back-to-parent:hover {
	margin-left:-5px;
	width:36px;
}
.home #page-title {
	text-align:center;
}
#home-page-boxes {
	text-align:center;
	margin-bottom:20px;
}
#home-page-boxes .menu-item {	
	font-size:36px;
	text-transform:uppercase;
	display:inline-block;
	margin:0 25px 30px;
}
#home-page-boxes .menu-item a{	
	width:360px;
	text-align:center;
	padding:25px 0;
	display:block;
	background:#fff;
	color:#5FCC5F;
	transition: all .5s;
}
#home-page-boxes .menu-item a:hover{	
#	background-color:rgba(255, 255, 255, .8);
	transition: all .5s;
	box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
#front-page-view-more {
	text-align:center;
	font-size:24px;
	margin-bottom:50px;
}
#page-content {
	border:1px solid #fff;
	background:#6DD56D;
	padding:60px;
	font-size:22px;
	line-height:36px;
	margin:0 50px 50px;
}
.home #page-content {
	padding:40px;
}
#page-content p {
	margin-bottom:40px;
}
#page-content p:last-child {
	margin-bottom:0;
}
.small {
	font-size: 16px;
	line-height: 26px;
	display:block;
}
.small a {
	text-decoration:underline;
}
.small a:hover {
	text-decoration:none;
}
/*
************
Image Styles
************
*/
img.alignright {
	float:right;
}
#page-content img {
	border:4px solid #fff;
}
#page-content img.size-large {
	width:800px;
	height:auto;
}
/* 
**************
Rotator Styles
**************
*/
#owl-rotator {
#	width:1000px;
	height:400px;
	margin:0 auto;
	text-align:center;
	background:#000;
}
.rotator-image {
	display:block;
	height:400px;
	background-size:cover !important;
}
.rotator-title-wrapper {
	font-size:47px;
	font-weight:100;
	position:absolute;
	right:50px;
	top:270px;
}
.rotator-title {
	background:rgba(255, 255, 255, .25);
	border:1px solid #fff;
	padding:5px 20px;
	margin-left:10px;
}
a .rotator-title-wrapper:hover .rotator-title {
	background:rgba(255, 255, 255, .45);
}
/*
************
Input Styles
************
*/
/*
************
Input Styles
************
*/
#contactForm {
	width:250px;
	float:right;
}
.niceForm label {
	font-size:16px;
	line-height:16px;
	padding:0;
}
.nice-input {
	width:250px;
	display:block;
	padding:5px;
	margin-bottom:10px;
}
.nice-text-area {
	height:150px;
}
#success, #error {
	display:none;
	font-size:16px;
}
#contactSendButton {
	border: 1px solid #FFF;
	background: #6DD56D;
	padding: 5px 10px;
	color: #FFF;
	font-size: 16px;
	width: 250px;
	cursor: pointer;
}
#contactSendButton:hover {
	background:#fff;
	color:#6DD56D;
}
/*
*************
Footer Styles
************* 
*/
#footer {
	font-size:14px;
}
#footer-phone-number {
	font-size:50px;
	text-align:center;
	margin-bottom:50px;
}
#footer-icon {
	background:url(images/footer-loader.png) no-repeat 50% 50% transparent;
	height:80px;
	margin-bottom:50px;
}
#bottom-menu {
	padding:0 20px 5px;
}
#bottom-menu .menu-item {
	display:inline-block;
	color:#306730;
	margin-right:10px;
}
#bottom-menu .menu-item a {
	padding-bottom:10px;
}
#footer-bottom {
	background:#306730;
	padding:60px 20px 10px;
}
.plug {
	float:right;
}
.ui-footer, .ui-header {
	border:inherit !important;
}
