/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Riverside Horticulture
Description:
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/

/*============Sticky Footer============*/
html,
body {height:100%;}

#wrap{min-height:100%; height:auto!important; height:100%; margin:0 auto -10px; padding:0 0 10px;}

footer {height:10px;}

.clear{clear:both;}

img.alignleft{
	float:left;
	margin:0px 10px 0px 0px;
}

img.alignright{
	float:right;
	margin:0px 0px 0px 10px;
}

.alignright {
  float:right;
  margin:0 0 15px 30px;
}

.alignleft {
  float:left;
  margin:0 30px 15px 0;
}

* {outline:none!important;}

/*==========Fonts & Headings===========*/
body{}

h1{font-family: 'Open Sans', sans-serif; font-size: 60px; text-transform: uppercase;}
h2{font-family: 'Open Sans', sans-serif; font-size: 36px; text-transform: uppercase;}
h3{font-family: 'Open Sans', sans-serif; font-size: 24px; color: #23a259; text-transform: uppercase;}
h4{font-family: 'Open Sans', sans-serif;}
h5{font-family: 'Open Sans', sans-serif;}

p{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px;}
strong{font-weight:bold}

a{
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:visited,
a:hover,
a:active{
	text-decoration:underline;
}

#banner-overlay{
	width: 100%;
	height: 100%;
	top: 0;
  left: 0;
	position: absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: rgba(0, 0, 0, 0.35);
}

/* Nav
==============================*/

nav.main-menu ul{padding:0; margin:0; display:inline-block; position:relative;}
nav.main-menu .current-menu-item a{color: #23a259;}
nav.main-menu li{display:inline-block; padding:0; margin:0; position:relative; padding: 0px 20px;}
nav.main-menu li a{font-size: 16px; text-transform: uppercase; text-decoration: none; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 600;}
nav.main-menu ul.sub-menu{display:none; position:absolute; white-space:nowrap; top:100%; left:0; z-index:99999; text-align:left; overflow:hidden; padding:0;}
nav.main-menu li a:hover{color: #23a259;}

.shiftnav-toggle i{
	color: #23a259!important;
	float: right!important;
	font-size: 25px!important;
}

#shiftnav-main{
	width: 100%!important;
	background-color: rgba(255,255,255,0.2)!important;
}

#shiftnav-main .shiftnav-inner{
	padding: 25px 75px!important;
	background-color: rgba(35, 162, 89, 0.95) !important;
}

.shiftnav-nav ul li{
	background-color: transparent!important;
	border-bottom: 1px solid rgba(255,255,255,0.3)!important;
}

.shiftnav .shiftnav-panel-close{
	padding: 15px 0px!important;
}

.shiftnav-nav ul li a{
	padding: 10px 0px!important;
	font-family: 'Open Sans', sans-serif;
	font-size:20px!important;
	color: #fff!important;
	text-transform: uppercase!important;
	font-weight: 400!important;
	text-decoration: none;
}

.shiftnav-panel-close{
	background: transparent!important;
	font-size: 20px!important;
	float:right!important;
	position: relative!important;
	display: block!important;
	color: #fff!important;
	font-weight: 400!important;
}

.shiftnav-panel-close i{
	display: none;
}

.shiftnav .shiftnav-panel-close::before{
	font-family: 'Open Sans', sans-serif;
	content: 'CLOSE  X';
	padding-right: 15px;
	font-size: 18.5px
}

.header-container{padding: 25px 0px;}
.header-menu{padding: 50px 0px;}

.header-top{background-color: #000; color: #6b8c74; font-weight: 100; font-size: 21px; font-family: 'Open Sans', sans-serif; padding: 5px 0px;}
.header-top a{text-decoration: none; color: #fff; font-weight: 600; font-size: 21px; font-family: 'Open Sans', sans-serif;}
.header-top i{padding-right: 7.5px;}
.header-top-wrap{float: right;}
.header-top .email a{font-weight: 400;}
.header-top .phone{padding-left: 25px;}

.header-right{padding: 50px 0px; float: right;}
.header-right #header-external-site-link a{font-size: 16px; text-transform: uppercase; text-decoration: none; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.header-right #header-external-site-link i{color: #23a259; padding-right: 5px;}
.header-right #header-contact-btn a{background-color: #23a259; color: #fff; border-color: #23a259;}
.header-right #header-contact-btn i{padding-right: 5px;}


/* Slices
==============================*/
.padded{
	padding:50px 0px;
}

.introduction-text ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px!important;
}

.introduction-text ol li{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px!important;
}

.default-content ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.default-content ol li{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

#home-banner-inner{
	padding: 100px 15px;
	position: relative;
	z-index: 99;
}

.home-banner-button a{
	background-color: #fff;
	border-color: #fff!important;
	color: #000;
}

.home-banner-button a:after{
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
}

.home-banner-button a:hover{
	border-color:#23a259!important;
}

.top-btn-one{
	width: 368px;
	float: right;
}

.top-btn-two{
	width: 368px;
	float: left;
}

#home-banner-bar .home-bar{
	padding: 0px 10px;
}

#home-banner-bar .btn a{
	display: block;
	margin-bottom: 10px;
}

#home-banner-bar .btn{
	display: block;
}

#home-banner-bar{
	position: relative;
	z-index: 999;
	background-color: rgba(0,0,0,0.4);
	padding: 25px 0px;
}

#default-banner-inner{
	padding: 175px 0px;
	color: #fff;
	position: relative;
	z-index: 99;
}

.default-banner p{
	color: #fff;
	margin: 0px;
}

.banner-top-row{
	padding-bottom: 30px;
}

.default-banner .banner-top-row p{
	text-transform: uppercase;
	font-size: 60px;
	line-height: 65px;
}

.default-banner .banner-bottom-row{
	padding-bottom: 50px;
}

.default-banner .banner-bottom-row p{
	font-size: 36px;
	line-height: 55px;
}

.banner-logo-row img{
	padding: 50px 0px;
}

.default-heading{
	padding-bottom: 50px;
}

.round-grid-item-image img{
	border-radius: 50%;
}

.round-grid-item{
	margin-bottom: 50px;
	padding: 0px 25px;
}

#round-grid-inner .green-grid-item{
	padding: 35px 25px 50px 25px;
}

.round-grid-item-heading{
	padding: 10px 0px 5px 0px;
}

.round-grid-item-content{
	padding-top: 15px;
}

#round-grid-inner .green-grid-item{
	background-color: #23a259;
}

#round-grid-inner .green-grid-item .round-grid-item-heading{
	padding-bottom: 50px;
}

#round-grid-inner .green-grid-item h3{
	color: #fff;
}

#round-grid-inner .green-grid-item p{
	color: #fff;
}

#round-grid-inner .green-grid-item .round-grid-item-button a{
	background-color: #fff;
	border-color: #fff;
}

#round-grid-inner .green-grid-item .round-grid-item-button a:hover{
	color: #000;
}

#round-grid-inner .green-grid-item {
  padding: 35px 25px 50px 25px;
}

.btn{
	padding: 0px;
}

.btn a{
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 5px 15px;
	text-decoration: none;
}

.btn a:hover{
	background-color: #23a259;
	border-color: #23a259;
	color: #fff;
}

.content-two-column-heading{
	padding-bottom: 10px;
}

#cta-item .btn a{
	background-color: #23a259;
	border-color: #23a259;
	color: #fff;
}

#cta-item .btn a:hover{
	background-color: #fff;
	border-color: #000;
	color: #000;
}

#cta-item .btn a:after{
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
}

#cta-item .white a{
	background-color: #fff;
	color: #000;
	border-color: #fff;
}

#cta-item .white a:hover{
	background-color:#23a259;
	border-color:#23a259;
	color:#fff;
}

#cta-item .cta-content{
	padding: 2.5px 0px 50px 5px;
}

.round-grid-item-button a:after{
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
}

.round-grid-item-button{
	padding-top: 30px;
}

.default-banner{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center center;
	position: relative;
}

.cta-banner{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center center;
	position: relative;
}

#cta-inner{
	color: #fff;
	padding: 100px 0px;
	position: relative;
	z-index: 99;
}

#cta-inner .cta-content{
	padding-bottom: 25px;
}

.cta-single-column #cta-inner .cta-button a{
	background-color: #fff;
}

.cta-single-column #cta-inner .cta-button a:hover{
	background-color: #23a259;
	border-color: #23a259;
	color: #fff;
}

.cta-single-column #cta-inner .cta-button a::after {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 10px;
}

.cta-content p{
	font-size: 18px;
	line-height: 30px;
}

.introduction-text p{
	font-size: 18px;
	line-height: 30px;
}

.bread-crumbs{
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0px;
}

.bread-crumbs #breadcrumbs a{
	color: #746d75;
	text-decoration: none;
}

.bread-crumbs #breadcrumbs i{
	color: #746d75;
	padding: 0px 5px;
}

.bread-crumbs #breadcrumbs{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #23a259;
	margin: 0px;
}

#breadcrumbs::before{
	font-family: FontAwesome;
	content: "\f015";
	padding-right: 5px;
	color: #746d75;
}

.gform_button{
	font-size: 16px!important;
	text-transform: uppercase;
	background-color: #23a259!important;
	color: #fff;
	font-weight: 500;
	border: 1px solid #23a259!important;
	border-radius: 30px!important;
	padding: 5px 15px!important;
	text-decoration: none;
	width: 100%!important;
}

.gform_button:hover{
	background-color: transparent!important;
	border-color: #000!important;
	color: #000!important;
}

.contact-form-form .gfield_label{
	display: none!important;
}

.contact-form-form input{
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 10px 15px!important;
}

.contact-form-form select{
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 2px 15px!important;
}

.contact-form-introduction{
	padding-top: 10px;
}

.contact-form-form option{
	padding: 6.5px 15px!important;
}

.contact-form-form .textarea{
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 10px 15px!important;
}

#gform_1{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

#product-heading h4{
	padding:250px 20px 20px 20px;
	font-size:25px; color:#fff;
}

#box-background-image{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:
	no-repeat;
	background-position: center center;
}

#product-grid{
	padding: 75px 0px 75px 0px;
}

.projects-preview-introduction{
	padding-bottom: 50px;
	padding-top: 15px;
}

.projects-preview-introduction p{
	font-size: 18px;
}

.projects-preview-inner-cat p{
	text-decoration: none;
	color: #fff;
	margin: 0px;
}

.project-preview{
	padding-bottom: 25px;
}

.projects-preview-inner-heading h5{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-top: 3.5px;
	text-transform: uppercase;
}

.projects-preview-inner{
	padding: 200px 20px 20px 20px;
}

/* Blog
==============================*/
#blog-banner{
	background-image: url('images/placeholder.jpeg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center center;
	position: relative;
}

.post-image{
	height: 210px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center center;
	position: relative;
}

.blog-post-preview{
	padding: 25px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

#more-btn a:after{
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
}

#more-btn a{
	text-transform: uppercase;
	border: 2px solid #23a259;
	color: #fff;
	background-color: #23a259;
	text-transform: uppercase;
	border-radius: 30px;
	padding: 3px 15px 5px 15px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

#more-btn a:hover{
	background-color: transparent;
	color: #000;
	border-color: #000;
}

.navigation a{
	text-transform: uppercase;
	border: 2px solid #23a259;
	color: #fff;
	background-color: #23a259;
	text-transform: uppercase;
	border-radius: 30px;
	padding: 3px 15px 5px 15px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

.navigation a:hover{
	background-color: transparent;
	color: #000;
	border-color: #000;
}

.entry small{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #555555;
}

.entry h3{
	margin-top: 0px;
}

.entry .description{
	padding: 5px 0px 15px 0px;
}

.navigation a:hover{
	background-color: transparent;
	border-color: #000;
	color: #000;
}

.navigation .alignleft i{
	padding-right: 5px;
}

.navigation .alignright i{
	padding-left: 5px;
}

.article-cats-heading h5 {
    font-weight: 500;
    font-size: 25px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
		padding-bottom: 3px;
}

.article-cats{
	padding: 0px 15px;
}

.article-cat-list ul{
	padding-left: 0px;
}

.article-cat-list ul #cat{
	padding-bottom: 5px;
	text-transform: uppercase;
}

.article-cat-list ul #cat a{
	font-size: 16px;
	color: #23a259;
	text-decoration: none;
}

.single-right-col{
	background-color: #F5F5F5;
}

.single-right-col::after {
    content: "";
    position: absolute;
    background-color: #F5F5F5;
    width: 3000px;
    height: 100%;
    top: 0;
    left: 100%;
}

.blog-wrap{
	overflow-x: hidden;
}

.single-left-col .navigation{
	padding-bottom: 50px;
}

#blog-post {
    padding: 50px 0px 25px 0px;
}

#blog-post-container-right {
    padding: 50px 15px;
}

#blog-post small {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #555555;
    padding-bottom: 15px;
}

.single-left-col #single-date{
	padding-bottom: 10px;
}


/* Projects
==============================*/
.project-preview-box{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: center center;
	position: relative;
}


/* Footer
==============================*/

.map {
	width:100%;
	height:400px;
}

/*.maps iframe {
    pointer-events: none;
}*/

.map-wrap {
	position:relative;
}

.overlay {
	width:100%;
	min-height:400px;
	position:absolute; top:0;
}

.footer-main{
	background-color: #000;
	padding: 50px 0px;
	color: #fff;
}

.footer-main h5{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.footer-main i{
	color: #6b8c74;
    padding-right: 5px;
}

.footer-contact-phone-number a{
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

.footer-contact-phone-number{
	padding-top: 45px;
}

.footer-contact-phone-number i{
	padding-right: 5px;
}

.footer-right img{
	float: right;
}

.footer-main{
	border-bottom: 1px solid rgba(255,255,255,0.25);
}

.footer-bottom{
	padding: 5px 0px;
	background-color: #000;
	text-transform: uppercase;
	font-weight: 600;
}

.footer-bottom p{
	margin: 0px;
	color: #6b8c74;
	font-size: 14px;
}

.footer-bottom a{
	color: #6b8c74;
	font-size: 14px;
}

.footer-bottom #copyright{
	float: left;
	text-align: left;
}

.footer-bottom #credit{
	float: right;
	text-align: right;
}

.footer-bottom #meta-digital a{
	color:#23a259;
}


/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width: 767px) {

	.header-right{
		display: none;
	}

	.top-btn-one{
		width: 100%;
		float: none;
	}

	.top-btn-two{
		width: 100%;
		float: none;
	}

	.footer-right img {
    float: left;
	}

	.shiftnav-toggle i{
		padding: 0px 15px;
	}

	.footer-contact-phone-number {
    padding-top: 25px;
    padding-bottom: 25px;
	}

	.footer-bottom #credit{
		display: block;
		float: left;
	}

	.header-top{
		font-size: 17px;
	}

	.header-top a{
		font-size: 17px;
	}

	#home-banner-bar .btn{
		display: block;
		margin: 0 auto;
		padding-bottom: 7.5px;
	}

	#home-banner-bar .btn a{
		display: block;
		margin-bottom: 0px;
	}



}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width: 768px) and (max-width: 991px) {

	.header-right{
		display: none;
	}

	.top-btn-one{
		width: 100%;
		float: none;
	}

	.top-btn-two{
		width: 100%;
		float: none;
	}

	.footer-right img {
    float: left;
	}

	.footer-contact-phone-number {
    padding-top: 25px;
    padding-bottom: 25px;
	}

	.header-top{
		font-size: 22px;
	}

	.header-top a{
		font-size: 22px;
	}

	.home-banner-button{
		margin: 0 auto;
		display: block;
		margin-bottom: 10px;
	}

	#home-banner-bar .btn a{
		display: block;
		margin-bottom: 0px;
		width: 75%;
		margin: 0 auto;
	}



}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width: 992px) and (max-width: 1199px) {

	nav.main-menu li{
		padding: 0px 15px;
	}

	.footer-contact-phone-number a {
    font-size: 35px;
	}

	.home-banner-button{
		margin: 0 auto;
		display: block;
		margin-bottom: 10px;
	}

	#home-banner-bar .btn a{
		display: block;
		margin-bottom: 0px;
	}



}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width: 1200px) {



}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {



}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}