/*
Theme Name: Meadows Farms
Theme URI: http://underscores.me/
Author: Mannix Marketing, Inc.
Author URI: http://www.mannixmarketing.com
Description: Custom responsive theme for Meadows Farms.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meadowsfarms

This theme, like WordPress, is licensed under the GPL.

meadowsfarms is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
button,hr,input{overflow:visible}
progress,sub,sup{vertical-align:baseline}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root {
	--red: #D42027;
	--green: #286737;
	--blue: #103471;
	--yellow: #FBF302;
}
body.season-winter {
	--blue: #3D6170;
	--green: #4B8168;
}
.green-gradient {
	background: #286737;
	background: -moz-linear-gradient(top,  #286737 0%, #4e7e45 100%);
	background: -webkit-linear-gradient(top,  #286737 0%,#4e7e45 100%);
	background: linear-gradient(to bottom,  #286737 0%,#4e7e45 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286737', endColorstr='#4e7e45',GradientType=0 );
}
.yellow-gradient {
	background: #f7f5b0;
	background: -moz-linear-gradient(top,  #f7f5b0 0%, #cae6d1 100%);
	background: -webkit-linear-gradient(top,  #f7f5b0 0%,#cae6d1 100%);
	background: linear-gradient(to bottom,  #f7f5b0 0%,#cae6d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5b0', endColorstr='#cae6d1',GradientType=0 );
}
.gray-radial-gradient {
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #efeef0 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeef0 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#efeef0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeef0',GradientType=1 );
}
.gray-bg {
	background-color: #efeef0;
}
.red-bg {
	background-color: var(--red);
}
.green-bg {
	background-color: var(--green);
}
.green-gradient,
.red-bg,
.green-bg {
	color: #FFF;
}
.green-gradient a:not(.button),
.red-bg a:not(.button),
.green-bg a:not(.button) {
	color: #FFF;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {font-size:16px; scroll-behavior: smooth; scroll-padding-top: 175px;}
body, button, input, select, textarea {
	color: #404040;
	font-family: 'Barlow', sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Fredoka One', cursive;
	font-weight: 400;
	margin: 0 0 0.5em;
	line-height: 1.125;
}
h1 {
	color: var(--red);
	font-size: 2.8125rem;
}
h2 {
	font-size: 2.8125rem;
}
h3 {
	font-family: 'Barlow', sans-serif;
}

p {margin: 0 0 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
big {font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{background:#fff}
hr{background-color:#757575;border:0;height:1px;margin-bottom:1.5em}
ol,ul{margin:0 0 1.5em 0}
ul{list-style:disc}
ol{list-style:decimal}
li>ol,li>ul{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
	color: var(--green);
	text-decoration: none;
	transition: all ease 0.5s;
}
a:hover, a:focus, a:active {
	color: var(--blue);
	outline: 0;
}
.page-section a:not(.button),
.entry-content a:not(.button),
.entry-content a:not(.button):visited {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.page-section a:not(.button):hover,
.page-section a:not(.button):focus,
.entry-content a:not(.button):hover,
.entry-content a:not(.button):focus,
.entry-content a:not(.button):active {
	text-decoration-style: solid;
}
.page-section a:not(.button):focus,
.entry-content a:not(.button):focus {
	outline: 1px dashed;
	outline-offset: 2px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button, a.button, a.button:visited, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: var(--blue);
	border: 1px solid #707070;
	border-radius: 5px;
	box-shadow: none;
	color: #FFF;
	display: inline-block;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1;
	padding: 15px 1.75em 16px;
	transition: all ease 0.5s;
}
.gf_browser_ie.gform_wrapper .gform_footer input.button { padding: 1em 1.75em !important; }
button.modaal-gallery-control { padding:initial; }
.button.small-button{
	padding: 5px 1.25em 6px;
}
.button:hover, a.button:hover, button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:focus, a.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:active, a.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: var(--green);
	cursor: pointer;
}
a.button:hover {
    transform: translateY(-3px);
}
.button:focus, a.button:focus, button:focus {
	outline: 2px dashed var(--green);
	outline-offset: 2px;
}
.green-bg .button:focus,
.green-bg a.button:focus,
.green-bg button:focus,
.red-bg .button:focus,
.red-bg a.button:focus,
.red-bg button:focus,
.contact-form .button:focus,
#contact-form .button:focus,
.green-gradient .button:focus,
.green-gradient a.button:focus,
.green-gradient button:focus {
	outline-color: #FFF;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #757575;
	border-radius: 0;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.green-gradient a.button,
.green-bg a.button {
	background-color: #FFF;
	color: var(--green);
	border: 2px solid #FFF;
}
.green-gradient a.button:hover,
.green-gradient a.button:focus,
.green-bg a.button:hover,
.green-bg a.button:focus {
	background-color: var(--blue);
	color: #FFF;
}
a[href^='tel:'] {
	white-space: nowrap;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes mainBlock {
	0% {
		width: 0%;
		left: 50%;
	}
	100% {
		width: 100%;
		left: 50%;
	}
}
 @keyframes mainFadeIn {
    0% {
         opacity: 0;
    }
    100% {
         opacity: 1;
    }
}

/*--------------------------------------------------------------
# Custom Styles
--------------------------------------------------------------*/
.container { max-width: 1400px; margin: 0 auto; box-sizing: border-box; position: relative; padding: 0 2%; }
#primary .container { max-width: 1100px; }
.nowrap { white-space: nowrap; }
.row { padding: 4em 0 2.5em; }
.sm-row { padding: 2em 0 0.5em; }
.embed-container {height:0; margin-bottom:2em; max-width:100%; overflow:hidden; padding-bottom:56.25%; position:relative;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; height:100%; left:0; width:100%;}
.centered {text-align: center;}
.hidden {overflow: hidden;}
.flexed {display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-center {align-items: center;}
.block-48 { flex-basis: 48%; }
.block-32 { flex-basis: 32%; }
.block-30 { flex-basis: 30%; }
.block-70 { flex-basis: 70%; }
.block-25 { flex-basis: 23%; }
.block-20 { flex-basis: 18%; }
.white-box { background-color: #FFF; border-radius: 20px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16); overflow: hidden; }
.rounded {border-radius: 20px;overflow: hidden;}
.padded-box { padding: 50px; }
.padded-box p:last-of-type { margin-bottom: 0; }
.inset-shadow {box-shadow: inset 0px 10px 6px rgba(0, 0, 0, 0.16);}
.four-by-three { padding-bottom: 75%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.three-by-four { padding-bottom: 133.33%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.bg-image {background-repeat: no-repeat; background-size: cover; background-position: center;}
.bg-image.full-height { height: 100%; }
.square { padding-bottom:100%; }
.long-list {columns: 2}
.page-title-wrapper {
	background-color: rgba(255,255,255,0.9);
	border-radius: 20px;
	max-width: 1025px;
	margin: 84px auto;
	text-align: center;
	padding: 30px 75px;
}
#sticky-anchor {
	position: absolute;
	transition: all ease 0.3s;
	width: 100%;
	z-index: 0;
}
.site-header .container {
	max-width: 1720px;
}
.site-header.sticky {
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
}
.header-wrapper {
	background: #FFF;
}
.header-wrapper .flexed {
	align-items: center;
}
.site-branding {
	margin-top: -55px;
	margin-bottom: -132px;
	position: relative;
	z-index: 998;
}
.site-logo a {
	display: block;
	line-height: 0;
}
.site-logo a:focus {
	outline: 1px dashed var(--blue);
}
.site-logo img {
	width: 252px;
	height: 252px;
	transition: all ease 0.3s;
}
.site-header.sticky .site-logo img {
	width: 180px;
	height: 180px;
}
.main-nav-wrapper {
	flex-basis: calc(100% - 260px);
	text-align: right;
}
.header-bar {
	padding: 15px 0;
}
.header-bar .flexed {
	align-items: center;
}
.site-announcement {
	padding: 5px;
	position: relative;
}
.site-announcement .container {
	padding: 0 40px;
}
.site-announcement.fixed {
	position: sticky;
	bottom: 0;
	box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.16);
	z-index: 999;
}
.header-announcement {
	flex-basis: calc(100% - 300px);
	padding-left: 300px;
}
.header-announcement p,
.site-announcement p {
	font-size: 1.625rem;
	font-family: 'Fredoka One', cursive;
	font-weight: 400;
}
.header-announcement p:last-of-type,
.site-announcement p:last-of-type {
	margin-bottom: 0;
}
.header-announcement a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
.header-announcement a:hover,
.header-announcement a:focus {
	text-decoration-style: dashed;
}
.header-announcement a:focus {
	outline: 1px dashed #FFF;
	outline-offset: 2px;
}
.header-announcement strong {
	font-family: 'Ultra',serif;
	font-weight: 400;
}
.site-announcement p {
    line-height: 1.125;
}
.site-announcement button {
	color: #FFF;
	background: transparent;
	padding: 0;
	margin-left: 10px;
	position: absolute;
	border: 0;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.site-announcement button:hover,
.site-announcement button:focus {
	outline: 1px dashed #FFF;
	outline-offset: 2px;
	cursor: pointer;
}
#header-search {
	flex-basis: 300px;
	border-radius: 25px;
	padding: 8px 12px;
	border: 2px solid var(--blue);
	background: #FFF;
}
#header-search form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header-search input[type="search"] {
	font-size: 12px;
	flex-basis: calc(100% - 35px);
	outline: 0;
	border: 0;
}
#header-search input[type="search"]:focus {
	outline: 1px solid #757575;
}
#header-search button {
	background: none;
	color: var(--blue);
	padding: 0;
	border: 0;
	border-radius: 0;
	flex-basis: 30px;
}
#header-search button:hover,
#header-search button:focus {
	color: var(--green);
	cursor: pointer;
}
.page-header-wrapper {
	min-height: 350px;
	background: var(--blue);
	line-height: 0;
	position: relative;
}
.page-header-wrapper .hero-image {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page-header-wrapper .hero-image > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
}
.page-header-wrapper .page-header {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 1024px;
	background: rgba(255,255,255,0.9);
	border-radius: 20px;
	transform: translate(-50%,-50%);
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px;
	min-height: 200px;
    /*animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;*/
    -webkit-animation: mainFadeIn 1s forwards;
    -o-animation: mainFadeIn 1s forwards;
    animation: mainFadeIn 1s forwards;
}
.page-header-wrapper .page-header h1 {
	margin-bottom: 0;
     -webkit-animation: mainFadeIn 2s forwards;
     -o-animation: mainFadeIn 2s forwards;
     animation: mainFadeIn 2s forwards;
     animation-delay: 1.25s;
     opacity: 0;
}
#breadcrumbs {
	padding: 5px 0;
}
#breadcrumbs .container {
	max-width: 1720px;
}
#breadcrumbs p {
	margin-bottom: 0;
	font-size: 1rem;
}
#breadcrumbs a {
	text-decoration-thickness: 1px;
}
.hero-image {
	position: relative;
	line-height: 0;
}
.hero-image > img {
	width: 100%;
	height: auto;
}

.farmer-wrapper-circle {
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px;
}
.farmer-wrapper-circle > .farmer-icon {
	margin: 0 auto;
}
.farmer-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.jumping-farmer {
	background-image: url('../png/farmer-jumping.png');
	width: 280px;
	height: 280px;
}
.webp-support .jumping-farmer {
	background-image: url('../webp/farmer-jumping.webp');
}
.mowing-farmer {
	background-image: url('../png/farmer-mowing.png');
	width: 210px;
	height: 225px;
}
.webp-support .mowing-farmer {
	background-image: url('../webp/farmer-mowing.webp');
}
.gift-farmer {
	background-image: url('../png/farmer-gift.png');
	width: 250px;
	height: 371px;
}
.webp-support .gift-farmer {
	background-image: url('../webp/farmer-gift.webp');
}
.flower-farmer {
	background-image: url('../png/farmer-flower.png');
	width: 250px;
	height: 250px;
}
.webp-support .flower-farmer {
	background-image: url('../webp/farmer-flower.webp');
}
.farmer-guarantee {
	background-image: url('../jpg/farmer-guarantee.jpg');
	width: 210px;
	height: 185px;
}
.webp-support .farmer-guarantee {
	background-image: url('../webp/farmer-guarantee.webp');
}


.entry-content h2 {
	color: var(--blue);
}

.page-id-6 #primary .container {
	max-width: 1400px;
}
.page-id-6 #primary .flexed {
	align-items: flex-start;
}
.contact-info {
	flex-basis: 45%;
}
.contact-info a.button {
	display: block;
	text-align: center;
	padding: 15px 10px 16px;
}
.contact-info .social-icon {
	font-size: 2.5rem;
}
#mannix a:focus,
.social-icon > a:focus {
	outline: 1px dashed;
	outline-offset: 2px;
}
.contact-form {
	flex-basis: 50%;
}

#farmers-promise .container {
    max-width: 1400px;
}
#farmers-promise ul {
    column-count: 2;
    column-gap: 50px;
    list-style: none;
    padding-left: 0;
    margin: 3em 0;
}
#farmers-promise li {
    break-inside: avoid;
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--green);
    margin-bottom: 20px;
    position: relative;
    padding-left: 70px;
    display: block;
}
#farmers-promise li:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-image:  url('../png/icon-star.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.webp-support #farmers-promise li:before {
    background-image:  url('../webp/icon-star.webp');
}
.contact-form,
#contact-form .section-text {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 50px;
    background-color: var(--red);
    color: #FFF;
    & a:not(.button){
    	color: #FFF;
    	text-decoration: underline;
    }
    & .gform_wrapper.gravity-theme .gfield_required {
    	color: #FFF;
    }
}
#contact-form .section-photo {
	border-radius: 20px;
}
.contact-form > h2,
#contact-form .section-text > h2 {
    font-size: 2.25rem;
    text-align: center;
}
.contact-form input,
#contact-form .section-text input {
    border-color: #FFF;
}
.contact-form .gform_wrapper .gfield_required,
.contact-form .gform_wrapper .gfield_error label,
#contact-form .section-text .gform_wrapper .gfield_required,
#contact-form .section-text .gform_wrapper .gfield_error label {
    color: #FFF;
}
.contact-form .gform_wrapper.gravity-theme .gfield_label,
#contact-form .gform_wrapper.gravity-theme .gfield_label {
	font-weight: 400;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer,
#contact-form .section-text .gform_wrapper.gravity-theme .gform_footer {
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
#contact-form .section-text .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
    padding: 0.6em 2em;
    font-size: 1.375rem;
    background: #FFF;
    color: var(--green);
    border: 2px solid #FFF;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
#contact-form .section-text .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
.contact-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus,
#contact-form .section-text .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus {
	background-color: var(--green);
	color: #FFF;
	outline-color: #FFF;
}

p > a.button:not(:first-of-type) {
	margin-left: 15px;
}
.divider {
	height: 350px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.text-section .container {
	max-width: 1100px;
}
.text-section.yellow-gradient img,
.text-section.green-gradient img {
	border: 10px solid #FFF;
	border-radius: 20px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}
.text-section.yellow-gradient .gform_wrapper img {
	border: 0;
	box-shadow: none;
}
.text-section h2 {
	color: var(--blue);
}
.text-section.red-bg h2 {
	color: #FFF;
}
.text-section.yellow-gradient h2 {
	color: var(--green);
}
.text-section.green-gradient h2 {
	color: #FFF;
}

.gallery-section .container {
	max-width: 1400px;
}
.gallery-section .intro {
	max-width: 960px;
	margin: 0 auto 2em;
}
.gallery-section .intro h2 {
	text-align: center;
	margin-bottom: 1.5em;
}
.gallery-wrapper .flexed {
	justify-content: space-around;
}
.gallery-section .gallery-image {
    position: relative;
    line-height: 0;
    margin-bottom: 1.5em;
}
.gallery-section .gallery-image a {
    display: block;
    line-height: 0;
    position: relative;
}
.gallery-section .gallery-image img {
    width: 100%;
}
.gallery-section .gallery-image a {
    position: relative;
    line-height: 0;
    padding-bottom: 75%;
    width: 100%;
    overflow: hidden;
    display: block;
    border: 2px solid #FFF;
    border-radius: 20px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}
.gallery-section .gallery-image img {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gallery-section .gallery-image span.magnify {
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.75);
    z-index: 100;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #FFF;
    font-size: 2rem;
    text-decoration: none;
    transition: all ease 0.5s;
}
.gallery-section .gallery-image a:hover span.magnify {
    opacity: 1;
}

.three-blocks-section .container {
	max-width: 1500px;
}
.three-blocks-section .intro {
	margin-bottom: 3rem;
}
.three-blocks-section .intro h2 {
	color: var(--green);
}
.three-blocks-section .block-image {
	margin-bottom: 2em;
	border-bottom: 1px solid var(--green);
	padding-bottom: 15px;
	text-align: center;
}
.three-blocks-section .block-30 h3 {
	color: var(--blue);
	font-size: 2rem;
	font-weight: 700;
}

.blocks-section .flexed {
	margin-bottom: 1.5em;
}
.blocks-section.odd .flexed {
	flex-direction: row-reverse;
}
.blocks-section .flexed.inline {
	align-items: center;
}
.blocks-section .flexed > div {
	flex-basis: 48%;
}
.blocks-section.white .section-text h2 {
	color: var(--green);
}
.section-photo {
	line-height: 0;
	background-size: cover;
	background-position: center;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
	border-radius: 20px;
	overflow: hidden;
}
.section-photo img {
	width: 100%;
}
.section-text p:last-of-type {
	margin-bottom: 0;
}

.farmer-section .flexed .farmer-icon {
	flex-basis: 300px;
}
.farmer-section .flexed .farmer-section-text {
	flex-basis: calc(100% - 325px);
}


.services-section.services-wrapper {
    background-size: cover;
    background-position: bottom center;
}
.services-section.services-wrapper .container {
    max-width: 1720px;
}
.services-section.services-wrapper .intro {
    max-width: 900px;
    margin: 0 auto 3em;
}
.services-section.services-wrapper .intro h2 {
    color: var(--green);
}
.services-section .flexed {
	justify-content: center;
}
.services-section .service-block {
    flex-basis: 23%;
    margin: 0 1% 1em;
    border-radius: 20px;
}
.services-section .service-block a {
    display: block;
    height: 100%;
    color: #FFF;
    background-color: var(--green);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    overflow: hidden;
}
.services-section .service-image {
    background-size: cover;
    background-position: center;
    padding-top: 62.34%;
    line-height: 0;
    background-color: #efefef;
}
.services-section .service-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: var(--green);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -50px auto 20px;
}
.services-section .service-icon > img {
    max-height: 60px;
    max-width: 80px;
}
.services-section .service-title {
    background: var(--green);
    color: #FFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.125;
    padding: 0 25px 60px;
}
.services-section .service-title > span {
    display: block;
}
.services-section .service-description {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1rem;
}
.services-section .service-block a:hover,
.services-section .service-block a:focus {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.40);
    transform: translateY(-3px);
}
.services-section .service-block a:hover .service-title,
.services-section .service-block a:focus .service-title {
    text-decoration: underline;
}
.page-id-969 .entry-content .flexed:after {
	content: '';
	flex-basis: 30%;
}
.landscape-project {
	margin-bottom: 2em;
}
.entry-content .landscape-project a {
	background: var(--green);
}
.entry-content .landscape-project a:not(.button) {
	display: block;
	border-radius: 20px;
	overflow: hidden;
	text-decoration: none;
}
.entry-content .landscape-project a:hover,
.entry-content .landscape-project a:focus {
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.40);
    transform: translateY(-3px);
}
.project-photo {
	padding-top: 75%;
	line-height: 0;
	background-size: cover;
	background-position: center;
}
.landscape-project a .project-title > span {
	display: block;
}
.landscape-project a .project-title {
	text-align: center;
	color: #FFF;
	padding: 15px;
}
.landscape-project a .project-title > span:first-of-type {
    font-size: 1.8125rem;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.landscape-project a:hover .project-title > span:first-of-type,
.landscape-project a:focus .project-title > span:first-of-type {
	text-decoration: underline;
}
.designer {
	margin-bottom: 2em;
}
.entry-content .designer a:not(.button) {
	display: block;
	background: var(--green);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
}
.entry-content .designer a:not(.button):hover,
.entry-content .designer a:not(.button):focus {
	text-decoration: underline;
	transform: translateY(-3px);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.40);
}
.entry-content .designer a:not(.button):focus {
	outline: 1px dashed var(--green);
	outline-offset: 2px;
}
.filter-container {
    text-align: end;
    margin-bottom: 30px;
}
.designer .designer-name {
	padding: 15px 5px 5px;
}
.designer .designer-service-area {
	padding: 0 10px 15px;
}
.designer .designer-service-area p {
	font-size: 0.8125rem;
	margin-bottom: 0;
}

/* Slick Dots */
.slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    background: #FFF;
    border: 1px solid var(--green);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    border-radius: 50%;
    text-align: center;
}
.slick-dots li.slick-active button:before {
    background: var(--yellow);
}

.appointment-h2 {
	font-size: 2.25rem;
}

#fun-on-the-farm .container {
    max-width: 1600px;
}
#fun-on-the-farm h2 {
    margin-bottom: 2em;
}
.events-wrapper .events-slider {
    margin-bottom: 3em;
}
.events-slider .slick-track {
    display: flex !important;
}
.events-slider .slick-slide {
    height: inherit !important;
}
.page-event {
    background: #FFF;
    color: #000;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
    margin: 0 15px 18px;
}
.green-gradient .page-event h3 a {
    color: var(--blue);
    text-decoration: underline;
    font-size: 2rem;
    font-weight: 700;
    text-decoration-style: solid;
}
.green-gradient .page-event h3 a:hover,
.green-gradient .page-event h3 a:focus {
    color: var(--green);
}
.green-gradient .page-event .event-meta a {
    color: var(--green);
    text-decoration: underline;
    text-decoration-style: dotted;
}
.green-gradient .page-event .event-meta a:hover,
.green-gradient .page-event .event-meta a:focus {
    color: var(--blue);
    text-decoration-style: solid;
}
.page-event .event-meta {
    margin-top: 10px;
}
.page-event .event-meta > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1rem;
}
.page-event .event-meta > div > i.fas {
    flex-basis: 20px;
    color: var(--green);
}
.page-event .event-meta > div > span {
    flex-basis: calc(100% - 25px);
}
.page-event .event-image {
    margin-top: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.page-id-271 #landscaping-consultation.row,
.page-id-954 #patios-and-walks.row,
.page-id-956 #garden-ponds.row,
.page-id-269 .services-section.row,
.page-id-1050 .farmer-section.row,
.page-id-577 .farmer-section.row {
	padding-top: 0;
}
.page-id-271 #landscaping-consultation .section-text,
#schedule-appointment .section-text,
#free-estimate .section-text {
	padding: 2em 0;
}
#project-of-the-month.row {
	padding-top: 1.5em;
}
#important-links .container {
	max-width: 1600px;
	text-align: center;
}
#important-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#important-links li {
	display: inline-block;
}
#important-links li:not(:last-of-type){
	margin-right: 15px;
	padding-right: 20px;
	border-right: 1px solid #000;
}
.page-id-277 .entry-content h3 {
	color: var(--blue);
	font-size: 2rem;
}
.page-id-277 .entry-content h3:not(:first-of-type) {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #757575;
}
p.job-title {
	margin-bottom: 5px;
	font-size: 1.6rem;
}

.page-id-1088 h1 > span {
	display: block;
	font-size: 1.8rem;
	color: var(--blue);
}
.page-id-1088 #primary .container {
	max-width: 1300px;
}
.page-id-1088 .blocks-section.row {
	padding: 1.5em 0 0;
}
.page-id-1088 .blocks-section:not(#unconditional-guarantee) .section-text {
	padding: 3em 0;
}
.page-id-1088 #unconditional-guarantee h3 {
	font-size: 2rem;
	color: var(--green);
	font-weight: 700;
}
.page-id-14179 #mosquito-shield.row {
	padding-top: 0;
}
.page-id-14179 #mosquito-shield p>a.button:nth-of-type(2){
	background-color: var(--red);
}
.page-id-14179 #mosquito-shield p>a.button:nth-of-type(2):hover,
.page-id-14179 #mosquito-shield p>a.button:nth-of-type(2):focus {
	background-color: var(--green);
}
.page-id-14179 #mosquito-shield-services .block-image img,
.page-id-1088 #mosquito-shield-services .block-image img {
	max-height: 41px;
	width: auto;
}
.page-id-1088 #service-areas {
	margin-top: 3em;
}
.page-id-14179 #service-area .section-text ul,
.page-id-1088 #service-areas .section-text ul {
	list-style: none;
	padding-left: 0;
	columns: 3;
	margin-top: 1.5em;
}
.page-id-14179 #service-area .section-text ul li,
.page-id-1088 #service-areas .section-text ul li {
	font-size: 1.125rem;
}
.page-id-14179 #get-a-quote .container,
.page-id-1088 #get-a-quote .container {
	max-width: 960px;
}
.parent-pageid-14179 #get-a-quote .gform_wrapper{
	max-width: 960px;
	margin: 0 auto;
}
.page-id-14179 #get-a-quote a[href^="tel"],
.page-id-1088 #get-a-quote a[href^="tel"] {
	font-size: 2rem;
}
.page-id-14179 #get-a-quote a[href^="tel"]:before,
.page-id-1088 #get-a-quote a[href^="tel"]:before {
	content: '\f879';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 15px;
	display: inline-block;
	vertical-align: -2px;
}
#best-value .section-photo {
	border-radius: 0;
	box-shadow: none;
}
#best-value .section-photo img {
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
	display: block;
}
#more-sprays.row {
	padding-top: 0;
}
#better-results.row {
	padding-bottom: 3em;
}
.page-id-14194 #why-choose-us ul {
	list-style: none;
	padding-left: 0;
	columns: 2;
	column-gap: 80px;
}
.page-id-14194 #why-choose-us li {
	position: relative;
	padding-left: 35px;
	line-height: 1.25;
	margin-bottom: 30px;
	font-size: 1.5rem;
	break-inside: avoid;
}
.page-id-14194 #why-choose-us li:before {
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 2px;
}
.testimonial:not(:last-of-type){
	margin-bottom: 1.5em;
}
.testimonial p:not(.author){
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 0.8em;
}
.testimonial p.author {
	text-align: right;
	font-style: italic;
}
.accordion-wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
.accordion-item {
	padding: 18px 10px;
	border-bottom: 1px solid #757575;
	&:last-child {
		border-bottom: none;
	}
}
.accordion-item > *:last-child {
	margin-bottom: 0;
}
.accordion-title {
	font-size: 1.5rem;
	font-weight: 600;
}
.page-section .accordion-title > a:not(.button) {
	display: block;
	text-decoration: none;
}
.page-section .accordion-title > a:not(.button) {
	padding-right: 25px;
	position: relative;
}
.page-section .accordion-title > a:after {
	content: '\2b';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 0;
	transition: all ease 0.3s;
}
.page-section .accordion-title > a.active:after {
	content: '\f068';
}
.page-section .accordion-title > a:hover,
.page-section .accordion-title > a:focus {
	text-decoration: underline;
}
.page-section .accordion-title > a:not(.active):hover:after,
.page-section .accordion-title > a:not(.active):focus:after {
	transform: rotate(90deg);
}
.accordion-text {
	padding-top: 30px;
}
.page-id-1006 div#primary {
	padding: 0;
}


.footer-nav-wrapper {
	flex-basis: calc(100% - 300px);
}
.footer-nav-wrapper h2 {
	margin-bottom: 1em;
}

.site-footer.row {
	padding-bottom: 1em;
}
.contact-information {
	font-size: 18px;
}
.contact-information p a {
	text-decoration: underline;
	color: #000;
}
.contact-information p a:hover,
.contact-information p a:focus {
	color: var(--blue);
}
.contact-information p a:focus {
	outline: 1px dotted;
	outline-offset: 2px;
}
.footer-logo {
	margin-bottom: 1.5em;
}
.footer-logo a {
	display: block;
	line-height: 0;
}
.footer-logo a:focus {
	outline: 1px dotted #000;
	outline-offset: 2px;
}

.policy-social-wrapper .container {
	border-top: 1px solid #757575;
	padding-top: 1em;
	margin: 1em auto 0;
	max-width: 1400px;
}
.policy-social-wrapper .flexed {
	align-items: flex-start;
}
.policy-social-wrapper #mannix {
	flex-basis: 60%;
}
.policy-social-wrapper .social-media {
	flex-basis: 40%;
	text-align: right;
}
#mannix { font-size: 1rem; }
#mannix p { margin-bottom: 0.5em; }
#mannix a { text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness:1px; }
#mannix a:focus, #mannix a:hover { text-decoration-style: solid; }
#mannix p > span {display: inline-block;}
#mannix p > span:not(:last-of-type) { margin-right: 15px; }

.social-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-size: 2rem;
}
.social-icon:last-of-type {
	margin-right: 0;
}

.blog #primary .container,
.archive #primary .container {
	max-width: 1600px;
}
.featured-blogs {
	margin-right: 3%;
}
.featured-blogs h2 {
	text-align: center;
	color: var(--green);
	margin-bottom: 1em;
}
.featured-blog {
	background-size: cover;
	background-position: center;
}
.featured-blog a {
	display: block;
	height: 100%;
	line-height: 0;
	padding: 50px;
}
.featured-blog a:hover,
.featured-blog a:focus {
	transform: translateY(-3px);
}
.blog-text-wrapper {
	background: rgba(255,255,255,0.9);
	text-align: center;
}
.blog-title,
.blog-description,
.blog-button {
	line-height: 1.125;
}
.blog-title {
	font-family: 'Fredoka One', cursive;
	font-weight: 400;
	font-size: 2rem;
	margin-bottom: 15px;
	color: var(--blue);
}
.blog-description {
	margin-bottom: 1em;
}
.blog-button {
	background: var(--blue);
	color: #FFF;
	padding: 15px;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 1.125rem;
	font-weight: 600;
}
.featured-blog a:hover .blog-button,
.featured-blog a:hover .blog-button {
	background: var(--green);
}
.blog-blocks .flexed:after {
	content: '';
	flex-basis: 32%;
}
.blog-blocks .flexed .block-32 {
	margin-bottom: 1.5em;
}
.blog-blocks .flexed .block-32 .block-title {
	text-align: center;
	padding: 5px 10px;
	text-transform: uppercase;
}
.blog-blocks .flexed {
	margin: 3em 0;
}
.blog-blocks .flexed .block-32 .block-image {
	padding-bottom: 50%;
	line-height: 0;
	height: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.blog-blocks .flexed .block-32 .block-description {
	font-size: 0.875rem;
	padding: 10px 15px 15px;
}
.blog-blocks .flexed .block-32 .block-description p:last-of-type {
	margin-bottom: 0;
}
.blog-blocks .flexed .block-32.has-button {
	position: relative;
	padding-bottom: 50px;
}
.blog-blocks .flexed .block-32 .button-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.blog-blocks .flexed .block-32 .button-wrapper > a {
	display: block;
	text-align: center;
	padding: 10px 15px;
	text-transform: uppercase;
	background: var(--blue);
	font-size: 0.875rem;
}
.blog-blocks .flexed .block-32 .button-wrapper > a:hover,
.blog-blocks .flexed .block-32 .button-wrapper > a:focus {
	background: var(--red);
}

.grid {margin-top: 3em;}
.grid-sizer,
.grid-item { width: 47%; }
.gutter-sizer { width: 3%; }
.grid-item {margin-bottom: 3%;}
.post-header,
.post-grid-header { margin-bottom: 15px; }
.post-header img,
.post-grid-header img {width: 100%;}
.grid-item h2 {
	font-size: 1.6rem;
	margin-bottom: 0;
	text-decoration: underline;
}
.grid-item .entry-header {
	padding: 5px 25px;
}
.grid-item .entry-content,
.grid-item .entry-summary {
	padding: 0 25px;
}
.grid-item .entry-footer {
	padding: 25px;
}

.blog-gallery .flexed:after {
    content: '';
    flex-basis: 24%;
}
.blog-gallery-image {
    position: relative;
    line-height: 0;
    margin-bottom: 2%;
}
.blog-gallery-image a {
    position: relative;
    line-height: 0;
    padding-bottom: 75%;
    width: 100%;
    overflow: hidden;
    display: block;
    border: 2px solid #FFF;
    border-radius: 20px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}
.blog-gallery-image img {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.blog-gallery-image span.magnify {
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.75);
    z-index: 100;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #FFF;
    font-size: 2rem;
    text-decoration: none;
    transition: all ease 0.5s;
}
.blog-gallery-image a:hover span.magnify {
    opacity: 1;
}
.single .page-header .posted-on {color: var(--blue); font-weight: 700; display: block; text-transform: uppercase;}
.single h3 {
	color: var(--blue);
	font-size: 1.8rem;
	font-weight: 700;
}
.entry-meta, .entry-footer { font-size: 1rem; font-style: italic; }
.cat-links, .tags-links, .comments-link { display: block; width: 100%; }
.entry-footer a,
.posts-navigation a {text-decoration: underline;text-decoration-style: dotted; text-decoration-thickness:1px;}
.entry-footer a:hover, .entry-footer a:focus,
.posts-navigation a:hover, .posts-navigation a:focus {text-decoration-style: solid;}

.posts-navigation {
	font-size: 1.125rem;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1.5em 20px;
	margin: 2em 0;
}

.search #primary .container {
	max-width: 1600px;
}
.plant-finder-search {
	max-width: 960px;
	margin: 1em auto 3em;
	padding: 1.5em 20px;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
}
.plant-finder-search h3 {
	font-family: 'Fredoka One', cursive;
    font-weight: 400;
    text-align: center;
    font-size: 2rem;
    color: var(--green);
}
.search .grid-item {
	background-color: #f8f8f8;
	padding-top: 20px;
}
.search #primary h2 {
	color: var(--blue);
	text-align: center;
}
.search .entry-header h3 {
	font-size: 1.8rem;
	font-weight: 700;
}
.search .entry-header h3 a {
	text-decoration-style: solid;
}
.search .grid-item.type-page .entry-summary {
	margin-top: 0;
}
.search .entry-summary div.alignleft {
	max-width: 200px;
}
.article-type {
	display: inline-block;
	padding: 5px 25px;
	background: var(--green);
	color: #FFF;
	font-size: 1rem;
}
.search .entry-meta .flexed {
	margin-top: 15px;
}
.wsp-container ul ul {
	margin-left: 0;
}
.wsp-container li {
	margin-bottom: 5px;
}
.location.block-32.white-box.hide-location {
    display: none;
}
/*--------------------------------------------------------------
# Navigation
## Menus
--------------------------------------------------------------*/
.main-navigation, .footer-navigation,
.about-navigation, .deals-navigation {
	width: 100%;
}

.main-navigation ul, .footer-navigation ul,
.about-navigation ul, .deals-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.footer-navigation ul {
	column-count: 2;
}
.about-navigation ul ul {
	columns: 2;
	column-gap: 30px;
	margin-top: 15px;
}
.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation li {
	margin-right: 20px;
}
.main-navigation li:last-of-type {
	margin-right: 0;
}
/*.main-navigation li#menu-item-582 {
	margin-left: 6%;
}*/
.main-navigation li#menu-item-1307 {
	text-align: center;
}
.footer-navigation li,
.about-navigation li,
.deals-navigation li {
	display: block;
	break-inside: avoid;
	margin-bottom: 15px;
}

.main-navigation a, .footer-navigation a,
.about-navigation a, .deals-navigation a{
	display: inline-block;
	text-decoration: none;
}
li.nav-group-heading > a {
	color: var(--blue);
	font-size: 1.625rem;
	font-weight: 700;
}
.main-navigation a:focus {
	outline: 2px dashed;
}
.footer-navigation a {
	padding-left: 15px;
	line-height: 1.125;
	position: relative;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
}
.footer-navigation a:before {
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0;
	opacity: 0;
	color: var(--yellow);
	transition: opacity ease 0.3s;
}
.footer-navigation a:hover:before,
.footer-navigation a:focus:before {
	opacity: 1;
}
.footer-navigation a:focus {
	outline: 1px dotted #FFF;
	outline-offset: 2px;
}
.main-navigation a {
	padding: 20px 5px 12px;
	font-weight: 700;
	border-bottom: 8px solid transparent;
}
.about-navigation a,
.deals-navigation a {
	color: #000;
	font-size: 1.25rem;
}
.about-navigation a:hover,
.about-navigation a:focus,
.deals-navigation a:hover,
.deals-navigation a:focus {
	color: var(--blue);
	text-decoration: underline;
}
.about-navigation a:focus,
.deals-navigation a:focus {
	outline: 1px dotted;
	outline-offset: 2px;
}

.main-navigation button {
	background-color: transparent;
	border-radius: 0;
	border: 0;
	color: var(--green);
	display: inline-block;
	padding: 0;
	font-size: 1rem;
}

.main-navigation ul ul {
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: -999em;
	position: absolute;
	z-index: 99999;
	text-align: left;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.main-navigation ul ul ul {
	display: block;
	float: none;
	left: auto;
	position: relative;
	box-shadow: none;
}
.main-navigation ul li.widenav > ul {
	position: fixed;
	width: 100%;
	max-width: 65%;
	columns: 4;
	column-rule:  1px solid #757575;
	padding: 20px 10px;
}
.main-navigation ul li.widenav > ul li {
	break-inside: avoid;
}
.main-navigation ul li.widenav li.columnheading {
	break-before: column;
}
.main-navigation ul ul a {
	width: 320px;
	padding: 10px 20px;
	font-size: 1.125rem;
	border: 0;
}
.main-navigation ul li.widenav a {
	width: auto;
}
.main-navigation ul li.widenav a:focus {
	color: var(--blue);
}

.main-navigation ul ul ul a {
	color: #000;
	font-weight: 400;
	font-size: 1.125rem;
	width: auto;
}
.main-navigation ul li.widenav > ul li > a {
	padding: 3px 10px;
}
.main-navigation ul li.widenav li.great-big-greenhouse > a {
	width: 222px;
	max-width: 100%;
	height: 186px;
	text-indent: -9999em;
	background-image: url('../png/gbgh-logo.png');
	background-size: 95%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto 1em;
    display: block;
}
.main-navigation ul li.widenav li.great-big-greenhouse > a:hover,
.main-navigation ul li.widenav li.great-big-greenhouse > a:focus {
	background-size: 100%;
}
.main-navigation ul li.widenav li.great-big-greenhouse:hover a {
	color: var(--blue);
	text-decoration: underline;
}
.main-navigation ul ul li,
.main-navigation ul ul ul li {
	margin: 0;
	display: list-item;
}
.main-navigation li.columnheading > a {
	color: var(--blue);
	font-weight: 700;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation li > a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	border-bottom-color: var(--green);
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a,
.main-navigation ul ul li > a:focus {
	text-decoration: underline;
}

.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a,
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_ancestor > a,
.main-navigation ul ul .current-menu-ancestor > a {
	color: var(--blue);
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
	left: auto;
}


/*--------------------------------------------------------------
## Mobile Navigation
--------------------------------------------------------------*/
.mobile-navigation {
    background-color: var(--blue);
    box-shadow: 0 0 10px #000;
    height: 100%;
    overflow-x: hidden;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.5s;
    visibility: hidden;
    width: 0;
    z-index: 999;
}
.mobile-nav-wrapper {
	display: none;
}
#opennav, #closenav {
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 2.5rem;
	padding: 0;
}
#opennav {
	color: var(--red);
	background: #FFF;
	margin: 15px 0;
}
#opennav span {
	font-size: 0.75rem;
	display: block;
	text-align: center;
}
#closenav {
	color: #FFF;
	background: var(--blue);
	margin-left: 20px;
}
#mobile-navigation > .flexed {
	align-items: center;
	margin-bottom: 1.5em;
}
.vip-mobile-signup {
	padding-right: 20px;
}
.vip-mobile-signup > a.button {
	background: var(--red);
	font-size: 1.0625rem;
	border: 2px solid #FFF;
	padding: 8px 20px;
}
.mobile-buttons {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 20px;
	margin-bottom: 20px;
	background: rgba(0,0,0,0.18);
}
.mobile-buttons .flexed {
	flex-wrap: nowrap;
	overflow: hidden;
}
.mobile-buttons .flexed > a {
	display: block;
	flex-basis: 48%;
	text-align: center;
	color: #FFF;
}
.mobile-buttons .flexed > a > i {
	font-size: 2rem;
}
.mobile-buttons .flexed > a > span {
	display: block;
	font-size: 0.875rem;
	line-height: 1;
	margin-top: 6px;
}
.mobile-navigation ul {
	list-style-type: none;
	padding: 0;
}
.mobile-navigation ul ul {
	display: none;
	margin: 0;
}
.mobile-navigation ul ul li a {
	padding-left: 2em;
	background: #FFF;
	color: var(--blue);
}
.mobile-navigation li a {
	font-size: 1.0625rem;
	border-top: 1px solid rgba(255,255,255,0.25);
	color: #FFF;
	background: var(--blue);
	display: block;
	padding: 10px 20px;
}
.mobile-navigation li.current-menu-item > a,
.mobile-navigation li > a:hover, .mobile-navigation li > a:focus {
	background: var(--red);
	color: #FFF;
}
.mobile-navigation li { position: relative; }
.mobile-navigation ul li.menu-item-has-children > a { margin-right: 30px; }
.mobile-navigation li > button { position: absolute; right: 0; top: 0; border-radius: 0; padding: 12.5px 10px; z-index: 1000; border: 0; border-top: 1px solid rgba(255,255,255,0.25); background: var(--blue); color: #FFF; }
.mobile-navigation ul li.focus > ul {display: block;}

.mobile-search {
	padding: 20px;
}
.mobile-search input {
	display: block;
	width: 100%;
	font-size: 1rem;
	padding: 10px;
}
.mobile-search button {
	width: 100%;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	border: 2px solid #FFF;
	border-radius: 0;
	font-size: 1rem;
}
/*--------------------------------------------------------------
## Comment Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: left; width: 50%;}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {float: right; text-align: right; width: 50%;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus {border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
#content[tabindex="-1"]:focus {outline: 0;}
a.skip-link {color: #000; background-color: #FFF;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .posts-navigation:before, .posts-navigation:after {content: ""; display: table; table-layout: fixed;}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .posts-navigation:after {clear: both;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both; margin: 0 0 1.5em;}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none;}
.comment-content a {word-wrap: break-word; text-decoration: underline; text-decoration-style: dotted;}
.bypostauthor {display: block; }
embed, iframe, object {max-width: 100%;}
.wp-caption {margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text {margin: 0.8075em 0; }
.wp-caption-text {text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 49%;}
.gallery-columns-3 .gallery-item {max-width: 32.33%; }
.gallery-columns-4 .gallery-item {max-width: 24%; }
.gallery-columns-5 .gallery-item {max-width: 19%; }
.gallery-columns-6 .gallery-item {max-width: 15.66%; }
.gallery-columns-7 .gallery-item {max-width: 13.28%; }
.gallery-columns-8 .gallery-item {max-width: 11.5%; }
.gallery-columns-9 .gallery-item {max-width: 10.11%; }
.gallery-caption {display: block; }

.page-template-template-ppc #primary .container {
    max-width: 1400px;
	padding-left: 40px;
	padding-right: 40px;
	@media screen and (max-width: 550px){
		padding-left: 20px;
		padding-right: 20px;
	}
}
.page-template-template-ppc #primary {
    & a.button,
    & .button,
    & input[type="submit"] {
    	background-color: #000;
    	border: 1px solid transparent;
    	&:hover,
    	&:focus {
    		background-color: #636363;
    		border: 1px solid #000;
    	}
    }
}
.site-header.site-header-ppc {
	& .ppc-site-branding {
		& img {
			max-height: 75px;
			width: auto;
			&:not(:first-child){
				margin-left: 20px;
			}
		}
	    @media screen and (max-width: 800px){
			justify-content: center;
		}
		@media screen and (max-width: 420px){
			& img {
				max-width: 140px;
				height: auto;
				&:not(:first-child){
					margin-left: 10px;
				}
			}
		}
	}
	& .ppc-header-flexed {
	    width: 100%;
	    justify-content: space-between;
	    @media screen and (max-width: 800px){
	    	& > div {
	    		flex-basis: 100%;
	    		text-align: center;
	    	}
	    }
	    @media screen and (max-width: 420px){
	    	.header-phone-ppc {
	    		display: none;
	    	}
	    }
	}
	& .site-logo img {
	    width: 185px;
	    height: 185px;
	    transition: .5s ease;
	    @media screen and (max-width: 1200px){
	    	width: 145px;
	        height: 145px;
	    }
	    @media screen and (max-width: 550px) {
            width: 105px;
            height: 105px;
        }
        @media screen and (max-width: 420px) {
            width: 95px;
            height: 95px;
        }
        @media screen and (max-width: 350px) {
            width: 75px;
            height: 75px;
        }
	}
	& .container {	    
		max-width: 1800px;
        padding: 30px 80px;
        position: relative;
	    @media screen and (max-width: 1200px){
	    	padding: 30px 40px;
	    }
	    @media screen and (max-width: 800px){
	    	padding: 20px 40px;
	    }	    
		@media screen and (max-width: 550px){
			padding: 20px 20px;
		}
	}
	& .header-phone-ppc {
		font-family: 'Fredoka One', cursive;
    	font-weight: 400;
    	font-size: 2rem;
    	color: var(--red);
    	@media screen and (max-width: 1200px){
			font-size: 1.5rem;
		}
		@media screen and (max-width: 800px){
			 font-size: 1.125rem;
			 text-align: right;
			 line-height: 1.5em;
		}
		@media screen and (max-width: 800px) {
            font-size: 1rem;
        }
        @media screen and (max-width: 400px) {
            font-size: 0.75rem;
        }
    	& a {
    		color: #000;
	    	@media screen and (max-width: 800px){
	    		font-size: 1.5em;
			}
    	}
	}	
	&.sticky {
		& .container {
	        max-width: 100%;
	        padding-top: 20px;
	        padding-bottom: 20px;;
	    }
	    & .site-logo img {
	    	width: 125px;
	        height: 125px;
		    @media screen and (max-width: 1200px){
		    	width: 110px;
		        height: 110px;
		    }
		    @media screen and (max-width: 550px) {
	            width: 105px;
	            height: 105px;
	        }
	        @media screen and (max-width: 420px) {
	            width: 95px;
	            height: 95px;
	        }
	        @media screen and (max-width: 350px) {
	            width: 75px;
	            height: 75px;
	        }
	    }
	}
}
.hero-ppc-section {
	color: #fff;
	background-size: cover;
	padding: 40px 80px;
	position: relative;
	@media screen and (max-width: 1200px){
		padding: 40px 40px;
	}
	@media screen and (max-width: 550px){
		padding: 40px 20px;
	}
    & .hero-text-ppc-wrap {    	
		max-width: 1800px;
    }
	& .hero-text-ppc {
	    flex-basis: 52%;
	    padding: 80px 0;
	    position: relative;
	    z-index: 2;	    
   		@media screen and (max-width: 1024px){
	    	flex-basis: 100%;
	    	padding: 60px 0 20px;
   		}
   		@media screen and (max-width: 550px) {
            padding: 20px 0 20px;
        }
	    & h1 {
		    font-size: 3.5rem;
		    color: var(--red);		    
	   		@media screen and (max-width: 1200px){
	   			font-size: 2.5rem;
	   		}
	   		@media screen and (max-width: 1024px){
	   			text-align: center;
	   			font-size: 3rem;
                max-width: 800px;
                margin-inline: auto;
	   		}
	   		@media screen and (max-width: 550px) {
                font-size: 2.5rem;
            }
	   		@media screen and (max-width: 450px) {
                font-size: 2rem;
            }
		    & span {
		    	color: #fff;
		    }
		}
		& p {
		    font-size: 1.5rem;	
	   		@media screen and (max-width: 1024px){
                text-align: center;
			}	    
	   		@media screen and (max-width: 550px) {
                font-size: 1.25rem;
            }
		}
		& img {
	   		@media screen and (max-width: 1024px){
				display: block;
				margin-inline: auto;
			}
			@media screen and (max-width: 550px) {
				max-width: 200px;
            }
		}
	}
	& .hero-form-ppc {
	    flex-basis: 40%;
	    background-color: var(--red);
	    position: relative;
	    z-index: 2;
	    padding: 50px 60px 20px;
	    border-radius: 20px;
	    @media screen and (max-width: 1200px){
	    	padding: 40px 40px;
	    }	     
   		@media screen and (max-width: 1024px){
	    	flex-basis: 100%;
   		}     
   		@media screen and (max-width: 550px){	    	
	    	padding: 30px 20px;
   		}
	    & input[type="text"],
	    & input[type="email"],
	    & input[type="tel"],
	    & input[type="url"],
	    & input[type="password"],
	    & input[type="search"],
	    & textarea {
		    border: 0;
		    border-radius: 0;
		    color: #666;
		}
		& input[type="submit"]:focus {
			outline: 1px solid #fff;
			outline-offset: 2px;
		}
		& .gform_wrapper.gravity-theme .gform_fields {
    		grid-row-gap: 5px;
    	}
    	& .gform_wrapper.gravity-theme .gfield_required {
    		color: #fff;
    	}
    	& h2 {
    		font-size: 2.25rem;
            text-align: center;
            @media screen and (max-width: 1200px){
				font-size: 1.75rem;
			}
    		& a {
    			color: #fff;
    			text-decoration: none;
    			&:hover,
    			&:focus {
    				text-decoration: underline;
    			}
    		}
    		& em {
    			font-style: normal;
                display: block;
                font-family: 'Barlow', sans-serif;
                font-size: 0.75em;
                margin-top: 7px;
    		}
    	}
	}
	&:after {
		content: '';
		background-color: #000;
		opacity: .7;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		@media screen and (max-width: 600px){
			opacity: 0.6;
		}
	}
}
#primary .two-columns-ppc-section {
	padding-top: 5em;
    padding-bottom: 5em;
    @media screen and (max-width: 550px){    	
		padding-top: 3em;
    	padding-bottom: 3em;
    }	
    & .container {
    	max-width: 1100px;
    	margin-inline: auto;
    }
    & .two-columns-column-header {
    	text-align: center;
    }
	& .two-columns-column-ppc {
	    flex-basis: 48%;
	    @media screen and (max-width: 1024px){
	    	flex-basis: 100%;
	    }
	    & h2 {
	    	color: var(--red);
	    }
	    & p {
	    	font-size: 1.5rem;
	    	@media screen and (max-width: 550px){
	    		font-size: 1.25rem;
	    	}
	    }
	}
	& .column-1-ppc {
	    @media screen and (max-width: 1024px){
	    	margin-bottom: 2em;
	    }		
	}
}
.page-id-17413 #breadcrumbs {
	display: none;
}
#money-back-guarantee {
	& .container {
		align-items: center;
		& .column-1-ppc {
			flex-basis: 30%;			
		    @media screen and (max-width: 1024px){
		    	flex-basis: 100%;
		    	text-align: center;
		    	margin-bottom: 0;
		    }
		    & img {		    			
			    @media screen and (max-width: 550px){
			    	max-width: 150px;
			    }
		    }
		}
		& .column-2-ppc {
			flex-basis: 60%;			
		    @media screen and (max-width: 1024px){
		    	flex-basis: 100%;
		    }
		    & h2 {
		    	@media screen and (max-width: 1024px){
			    	text-align: center;
			    }
		    }
		}
	}
}
#professional-services { 
	& .container {
		align-items: center;
	}
	& h3 {
    	font-family: 'Fredoka One', cursive;
	}
	& .column-1-ppc img {
	    object-fit: cover;
	    aspect-ratio: 1 / 1;
	    border-radius: 20px;
	}
}
#primary #what-customers-say {
    background: var(--red);
    color: #fff;
    & h2 {
    	color: #fff;    	
        margin-bottom: 1em;
    }    
    & p {
    	font-size: 1.5rem;
    	@media screen and (max-width: 800px){
    		font-size: 1.25rem;
    	}
    }
    & .two-columns-column-ppc p:last-of-type {
    	font-size: 1.25rem;
    	text-transform: uppercase;
    }
    & .two-columns-column-ppc {
        flex-basis: 36%;
    	@media screen and (max-width: 1024px){
    		flex-basis: 48%;
    	}
    	@media screen and (max-width: 600px){
    		flex-basis: 100%;
    	}
	}
    & .two-columns-column-flexed {
	    position: relative;
	    &:after {
	    	width: 203px;
            height: 340px;;
	    	position: absolute;
	    	top: 50%;
	    	left: 50%;
	    	transform: translate(-50%, -50%);
	    	background-image: url('../png/standing-mo.png');
	    	content: '';
	    	z-index: 2;
	    	background-size: cover;
	    	@media screen and (max-width: 1024px){
	    		content: none;
	    	}
	    }
	}
}
.highlights-ppc-section {
	background-color: #efeef0;
	padding-top: 5em;
	padding-bottom: 5em;	
    @media screen and (max-width: 550px){    	
		padding-top: 3em;
    	padding-bottom: 3em;
    }	
	& .highlights-ppc-header {
		text-align: center;
		margin-bottom: 2em;
		 & h2 {
	    	color: var(--red);
	    }
	}
	& .highlight-ppc {
        flex-basis: 23%;
        text-align: center;
        border-radius: 20px;
        background-color: #fff;
        padding: 30px;
        border: 1px solid var(--red);
        @media screen and (max-width: 1200px){
        	flex-basis: 49%;
        	margin-bottom: 1em;
        }
        @media screen and (max-width: 600px){
        	flex-basis: 100%;
        }
        & img {
        	margin-bottom: 1em;
        }
        & h3 {        	
	        @media screen and (max-width: 550px){
	        	font-size: 1.25rem;
	        }
        }
	}
}
.page-template-template-ppc #primary .content-ppc-section {
	padding-top: 5em;
	padding-bottom: 5em;	
    @media screen and (max-width: 550px){    	
		padding-top: 3em;
    	padding-bottom: 3em;
    }	
	& .container {
		max-width: 1100px;
	}
}
#quote-bottom {
	& h2,
	& p {
		text-align: center;
	}
	& p {
	    font-size: 1.5rem;
	    @media screen and (max-width: 550px){
	    	font-size: 1.25rem;
	    }
	}
	& #gform_35 {
	    background-color: var(--red);
	    color: #fff;
	    padding: 60px;
	    border-radius: 20px;
	    @media screen and (max-width: 1200px){
	    	padding: 40px;
	    }
	    @media screen and (max-width: 550px){
	    	padding: 30px 20px;
	    }
	    & input[type="text"],
	    & input[type="email"],
	    & input[type="tel"],
	    & input[type="url"],
	    & input[type="password"],
	    & input[type="search"],
	    & textarea {
            border: 0;
            border-radius: 0;
            color: #666;
        }        
		& input[type="submit"]:focus {
			outline: 1px solid #fff;
			outline-offset: 2px;
		}
	}
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1660px){
	.services-section .service-title {
		font-size: 1.65rem;
	}
}
@media screen and (max-width: 1580px){
	.header-wrapper .container {
		padding: 0 15px;
	}
}
@media screen and (max-width: 1525px){
	.site-branding {
	    margin-bottom: -92px;
	}
	.site-logo img {
		width: 200px;
		height: 200px;
	}
	.header-announcement p {
		font-size: 1.425rem;
	}
	.main-nav-wrapper {
    	flex-basis: calc(100% - 215px);
    }
	.main-navigation li#menu-item-582 {
		margin-left: 3%;
	}
	.main-navigation ul li.widenav > ul {
		columns: 3;
		max-width: 70%;
	}
	.main-navigation ul li.widenav li#menu-item-1305 {
		break-before: avoid-column;
    	margin-top: 2em;
	}
}
@media screen and (max-width: 1440px){
	.main-navigation li#menu-item-582 {
		margin-left: 30px;
	}
	.main-navigation a {
		font-size: 18px;
		font-size: 1.125rem;
		padding: 22px 5px 14px;
	}
	.main-navigation ul ul a {
		font-size: 1rem;
	}
	.header-announcement p,
	.site-announcement p {
		font-size: 1.25rem;
	}
	.green-gradient .page-event h3 a {
		font-size: 1.8rem;
	}
	.services-section .service-title {
		padding: 0 10px 60px;
	}
	#important-links li {
		margin-bottom: 15px;
	}
	.policy-social-wrapper .container {
		margin: 1em 20px 0;
	}
	.policy-social-wrapper #mannix {
		flex-basis: 70%;
	}
	.policy-social-wrapper .social-media {
		flex-basis: 30%;
	}
}
@media screen and (max-width: 1380px){
	.contact-form h2, #contact-form .section-text > h2 {
		font-size: 2rem;
	}
}
@media screen and (max-width: 1340px){
	.main-navigation li {
	    margin-right: 10px;
	}
	.main-navigation li#menu-item-582 {
		margin-left: 0;
	}
	.services-section .service-block {
	    flex-basis: 24%;
	    margin: 0 0.5% 1em;
	}
	.search .entry-summary div.alignleft {
		display: block;
		width: 100%;
		max-width: none;
		margin: 0 auto 15px;
		float: none;
	}
	.search .entry-summary div.alignleft > img {
		width: 100%;
	}
}
@media screen and (max-width: 1300px){
	.header-announcement p a > span {
		display: none;
	}
}
@media screen and (max-width: 1260px){
	.header-wrapper .container {
		padding-left: 5px;
	}
	.main-navigation a {
		font-size: 1.0625rem;
		padding: 23px 5px 15px;
	}
	.policy-social-wrapper #mannix {
		flex-basis: 75%;
	}
	.policy-social-wrapper .social-media {
		flex-basis: 25%;
	}
}
@media screen and (max-width: 1205px){
	.site-logo img {
	    width: 180px;
	    height: 180px;
	}
	.main-nav-wrapper {
	    flex-basis: calc(100% - 185px);
	}
	#header-search {
		flex-basis: 270px;
	}
	.header-announcement {
    	flex-basis: calc(100% - 275px);
    }
    #farmers-promise li {
        font-size: 1.8rem;
        min-height: 50px;
    }
    .services-section .service-block {
	    flex-basis: 48%;
	    margin: 0 1% 1em;
	}
	.featured-blog a,
	.blog-text-wrapper.padded-box {
		padding: 30px;
	}
}
@media screen and (max-width: 1175px){
	h1 {
		font-size: 2.25rem;
	}
	h2 {
	    font-size: 2.125rem;
	}
	.button, a.button, a.button:visited,
	button, input[type="button"],
	input[type="reset"], input[type="submit"] {
		font-size: 1.33rem;
	}
	.main-navigation a {
		font-size: 1rem;
	}
	.main-navigation ul ul a {
		font-size: 0.9375rem;
	}
	.about-navigation a, .deals-navigation a {
		font-size: 1rem;
	}
}
@media screen and (max-width: 1135px){
	.main-navigation li#menu-item-582 {
		display: none;
	}
	.contact-form.padded-box,
	#contact-form .section-text {
		padding: 40px 35px;
	}
}
@media screen and (max-width: 1055px){
	.main-navigation li {
		margin-right: 6px;
	}
	.main-navigation a {
		padding: 23px 3px 15px;
	}
}
@media screen and (max-width: 1023px){
	.main-nav-wrapper {
		display: none;
	}
	.mobile-nav-wrapper {
		display: block;
	}
	.divider {
		background-attachment: scroll;
	}
	.header-bar {
		padding: 10px 0;
	}
	.header-announcement {
		padding-left: 150px;
	}
	.header-announcement p {
		font-size: 1.25rem;
	}
	.contact-information {
	    flex-basis: 100%;
	    text-align: center;
	    margin-bottom: 1em;
	}
	.footer-deals {
		flex-basis: 30%;
	}
	.footer-about {
		flex-basis: 60%;
	}
	#farmers-promise li:before {
		width: 30px;
		height: 30px;
	}
	#farmers-promise li {
		padding-left: 50px;
		min-height: 30px;
		font-size: 1.5rem;
	}
	.designer.block-25 {
		flex-basis: 32%;
	}
	.three-blocks-section .flexed {
		display: block;
	}
	.three-blocks-section .block-30 {
		max-width: 600px;
		margin: 0 auto 3em;
	}
	.three-blocks-section .block-30:last-of-type {
		margin-bottom: 0;
	}
	.featured-blogs .flexed {
		display: block;
	}
	.featured-blog {
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 960px){
	.page-header-wrapper .page-header {
		padding: 40px 20px;
	}
	h2 {
	    font-size: 2rem;
	}
	#contact-form .flexed,
	.blocks-section .flexed,
	.page-id-6 #primary .flexed {
		display: block;
	}
    #contact-form .section-photo,
    .blocks-section .flexed.background > .section-photo {
        height: 350px;
        margin-bottom: 1.5em;
    }
    .blocks-section .flexed.inline > .section-photo,
    .page-id-6 #primary .contact-info {
    	margin-bottom: 1.5em;
    }
    #contact-form .container {
    	max-width: 760px;
    }
    .page-id-271 #landscaping-consultation .section-text,
    #schedule-appointment .section-text,
    #free-estimate .section-text {
    	padding: 1.5em 0;
    }
    #project-of-the-month.row {
		padding-top: 0;
	}
	.gallery-section .gallery-image.block-25 {
		flex-basis: 32%;
	}
	.grid-item,
	.grid-sizer {
		width: 98%;
	}
	.grid-item {
		margin-bottom: 1.5em;
	}
    .policy-social-wrapper .container {
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .policy-social-wrapper .flexed {
    	display: block;
    	text-align: center
    }
	.policy-social-wrapper .social-media {
		text-align: center;
	}
    #mannix {
    	margin-bottom: 20px;
    }
    .featured-blogs.padded-box {
	    margin-right: 0;
	}
	.landscape-project.block-30 {
		flex-basis: 48%;
	}
	.sbs-text-section .flexed {
		display: block;
	}
	.blog-blocks .flexed .block-32 {
		flex-basis: 49%;
	}
	.blog-gallery .flexed:after,
    .blog-gallery-image.block-25 {
        flex-basis: 32%;
    }
}
@media screen and (max-width: 900px){
	.farmer-section .flexed {
		display: block;
	}
	.farmer-section .farmer-icon {
		margin: 0 auto 1.5em;
	}
}
@media screen and (max-width: 767px){
	.container {
		padding: 0 20px;
	}
	#header-search {
		display: none;
	}
	.header-bar .flexed {
		display: block;
	}
	.header-announcement {
		text-align: right;
	}
	.site-announcement p {
	    font-size: 1.25rem;
	}
	.site-announcement button {
	    top: -13px;
    	right: 2%;
    	background: #FFF;
    	padding: 8px 11px;
    	color: var(--red);
    	border-radius: 50%;
    	right: 2px;
    	font-size: 1rem;
    	transform: none;
    	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	}
	.button, a.button, a.button:visited,
	button, input[type="button"],
	input[type="reset"], input[type="submit"] {
		font-size: 1.25rem;
	}
	.connect-wrapper .flexed {
		display: block;
	}
	.footer-nav-wrapper h2 {
		text-align: center;
	}
	.connect-wrapper .farmer-icon {
		margin: 0 auto;
	}
}
@media screen and (max-width: 700px){
	.site-info .flexed {
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}
	.about-navigation ul ul {
		columns: 1;
	}
	.services-section .flexed {
		display: block;
	}
	.services-section .service-block {
		max-width: 420px;
		margin: 0 auto 1em;
	}
	.services-section.services-wrapper {
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	.entry-content img.alignleft,
	.entry-content img.alignright {
		display: block;
		float: none;
		margin: 0 auto 1.5em;
	}
	.designer.block-25 {
		flex-basis: 48%;
	}
}
@media screen and (max-width: 600px){
	.footer-navigation ul {
		columns: 1;
	}
	.contact-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
	#contact-form .section-text .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
		width: 100%;
		padding: 0.6em 15px;
		text-align: center;
		font-size: 1.25rem;
	}
	#farmers-promise ul {
		columns: 1;
	}
	#meet-the-designers p > a.button,
	#meet-the-designers p > a.button:not(:first-of-type) {
		display: block;
		margin: 0 0 1em;
		text-align: center;
	}
	#important-links li,
	#important-links li:not(:last-of-type) {
		display: list-item;
		margin: 0 0 15px;
		padding: 0;
		text-align: left;
		border: 0;
		line-height: 1.125;
	}
	.designers .flexed,
	.page-id-969 .entry-content .flexed {
		display: block;
	}
	.blog-gallery .flexed:after,
    .blog-gallery-image.block-25,
	.gallery-section .gallery-image.block-25,
	.designer.block-25 {
		flex-basis: 48%;
	}
	.page-id-14179 #service-area .section-text ul,
	.page-id-1088 #service-areas .section-text ul {
		columns: 2;
	}
	.blog-title {
		font-size: 1.6rem;
	}
	.blog-text-wrapper.padded-box {
		padding: 30px 20px;
	}
	.featured-blogs.padded-box {
		padding: 40px 30px;
	}
	.blog-blocks .flexed {
		display: block;
	}
}
@media screen and (max-width: 470px){
	body, button, input, select, textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}
	h1 {
		font-size: 1.8rem;
	}
	h2,
	.contact-form > h2,
	#contact-form .section-text > h2,
	.green-gradient .page-event h3 a {
		font-size: 1.6rem;
	}
	.container {
		padding: 0 15px;
	}
	.header-announcement p {
		font-size: 1rem;
	}
	.header-announcement {
	    padding-left: 90px;
	}
	.site-logo img,
	.site-header.sticky .site-logo img {
	    width: 115px;
	    height: 115px;
	}
	.site-branding {
		margin-bottom: -60px;
	}
	.site-announcement .container {
	    padding: 0 40px 0 10px;
	}
	.footer-nav-wrapper h2 {
		font-size: 2rem;
	}
	#contact-form .section-text,
	.padded-box,
	.contact-form {
		padding: 30px 20px;
	}
	.grid-item .entry-header,
	.grid-item .entry-content,
	.grid-item .entry-summary {
		padding-left: 15px;
		padding-right: 15px;
	}
	.posts-navigation .alignleft,
    .posts-navigation .alignright {
        display: block;
        float: none;
        margin: 0 0 15px;
        text-align: center;
    }
    .posts-navigation .alignright {
        margin-bottom: 0;
    }
    .page-id-14179 #service-area .section-text ul li,
    .page-id-1088 #service-areas .section-text ul li {
		font-size: 1rem;
	}
	.featured-blogs.padded-box{
	    padding: 40px 20px;
	}
	.featured-blog a, .blog-text-wrapper.padded-box {
		padding: 20px;
	}
	.blog-button {
		padding: 10px;
		font-size: 1rem;
	}
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item {
		max-width: 100%;
	}
	.gallery-item {
		display: block;
	}
}
@media screen and (max-width:400px){
	.blog-title {
	    font-size: 1.3rem;
	}
	.featured-blog a {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 359px){
	.header-announcement {
		display: none;
	}
}