/*
Theme Name: WoodBlocX
Description: Child theme of Magento 2/WordPress integration FishPig theme.
Author: BHI Localization for Websites
Author URI: https://www.bhi-localization.com/
Template: fishpig
Version: 1.0.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woodblocx
*/

/* rudimentary style legacy WP Bakery content */
.legacy-content .wpb-content-wrapper {
	margin: 0 auto;
	display: block;
	max-width: 960px;
}

/* change column widths on a per wordpress post type bases */
body.single-gardens .columns .main {
	max-width: initial;
	padding: 0;
	margin: 0 auto;
}
body.wordpress-post-view.single-post .columns .main {
	margin-right: 0;
}
body.page-layout-1column.single-post .column {
	padding: 0;
}

/* all wordpress content wrapped in this class */
.wpb-content-wrapper {
	margin: 0;
	padding: 0;
	border: none;
	overflow: unset;
	display: block;
}
.wpb-content-wrapper .wb-row {
	overflow: hidden;
	margin-bottom: 40px;
}
.wpb-content-wrapper .wb-layouts--heading-with-blurbs .wb-row {
	margin-bottom: 0;
}
.wpb-content-wrapper .wb-row.blurbs {
	padding-bottom: 50px;
}
.wpb-content-wrapper .wb-container.cta {
	margin-bottom: 40px;
}
.wpb-content-wrapper .wb-container {
	float: left;
	box-sizing: border-box;
	width: 100%;
}
.wpb-content-wrapper .wb-layouts .heading,
.wpb-content-wrapper .wb-layouts figure,
.wpb-content-wrapper .wb-layouts p,
.wpb-content-wrapper .wb-layouts .wb-gallery {
	margin-bottom: 20px;
}
.wpb-content-wrapper .wb-layouts .wb-gallery {
	margin-bottom: 40px;
}
.post-type-archive-gardens .wpb-content-wrapper .archive-posts .wb_column-inner {
	margin-bottom: 60px;
}
.wpb-content-wrapper .wb-container.cta,
.wpb-content-wrapper .wb-row.cta {
	background-color: #f4f4f4;
}
.wpb-content-wrapper .wb-row {
	margin-left: -7px;
	margin-right: -8px;
}
.wpb-content-wrapper .wb-row.category-filter {
	padding: 20px 0 40px;
}
.wpb-content-wrapper .category-filter a {
	margin-right: 20px;
}
.wpb-content-wrapper .wb_column_container {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
	.wpb-content-wrapper .wb_col-sm-1 {
		width: 8.33333333%;
	}
	.wpb-content-wrapper .wb_col-sm-2 {
		width: 16.66666667%;
	}
	.wpb-content-wrapper .wb_col-sm-3 {
		width: 25%;
	}
	.wpb-content-wrapper .wb_col-sm-4 {
		width: 33.33333333%;
	}
	.wpb-content-wrapper .wb_col-sm-5 {
		width: 41.66666667%;
	}
	.wpb-content-wrapper .wb_col-sm-6 {
		width: 50%;
	}
	.wpb-content-wrapper .wb_col-sm-7 {
		width: 58.33333333%;
	}
	.wpb-content-wrapper .wb_col-sm-8 {
		width: 66.66666667%;
	}
	.wpb-content-wrapper .wb_col-sm-9 {
		width: 75%;
	}
	.wpb-content-wrapper .wb_col-sm-10 {
		width: 83.33333333%;
	}
	.wpb-content-wrapper .wb_col-sm-11 {
		width: 91.66666667%;
	}
	.wpb-content-wrapper .wb_col-sm-12 {
		width: 100%;
	}
	.wpb-content-wrapper .wb_col-sm-1, .wpb-content-wrapper .wb_col-sm-2, .wpb-content-wrapper .wb_col-sm-3, .wpb-content-wrapper .wb_col-sm-4, .wpb-content-wrapper .wb_col-sm-5, .wpb-content-wrapper .wb_col-sm-6, .wpb-content-wrapper .wb_col-sm-7, .wpb-content-wrapper .wb_col-sm-8, .wpb-content-wrapper .wb_col-sm-9, .wpb-content-wrapper .wb_col-sm-10, .wpb-content-wrapper .wb_col-sm-11, .wpb-content-wrapper .wb_col-sm-12 {
		float: left;
	}
}
.wpb-content-wrapper .wb_col-xs-1, .wpb-content-wrapper .wb_col-sm-1, .wpb-content-wrapper .wb_col-md-1, .wpb-content-wrapper .wb_col-lg-1, .wpb-content-wrapper .wb_col-xs-2, .wpb-content-wrapper .wb_col-sm-2, .wpb-content-wrapper .wb_col-md-2, .wpb-content-wrapper .wb_col-lg-2, .wpb-content-wrapper .wb_col-xs-3, .wpb-content-wrapper .wb_col-sm-3, .wpb-content-wrapper .wb_col-md-3, .wpb-content-wrapper .wb_col-lg-3, .wpb-content-wrapper .wb_col-xs-4, .wpb-content-wrapper .wb_col-sm-4, .wpb-content-wrapper .wb_col-md-4, .wpb-content-wrapper .wb_col-lg-4, .wpb-content-wrapper .wb_col-xs-5, .wpb-content-wrapper .wb_col-sm-5, .wpb-content-wrapper .wb_col-md-5, .wpb-content-wrapper .wb_col-lg-5, .wpb-content-wrapper .wb_col-xs-6, .wpb-content-wrapper .wb_col-sm-6, .wpb-content-wrapper .wb_col-md-6, .wpb-content-wrapper .wb_col-lg-6, .wpb-content-wrapper .wb_col-xs-7, .wpb-content-wrapper .wb_col-sm-7, .wpb-content-wrapper .wb_col-md-7, .wpb-content-wrapper .wb_col-lg-7, .wpb-content-wrapper .wb_col-xs-8, .wpb-content-wrapper .wb_col-sm-8, .wpb-content-wrapper .wb_col-md-8, .wpb-content-wrapper .wb_col-lg-8, .wpb-content-wrapper .wb_col-xs-9, .wpb-content-wrapper .wb_col-sm-9, .wpb-content-wrapper .wb_col-md-9, .wpb-content-wrapper .wb_col-lg-9, .wpb-content-wrapper .wb_col-xs-10, .wpb-content-wrapper .wb_col-sm-10, .wpb-content-wrapper .wb_col-md-10, .wpb-content-wrapper .wb_col-lg-10, .wpb-content-wrapper .wb_col-xs-11, .wpb-content-wrapper .wb_col-sm-11, .wpb-content-wrapper .wb_col-md-11, .wpb-content-wrapper .wb_col-lg-11, .wpb-content-wrapper .wb_col-xs-12, .wpb-content-wrapper .wb_col-sm-12, .wpb-content-wrapper .wb_col-md-12, .wpb-content-wrapper .wb_col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wpb-content-wrapper .wb_column_container > .wb_column-inner {
	box-sizing: border-box;
	padding-left: 7.5px;
	padding-right: 7.5px;
	width: 100%;
}

.wpb-content-wrapper .hero-image {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px;
}
@media (min-width: 768px) {
	.wpb-content-wrapper .hero-image {
		background-position: center bottom;
	}
}

.wpb-content-wrapper .wpb_content_element, .wpb-content-wrapper ul.wpb_thumbnails-fluid > li, .wpb-content-wrapper .wpb_button {
	margin-bottom: 35px;
}

.wpb-content-wrapper .wpb_alert p:last-child, .wpb-content-wrapper #content .wpb_alert p:last-child, .wpb-content-wrapper .wpb_text_column p:last-child, .wpb-content-wrapper .wpb_text_column *:last-child, .wpb-content-wrapper #content .wpb_text_column p:last-child, .wpb-content-wrapper #content .wpb_text_column *:last-child {
	margin-bottom: 0;
}

.single .wpb-content-wrapper .post-intro {
	background-color: #f6f6f6;
	margin-bottom: 40px;
}
body.single-post .wpb-content-wrapper .post-intro .wb_column-inner.introtext {
	width: 75%;
	float: right;
}
@media (max-width: 768px) {
	body.single-post .wpb-content-wrapper .post-intro .wb_column-inner.introtext {
		width: 100%;
		float: left;
		padding: 0 30px 20px;
	}
}
.single-post .wpb-content-wrapper h1.entry-title {
	font-size: 3.2rem;
	padding-top: 17.5%;
	padding-bottom: 20px;
	margin-block-start: 0;
	margin-block-end: 0;
}
.single-post .wpb-content-wrapper h3.archive-title {
	font-size: 2.5rem;
}

.archive .wpb-content-wrapper p.post-intro {
	background: transparent;
	padding: 0;
	height: auto;
}
.wpb-content-wrapper .gardens-posts,
.wpb-content-wrapper .blog-posts {
	max-width: 960px !important;
	display: flex !important;
	flex-wrap: wrap;
	margin: 0 auto !important;
}
.wpb-content-wrapper .blog-posts > .column,
.wpb-content-wrapper .gardens-posts > .column,
.wpb-content-wrapper .more-gardens-posts > .column {
	margin-bottom: 40px;
}

.wpb-content-wrapper .wb-button {
	margin: 30px 0;
}
.wpb-content-wrapper .wb-layouts--two-column-with-heading-text-section-and-button-with-image-right .wb-button {
	margin-top: 55px;
}
@media (max-width: 768px) {
	.wpb-content-wrapper .wb-layouts--two-column-with-heading-text-section-and-button-with-image-right .wb-button {
		margin-bottom: 60px;
	}
}
.wpb-content-wrapper .wb-layouts--heading-with-two-column-images-text-section-and-button {
	margin-top: 45px;
}
.wpb-content-wrapper .wb-button a {
	padding: 14px 20px;
	background: #336636;
	color: #fff;
	text-decoration: none;
}
.wpb-content-wrapper .wb-button.loadmore {
	padding: 14px 20px;
	background: #BE8A36;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	width: 130px;
	margin: 0 auto;
}
.wpb-content-wrapper .wb-row.load-more {
	margin: 40px auto 80px;
}
.wpb-content-wrapper .wb-row.cta {
	background: #eee;
	padding: 40px 0;
}
.wpb-content-wrapper .post-cta .wb_col-sm-8,
.wpb-content-wrapper .garden-cta .wb_col-sm-8 {
	padding-top: 60px !important;
}
.wpb-content-wrapper .garden-cta h3.cta-heading,
.wpb-content-wrapper .post-cta h3.cta-heading {
	font-size: 2.2rem;
}
.wpb-content-wrapper .container.cta {
	display: flex;
	height: 100vh;
	background-color: #d3d3d3;
}
.wpb-content-wrapper .wb-row.garden-before,
.wpb-content-wrapper .wb-row.garden-cta,
.wpb-content-wrapper .wb-row.garden-finished,
.wpb-content-wrapper .wb-row.garden-finished-gallery,
.wpb-content-wrapper .wb-row.garden-intro,
.wpb-content-wrapper .wb-row.garden-planning,
.wpb-content-wrapper .wb-row.garden-preparation,
.wpb-content-wrapper .wb-row.garden-testimonial {
	max-width: 960px;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
}
.wb-row.garden-before {
	max-width: 1024px !important;
}
.wb-row.garden-testimonial {
	margin-bottom: 40px !important;
	margin-top: 30px !important;
}
.wpb-content-wrapper h1.customer-gardens.title {
	font-size: 3.2rem;
	position: relative;
	top: 25vw;
	text-align: center;
	width: 50%;
	color: white;
	background: rgba(0, 0, 0, .35);
	margin: 0 auto;
	padding: 20px;
}
.wpb-content-wrapper figure.before-image img {
	position: relative;
}
@media (max-width: 768px) {
	.wpb-content-wrapper figure.before-image {
		margin-bottom: 30px;
	}
	.wpb-content-wrapper .wb-row.garden-cta figure,
	.wpb-content-wrapper .wb-row.post-cta figure {
		text-align: center;
	}
}
.wpb-content-wrapper .wb-row.garden-planning,
.wpb-content-wrapper .wb-row.garden-preparation,
.wpb-content-wrapper .wb-row.garden-finished {
	margin-top: 50px !important;
}
.wpb-content-wrapper .wb-gallery {
	margin-top: 25px;
}
.wpb-content-wrapper span.before {
	position: absolute;
	right: 60px;
	top: 40px;
	text-transform: uppercase;
	font-weight: 600;
	color: white;
}
.wpb-content-wrapper .garden-gallery-prep img {
	float: left;
	margin-right: 5px;
}
.wpb-content-wrapper .thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.wpb-content-wrapper .thumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
  opacity: 0.3;
}
.wpb-content-wrapper .thumbnail.is-active {
  opacity: 1;
}

.wpb-content-wrapper .thumbnail img {
  width: 100%;
  height: auto;
}

.wpb-content-wrapper #finished-garden .archive-link {
	margin-top: 30px;
	margin-bottom: 30px;
}
.wpb-content-wrapper .garden-finished-gallery ul#thumbnails {
	margin-bottom: 40px;
}

.wpb-content-wrapper .wpb_gallery_slides ul {
	list-style: none;
}
.wpb-content-wrapper img.attachment-full {
	max-width: 100%;
	height: auto;
}

.wpb-content-wrapper a.thickbox {
	cursor: zoom-in !important;
}
.wpb-content-wrapper .wb-row.post-archive-title h3.archive-title {
	font-size: 1.8rem;
}
/* ThickBox styling is outside of `wpb-content-wrapper */
.single a#TB_ImageOff,
.single a#TB_ImageOff span.screen-reader-text {
	color: #336636 !important;
	text-decoration: none !important;
	font-weight: bold;
	padding-left: 5px;
}
.single button#TB_closeWindowButton span.screen-reader-text {
	display: none !important;
}
.single button#TB_closeWindowButton .tb-close-icon {
	color: #336636 !important;
}
.single .wpb-content-wrapper hr {
	border-style: solid;
	color: #336636;
}
.single #TB_prev a,
.single #TB_next a {
  text-decoration: none;
  color: #336636 !important;
  font-weight: bold;
}
/* END ThickBox styling */

/* Additional Styling */
.page-layout-1column.archive .columns,
.page-layout-1column.blog .columns,
.page-layout-1column.single .column {
	max-width: 100%;
}
body.post-type-archive-gardens .column.main,
body.tax-garden-designs .column.main,
body.blog .column.main,
body.single-post .column.main {
	max-width: 100%;
	padding: 0;
}
.page-layout-1column.archive .page-title-wrapper,
.page-layout-1column.blog .page-title-wrapper,
.page-layout-1column.page .page-title-wrapper,
.page-layout-1column.single-post .page-title-wrapper {
	background-color: #eee;
	padding: 40px;
	max-width: 100%;
	margin: 0 0 40px;
}
.wpb-content-wrapper .more-gardens-posts,
.wpb-content-wrapper .taxonomy-posts,
.wpb-content-wrapper .wb-layouts,
.wpb-content-wrapper .wb-row.post-cta .cta-wrapper {
	max-width: 960px;
	display: block;
	margin: 0 auto;
}
.wpb-content-wrapper .archive-posts h1.archive-title {
	font-size: 3.6rem;
	line-height: 1;
}
.wpb-content-wrapper .archive-posts h4.post-title {
	font-size: 1.8rem;
}
.wpb-content-wrapper .wb-row.cta h3.cta.cta-title {
	font-size: 2.6rem;
}
.wpb-content-wrapper .wb-row.cta h5.cta.cta-subtitle {
	font-size: 1.6rem;
}
.wpb-content-wrapper .wb-layouts img {
	margin-bottom: 40px;
}