/* ==========================================================================
   NZS custom styles
   ========================================================================== */
@import 'flexvideo.css';


/* common */
body { background-color: #64B248; font: 300 16px/1 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #64b248; font-weight: 600; font-family: 'Titillium Web', sans-serif; margin: 20px 0; }
a { color: #337ab7; }
a:active, a:hover { color: #DC5915; }
#breadcrumbs { margin-right: auto; margin-left: auto; }

.glyphicon { color: #64b248; }

.navbar-form .form-control { width: 174px; }


/* header */
header { background-color: #fff; }
.nzs-header { background-color: #64B248; }


/* main nav */
.navbar-nzs { background-color: #285824; border-color: #285824; border-bottom: none; }
.navbar-nzs .navbar-brand { color: #777; }
.navbar-nzs .navbar-brand:hover,
.navbar-nzs .navbar-brand:focus { color: #5e5e5e; }
.navbar-nzs .navbar-nav > li > a { color: #fefefe; text-shadow: none; padding-left: 20px; padding-right: 20px; }
.navbar-nzs .navbar-nav > li > a:hover, .navbar-nzs .navbar-nav > li > a:focus { color: #fefefe; background-color: #4a8b44; }
.navbar-nzs .navbar-nav > .active > a, .navbar-nzs .navbar-nav > .active > a:hover, .navbar-nzs .navbar-nav > .active > a:focus { color: #fefefe; background-color: #64B248; }
.navbar-nzs .navbar-nav > .open > a, .navbar-nzs .navbar-nav > .open > a:hover, .navbar-nzs .navbar-nav > .open > a:focus { color: #555; background-color: #d5d5d5; }
.navbar-nzs .navbar-nav > .dropdown > a .caret { border-top-color: #777; border-bottom-color: #777; }
.navbar-nzs .navbar-nav > .dropdown > a:hover .caret, .navbar-nzs .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; }
.navbar-nzs .navbar-nav > .open > a .caret, .navbar-nzs .navbar-nav > .open > a:hover .caret, .navbar-nzs .navbar-nav > .open > a:focus .caret { border-top-color: #555; border-bottom-color: #555; }
.navbar-nzs .navbar-toggle { border-color: #fefefe; }
.navbar-nzs .navbar-toggle:hover, .navbar-nzs .navbar-toggle:focus { background-color: #fefefe; }
.navbar-nzs .navbar-toggle .icon-bar { background-color: #fefefe; }
.navbar-nzs .navbar-toggle:hover .icon-bar, .navbar-nzs .navbar-toggle:focus .icon-bar { background-color: #285824; }
@media (max-width: 767px) {
    .navbar-nzs .navbar-nav .open .dropdown-menu > li > a { color: #777; }
    .navbar-nzs .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nzs .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; }
}


/* main column */
.nzs-page, .page-container { background-color: #fff; padding-bottom: 30px; }
#main-column .wp-video-shortcode { display: block; height: auto; max-width: 100%; }
#main-column .attachment .entry-content { margin-bottom: 20px; }
#main-column .attachment .entry-content .attachment { text-align: center; }
#main-column .attachment .entry-meta { margin-bottom: 20px; }
#main-column .post, #main-column .page { }
#main-column .entry-header, #main-column .entry-content, #geodir-wrapper .entry-header, #geodir-main-content { margin-right: auto; margin-left: auto; }
#main-column .post .entry-header .entry-meta .posted-on .updated { display: none; }
#main-column .post .entry-meta .categories-icon { cursor: default; }
#main-column .post .entry-meta .comments-link a { color: #333; }
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total { color: #555; font-size: 12px; margin-left: 5px; }
#main-column .attachment .edit-post-link a, #main-column .attachment .entry-meta .edit-post-link a, #main-column .post .entry-meta .edit-post-link a, #main-column .page .entry-meta .edit-post-link a { color: #333; }
#main-column .post .entry-meta .tags-icon { cursor: default; }
#main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { margin-top: 0; word-wrap: break-word; margin-bottom: 20px; }
.page-header { border-bottom: 0; }

/* sidebar */
#sidebar-left .widget, #sidebar-right .widget { border: 1px solid #eee; margin-bottom: 20px; overflow: hidden; padding: 10px; }
#sidebar-left .widget ul,
#sidebar-right .widget ul { padding-left: 20px; }
#sidebar-left .widget .widget-title, #sidebar-right .widget .widget-title { font-size: 18px; margin-top: 0; }


/* footer */
#site-footer { background: #64B248; border-top: 3px solid #285824; font-size: 12px; color: #fefefe; padding: 30px 0; }
#site-footer small { display: inline-block; font-size: 1em; margin-right: 2em; margin-bottom: 20px; }
#site-footer small .social { margin-right: 6px; }
#site-footer a { color: #fefefe; }
#site-footer a.social img { border: 0; height: 20px; width: 20px; }


/* comments */
#comments .comment-navigation { margin-bottom: 0; }
#comments .comment-navigation-below { margin-bottom: 20px; margin-top: 15px; }
#comments .media-list li .media { margin-top: 15px; }
#comments .media-list li .media .media-body { border: 1px solid #eee; padding: 10px; }
#comments .media-list li .media .media-body .comment-author { font-size: 12px; margin-bottom: 10px; }
#comments .media-list ul.children { list-style: none; margin-left: 2.5em; }


/* breadcrumb */
# { color: #337ab7; }
.breadcrumb_last { color: #999; }

/* chromeframe error */
.chromeframe { background: #a00; color: #faa; display: block; padding: 3px 0; text-align: center; }
.chromeframe a { color: #fff; text-decoration: underline; }


/* misc */
img.aligncenter { display: block; margin: 0 auto; }

.page-header-top-right { margin-top: 10px; }

.pagination { margin: 0; }
.pagination-center { text-align: center; }
.pagination-row { margin-bottom: 20px; }

.required { color: #f00; }

.row-with-vspace { margin-bottom: 20px; }

.site-main .format-aside { background: #f5f5f5; }
.site-main .format-image { background: url('../img/content-post-format-image.png') left top no-repeat; }
.site-main .format-link { background: url('../img/content-post-format-link.png') left top no-repeat; }
.site-main .format-quote { background: url('../img/content-post-format-quote.png') left top no-repeat; }
.site-main .format-video { background: url('../img/content-post-format-video.png') left top no-repeat; }

.site-title { margin-bottom: 0; margin-top: 10px; }
.site-title > a { text-decoration: none; }
.site-title > div { height: auto; line-height: 18px; }
.site-title .site-description { color: #999; font-size: 16px; }
.site-title .site-title-heading { margin: 0; }

.widget_calendar #wp-calendar { margin: 0; }
.widget_calendar #wp-calendar #next { text-align: right; }

.widget-title { font: 600 30px/1 'Titillium Web', sans-serif; margin-bottom: 30px; }
.widget-title a { color: #64b248; }

.home h1.widget-title { font-size: 40px; font-weight: 700; margin-bottom: 24px; }
.home .widget_text { margin-top: 30px; }
.home .textwidget p { margin-bottom: 20px; line-height: 1.5; }
.home .textwidget p:last-child { margin-bottom: 0; }

/* directory */
.widget_categories { margin-top: 60px; }
.widget_categories ul { list-style: none; margin: 0; padding: 0 90px 0 0; }
.widget_categories ul:after { clear: both; content: ''; display: table; }
.widget_categories li { display: block; float: left; margin: 0; padding: 0; position: relative; width: 25%; }
.widget_categories li:nth-child(4n-2) { left: 30px; }
.widget_categories li:nth-child(4n-1) { left: 60px; }
.widget_categories li:nth-child(4n) { left: 90px; }
.widget_categories a { font-size: 22px; line-height: 2; }
.widget_categories a[href*='adult'] { }
.widget_categories a:before { color: #64b248; display: inline-block; font-family: 'FontAwesome'; text-align: left; width: 1.75em; }
.widget_categories a[href*='agriculture']:before { content: '\f1bb'; }
.widget_categories a[href*='business']:before { content: '\f0d6'; }
.widget_categories a[href*='computers']:before { content: '\f108'; }
.widget_categories a[href*='education']:before { content: '\f19d'; }
.widget_categories a[href*='entertainment']:before { content: '\f008'; }
.widget_categories a[href*='government']:before { content: '\f19c'; }
.widget_categories a[href*='government']:before { content: '\f19c'; }
.widget_categories a[href*='health']:before { content: '\f21e'; }
.widget_categories a[href*='internet']:before { content: '\f0ac'; }
.widget_categories a[href*='web-design']:before { content: '\f1fc'; }
.widget_categories a[href*='web-marketing']:before { content: '\f005'; }
.widget_categories a[href*='manufacturing']:before { content: '\f085'; }
.widget_categories a[href*='media']:before { content: '\f044'; }
.widget_categories a[href*='real-estate']:before { content: '\f015'; }
.widget_categories a[href*='recreation']:before { content: '\f185'; }
.widget_categories a[href*='science']:before { content: '\f0c3'; }
.widget_categories a[href*='shopping']:before { content: '\f07a'; }
.widget_categories a[href*='beauty']:before { content: '\f06e'; }
.widget_categories a[href*='clothing']:before { content: '\f1ae'; }
.widget_categories a[href*='florists']:before { content: '\f06c'; }
.widget_categories a[href*='gift']:before { content: '\f06b'; }
.widget_categories a[href*='souvenirs']:before { content: '\f03e'; }
.widget_categories a[href*='society']:before { content: '\f0c0'; }
.widget_categories a[href*='trade-services']:before { content: '\f0ad'; }
.widget_categories a[href*='travel']:before { content: '\f072'; }

/* recent posts extended */
.rpwe_widget { margin-top: 60px; }
.rpwe-ul { display:table; list-style: none; margin: 0; padding: 0 90px 0 0; width: 100%; }
.rpwe-ul:after { clear: both; content: ''; display: block; }

.rpwe-li { background: #fff; -moz-content-box: border-box; box-sizing: border-box; box-shadow: 0 0 8px rgba(0,0,0,0.15); display: table-cell; height: 100%; margin: 0; padding: 20px; position: relative; width: 25%; }
.rpwe-li:nth-child(2) { left: 30px; }
.rpwe-li:nth-child(3) { left: 60px; }
.rpwe-li:nth-child(4) { left: 90px; }

.rpwe-title { margin-bottom: 20px; }
.rpwe-title a { font-size: 20px; font-weight: bold; color: #64b248; }
.rpwe-time { color: #666; display: block; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; margin-bottom: 20px; }
.rpwe-img { background: #333; display: block; height: 138px; margin: -20px -20px 0 -20px; overflow: hidden; position: relative; }
.rpwe-img img { bottom: -99999em; display: block; height: auto; left: -99999em; margin: auto; min-width: 100%; position: absolute; right: -99999em; top: -99999em; width: auto; }
.rpwe-li .more-link { display: none; }
.rpwe-summary { line-height: 1.5; }
.rpwe-summary .more-link:after { font-family: 'FontAwesome'; content: '\f054'; display: inline-block; margin-left: .5em; }


/*
.rpwe-block ul { display:table; list-style: none !important; margin: 0 !important; padding: 0 90px 0 0 !important; width: 100%; }
.rpwe-block ul:after { clear: both; content: ''; display: block; }
.rpwe-block li { background: #fff; -moz-content-box: border-box; box-sizing: border-box; box-shadow: 0 0 8px rgba(0,0,0,0.15); display: table-cell; height: 100%; margin: 0; padding: 20px; position: relative; width: 25%; list-style-type: none; }
.rpwe-block li:nth-child(2) { left: 30px; }
.rpwe-block li:nth-child(3) { left: 60px; }
.rpwe-block li:nth-child(4) { left: 90px; }
.rpwe-block h3 { margin-bottom: 20px; }
.rpwe-block h3 a { font-size: 20px; font-weight: bold; color: #64b248; }
.rpwe-img { background: #333; display: block; height: 138px; margin: -20px -20px 0 -20px; overflow: hidden; position: relative; }
.rpwe-thumb { border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; }
.rpwe-li .more-link { display: none; }
.rpwe-summary { line-height: 1.5; }
.rpwe-summary .more-link:after { font-family: 'FontAwesome'; content: '\f054'; display: inline-block; margin-left: .5em; }
*/







/* gravity forms */
.gform_confirmation_message { background: #285824; color: #fff; padding: 1em 0; text-align: center; }

#gform_wrapper_1 { float: right; margin: 0 0 0 80px; width: 50%; }

#gform_wrapper_1 .gform_title { font-size: 24px; margin-top: 0; }

.gform_description { line-height: 1.5; font-weight: 300 !important; }

.entry-content .gform_wrapper ul li { padding-left: 0; }

.gform_footer input[type='submit'] { border: 0; cursor: pointer; background: #64B248; color: #fff; display: inline-block; margin-bottom: 10px; padding: .75em 2em; text-decoration: none; }


/* archives */
#main > article { padding-top: 40px; }
#main > #breadcrumbs { padding-top: 40px; }
#main > .entry-header { margin: 30px 0 0 0;}

.post { border: 0 !important; }

article.page article { margin-top: 40px; }

.entry-title { line-height: 1.25; font: 600 40px/1.25 'Titillium Web', sans-serif }
.entry-title a { color: inherit; }
.blog .post .entry-title, .search-results .post .entry-title { font-size: 28px; }

.entry-meta { margin-bottom: 15px; }
.entry-meta > span { margin-bottom: 15px; }
.post .entry-meta > span { display: inline-block; margin-right: 20px; }
.post .read-more { background: #64B248; color: #fff; display: inline-block; margin-bottom: 10px; padding: .75em 2em; text-decoration: none; }
.post .read-more:hover { background: #4a8b44; }

.entry-image { float: right; height: 170px; margin: 0 0 30px 30px; width: 170px; }
.entry-image img { height: 100%; object-fit: cover; width: 100%; }
.single .entry-image { height: auto; width: auto; }
.single .entry-image img { height: auto; width: auto; }

.entry-content p, .entry-summary p { line-height: 1.5; margin-bottom: 25px; }
.post .entry-content ul { line-height: 1.5; }

.pagination { margin-top: 60px; }


/* search */
.search-query-text { color: #337ab7; }

.search-results .page-header { margin-bottom: 0; }
.search-results .page-title { margin-bottom: 0; }

.search-highlight { background: #ff6; font-weight: inherit; line-height: 1; display: inline-block; }

/* single */
.single .entry-title, #breadcrumbs + .entry-header .entry-title { line-height: 1.25; margin: 30px 0 10px 0; }
.single .entry-title a { color: inherit; }

.single .back-to-blog:before { display:inline-block; content:'\f053'; font-family:'FontAwesome'; margin-right:.5em;}

.entry-content p { line-height: 1.5; margin-bottom: 25px; }

.entry-content ul, .entry-content ol { list-style: none; line-height: 1.5; margin: 0 0 25px 0; padding: 0; }
.entry-content li { margin: 20px 0 0 0; padding: 0; display: block; }

.entry-content ol { counter-reset: ol; list-style: none; }
.entry-content ol li { counter-increment: ol; padding-left: 30px; }
.entry-content ol li:before { content: counter(ol) '.'; float: left; width: 30px; margin-left: -30px; color: #64b248; font-weight: 700; }
.entry-content ul li { padding-left: 20px; }
.entry-content ul li:before { content: '\2022'; display: inline-block; font-weight: bold; margin-left: -20px; width: 20px; color: #64b248; }
.entry-content li:first-child { margin-top: 0; }

.entry-content h2 { font: 600 30px/1 'Titillium Web', sans-serif; margin: 40px 0 20px 0;}


/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

@media(max-width: 1200px) and (min-width: 768px){

	.navbar-nav {
		display: table;
		float: none;
		width: 100%;
	}

	.navbar-nzs .container {
		position: relative;
	}

	.navbar-nav > li {
		display: table-cell;
		float: none;
	}

	.navbar-nzs .navbar-nav > li > a {
		font-size: 14px;
		padding-left: 12px;
		padding-right: 12px;
		text-align: center;
		white-space: nowrap;
	}

	.navbar-form {
		position: absolute;
		right: 0;
		top: -85px;
	}

}

@media(max-width: 992px){

	.widget_categories li {
		left: 0 !important;
		width: 33.33333%;
	}

	.widget_categories li:nth-child(3n-1) {
		left: 45px !important;
	}

	.widget_categories li:nth-child(3n) {
		left: 90px !important;
	}

	.rpwe-ul {
		display: block;
		padding-right: 45px;
		width: auto;
	}

	.rpwe-li {
		clear: both;
		display: block;
		float: left;
		left: 0 !important;
		margin-bottom: 30px;
		width: 50%;
	}

	.rpwe-li:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	.rpwe-li:nth-child(even) {
		clear: none;
		left: 45px !important;
	}

	a.nzs-website-resource {
		width: 335px;
	}

	a.nzs-website-resource:nth-of-type(odd) {
		clear: both;
	}

}

@media (max-width: 768px) {

	.form-group {
		display: inline-block;
	}

	.widget_categories ul {
		padding-right: 30px;
	}

	.widget_categories.widget_categories li {
		left: 0 !important;
		margin-bottom: 15px;
		width: 50% !important;
	}

	.widget_categories.widget_categories li:nth-child(even) {
		left: 30px !important;
	}

	.widget_categories a {
		font-size: 18px;
	}

	.rpwe-ul {
		padding-right: 15px;
	}

	.rpwe-li:nth-child(even) {
		left: 15px !important;
	}

	a.nzs-website-resource {
		float: right;
		margin-right: 0;
		width: 48%;
	}

	a.nzs-website-resource:nth-of-type(odd) {
		float: left;
	}

}

