/*	Less Framework 4
	https://lessframework.com
	by Joni Korpi
	License: https://opensource.org/licenses/mit-license.php	*/



@import url('reset.css');


/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */

html, body {width: 100%; font-size: 18px; background: #FFFFFF; line-height: 180%; font-family: 'Poppins', sans-serif; font-weight: 400; color: #575757; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%; padding: 0; height: 100%;}

h1, h2, h3, h4, h5, h6, label {color: #222222; display: block; clear: both; margin: 0; font-weight: 400; line-height: 170%;}
h1 {font-size: 80px; margin: 0; letter-spacing: -2px; font-weight: 500;}
h1 span, section.projects ul li a h2 span {background: #445732; padding: 0 20px; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-weight: 400;}
h1 strong.terms, h3 strong.terms {background: #445732; font-weight: 500; color: #FFFFFF; padding: 0 10px;}
section.hero.portfolio h1 span {padding: 0 30px;}
h2, section.full-post h2 span {font-size: 50px; line-height: 150%; font-weight: 500; letter-spacing: -1px;}
h2 span {font-size: 20px; line-height: 150%; display: block; clear: both; font-weight: 400; padding: 15px 0 0 0; letter-spacing: 0;}
section.projects ul li a h2 {width: 80%; line-height: 140%!important; font-size: 40px;}
section.projects ul li a h2 span {padding: 0 15px; display: inline; color: #FFFFFF; line-height: 140%!important; font-size: 40px;}
h3, footer h5, footer .h5, h1 span.normal {font-size: 26px;}
h3#reply-title {font-size: 25px; line-height: 1.5; margin-bottom: 15px}
h4, footer h6 {font-size: 22px;}
h5, h6, label {font-size: 20px;}
h1 span.normal {display: block; clear: both; line-height: 100%; background: none; padding: 0 0 30px 0; letter-spacing: 0;}
a {text-decoration:underline}
.dominant, .dominant ul {display: block!important;}


h3#comments{
  font-weight: 500;
}

#cookie-law-info-bar {font-size: 12px!important; font-weight: 400!important; line-height: 140%!important;}
.cli-plugin-button, .cli-plugin-button:visited {padding: 2px 5px!important; font-size: 12px!important;}
button  {cursor: pointer;}


img {
font-family: Arial, Helvetica, sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  line-height: 2;  
  text-align: center;
  
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

img:before { 
  content: " ";
  display: block;

  position: absolute;
  top: -10px;
  left: 0;
  height: calc(100% + 10px);
  width: 100%;
  background-color: #dcdcdc;
  border: 0;
}

img:after { 
  content: "\f127" " Broken image of " attr(alt);
  display: block;
  font-size: 14px;
  font-style: normal;
  font-family: FontAwesome;
	font-display: fallback;
  color: #575757;
  
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}


.juicer-feed h1.referral {display: none!important;}


p {padding: 0 0 40px 0;}
p.larger {font-size: 40px; font-weight: 500; line-height: 120%;}


section.hero h1 {color: #FFFFFF; display: block; clear: both; margin: 0; z-index: 500; line-height: 110px;}
section.hero div.title {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
section.hero div.wrap {height: 100%;}
section.hero.portfolio h1 {font-size: 100px; line-height: 120%;}
section.hero.portfolio div.title {top: 43%;}
section.hero a .button {font-size: 22px; padding: 0 35px; height: 60px; line-height: 60px; position: relative; z-index: 200; margin: 20px 0 0 0;}
section.hero a:hover .button {background: #222222; color: #FFFFFF;}


.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}
.underline {border-bottom: 2px solid #222222; padding: 0 0 10px 0; margin: 0 0 50px 0; display: block; clear: both;}
.bottom-margin-large {margin: 0 0 40px 0;}
.bottom-margin-small {margin: 0 0 25px 0;}
.bottom-margin-tiny {margin: 0 0 15px 0;}
.vert-move {-webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate;}
.vert-move { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {0% { transform: translate(0,0); } 100% { transform: translate(0,-20px); }}
@keyframes mover {0% { transform: translate(0,0); } 100% { transform: translate(0,-20px); }}


.button, nav.prev-next ul li a {padding: 0 20px; display: table; background: #ffc658; color: #222222; font-size: 18px; cursor: pointer; height: 40px; line-height: 40px; border: 0; text-transform: none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; font-weight: 500;}
section.testimonials .button {-o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none;}
section.testimonials .button:hover {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.button:hover, nav.prev-next ul li a:hover {background: #222222; color: #FFFFFF;}
.top {width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; background: #ffc658 url(../img/icons/up-arrow-dark.png) no-repeat center center; background-size: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 900; display: none;}


.one-col {width: 90px;}
.two-col {width: 200px;}
.three-col {width: 310px;}
.three-col-plus-margin {width: 330px;}
.four-col {width: 420px;}
.five-col {width: 530px;}
.five-col-plus-margin {width: 550px;}
.six-col {width: 640px;}
.seven-col {width: 750px;}
.eight-col {width: 860px;}
.nine-col {width: 970px;}
.ten-col {width: 1080px;}


div.wrap {width: 1300px; margin: 0 auto; display: block; clear: both; position: relative;}
div.wrap::after {content: ""; display: table; clear: both;}
section, header, footer {width: 100%; position: relative; margin: 0 auto; display: block; clear: both;}
select::-ms-expand {display: none;}
section.hero, div.highlights {max-width: 1920px; margin: 0 auto;}


div.navigate-posts {padding: 100px 0; background: #f5f5f5;}
div.navigate-posts.folio {padding: 100px 0 0 0;}


section.share {padding: 50px 0; border-top: 2px solid #f5f5f5;}
section.share h3 {display: block; text-align: center; clear: both; margin: 0 0 25px 0;}
section.share .heateorSssSharing, section.share .heateorSssSharingButton {margin: 0 10px!important;}


/*nav.prev-next {position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 1300px; z-index: 800; display: none;}*/
nav.prev-next {width: 100%!important; display: block; clear: both; float: left; position: relative; z-index: 200;}
nav.prev-next ul li {width: 48%; float: left; padding: 0!important; background: none!important; position: relative;}
nav.prev-next ul li.next {float: right; text-align: right;}
nav.prev-next ul li a {display: block; height: auto!important; padding: 10px 20px; line-height: 140%!important; margin: 0!important;}
nav.prev-next ul li.next a {text-align: right;}
nav.prev-next ul li a span {width: 18px; height: 18px; display: inline-block; background: url(../img/icons/left-arrow-dark.png) no-repeat center center; background-size: contain; vertical-align: middle; margin: 0 10px 0 0; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
nav.prev-next ul li.next a span {background: url(../img/icons/right-arrow-dark.png) no-repeat center center; background-size: contain; margin: 0 0 0 10px;}
nav.prev-next ul li a em {font-style: normal; display: inline-block; vertical-align: middle;}
nav.prev-next ul li a:hover span {background: url(../img/icons/left-arrow-white.png) no-repeat center center; background-size: contain;}
nav.prev-next ul li.next a:hover span {background: url(../img/icons/right-arrow-white.png) no-repeat center center; background-size: contain;}
nav.prev-next ul li span.previous-post, nav.prev-next ul li span.next-post {width: 150px; display: block; position: absolute; top: -50px; left: -40px;}
nav.prev-next ul li span.previous-post img, nav.prev-next ul li span.next-post img {display: block!important; width: 100%!important; height: auto!important;}
nav.prev-next ul li span.next-post {left: auto; right: -40px; width: 120px;}


ul.page-numbers {display: block; clear: both; overflow: hidden; text-align: center; width: 100%; margin: 30px 0 0 0; padding: 40px 0 0 0; border-top: 2px solid #FFFFFF;}
ul.page-numbers li {display: inline-block!important; margin: 0 4px 8px 4px!important; text-transform: uppercase; float: none!important; width: auto!important; background: none!important;}
ul.page-numbers li.pages {display: none;}
ul.page-numbers li a, ul.page-numbers li span.current, ul.page-numbers li span.dots {display: block; padding: 0; background: #222222; text-align: center; font-size: 18px; width: 40px; height: 40px; line-height: 40px; font-weight: 500; color: #FFFFFF; overflow: hidden;}
ul.page-numbers li a:hover, ul.page-numbers li span.current {background: #FFFFFF; color: #222222;}
ul.page-numbers li a.prev {text-indent: -9999px; background: #222222 url(../img/icons/left-arrow-white.png) no-repeat center center; background-size: 18px 18px;}
ul.page-numbers li a.next {text-indent: -9999px; background: #222222 url(../img/icons/right-arrow-white.png) no-repeat center center; background-size: 18px 18px;}
ul.page-numbers li a.prev:hover {background: #FFFFFF url(../img/icons/left-arrow-dark.png) no-repeat center center; background-size: 18px 18px;}
ul.page-numbers li a.next:hover {background: #FFFFFF url(../img/icons/right-arrow-dark.png) no-repeat center center; background-size: 18px 18px;}


nav.post-sections {position: relative; display: block; clear: both; overflow: hidden; margin: 0 0 30px 0;}
nav.post-sections ul li {float: left; margin: 0 10px 10px 0!important; border: 0; background: none!important; padding: 0!important;}
nav.post-sections ul li a {border: 0!important; color: #222222!important;}
nav.post-sections ul li a:hover {color: #FFFFFF!important;}


header {padding: 0;}
header div.wrap {height: 100%;}
header nav.top-bar {height: 60px; background: #445732; position: relative; display: block; clear: both;}
header nav.top-bar span.headline {line-height: 60px; color: #FFFFFF;}
header nav.top-bar ul.social {float: right; position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align: center;}
header nav.top-bar ul.social li, footer nav.social ul li, div.share-guide ul li, header nav.main-bar ul.social li {display: table; float: left; margin: 0 0 0 15px; overflow: hidden; line-height: inherit; height: auto;}
header nav.main-bar ul.social {position: relative; float: none; transform: none; width: 100%; display: none; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #f5f5f5; padding: 20px 0; clear: both;}
header nav.main-bar ul.social.hide {display: none!important;}
header nav.main-bar ul.social li {display: inline-block; margin: 0 5px!important; float: none;}
footer nav.social ul li, div.share-guide ul li {margin: 0 15px 0 0;}
header nav.top-bar ul.social li a, footer nav.social ul li a, div.share-guide ul li a, header nav.main-bar ul.social li a {text-indent: -9999px; width: 40px; height: 40px; display: block; background: #ffc658; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: -webkit-transform .5s; transition: transform .5s; border: 0!important;}
div.share-guide ul li a,
footer nav.social ul li a,
header nav.main-bar ul.social li a,
header nav.top-bar ul.social li a {
  padding: 0;
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
div.share-guide ul li a svg,
footer nav.social ul li a svg,
header nav.main-bar ul.social li a svg,
header nav.top-bar ul.social li a svg {
    text-indent: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    display: block;
}
header nav.top-bar ul.social li a:hover, footer nav.social ul li a:hover {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
header nav.main-bar {height: 120px; display: block; position: absolute; clear: both; top: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: 150; background: #FFFFFF;}
header nav.main-bar.fixed {position: fixed; top: 0; left: 50; background: #FFFFFF; z-index: 850; -webkit-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.5);}
header nav.main-bar div.logo {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* header nav.main-bar div.logo a {width: 250px; height: 71px; background: url(../img/logo.svg) no-repeat 0 0; background-size: contain; text-indent: -9999px; display: block;} */
header nav.main-bar div.logo a {width: 250px; height: 71px; display: block;}
header nav.main-bar div.logo svg {display: block; width: 100%; height: 100%;}
header nav.main-bar ul {float: right; position: relative;}
header nav.main-bar ul li {display: table; float: left; margin: 0 0 0 25px; height: 120px; line-height: 120px; position: relative;}
header nav.main-bar ul li:first-child {margin: 0;}
header nav.main-bar ul li a {font-size: 18px; display: block; font-weight: 500; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar ul li a:hover, header nav.main-bar ul li.active a:first-child {color: #ffc658;}
header nav.main-bar ul li.search, header nav.main-bar ul li.woocommerce_basket {margin: 0 0 0 60px;}
header nav.main-bar ul li.woocommerce_basket {margin: 0 0 0 55px;}
header #basket-count {width: 20px; height: 20px; background: red; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; right: -8px; top: -8px; color: #FFFFFF; line-height: 20px; text-align: center; font-size: 12px; text-indent: 0;}
header #basket-count a {color: #FFFFFF;}
header nav.main-bar ul li.search a, header nav.main-bar ul li.woocommerce_basket a {width: 40px; height: 40px; display: block; border: 2px solid #222222; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 18px;}
header nav.main-bar ul li.woocommerce_basket a { background: none; display: flex; align-items: center; justify-content: center;}
header nav.main-bar ul li.woocommerce_basket a svg {font-size: 14px; width: 1em; height: 1em; display: block;}
header nav.main-bar ul li.dropdown ul.sub-menu {position: absolute; width: 450px; background: #FFFFFF; padding: 0; margin: 0; left: 0; top: 120px; visibility: hidden; opacity: 0; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; display: table; z-index: 9999; overflow: hidden; border-top: 1px solid #f5f5f5; -webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.5);
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.5); z-index: 700; max-height: calc(100vh - 180px); overflow: auto;}
header nav.main-bar ul li.menu-item-2547 ul.sub-menu {left: auto!important; right: 0!important;}
header nav.main-bar ul li.dropdown:hover, header nav.main-bar ul li.dropdown:hover a {background: #FFFFFF;}
header nav.main-bar ul li.dropdown:hover ul.sub-menu {visibility: visible; opacity: 1; width: 450px;}
header nav.main-bar ul li.dropdown ul.sub-menu li {margin: 0; height: auto; padding: 0; display: block; width: 100%; overflow: hidden; float: left; clear: both; line-height: 170%;}
header nav.main-bar ul li.dropdown ul.sub-menu li a {margin: 0; padding: 10px 15px 10px 40px; font-size: 14px; overflow: hidden; background: none; display: block; clear: both; background: #FFFFFF url(../img/icons/right-arrow-dark.png) no-repeat 15px center; background-size: 14px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #222222;}
header nav.main-bar ul li.dropdown ul.sub-menu li a:hover {background: #ffc658 url(../img/icons/right-arrow-dark.png) no-repeat 15px center; background-size: 14px; border-bottom: 1px solid #ffc658; border-right: 1px solid #ffc658;}
header nav.search-bar {background: #f5f5f5; display: none; top: 120px; left: 0; position: absolute; width: 100%; z-index: 500;}
header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"] {width: 80%; -webkit-appearance: none; background: #f5f5f5; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100px; padding: 0; color: #575757; font-size: 22px; outline: none; -webkit-appearance: none; font-family: 'Poppins', sans-serif; font-weight: 400; position: relative; border: 0; float: left;}
header nav.search-bar form input[type="submit"] {width: 10%; background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 25px; float: right; cursor: pointer;}
header span.mobile-items {position: absolute; right: 5%; top: 11px; display: none; float: right;}
header span.mobile-menu {width: 30px; height: 30px; display: table; float: left; margin: 0 0 0 20px;}
header span.mobile-menu svg {width: 30px; height: 30px; display: block;}
header span.basket-icon {width: 30px; height: 30px; cursor: pointer; cursor: table; display: block; float: left; margin: 0 0 0 10px; position: relative; isolation: isolate;}
header span.basket-icon svg {width: 30px; height: 30px; display: block;}
header span.basket-icon a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
header span.search-icon {width: 30px; height: 30px; cursor: pointer; cursor: table; display: block; float: left;}
header span.search-icon svg {width: 30px; height: 30px;}

body.woocommerce-cart li.woocommerce_basket {display: none!important;}


section.hero {position: relative; background: #FFFFFF; margin-top: 120px; isolation: isolate;}
@media screen and (min-width: 769px) {
  section.hero.single h1 {font-size: 56px}
}
section.hero ul {overflow: hidden;}
section.hero .cycle-slideshow {height: inherit;}
section.hero ul li {width: 100%; display: none;}
section.hero .cycle-slideshow li img {position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%;}
section.hero .cycle-slideshow:has(:not(.cycle-slideshow.cycle-slide-active)) li:first-child {
  display: block;
}
section.hero ul li a {display: block; overflow: hidden;}
section.hero span.nav-holder, section.testimonials span.nav-holder {width: auto; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 0; z-index: 800;}
section.hero span.slider-nav, section.testimonials span.slider-nav {width: 30px; height: 30px; font-size: 18px; display: inline-block; background: url(../img/icons/left-arrow-white.png) no-repeat 0 0; background-size: contain; z-index: 300; cursor: pointer; margin: 0 20px;}
section.hero span.slider-nav#next, section.testimonials span.slider-nav#next-testimonial {left: auto; background: url(../img/icons/right-arrow-white.png) no-repeat 0 0; background-size: contain;}

header + section.posts.category {
  padding-top: 180px;
}
main section.posts.category:first-child {
  padding-top: 180px;
}

.hero-container{
	display:flex;
}

.hero-head-shot{
	width:100px;
	height: 97px;
	display: inline-block;
	margin-top: 56px;
	margin-right: 20px;
}

.hero-padding{
	padding-top:15px;
}

.hero-caption {
  display: inline-block;
  padding: 12px 16px;
  background-color: #222;
  color: #fff;
  margin-top: 56px;
}

.bottom-banner {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #F5F5F5;
  border-top: 1px solid #D8D8D8;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  z-index: 111111;
  padding: 8px 0;
  transition: transform 0.3s ease-in-out;
  transform: none;
}

.bottom-banner.hidden {
  visibility: hidden;
}

.bottom-banner.closed {
  transform: translateY(100%);
  box-shadow: none;
}

.bottom-banner__inner {
  display: flex;
}

.bottom-banner__related-posts {
  flex-grow: 1;
  overflow: hidden;
}

.bottom-banner__title {
  font-size: 16px;
  margin-bottom: 16px;
}

.bottom-banner__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.bottom-banner__link {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #EAEAEA;
  padding: 6px 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  max-width: 100%;
}

.bottom-banner__link:not(:last-child) {
  margin-bottom: 12px;
}

.bottom-banner__subscribe {
  margin-left: 56px;
  flex-shrink: 0;
}

.bottom-banner__button {
  display: block;
  text-align: center;
  padding: 6px 24px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 500;
}

.bottom-banner__button:hover {
  background-color: #222222;
  color: #fff;
}

.bottom-banner__button:not(:last-child) {
  margin-bottom: 16px;
}

.bottom-banner__button--yellow {
  background-color: #FFC658;
  color: #222;
}

.bottom-banner__button--red {
  color: #fff;
  background: #BD381C;
}

.bottom-banner__share-post {
  flex-shrink: 0;
  margin-left: 54px;
}

.bottom-banner .button-close {
  background: none;
  border: none;
  outline: none;
  position: absolute;
  top: 22px;
  right: 22px;
}

.bottom-banner .button-close img {
  width: 14px;
  height: 14px;
}

.bottom-banner .button-open {
  background-color: #f5f5f5;
  position: absolute;
  top: -40px;
  right: 24px;
  width: 40px;
  height: 40px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}

.bottom-banner:not(.closed) .button-open {
  opacity: 0;
  visibility: hidden;
}

.bottom-banner__slider:not(.slick-initialized) {
  display: none;
}

.bottom-banner__slider {
  margin: 0 -30px;
}

.bottom-banner__slider .banner-slide {
  margin: 0 30px;
  text-align: center;
}

.bottom-banner span.heateor_sss_svg {
  width: 40px !important;
  height: 40px !important;
}

.bottom-banner .newsletter-icon {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.bottom-banner .youtube-icon {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  -webkit-filter: invert(1);
  filter: invert(1);
}

.article-level {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 32px;
}

.article-level__leafs {
  flex-shrink: 0;
  display: flex;
  margin-right: 10px;
}

.article-level--beginner {
  color: #4A9C72;
}

.article-level--beginner svg:first-child {
  stroke: #4A9C72;
}

.article-level--intermediate {
  color: #F0B441;
}

.article-level--intermediate svg:not(:last-child) {
  stroke: #F0B441;
}
.article-level--expert {
  color: #BD381C;
}

.article-level--expert svg {
  stroke: #BD381C;
}

.sidebar-about {
  background-color: #495636;
  text-align: center;
}

.sidebar-about__content {
  padding: 24px 22px;
}

.sidebar-about__content .button {
  width: 100%;
  text-align: center;
  padding: 12px 24px;
  color: #222;
}

.sidebar-about__content .button:hover {
  color: #fff;
}

.sidebar-about__title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  padding-bottom: 24px;
}

.sidebar-about__icon {
  margin-bottom: 8px;
}

.sidebar-about__icon img {
  height: 40px;
  width: auto;
  margin: 0 auto;
}

.sidebar-about__slider .slick-dots {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.sidebar-about__slider .slick-dots li {
  background: none;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.sidebar-about__slider .slick-dots button {
  font-size: 0;
  line-height: 0;
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 0.4;
  transition: opacity 0.2s ease-in-out;
  padding: 0;
  border-radius: 50%;
  margin: 0 2px;
}

.sidebar-about__slider .slick-dots .slick-active button {
  opacity: 1;
}

@media screen and (max-width: 960px) {
  .bottom-banner__inner {
    display: none;
  }
  .bottom-banner {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .bottom-banner .button-close {
    top: 11px;
    right: 0;
    z-index: 999999999;
  }

  .bottom-banner__link,
  .bottom-banner__button {
    line-height: 20px;
    padding: 10px 16px;
  }

  .top {
    display: none !important;
  }
}

section.introduction {position: relative; margin-top: -100px;}
section.introduction div.nine-col {padding: 80px; background: #f5f5f5; border-bottom: 5px solid #dcdcdc;}


section.hero.home {height: 550px;}
section.hero ul li a {padding: 0; height: 550px; overflow: hidden;}
section.hero.single ul li {padding: 150px 0; display: block;}
section.hero.single ul li div.title {position: relative; top: 0; transform: none;}
section.lee-intro div.contents {padding: 150px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact {padding: 100px 0;}
section.comments {padding: 60px 0 100px 0;}
section.hero.portfolio ul li {padding: 300px 0 400px 0; display: block; position: relative;}
section.hero.portfolio ul li > picture img,
section.hero.portfolio ul li > img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
footer nav.main, section.awards-and-medals {padding: 60px 0;}
section.projects {padding: 80px 0 0 0;}
section.posts.category {padding: 80px 0;}

section.projects {max-width: 1920px; margin: 0 auto;}
section.projects ul {width: 100%; overflow: hidden; font-size: 0; text-align: center; background: #f5f5f5 url(../img/gallery-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
section.projects ul li {display: inline-block; width: 33.333333%; height: 50%; overflow: hidden; position: relative; font-size: 18px; vertical-align: top;}
section.projects ul li:after {content: ""; display: block; padding-bottom: 100%;}
section.projects ul li a, section.projects ul li a div.image {display: block; width: 100%; height: 100%; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; position: absolute;}
section.projects ul li a:hover div.image {transform: scale(1.1);}
section.projects ul li a h2 {position: absolute; top: 50%; transform: translateY(-50%); left: 10%; z-index: 800; text-align: left;}
section.projects ul li a .button {position: absolute; bottom: -100px; left: 10%; z-index: 850; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.projects ul li a:hover .button {bottom: 30px;}


section.posts:has(.grid) {
  overflow-x: clip;
}
section.posts, section.projects, section.contact {background: #f5f5f5;}
section.posts nav.categories {display: block; clear: both; padding: 0 0 50px 0; overflow: hidden;}
section.posts nav.categories ul {
  display: flex;
  flex-wrap: wrap;
}
section.posts nav.categories ul li {background: none; margin: 0 10px 10px 0; float: none;}
section.posts nav.categories ul li a {padding: 5px 15px; border: 2px solid #ffc658; color: #222222; display: block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.posts nav.categories ul li.current-cat a, section.posts nav.categories ul li a:hover {background: #ffc658;}
section.posts ul {width: 100%; display: block; clear: both;}
section.posts ul li {display: block; float: left; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts ul li {display: block; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts ul li div.image, div.sidebar ul.latest-posts li div.image {overflow: hidden; aspect-ratio: 700/450;}
section.posts ul li div.image img, div.sidebar ul.latest-posts li div.image img {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; height: auto!important;}
section.posts ul li div.image:hover img, div.sidebar ul.latest-posts li div.image:hover img {transform: scale(1.1);}
section.posts ul li div.contents {padding: 30px 30px 20px 30px; display: block; overflow: hidden; position: relative;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {font-size: 20px; border-bottom: 2px solid #f5f5f5; padding: 0 0 30px 0; margin: 0; color: #222222; float: left; width: 100%;}
section.posts ul li div.contents p {padding: 0 0 20px 0;}
section.posts ul li div.contents h3 a,
section.posts ul li div.contents h4 a {display: block;}
section.posts ul li span.meta {display: block; clear: both; font-size: 11px; color: #575757; padding: 0 30px 20px 30px;}
div.sidebar ul.sidebar-cats {font-size: 0;}
div.sidebar ul.sidebar-cats li {display: inline-block; padding: 0; background: none; margin: 0; font-size: 14px;}
section.posts ul li span.meta a, div.sidebar ul.sidebar-cats li a {background: none; display: inline-block; line-height: 140%; margin: 0 5px 5px 0; padding: 5px 10px; border: 2px solid #dcdcdc; color: #575757; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.posts ul li span.meta a:hover, div.sidebar ul.sidebar-cats li a:hover {background: #ffc658; border: 2px solid #ffc658; color: #222222;}
section.posts ul li h3 .button {display: table; clear: both; margin: 10px 0 0 0;}
section.posts ul li h3 em, div.sidebar ul.latest-posts li h4 em {font-style: normal;}
section.posts ul li h3 span {display: block; clear: both; line-height: 180%; font-size: 14px; color: #575757; padding: 5px 0 0 0;}
section.posts ul li h3 span a {color: #575757;}
section.posts ul li h4 .button {display: table; clear: both; margin: 10px 0 0 0;}
section.posts ul li h4 em, div.sidebar ul.latest-posts li h4 em {font-style: normal;}
section.posts ul li h4 span {display: block; clear: both; line-height: 180%; font-size: 14px; color: #575757; padding: 5px 0 0 0;}
section.posts ul li h4 span a {color: #575757;}
section.posts ul li div.contents:hover .button, div.sidebar ul.latest-posts li h4:hover .button {background: #222222; color: #FFFFFF;}
.grid-sizer, .grid-item {width: 32%;}
.gutter-sizer {width: 2%;}
section.posts .grid {width: 100%; display: flex; gap: 2%; flex-wrap: wrap;}
section.posts .grid li {display: block; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts .grid .contents {width: 100%; max-width: 100%;}
section.posts ul .gutter-sizer,
section.posts ul .grid-sizer {display: none; margin: 0; height: 0;}



section.contact div.form {float: left;}
section.contact div.form form {padding: 40px 30px; background: #FFFFFF; float: left; display: block; width: 100%;}
section.contact div.form form div.field {margin: 0 0 20px 0;}
section.contact div.form form div.field.left, section.contact div.form form div.field.right {float: left; width: 48%;}
section.contact div.form form div.field.right {float: right;}
section.contact div.form form label span, section.comments label span.required {font-size: 14px; color: red; vertical-align: top;}
section.contact div.form form label em {font-size: 14px; display: block; clear: both; line-height: 140%; color: #575757; font-style: normal; margin: 0 0 5px 0;}
section.contact div.form form input[type="text"], section.contact div.form form input[type="email"], section.contact div.form form input[type="tel"], section.contact div.form form select, section.contact div.form form textarea, section.comments form input[type="text"], section.comments form input[type="email"], section.comments form input[type="tel"], section.comments form select, section.comments form textarea, div.woocommerce input:not([type="checkbox"], [type="radio"]), div.woocommerce select, div.woocommerce textarea {width: 100%; -webkit-appearance: none; background: #FFFFFF; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; padding: 0 15px; color: #575757; font-size: 18px; outline: none; -webkit-appearance: none; font-family: 'Poppins', sans-serif; font-weight: 400; position: relative; border: 2px solid #dcdcdc;}
section.contact div.form form textarea, section.comments form textarea, div.woocommerce textarea {width: 100%; max-width: 100%; min-width: 100%; height: 250px; min-height: 250px; padding: 15px;}
section.contact div.form form select, div.woocommerce select {background: #FFFFFF url(../img/select.png) no-repeat right center; background-size: 25px 8px;}
section.comments form input[type="text"], section.comments form input[type="email"], section.comments form input[type="tel"], section.comments form select, section.comments form textarea { border: 0;}
section.contact div.form form textarea, section.comments form textarea {width: 100%; max-width: 100%; min-width: 100%; height: 250px; min-height: 250px; padding: 15px;}
section.contact div.form form input[type="submit"], section.comments form input[type="submit"], div.woocommerce input[type="submit"] {height: 60px; font-size: 22px; border: 0; font-weight: 500; font-family: 'Poppins', sans-serif; clear: both; display: table; background: #ffc658; color: #222222; margin: 0; cursor: pointer; float: left; text-align: left; padding: 0 35px; outline: none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.contact div.form form input[type="submit"]:hover, section.comments form input[type="submit"]:hover, div.woocommerce input[type="submit"]:hover {background: #222222; color: #FFFFFF;}
section.contact div.form form p {padding: 0;}
section.contact div.form form br {display: none!important;}
section.contact div.contact-deats {float: right;}
section.contact div.contact-deats p {padding: 0 0 20px 0;}
section.contact div.contact-deats p strong {font-weight: 500; color: #222222;}


div.woocommerce .button {height: auto!important;}


section.full-post .horizontal-ad, section.full-post-reset .horizontal-ad {padding: 0 0 20px 0;}
.horizontal-ad {display: block; clear: both; width: 100%; padding: 30px 0 0 0; overflow: hidden;}
.horizontal-ad .adsbygoogle {margin: 0 auto!important;}


span.wpcf7-not-valid-tip{padding: 2px 0 0 25px!important;display: block!important;background: url(../img/icons/close-red.png) no-repeat left center; background-size: 12px 12px; color: red!important;margin-top: 0;font-size: 14px!important; font-weight: 500!important; border-bottom: 2px solid;}
 div.wpcf7-validation-errors{display: none!important;}
 div.wpcf7-mail-sent-ok{display: block!important;clear: both!important;width: 100%!important;padding: 15px 5%!important;background: #445732!important;border: 0!important;color: #FFFFFF!important;text-align: center!important;margin: 20px 0!important;position: relative!important;float: left!important;}
 .wpcf7-list-item-label{color: #4e4e4e!important;font-size: 18px;line-height: 24px;margin: 0!important;}
 .wpcf7-list-item{display: block!important;clear: both!important;margin: 0!important;}
 form select.text.wpcf7-not-valid{border: 2px solid red!important;}
 div.wpcf7 .ajax-loader{display: none!important;}
.wpcf7-form-control-wrap {display: block!important; clear: both!important;}


section.posts .button.more {margin: 30px auto 0 auto; background: #222222; color: #FFFFFF;}
section.posts .button.more:hover {color: #222222; background: #ffc658;}


section.lee-intro {background: url(../img/lee-bg.jpg) no-repeat bottom right; max-width: 1920px;}
section.lee-intro div.contents p, section.page-section p, section.hire-me p {padding: 0 15% 40px 0;}
section.lee-intro div.contents .button {margin: 10px 0 0 0;}
section.lee-intro div.lee {width: 28%; position: absolute; bottom: 0; right: 5%;}
section.lee-intro div.lee span.thats-lee {width: 150px; height: 55px; position: absolute; top: 100px; left: -50px; background: url(../img/thats-lee.svg) no-repeat 0 0; background-size: contain;}


.ssba-bar-2 {display: none;}


section.hire-me {background: #445732; color: #FFFFFF; max-width: 1920px;}
section.hire-me h2, section.hire-me h3 {color: #FFFFFF;}
section.hire-me div.lee {width: 40%; position: absolute; bottom: 0; left: 0;}
section.hire-me div.wrap {position: relative; z-index: 50;}


section.page-section div.image span.description, section.full-post .wp-caption-text {padding: 15px; background: #f5f5f5; color: #222222; text-align: center; display: block; clear: both; border-bottom: 2px solid #dcdcdc; font-size: 14px; line-height: 180%;}
section.page-section p:last-child {padding: 0 15% 0 0;}
section.page-section ul {padding: 0 15% 30px 40px;}
section.page-section ul li, section.full-post ul li {background: url(../img/li-green.png) no-repeat 0 8px; background-size: 10px; padding: 0 0 0 25px; color: #222222; margin: 0 0 10px 0;}
section.full-post ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px;}
section.page-section.grey {background: #f5f5f5;}
section.page-section.grey div.image span.description {background: #FFFFFF;}
section.page-section.alt div.contents {float: left;}
section.page-section.alt div.image {float: right;}


section.full-post h3.introduction {color: #445732!important; margin: 0 0 50px 0;}
section.full-post h3.introduction:after {content: ""; border-bottom: 2px solid; display: block; clear: both; width: 80px; padding: 0 0 40px 0;}
section.full-post h2, section.full-post h3, section.full-post h4, section.full-post h5, section.full-post h6 {margin: 0 0 25px 0; color: #222222!important;}
section.full-post h2 span, section.full-post h3 span, section.full-post h4 span, section.full-post h5 span, section.full-post h6 span {color: #222222!important; padding: 0!important;}
section.full-post h2 strong, section.full-post h3 strong, section.full-post h4 strong, section.full-post h5 strong, section.full-post h6 strong {font-weight: 500!important;}
section.full-post p span {color: #575757!important;}
section.full-post p strong span {color: #222222!important;}
section.full-post div.contents, section.full-post-reset div.contents {float: left;}
section.full-post div.contents p img {margin: 0 auto; width: auto; max-width: 100%;}
section.full-post div.contents .wp-caption {margin: 0 0 40px 0; width: 100%!important;}
section.full-post div.contents .wp-caption img, section.full-post div.contents img {margin: 0 0 30px; display: block; width: auto!important; max-width: 100%!important; height: auto!important;}
section.full-post div.contents div.responsive-iframe, .fve-video-wrapper {margin: 0 auto 40px auto!important; padding-bottom: 56.25%!important;}
section.full-post div.contents ul, section.full-post div.contents ol {padding: 0 0 30px 0;}
section.full-post-reset h1, section.full-post-reset h2, section.full-post-reset h3, section.full-post-reset h4, section.full-post-reset h5, section.full-post-reset h6 {letter-spacing: 0;}


div.sidebar {float: right; padding: 0; overflow: hidden;}
div.sidebar h3 {margin: 0 0 10px 0;}
div.sidebar div.block {margin: 0 0 20px 0; display: block; clear: both; padding: 0 0 20px 0; border-bottom: 1px solid #dcdcdc;}
div.sidebar div.block:last-of-type {border-bottom: 0;}
div.sidebar ul.latest-posts {padding: 0; margin: 0;}
div.sidebar ul.latest-posts li {padding: 0; margin: 0; background: none;}
div.sidebar ul.latest-posts li h4 {margin: 0; padding: 10px 0 0 0; font-size: 18px;}
div.sidebar ul.latest-posts li h4 .button {margin: 10px 0 0 0;}


section.full-post div.share-guide ul {padding: 0; float: left;}
section.full-post div.share-guide ul li {margin: 0 15px 0 0; padding: 0; background: none;}
section.full-post div.share-guide ul li a {border: 0;}
/*section.full-post a:not(.br-widget a, .wp-block-button__link) {color: #445732; border-bottom: 1px solid; font-weight: 500; align-self: flex-start;}*/
section.full-post a:hover {border-bottom: 0;}
section.full-post p strong {color: #222222; font-weight: 500;}
section.full-post #ssba-classic-2 {display: block!important; clear: both!important; overflow: hidden!important;}
section.full-post #ssba-classic-2 img {width: 40px!important; height: 40px!important;}
section.full-post #ssba-classic-2 a {border: 0!important;}
section.full-post .ssba-share-text {font-weight: 500!important; margin: 0 0 25px 0!important;}
section.full-post iframe {width: 100%;}


div.ad {position: relative; background: #f5f5f5; border: 2px solid #dcdcdc; width: 100%; display: block; clear: both;}
div.ad.white {background: #FFFFFF;}
div.ad.rectangle {height: 100px; width: 70%;}
div.ad.square {height: 50%; position: relative;}
div.ad.square:after {content: ""; display: block; padding-bottom: 100%;}
div.ad span {position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); text-transform: uppercase;}


div.highlights {position: relative; z-index: 200;}
div.highlights ul {text-align: center; width: 100%; display: inline-block; font-size: 0; background: #f5f5f5 url(../img/gallery-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: 200;}
div.highlights ul li {width: 25%; display: inline-block; height: 50%; overflow: hidden; position: relative; font-size: 18px; vertical-align: top; position: relative;}
div.highlights ul li:after {content: ""; height: 0; font-size: 0; line-height: 0; display: block; padding-bottom: 100%;}
div.highlights ul li a, div.highlights ul li a div.image {display: block; width: 100%; height: 100%; position: absolute; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; border: 0!important;}
div.highlights ul li a:hover div.image {transform: scale(1.1);}
div.highlights ul li a .view {width: 30px; height: 30px; background: url(../img/icons/search-white.png) no-repeat center center; background-size: contain; left: 50%; top: -50%; transform: translate(-50%,-50%); position: absolute; display: block; z-index: 400; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
div.highlights ul li a:hover .view {top: 50%;}
div.highlights#post-gallery {background: #f5f5f5; padding: 80px 0 0 0;}


div.video {position: relative; clear: both; display: block;}
div.video span.click-to-watch {width: 250px; height: 91px; position: absolute; background: url(../img/click-to-watch.png) no-repeat 0 0; background-size: contain; display: block; left: -70px; top: -80px; z-index: 200;}


div.responsive-iframe {position: relative; overflow: hidden; padding-top: 56.25%;}
div.responsive-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


section.comments {border-top: 1px solid #66834b;}
section.comments h3, section.comments p, section.comments form label {color: #FFFFFF;}
section.comments h2.comments-title {color: #FFFFFF; margin: 0;}
section.comments h2.comments-title span {display: inline-block;}
section.comments p {padding: 0 0 20px 0;}
section.comments p.form-submit {padding: 20px 0 0 0;}
section.comments a {color: #ffc658; border-bottom: 1px solid;}
section.comments a:hover {border-bottom: 0;}
section.comments .comment-author {width: 100%; display: block; clear: both; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: none; margin: 0 0 10px 0;}
section.comments .comment-author img {width: 70px; display: inline-block; vertical-align: middle; height: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #FFFFFF;}
section.comments .comment-author a {color: #FFFFFF; border: 0;}
section.comments .commentlist ul, section.comments ol.commentlist ol {padding: 0 0 0 2%; margin: 2% 0 0 0; display: block; clear: both; width: 100%;}
section.comments ol.commentlist {padding: 20px 0 40px 0; margin: 0; list-style: none; list-style-type: none; float: left; width: 100%;}
section.comments ol.commentlist li {background: #3e512e; border: 2px solid #4e603b; padding: 30px 20px 30px 20px; position: relative; float: left; width: 100%; list-style: none!important; list-style-type: none; margin: 0 0 20px 0; display: block; clear: both;}
section.comments ol.commentlist li:last-child {margin: 0;}
section.comments ol.commentlist li:before {display: none!important;}
section.comments .comment-author {position: relative;}
section.comments .commentmetadata, section.comments .logged-in-as {font-size: 10px; line-height: 180%; margin: 0 0 20px 0;}
section.comments .logged-in-as {margin: 0;}
section.comments .reply a {padding: 0 10px; display: table; background: #ffc658; color: #222222; font-size: 12px; height: 30px; line-height: 30px; border: 0; text-transform: none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; font-weight: 500;}
section.comments .says {display: none;}
section.comments .fn {position: relative; display: inline-block; vertical-align: middle; text-align: left; color: #FFFFFF; font-style: normal; padding: 0 0 0 10px;}
section.comments .comment-respond, .comments-title {padding: 40px 0;}
section.comments .akismet_comment_form_privacy_notice {display: block; clear: both; padding: 30px 0 0 0;}


section.awards-and-medals, section.plants-used, section.comments {background: #445732;}
section.awards-and-medals h3, section.plants-used h3, section.plants-used h4, section.plants-used h5 {color: #FFFFFF;}
section.plants-used h4, section.plants-used h5 {color: #ffc658;}
section.awards-and-medals .underline, section.plants-used .underline {border-bottom: 2px solid #FFFFFF;}
section.awards-and-medals ul {font-size: 0; text-align: center;}
section.awards-and-medals ul li {display: inline-block; margin: 0 20px 20px 0; color: #FFFFFF; position: relative; font-size: 18px; vertical-align: top;}
section.awards-and-medals ul li:nth-child(4n) {margin: 0 0 20px 0;}
section.awards-and-medals ul li:last-of-type {margin: 0!important;}
section.awards-and-medals ul li span.crest {margin: 0 auto 15px auto; display: block; width: 60px; height: 60px; background: url(../img/icons/crest.svg) no-repeat 0 0; background-size: contain;}
section.awards-and-medals ul li span.stars {width: 60px; height: 11px; display: block; margin: 15px auto 0 auto; background: url(../img/icons/5-stars.svg) no-repeat 0 0; background-size: contain;}
section.awards-and-medals ul li strong {display: block; clear: both; font-weight: 500; font-size: 22px;}
section.awards-and-medals ul li div.image {margin: 0 0 20px 0; display: block; clear: both; position: relative;}
section.awards-and-medals ul li div.image span.circle {width: 100%; height: 100%; background: #3d4f2d; position: absolute; top: 0; left: 0; z-index: 10; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
section.awards-and-medals ul li div.image img {position: relative; width: 70%; display: block; z-index: 20; margin: 0 auto;}
section.awards-and-medals ul li span.date {font-size: 14px; color: #ffc658; display: block; clear: both;}
section.awards-and-medals ul li .button {margin: 20px auto 0 auto;}


section.plants-used div.image {float: right;}
section.plants-used div.contents {float: left;}
section.plants-used div.contents ul {margin: 0 0 30px 0;}
section.plants-used div.contents ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px; padding: 0 0 10px 25px; color: #FFFFFF; margin: 0 0 10px 0; border-bottom: 1px solid #66834b;}
section.plants-used div.contents ul:last-of-type {margin: 0;}
section.plants-used div.contents ul li:last-child {margin: 0; border-bottom: 0; padding: 0 0 0 25px;}


section.testimonials span.quotes, section.introduction div.nine-col span.quotes {width: 350px; height: 308px; position: absolute; top: 8%; left: 8%; background: url(../img/quotes.png) no-repeat 0 0; background-size: contain;}
section.testimonials ul {position: relative; z-index: 100; overflow: hidden;}
section.testimonials ul li {display: block; clear: both; width: 100%;}
section.testimonials ul li p {color: #222222;}
section.testimonials ul li span.author {display: block; clear: both; font-size: 18px; color: #222222; line-height: 170%;}
section.testimonials ul li span.author strong {font-weight: 500; font-size: 25px; clear: both; display: block; margin: 0 0 5px 0;}
section.testimonials ul li span.author span.stars {width: 100px; height: 19px; display: block; background: url(../img/icons/5-stars.svg) no-repeat 0 0; background-size: contain; clear: both; margin: 10px 0 0 0;}
section.testimonials ul li div.image img {margin: 0 0 30px 0;}
section.testimonials span.slider-nav {background: url(../img/icons/left-arrow-dark.png) no-repeat 0 0; background-size: contain;}
section.testimonials span.slider-nav#next-testimonial {background: url(../img/icons/right-arrow-dark.png) no-repeat 0 0; background-size: contain;}


footer, section.comments {position: relative; z-index: 800;}
footer nav.contact-bar ul.footer-contact-details {text-align: center;}
footer nav.contact-bar ul.footer-contact-details li {display: inline-block; width: 33.333333%;}
footer nav.contact-bar {background: #FFFFFF; padding: 40px 0;}
footer nav.contact-bar ul {display: block; width: 100%;}
footer nav.contact-bar ul li, section.contact div.contact-deats ul li {font-size: 18px; color: #222222; font-weight: 400;}
footer nav.contact-bar ul li span.icon, section.contact div.contact-deats ul li span.icon {width: 30px; height: 30px; display: inline-block; margin: 0 5px 0 0; border: 2px solid #222222; vertical-align: middle; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: url(../img/icons/telephone-dark.svg) no-repeat center center; background-size: 12px;}
footer nav.contact-bar ul li:nth-child(3) span.icon, section.contact div.contact-deats ul li:nth-child(3) span.icon {background: url(../img/icons/email-dark.png) no-repeat center center; background-size: 12px;}
section.contact div.contact-deats ul {padding: 0 0 20px 0;}
section.contact div.contact-deats ul li {font-size: 18px; line-height: 170%; margin: 0 0 15px 0;}
section.contact div.contact-deats ul li span.icon {width: 30px; height: 30px; background-size: 12px; margin: 0 5px 0 0;}
footer nav.social {padding: 40px 0; background: #f5f5f5; position: relative; display: block; clear: both;}
footer nav.social ul {float: left; width: 100%; position: relative; top: 0; transform: none; text-align: center;}
footer nav.social ul li {margin: 0 7.5px; display: inline-block; float: none;}
footer nav.main {background: #222222; color: white;}
footer nav.main img {margin: 0 0 20px 0;}
footer nav.main h3 {color: #FFFFFF;}
footer nav.main h4 {color: #FFFFFF;}
footer nav.main h5 {padding: 0 0 30px 0; border-bottom: 2px solid #575757; color: #FFFFFF;}
footer nav.main h6 {color: #FFFFFF;}
footer nav.main ul {padding: 0 0 40px 0;}
footer nav.main ul li {clear: both; margin: 0 0 10px 0;}
footer nav.main ul li a {color: rgb(137, 137, 137); display: block;}
footer nav.main ul li a:hover {color: #ffc658;}
footer nav.main ul li ul {padding: 10px 0 0 0;}
footer nav.main p.address {color: #FFFFFF;}
footer nav.main p.copy {padding: 30px 0 0 0; border-top: 2px solid rgb(138, 138, 138); display: block; clear: both; overflow: hidden; font-size: 14px;}
footer nav.main img {width: 150px; display: block;}
footer .three-col {margin: 0 20px 0 0;}
footer .three-col:last-of-type {margin: 0;}




/* -------------------------------------------------------------------------------
			WIDE
------------------------------------------------------------------------------- */

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
div.wrap, footer nav.social div.wrap, nav.prev-next {width: 90%;}
	
h1 {font-size: 70px;}
section.hero h1 {line-height: 95px; width: 80%;}
section.hero.portfolio h1 {font-size: 90px; line-height: 120%;}
h2, section.full-post h2 span {font-size: 45px;}
section.projects ul li a h2 {width: 80%; line-height: 140%!important; font-size: 35px; letter-spacing: 0;}
section.projects ul li a h2 span {padding: 0 10px; line-height: 140%!important; font-size: 35px;}
h4, footer h6, section.hero a .button, header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"], section.contact div.form form input[type="submit"], section.awards-and-medals ul li strong, section.comments form input[type="submit"] {font-size: 20px;}
h5, h6, label {font-size: 18px;}
	
.one-col {width: 6.5%;}
.two-col {width: 15%;}
.three-col {width: 23.5%;}
.three-col-plus-margin {width: 25.5%;}
.four-col {width: 32%;}
.five-col {width: 40.5%;}
.five-col-plus-margin {width: 42.5%;}
.six-col {width: 49%;}
.seven-col {width: 64%;}
.eight-col {width: 66%;}
.nine-col {width: 74.5%;}
	
.top {bottom: 20px; right: 5%;}
	
section.hero ul li a, section.hero.home {padding: 0; height: 550px;}
	
section.lee-intro div.contents {padding: 130px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact, section.comments {padding: 80px 0;}
section.hero.portfolio ul li {height: 700px;}
footer nav.main, section.awards-and-medals {padding: 50px 0;}
section.projects {padding: 50px 0 0 0;}
section.posts.category {padding: 50px 0 80px 0;}
section.testimonials {padding: 80px 0 100px 0;}
div.navigate-posts {padding: 80px 0;}
div.navigate-posts.folio {padding: 80px 0 0 0;}
	
	
div.highlights#post-gallery {padding: 80px 0 0 0;}
	
div.video span.click-to-watch {width: 200px; height: 73px; left: -40px; top: -80px;}
	
header nav.top-bar span.headline {width: 60%;}
	
section.lee-intro div.lee {width: 35%; right: 0;}
section.lee-intro div.lee span.thats-lee {top: 50px; left: -30px;}
section.lee-intro {background: url(../img/lee-bg.jpg) no-repeat bottom right; background-size: 650px 481px;}
	
section.posts ul li div.contents {padding: 20px 20px 15px 20px;}
section.posts ul li span.meta {padding: 0 20px 15px 20px;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {padding: 0 0 20px 0;}
section.posts ul li div.contents span.meta {padding: 20px 0 0 0;}
section.posts .button.more {margin: 15px auto 0 auto;}
	
section.hire-me div.lee {width: 46%; position: absolute; bottom: 0; left: -5%;}
section.hire-me div.lee div.wrap {overflow-x: hidden;}
	
section.posts .button.more {margin: 15px auto 0 auto;}
	
footer .three-col {margin: 0 2% 0 0;}
footer .three-col:last-of-type {margin: 0;}
}





/* -------------------------------------------------------------------------------
			Tablet Landscape: 960px.
------------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
div.wrap, footer nav.social div.wrap, nav.prev-next {width: 90%;}
	
h1 {font-size: 65px;}
section.hero h1 {line-height: 85px; width: 90%;}
section.hero.portfolio h1 {font-size: 85px; line-height: 120%;}
h2, section.full-post h2 span {font-size: 40px; letter-spacing: -0.5px;}
section.projects ul li a h2 {width: 80%; line-height: 135%!important; font-size: 28px; letter-spacing: 0;}
section.projects ul li a h2 span {padding: 0 10px; line-height: 135%!important; font-size: 28px;}
h4, footer h6, section.hero a .button, header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"], section.contact div.form form input[type="submit"], section.awards-and-medals ul li strong, section.hero a .button, section.testimonials ul li span.author strong, section.comments form input[type="submit"] {font-size: 20px;}
section.testimonials ul li span.author {font-size: 16px;}
h3, footer h5, footer .h5, h1 span.normal {font-size: 22px;}
h3#reply-title {font-size: 26px;}
h4, footer h6 {font-size: 20px;}
h5, h6, label {font-size: 18px;}
	
.one-col {width: 6.5%;}
.two-col {width: 15%;}
.three-col {width: 23.5%;}
.three-col-plus-margin {width: 25.5%;}
.four-col {width: 32%;}
.five-col {width: 40.5%;}
.five-col-plus-margin {width: 42.5%;}
.six-col {width: 49%;}
.seven-col {width: 64%;}
.eight-col {width: 66%;}
.nine-col {width: 74.5%;}
	
.top {bottom: 100px; right: 5%;}
	
section.hero ul li a, section.hero.home {padding: 0; height: 500px;}
section.hero a .button {padding: 0 30px; height: 50px; line-height: 50px; margin: 15px 0 0 0;}
	
section.lee-intro div.contents {padding: 90px 0 100px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact, section.comments {padding: 80px 0;}
section.comments {padding: 40px 0 80px 0;}
footer nav.main {padding: 60px 0;}
section.hero.portfolio ul li {height: 700px;}
footer nav.main, section.awards-and-medals {padding: 50px 0;}
section.projects {padding: 50px 0 0 0;}
section.posts.category {padding: 50px 0 80px 0;}
section.testimonials {padding: 80px 0 100px 0;}
div.navigate-posts {padding: 80px 0;}
div.navigate-posts.folio {padding: 80px 0 0 0;}
	
	
div.highlights#post-gallery {padding: 60px 0 0 0;}
	
header nav.top-bar span.headline {width: 60%;}
header nav.top-bar span.headline {font-size: 14px;}
header nav.main-bar ul li {margin: 0 0 0 15px;}
header nav.main-bar ul li a {font-size: 14px;}
header nav.main-bar ul li.search, header nav.main-bar ul li.woocommerce_basket {margin: 0 0 0 45px;}
header nav.main-bar ul li.woocommerce_basket {margin: 0 0 0 40px;}
header nav.main-bar ul li.search a, header nav.main-bar ul li.woocommerce_basket a {width: 30px; height: 30px; background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 14px;}
header nav.main-bar ul li.woocommerce_basket a {background: none;}
header nav.main-bar ul li.woocommerce_basket a svg {font-size: 14px;}
header nav.main-bar ul li.dropdown ul.sub-menu {left: -200px;}
header nav.main-bar ul li.dropdown ul.sub-menu li a {font-size: 14px;}
header nav.main-bar ul li.dropdown ul.sub-menu li a {margin: 0; padding: 10px 10px 10px 30px; background: #FFFFFF url(../img/icons/right-arrow-dark.png) no-repeat 10px center; background-size: 15px;}
header nav.main-bar ul li.dropdown ul.sub-menu li a:hover {background: #ffc658 url(../img/icons/right-arrow-dark.png) no-repeat 10px center; background-size: 15px;}
header nav.main-bar ul li.dropdown ul.sub-menu.wide li {width: 100%;}
header nav.top-bar ul.social li, footer nav.social ul li {margin: 0 0 0 10px;}
section.full-post div.share-guide ul li {margin: 0 10px 0 0;}
	
header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"] {height: 80px; font-size: 18px;}
header nav.search-bar form input[type="submit"] {background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 20px;}
	
section.lee-intro {background: url(../img/lee-bg.jpg) no-repeat bottom right; background-size: 600px 444px;}
section.lee-intro div.lee {width: 40%; right: 0;}
section.lee-intro div.lee span.thats-lee {width: 100px; height: 61px; top: -2%; left: auto; right: 15%; background: url(../img/thats-lee-2.png) no-repeat 0 0; background-size: contain;}
	
section.awards-and-medals ul li {margin: 0 2% 20px 0;}
div.sidebar ul.sidebar-cats li {font-size: 12px;}
	
section.plants-used div.contents ul li {padding: 0 0 5px 25px; margin: 0 0 5px 0;}
	
section.testimonials ul li span.author span.stars {width: 80px; height: 15px; margin: 10px 0 0 0;}
section.testimonials span.quotes, section.introduction div.nine-col span.quotes {width: 300px; height: 264px; position: absolute; top: 5%; left: 2%;}
	
section.hire-me div.lee {width: 62%; position: absolute; bottom: 0; left: -20%;}
section.hire-me div.lee div.wrap {overflow-x: hidden;}
	
section.introduction div.nine-col {padding: 50px;}
	
div.video span.click-to-watch {width: 150px; height: 55px; left: -40px; top: -60px;}
	
section.posts ul li {float: left; display: block; background: #FFFFFF; margin: 0 0 20px 0;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {padding: 0 0 20px 0;}
	
section.page-section p:last-child {padding: 0 5% 0 0;}
section.page-section ul {padding: 0 5% 30px 40px;}
section.lee-intro div.contents p, section.page-section p, section.hire-me p {padding: 0 5% 40px 0;}
section.lee-intro div.contents p {padding: 0 15% 40px 0;}
	
.grid-sizer, .grid-item {width: 49%;}
	
section.posts nav.categories {padding: 0 0 40px 0;}
section.posts nav.categories ul li {background: none; margin: 0 5px 5px 0;}
section.posts nav.categories ul li a {padding: 2px 10px; border: 2px solid #ffc658; color: #222222; display: block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.posts nav.categories ul li.current-cat a, section.posts nav.categories ul li a:hover {background: #ffc658;}
	
div.highlights ul li a .view {width: 25px; height: 25px;}
	
section.contact div.contact-deats ul li {margin: 0 0 10px 0; font-size: 16px;}
section.contact div.contact-deats ul li:last-child span.icon {display: none;}
section.contact div.contact-deats ul li span.icon {width: 25px; height: 25px; background-size: 10px; margin: 0 5px 0 0;}
section.contact h2 {width: 100%;}
	
footer nav.social ul li, div.share-guide ul li {margin: 0 10px 0 0;}
footer nav.contact-bar {padding: 30px 0;}
footer nav.contact-bar ul li {width: 33.333333%;}
footer nav.social {padding: 30px 0;}
footer nav.main ul li {clear: both; margin: 0 0 5px 0;}
footer nav.main div.col {width: 32%; margin: 0 2% 0 0;}
footer nav.main div.col:nth-of-type(3) {margin: 0;}
footer nav.main div.col:last-of-type {margin: 0 0 0 33.333333%;}
footer nav.main ul {padding: 0 0 10px 0;}
footer nav.main ul:last-of-type {padding: 0 0 40px 0; clear: both;}
footer nav.main h5 {padding: 0 0 20px 0; margin: 0 0 30px 0;}
}





/* -------------------------------------------------------------------------------
			Tablet Portrait: 640px.
------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 768px) and (max-width: 960px) {
html, body {font-size: 16px;}
div.wrap, footer nav.social div.wrap, nav.prev-next {width: 90%;}
	
h1 {font-size: 55px; letter-spacing: -0.5px;}
section.hero h1 {line-height: 75px; width: 90%;}
section.hero.portfolio h1 {font-size: 75px; line-height: 120%;}
h2, section.full-post h2 span {font-size: 35px; letter-spacing: -0.5px;}
h2 span {padding: 10px 0 0 0;}
section.projects ul li a h2 {width: 80%; line-height: 135%!important; font-size: 30px; letter-spacing: 0;}
section.projects ul li a h2 span {padding: 0 10px; line-height: 135%!important; font-size: 30px;}
h4, footer h6, section.hero a .button, header nav.main-bar ul li a, header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"], section.contact div.form form input[type="submit"], section.awards-and-medals ul li strong, section.hero a .button, section.testimonials ul li span.author strong, section.comments form input[type="submit"] {font-size: 18px;}
section.testimonials ul li span.author {font-size: 16px;}
h3, footer h5, footer .h5, h1 span.normal {font-size: 26px;}
h3#reply-title {font-size: 24px;}
h4, footer h6, h2 span {font-size: 18px;}
h5, h6, label {font-size: 16px;}
	
.bottom-margin-large {margin: 0 0 30px 0;}
.bottom-margin-small {margin: 0 0 20px 0;}
.bottom-margin-tiny {margin: 0 0 10px 0;}
	
.one-col {width: 6.5%;}
.two-col {width: 15%;}
.three-col {width: 23.5%;}
.three-col-plus-margin {width: 25.5%;}
.four-col {width: 32%;}
.five-col {width: 40.5%;}
.five-col-plus-margin {width: 42.5%;}
.six-col {width: 49%;}
.seven-col {width: 64%;}
.eight-col {width: 66%;}
.nine-col {width: 74.5%;}
	
.top {bottom: 20px; right: 5%;}
.underline {padding: 0 0 5px 0; margin: 0 0 40px 0;}
	
p {padding: 0 0 30px 0;}
	
section.comments .commentlist ul, section.comments ol.commentlist ol {padding: 0; margin: 20px 0 0 0;}
section.comments ol.commentlist li {padding: 20px; margin: 0 0 20px 0;}
section.comments .comment-respond, .comments-title {padding: 30px 0;}
	
section.hero {margin-top: 100px;}
section.hero ul li a, section.hero.home {height: 500px;}
section.hero.single ul li {padding: 120px 0;}
section.hero.portfolio ul li {padding: 250px 0 350px 0;}
.button, nav.prev-next ul li a {height: 35px; line-height: 35px; font-size: 14px;}
section.hero a .button {font-size: 16px; padding: 0 25px; height: 45px; line-height: 45px;; margin: 15px 0 0 0;}
section.hero ul li {background-attachment: inherit!important;}
	
	
/*nav.prev-next {position: fixed; bottom: auto; top: 50%; transform: translateY(-50%); left: 10px; transform: translateX(0); width: 100%;}
nav.prev-next ul li {width: auto; float: left; padding: 0!important; background: none!important; position: relative;}*/
nav.prev-next ul li {width: 48%;}
nav.prev-next ul li a span {display: none;}
nav.prev-next ul li span.previous-post, nav.prev-next ul li span.next-post {width: 120px; top: -50px; left: -30px;}
nav.prev-next ul li span.next-post {left: auto; right: -30px; width: 90px;}	
	
	
section.lee-intro div.contents {padding: 60px 0 70px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact, section.comments {padding: 60px 0;}
section.comments {padding: 30px 0 60px 0;}
footer nav.main {padding: 40px 0;}
footer nav.main, section.awards-and-medals {padding: 40px 0;}
section.projects {padding: 40px 0 0 0;}
section.posts.category {padding: 40px 0 60px 0;}
section.testimonials {padding: 60px 0 70px 0;}
div.navigate-posts {padding: 60px 0;}
div.navigate-posts.folio {padding: 60px 0 0 0;}
	
div.highlights#post-gallery {padding: 60px 0 0 0;}
	
header nav.top-bar {height: 50px;}
header nav.top-bar span.headline {width: 60%;}
header nav.top-bar span.headline {font-size: 11px; line-height: 50px;}
	
header nav.main-bar div.wrap {width: 100%;}
header nav.main-bar {height: auto; padding: 20px 0 0 0; top: 50px;}
header nav.main-bar div.logo {position: relative; padding: 0 0 20px 5%; width: 95%; clear: both; display: block; top: 0; transform: none;}
header nav.main-bar div.logo a {width: 220px; height: 62px;}
header nav.main-bar nav.main ul {position: relative; float: left; border-top: 1px solid #f5f5f5; z-index: 200; height: auto; width: 100%; display: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar nav.main ul li {margin: 0; clear: both; display: block; line-height: 170%; width: 100%; height: auto;}
header nav.main-bar nav.main ul li a {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar nav.main ul li.dropdown a:hover ul.sub-menu {display: none;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu {position: relative; width: 100%; background: #FFFFFF; padding: 0; margin: 0; left: 0; top: 0; visibility: inherit; opacity: 1; display: none!important; overflow: hidden; border-top: 1px solid #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu {background: #f5f5f5; border: 0; border-bottom: 1px solid #e0e0e0; width: 100%;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu li a, header nav.main-bar ul li.dropdown ul.sub-menu li a:hover {background: #f5f5f5; border: 0; border-top: 1px solid #e0e0e0; font-size: 14px; padding: 15px 0;}
header nav.main-bar nav.main ul li a, header nav.main-bar ul li a:hover {display: block; clear: both; line-height: 170%; padding: 10px 0; text-align: center; border-bottom: 1px solid #f5f5f5; background: #FFFFFF; color: #222222;}
header nav.main-bar ul li.dropdown:hover ul.sub-menu {left: 0; width: 100%;}
header nav.main-bar nav.main ul li.search {margin: 0; display: none;}
header nav.main-bar nav.main ul li.search a {width: 100%; height: auto; display: block; border: 2px solid #222222; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative; right: 0; top: 0; transform: none; background: #FFFFFF; border: 0; text-indent: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
header span.mobile-items {display: block; top: 15px;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu.show {display: block!important;}
.no-border a {border-bottom: 0!important;}
	
	
header nav.top-bar ul.social li, footer nav.social ul li, div.share-guide ul li {margin: 0 0 0 5px;}
footer nav.social ul li, section.full-post div.share-guide ul li {margin: 0 5px 0 0;}
div.share-guide ul li a,
footer nav.social ul li a,
header nav.main-bar ul.social li a,
header nav.top-bar ul.social li a {
    width: 35px;
    height: 35px;
    font-size: 15px;
    background: #ffc658;
    display: inline-flex;
}
ul.page-numbers li a, ul.page-numbers li span.current, ul.page-numbers li span.dots {font-size: 16px; width: 35px; height: 35px; line-height: 35px;}


header nav.main-bar ul li.woocommerce_basket {display: none!important;}
	
header nav.search-bar {top: 100px;}
header nav.search-bar div.wrap {width: 90%;}
header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"] {height: 80px; font-size: 18px;}
header nav.search-bar form input[type="submit"] {background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 20px;}
	
section.lee-intro {background: url(../img/lee-bg.jpg) no-repeat bottom right; background-size: 450px 333px;}
section.lee-intro div.lee {width: 40%; right: 0;}
section.lee-intro div.lee span.thats-lee {width: 100px; height: 61px; top: -7%; left: auto; right: 15%; background: url(../img/thats-lee-2.png) no-repeat 0 0; background-size: contain;}
	
section.awards-and-medals ul li {margin: 0 2% 30px 0; font-size: 14px; line-height: 170%; width: 32%;}
section.awards-and-medals ul li:nth-child(3n) {margin: 0 0 20px 0;}
section.awards-and-medals ul li span.crest {margin: 0 auto 10px auto;}
section.awards-and-medals ul li span.stars {margin: 10px auto 0 auto;}
	
section.projects ul li {width: 50%;}
section.plants-used div.contents ul li {padding: 0 0 5px 25px; margin: 0 0 5px 0;}
div.sidebar ul.sidebar-cats li {font-size: 12px;}
	

section.testimonials ul li span.author span.stars {width: 80px; height: 15px; margin: 10px 0 0 0;}
section.testimonials span.quotes, section.introduction div.nine-col span.quotes {width: 250px; height: 220px; position: absolute; top: 5%; left: 2%;}
section.testimonials ul li div.contents, section.contact div.form, section.page-section div.contents, section.full-post div.contents, section.full-post-reset div.contents, section.plants-used div.contents {width: 100%; display: block; clear: both;}
section.testimonials ul li div.image, section.contact div.contact-deats, section.page-section div.image, div.sidebar, section.plants-used div.image {width: 100%; display: block; clear: both; padding: 30px 0 0 0;}
section.testimonials ul li div.image img, section.contact div.contact-deats img, section.page-section div.image img, div.sidebar img {width: 50%; margin: 0 auto!important;}
div.sidebar .sidebar-about__icon img {width: auto;}
section.page-section div.contents div.image {width: 100%;}
section.testimonials ul li div.contents.center {width: 70%;}
section.testimonials ul li div.image img {margin: 0 0 15px 0;}
section.testimonials ul li div.image .button {width: 100%; text-align: center;}
	
section.hire-me div.lee {width: 62%; position: absolute; bottom: 0; left: -20%;}
section.hire-me div.lee div.wrap {overflow-x: hidden;}
	
section.page-section div.image span.description, section.full-post .wp-caption-text {padding: 10px; font-size: 11px;}
	
section.introduction div.nine-col {padding: 40px; width: 100%;}
	
div.video span.click-to-watch {width: 150px; height: 55px; left: -20px; top: -40px; z-index: 200;}
	
section.posts ul li {float: left; display: block; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {padding: 0 0 20px 0;}
section.posts ul li div.contents {padding: 20px 20px 15px 20px;}
section.posts ul li span.meta {padding: 0 20px 15px 20px;}
section.posts ul li div.contents span.meta {padding: 20px 0 0 0;}
section.posts .button.more {margin: 15px auto 0 auto;}
	
section.page-section ul {padding: 0 10% 20px 20px;}
section.page-section ul li, section.full-post ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px; padding: 0 0 0 25px; color: #222222; margin: 0 0 10px 0;}
section.full-post ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px;}
	
section.page-section p:last-child {padding: 0 5% 0 0;}
section.lee-intro div.contents p, section.page-section p, section.hire-me p {padding: 0 0 30px 0;}
section.lee-intro div.contents p {padding: 0 15% 30px 0;}
	
.grid-sizer, .grid-item {width: 49%;}
	
section.posts nav.categories {padding: 0 0 40px 0;}
section.posts nav.categories ul li {background: none; margin: 0 5px 5px 0;}
section.posts nav.categories ul li a {padding: 2px 10px; border: 2px solid #ffc658; color: #222222; display: block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
section.posts nav.categories ul li.current-cat a {background: #ffc658;}
section.posts nav.categories ul li a:hover {background: none;}
	
div.highlights ul, section.projects ul {background-attachment: inherit!important;}
div.highlights ul li {width: 33.333333%;}
div.highlights ul li a .view {width: 25px; height: 25px;}
	
section.contact div.contact-deats ul li {margin: 0 0 10px 0; font-size: 16px;}
section.contact div.contact-deats ul li:last-child span.icon {display: none;}
section.contact div.contact-deats ul li span.icon {width: 25px; height: 25px; background-size: 10px; margin: 0 5px 0 0;}
section.contact h2 {width: 100%;}
section.contact div.form form {padding: 30px 25px;}
section.contact div.form form div.field.left, section.contact div.form form div.field.right {float: left; width: 100%; display: block; clear: both; margin: 0 0 15px 0;}
	
section.full-post div.contents img {margin: 0 0 30px 0;}
section.full-post div.contents .wp-caption {margin: 0 0 30px 0;}
section.full-post div.contents div.responsive-iframe, .fve-video-wrapper {margin: 0 auto 30px auto!important;}
	
section.hero span.nav-holder, section.testimonials span.nav-holder {left: auto; right: 5%; transform: none;}
	
footer nav.contact-bar {padding: 30px 0;}
footer nav.contact-bar ul li {width: 33.333333%; font-size: 16px;}
footer nav.social {padding: 20px 0;}
footer nav.main ul li {clear: both; margin: 0 0 5px 0;}
footer nav.main ul {padding: 0 0 10px 0;}
footer nav.main ul:last-of-type {padding: 0 0 30px 0; clear: both;}
footer nav.main h5 {padding: 0 0 20px 0; margin: 0 0 30px 0;}
footer nav.main div.col {width: 49%; margin: 0 2% 0 0;}
footer nav.main div.col:nth-of-type(2), footer nav.main div.col:last-of-type {margin: 0;}
footer nav.main div.col:first-of-type {width: 100%; display: block; clear: both; border-bottom: 2px solid #575757; margin: 0 0 30px 0; padding: 0 0 10px 0;}
footer nav.main img {float: left; width: 120px;}
footer nav.main div.col:first-of-type p {
  padding: 0 0 10px 0;
  margin: 0 0 0 5%;
  float: left;
}
footer nav.main p.copy {padding: 20px 0 0 0; font-size: 11px;}
}





/* -------------------------------------------------------------------------------
			Wide Mobile Layout: 480px.
------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 480px) and (max-width: 768px) {
html, body {font-size: 16px;}
div.wrap, footer nav.social div.wrap, nav.prev-next {width: 90%;}
	
h1 {font-size: 45px; letter-spacing: -0.5px;}
h1 span, section.projects ul li a h2 span, section.hero.portfolio h1 span {padding: 0 15px;}
section.hero h1 {line-height: 62px; width: 100%;}
section.hero.portfolio h1 {font-size: 50px; line-height: 120%;}
h2, section.full-post h2 span {font-size: 30px; letter-spacing: -0.5px;}
h2 span {padding: 10px 0 0 0;}
section.projects ul li a h2 {width: 80%; line-height: 135%!important; font-size: 30px; letter-spacing: 0;}
section.projects ul li a h2 span {padding: 0 10px; line-height: 135%!important; font-size: 30px;}
h4, footer h6, section.hero a .button, header nav.main-bar ul li a, header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"], section.contact div.form form input[type="submit"], section.awards-and-medals ul li strong, section.hero a .button, section.testimonials ul li span.author strong, section.comments form input[type="submit"] {font-size: 16px;}
section.testimonials ul li span.author {font-size: 16px;}
h3, footer h5, footer .h5, h1 span.normal {font-size: 18px;}
h3#reply-title {font-size: 22px;}
h4, footer h6, h2 span {font-size: 16px; line-height: 160%;}
h5, h6, label {font-size: 16px;}
	
	
section.comments .comment-author img {width: 50px;}
section.comments .commentlist ul, section.comments ol.commentlist ol {padding: 0; margin: 10px 0 0 0;}
section.comments ol.commentlist li {padding: 20px; margin: 0 0 10px 0;}
section.comments .comment-respond, .comments-title {padding: 30px 0;}
section.comments .akismet_comment_form_privacy_notice {padding: 20px 0 0 0;}
	
	
#swipebox-close {top: 60px!important; transform: none!important; width: 100%!important; left: 0!important; height: auto!important; line-height: 140%!important; background: none!important; color: #FFFFFF!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; font-size: 16px!important;}
#swipebox-close:before {content: "Swipe the image up or down to close"!important; display: block; text-align: center;}
	
	
section.share {padding: 40px 0;}
section.share h3 {margin: 0 0 20px 0;}
section.share .heateorSssSharing, section.share .heateorSssSharingButton {margin: 0 5px!important;}
div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul li i {width: 40px!important; height: 40px!important;}
	
	
section.full-post h3.introduction:after {width: 60px; padding: 0 0 20px 0;}
section.full-post h2, section.full-post h3, section.full-post h4, section.full-post h5, section.full-post h6 {margin: 0 0 15px 0;}
	
.bottom-margin-large {margin: 0 0 25px 0;}
.bottom-margin-small {margin: 0 0 15px 0;}
.bottom-margin-tiny {margin: 0 0 10px 0;}
	
.one-col {width: 6.5%;}
.two-col {width: 15%;}
.three-col {width: 23.5%;}
.three-col-plus-margin {width: 25.5%;}
.four-col {width: 32%;}
.five-col {width: 40.5%;}
.five-col-plus-margin {width: 42.5%;}
.six-col {width: 49%;}
.seven-col {width: 64%;}
.eight-col {width: 66%;}
.nine-col {width: 74.5%;}
	
.top {bottom: 20px; right: 5%;}
.underline {padding: 0 0 5px 0; margin: 0 0 30px 0;}
	
p {padding: 0 0 30px 0;}
	

section.hero {margin-top: 85px;}
section.hero ul li a, section.hero.home {height: 450px;}
section.hero.single ul li {padding: 75px 0;}
section.hero.portfolio ul li {padding: 200px 0 300px 0;}
.button, nav.prev-next ul li a {height: 35px; line-height: 35px; font-size: 14px;}
section.hero a .button {font-size: 16px; padding: 0 20px; height: 40px; line-height: 40px; margin: 10px 0 0 0;}
section.hero ul li {background-attachment: inherit!important;}
	
nav.prev-next ul li {width: 48%;}
nav.prev-next ul li a span {display: none;}
nav.prev-next ul li span.previous-post, nav.prev-next ul li span.next-post {width: 120px; top: -50px; left: -20px;}
nav.prev-next ul li span.next-post {left: auto; right: -20px; width: 90px;}	
	
section.lee-intro div.contents {padding: 50px 0 60px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact, section.comments {padding: 50px 0;}
section.comments {padding: 20px 0 50px 0;}
footer nav.main {padding: 40px 0;}
footer nav.main, section.awards-and-medals {padding: 40px 0;}
section.projects {padding: 40px 0 0 0;}
section.posts.category {padding: 40px 0 50px 0;}
section.testimonials {padding: 50px 0 70px 0;}
div.navigate-posts {padding: 50px 0;}
div.navigate-posts.folio {padding: 50px 0 0 0;}
	
div.highlights#post-gallery {padding: 50px 0 0 0;}
	
header nav.search-bar {top: 80px;}
header nav.search-bar div.wrap {width: 90%!important;}
header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"] {height: 60px; font-size: 16px;}
header nav.search-bar form input[type="submit"] {background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 18px;}
	
header nav.top-bar {height: 40px;}
header nav.top-bar span.headline {width: 100%;}
header nav.top-bar span.headline {font-size: 11px; line-height: 40px;}


header nav.main-bar ul li.woocommerce_basket {display: none!important;}
	
	
section.page-section ul {padding: 0 5% 10px 10px;}
section.page-section ul li, section.full-post ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px; padding: 0 0 0 25px; color: #222222; margin: 0 0 10px 0;}
	
	
header nav.main-bar div.wrap {width: 100%;}
header nav.main-bar {height: auto; padding: 20px 0 0 0; top: 40px;}
header nav.main-bar div.logo {position: relative; padding: 0 0 20px 5%; width: 95%; clear: both; display: block; top: 0; transform: none;}
header nav.main-bar div.logo a {width: 160px; height: 45px;}
header nav.main-bar ul {position: relative; float: left; border-top: 1px solid #f5f5f5; z-index: 200; height: auto; width: 100%; transform: none; display: none;}
header nav.main-bar ul li {margin: 0; clear: both; display: block; line-height: 170%; width: 100%; height: auto;}
header nav.main-bar ul li a {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar ul li.dropdown a:hover ul.sub-menu {display: none;}
header nav.main-bar ul li.dropdown ul.sub-menu {position: relative; width: 100%; background: #FFFFFF; padding: 0; margin: 0; left: 0; top: 0; visibility: inherit; opacity: 1; display: block!important; overflow: hidden; border-top: 1px solid #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar ul li.dropdown ul.sub-menu {background: #f5f5f5; border: 0; border-bottom: 1px solid #e0e0e0;}
header nav.main-bar ul li.dropdown:hover ul.sub-menu {left: 0; width: 100%;}
header nav.main-bar ul li.dropdown ul.sub-menu li {width: 100%;}
header nav.main-bar ul li.dropdown ul.sub-menu li a, header nav.main-bar ul li.dropdown ul.sub-menu li a:hover {background: #f5f5f5; border: 0; border-top: 1px solid #e0e0e0; font-size: 14px;}
header nav.main-bar ul li a, header nav.main-bar ul li a:hover {display: block; clear: both; line-height: 170%; text-align: center; border-bottom: 1px solid #f5f5f5; background: #FFFFFF; color: #222222; padding: 10px 0;}
header nav.main-bar ul li.search {margin: 0; display: none;}
header nav.main-bar ul li.search a {width: 100%; height: auto; display: block; border: 2px solid #222222; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative; right: 0; top: 0; transform: none; background: #FFFFFF; border: 0; text-indent: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
header nav.main-bar ul li.dropdown ul.sub-menu.show {display: block!important;}
.no-border a {border-bottom: 0!important;}
header nav.main-bar ul.social li {display: inline-block; margin: 0 5px!important; float: none; clear: none!important; width: auto;}
header span.mobile-items {display: block; top: 8px;}
header nav.main ul, header nav.top-bar ul.social {display: none;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu {display: none!important;}
	
	
header nav.top-bar ul.social li, footer nav.social ul li, div.share-guide ul li {margin: 0 0 0 5px;}
footer nav.social ul li, section.full-post div.share-guide ul li {margin: 0 5px 0 0;}
/* header nav.top-bar ul.social li a, footer nav.social ul li a, div.share-guide ul li a {width: 35px; height: 35px;} */
header nav.top-bar ul.social li a, header nav.main-bar ul.social li a, header nav.main-bar ul.social li a:hover, footer nav.social ul li a, div.share-guide ul li a {
  width: 35px;
  height: 35px;
  font-size: 15px;
  background: #ffc658;
  display: flex;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  line-height: 1;
}
ul.page-numbers li a, ul.page-numbers li span.current, ul.page-numbers li span.dots {font-size: 16px; width: 35px; height: 35px; line-height: 35px;}
	
section.awards-and-medals ul li {margin: 0 2% 30px 0; font-size: 14px; line-height: 170%; width: 49%;}
section.awards-and-medals ul li:nth-child(2n) {margin: 0 0 30px 0;}
section.awards-and-medals ul li span.crest {margin: 0 auto 10px auto; width: 50px; height: 50px;}
section.awards-and-medals ul li span.stars {margin: 10px auto 0 auto; width: 50px; height: 9px;}
	
section.projects ul li {width: 100%; height: 350px;}
section.plants-used div.contents ul li {padding: 0 0 5px 25px; margin: 0 0 5px 0;}
		
section.testimonials ul li span.author span.stars {width: 80px; height: 15px; margin: 10px 0 0 0;}
section.testimonials span.quotes, section.introduction div.nine-col span.quotes {width: 250px; height: 220px; position: absolute; top: 5%; left: 2%;}
section.testimonials ul li div.contents, section.contact div.form, section.page-section div.contents, section.full-post div.contents, section.full-post-reset div.contents, section.plants-used div.contents {width: 100%; display: block; clear: both;}
section.testimonials ul li div.image, section.contact div.contact-deats, section.page-section div.image, div.sidebar, section.plants-used div.image {width: 100%; display: block; clear: both; padding: 30px 0 0 0;}
section.testimonials ul li div.image img, section.contact div.contact-deats img, section.page-section div.image img, div.sidebar img {width: 50%; margin: 0 auto!important;}
section.page-section div.image span.description {width: 50%; margin: 0 auto;}
section.page-section div.contents div.image {width: 100%; padding: 0; margin: 0;}
section.page-section div.contents span.description {width: 100%;}
section.page-section div.contents div.image img {width: 100%;}
section.testimonials ul li div.contents.center {width: 100%;}
section.testimonials ul li div.image img, section.plants-used div.image {display: none;}
section.testimonials ul li div.image .button {text-align: center;}
	
section.lee-intro {background: none;}
section.lee-intro div.lee {width: 20%; right: 0;}
section.lee-intro div.lee span.thats-lee {width: 100px; height: 36px; top: 35%; left: -90px; background: url(../img/thats-lee.svg) no-repeat 0 0; background-size: contain;}
section.hire-me div.lee {width: 55%; position: absolute; bottom: 0; left: 0;}
section.hire-me div.lee div.wrap {overflow-x: hidden;}
section.hire-me div.contents {width: 100%; padding: 0 0 150px 0;}
	
section.full-post h3.introduction {margin: 0 0 30px 0;}
section.full-post div.contents {padding: 0;}
div.sidebar {padding: 0;}
section.full-post div.contents img {margin: 0 0 30px 0;}
section.full-post div.contents .wp-caption {margin: 0 0 30px 0;}
section.full-post div.contents div.responsive-iframe, .fve-video-wrapper {margin: 0 auto 30px auto!important;}
section.page-section div.image span.description, section.full-post .wp-caption-text {padding: 10px; font-size: 11px;}
div.sidebar div.block {display: none;}
	
section.introduction div.nine-col {padding: 40px; width: 100%;}
	
div.video span.click-to-watch {width: 120px; height: 44px; left: -15px; top: -30px; z-index: 200;}
	
section.posts ul li {float: left; display: block; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts ul li div.contents p {padding: 0 0 10px 0;}
section.posts ul li div.contents {padding: 15px;}
section.posts ul li span.meta {padding: 0 15px 15px 15px;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {padding: 0 0 15px 0; font-size: 18px;}
section.posts ul li h4 span {font-size: 12px;}
section.posts ul li h3 span {font-size: 12px;}
section.posts ul li div.contents span.meta {padding: 15px 0 0 0;}
section.posts .button.more {margin: 15px auto 0 auto;}
	
section.page-section p:last-child {padding: 0 5% 0 0;}
section.lee-intro div.contents p, section.page-section p, section.hire-me p {padding: 0 0 30px 0;}
section.lee-intro div.contents p {padding: 0 15% 30px 0;}
section.lee-intro div.contents {width: 100%;}
	
.grid-sizer, .grid-item {width: 49%;}
	
section.posts nav.categories {padding: 0 0 30px 0;}
section.posts nav.categories ul li {background: none; margin: 0 2px 2px 0;}
section.posts nav.categories ul li a {padding: 2px 5px; border: 2px solid #ffc658; color: #222222; display: block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; font-size: 13px;}
section.posts nav.categories ul li.current-cat a {background: #ffc658;}
section.posts nav.categories ul li a:hover {background: none;}

	
div.highlights ul, section.projects ul {background-attachment: inherit!important;}
div.highlights ul li {width: 33.333333%;}
div.highlights ul li a .view {width: 25px; height: 25px;}
	
section.contact div.contact-deats ul li {margin: 0 0 10px 0; font-size: 16px;}
section.contact h2 {width: 100%;}
section.contact div.form form {padding: 30px 25px;}
section.contact div.form form div.field.left, section.contact div.form form div.field.right {float: left; width: 100%; display: block; clear: both; margin: 0 0 15px 0;}
section.contact div.form form input[type="text"], section.contact div.form form input[type="email"], section.contact div.form form input[type="tel"], section.contact div.form form select, section.contact div.form form textarea, section.comments form input[type="text"], section.comments form input[type="email"], section.comments form input[type="tel"], section.comments form select, section.comments form textarea, div.woocommerce input:not([type="checkbox"]), div.woocommerce select, div.woocommerce textarea {height: 45px;}
section.contact div.form form textarea, section.comments form textarea, div.woocommerce textarea {height: 200px; min-height: 200px;}
section.contact div.form form input[type="submit"], section.comments form input[type="submit"], div.woocommerce input[type="submit"] {height: 50px; font-size: 16px; width: 60%; margin: 0 auto; float: none; padding: 0 20px; text-align: center;}
	
section.hero span.nav-holder, section.testimonials span.nav-holder {left: auto; right: 5%; transform: none;}
	
footer nav.contact-bar {padding: 30px 0;}
footer nav.contact-bar ul.footer-contact-details li {width: 100%;}
footer nav.contact-bar ul li {width: 100%; margin: 0 0 10px 0; font-size: 16px;}
footer nav.contact-bar ul li:last-child {margin: 0;}
footer nav.social {padding: 20px 0;}
footer nav.main ul li {clear: both; margin: 0 0 5px 0;}
footer nav.main ul li a {border-bottom: 1px solid #575757;}
footer nav.main ul li:last-child a {border: 0;}
footer nav.main ul {padding: 0 0 20px 0;}
footer nav.main h5 {padding: 0 0 20px 0; margin: 0 0 30px 0;}
footer nav.main div.col {width: 100%; display: block; clear: both; position: relative;}
footer nav.main div.col:last-of-type {margin: 0; border: 0;}
footer nav.main img {float: left; width: 25%;}
footer nav.main div.col:first-of-type {border-bottom: 2px solid #575757; padding: 0 0 10px 0; margin: 0 0 30px 0;}
footer nav.main div.col:first-of-type p {
  padding: 0 0 10px 0;
  margin: 0 0 0 5%;
  float: left;
}
footer nav.main p.copy {padding: 20px 0 0 0; font-size: 11px;}
}





/* -------------------------------------------------------------------------------
			Mobile Layout: 320px.
------------------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {
html, body {font-size: 16px;}
div.wrap, footer nav.social div.wrap, nav.prev-next {width: 90%;}
	
h1 {font-size: 34px; letter-spacing: -0.5px;}
h1 span, section.projects ul li a h2 span, section.hero.portfolio h1 span {padding: 0 10px;}
section.hero h1 {line-height: 135%; width: 100%;}
section.hero.portfolio h1 {font-size: 34px; line-height: 135%;}
h2, section.full-post h2 span {font-size: 25px; letter-spacing: -0.5px;}
h2 span {padding: 10px 0 0 0;}
section.projects ul li a h2 {width: 80%; line-height: 135%!important; font-size: 25px; letter-spacing: 0;}
section.projects ul li a h2 span {padding: 0 10px; line-height: 135%!important; font-size: 25px;}
h4, footer h6, section.hero a .button, header nav.main-bar ul li a, header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"], section.contact div.form form input[type="submit"], section.awards-and-medals ul li strong, section.hero a .button, section.testimonials ul li span.author strong, section.comments form input[type="submit"] {font-size: 16px;}
section.testimonials ul li span.author {font-size: 16px;}
h3, footer h5, footer .h5, h1 span.normal {font-size: 20px;}
h3#reply-title {font-size: 20px;}
h4, footer h6, h2 span {font-size: 14px; line-height: 160%;}
h5, h6, label {font-size: 14px;}
	
	
section.comments .comment-author img {width: 40px;}
section.comments .commentlist ul, section.comments ol.commentlist ol {padding: 0; margin: 10px 0 0 0;}
section.comments ol.commentlist li {padding: 20px; margin: 0 0 10px 0;}
section.comments .comment-respond, .comments-title {padding: 30px 0;}
section.comments .akismet_comment_form_privacy_notice {padding: 20px 0 0 0;}
	
	
#swipebox-close {top: 60px!important; transform: none!important; width: 100%!important; left: 0!important; height: auto!important; line-height: 140%!important; background: none!important; color: #FFFFFF!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; font-size: 16px!important;}
#swipebox-close:before {content: "Swipe the image up or down to close"!important; display: block; text-align: center;}
	
	
section.share {padding: 30px 0;}
section.share h3 {margin: 0 0 10px 0;}
section.share .heateorSssSharing, section.share .heateorSssSharingButton {margin: 0 5px!important;}
div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul li i {width: 40px!important; height: 40px!important;}
	
	
section.hero ul li {background-attachment: inherit!important;}
	
section.full-post h3.introduction:after {width: 60px; padding: 0 0 20px 0;}
section.full-post h2, section.full-post h3, section.full-post h4, section.full-post h5, section.full-post h6 {margin: 0 0 15px 0;}
	
.bottom-margin-large {margin: 0 0 25px 0;}
.bottom-margin-small {margin: 0 0 15px 0;}
.bottom-margin-tiny {margin: 0 0 10px 0;}
	
.one-col {width: 6.5%;}
.two-col {width: 15%;}
.three-col {width: 23.5%;}
.three-col-plus-margin {width: 25.5%;}
.four-col {width: 32%;}
.five-col {width: 40.5%;}
.five-col-plus-margin {width: 42.5%;}
.six-col {width: 49%;}
.seven-col {width: 64%;}
.eight-col {width: 66%;}
.nine-col {width: 74.5%;}
	
.top {bottom: 20px; right: 5%;}
.underline {padding: 0 0 5px 0; margin: 0 0 30px 0;}
	
p {padding: 0 0 30px 0;}
	
	
section.page-section ul {padding: 0 5% 10px 0;}
section.page-section ul li, section.full-post ul li {background: url(../img/li-yellow.png) no-repeat 0 8px; background-size: 10px; padding: 0 0 0 25px; color: #222222; margin: 0 0 10px 0;}
	

section.hero {margin-top: 85px;}
section.hero ul li a, section.hero.home {height: 400px;}
section.hero.single ul li {padding: 70px 0;}
section.hero.portfolio ul li {padding: 160px 0 260px 0;}
.button, nav.prev-next ul li a {height: 35px; line-height: 35px; font-size: 14px;}
section.hero a .button {font-size: 14px; padding: 0 15px; height: 35px; line-height: 35px; margin: 10px 0 0 0;}
	
	
nav.prev-next {padding: 0;}
nav.prev-next ul li {width: 100%;}
nav.prev-next ul li.next a {text-align: left; display: block; clear: both;}
nav.prev-next ul li a span {display: none;}
nav.prev-next ul li span.previous-post, nav.prev-next ul li span.next-post {width: 120px; top: auto!important; left: auto!important; position: relative!important; display: block!important; clear: both!important;}
nav.prev-next ul li span.previous-post img, nav.prev-next ul li span.next-post img {margin: 0 0 5px 0;}
nav.prev-next ul li span.next-post {float: right; right: auto!important; width: 90px; position: relative!important;}		
nav.prev-next ul li span.previous-post.vert-move, nav.prev-next ul li span.next-post.vert-move {transform: none!important; transform: translate(0,0)!important; -webkit-animation: none!important; animation: none!important;}
	
	
section.lee-intro div.contents {padding: 40px 0 50px 0;}
section.posts, footer nav.main, section.awards-and-medals, section.testimonials, section.page-section, section.hire-me, section.projects, section.thumbnails, div.video, section.plants-used, section.full-post, section.full-post-reset, section.contact, section.comments {padding: 40px 0;}
section.comments {padding: 10px 0 40px 0;}
footer nav.main {padding: 40px 0;}
footer nav.main, section.awards-and-medals {padding: 40px 0;}
section.projects {padding: 40px 0 0 0;}
section.posts.category {padding: 40px 0;}
section.testimonials {padding: 40px 0 60px 0;}
div.navigate-posts {padding: 30px 0 40px 0;}
div.navigate-posts.folio {padding: 30px 0 0 0;}
	
	
div.highlights#post-gallery {padding: 30px 0 0 0;}
	
	
header nav.search-bar {top: 80px;}
header nav.search-bar div.wrap {width: 90%!important;}
header nav.search-bar form input[type="search"], header nav.search-bar form input[type="submit"] {height: 60px; font-size: 16px; width: 92%;}
header nav.search-bar form input[type="submit"] {background: url(../img/icons/search-dark.svg) no-repeat center center; background-size: 15px; width: 8%;}
	
	
header nav.top-bar {height: auto;}
header nav.top-bar span.headline {width: 100%; padding: 10px 0;}
header nav.top-bar span.headline {font-size: 8px; line-height: 170%;}


header nav.main-bar ul li.woocommerce_basket {display: none!important;}
	
	
header nav.main-bar div.wrap {width: 100%;}
header nav.main-bar {height: auto; padding: 20px 0 0 0; top: 34px;}
header nav.main-bar div.logo {position: relative; padding: 0 0 20px 5%; width: 95%; clear: both; display: block; top: 0; transform: none;}
header nav.main-bar div.logo a {width: 160px; height: 45px;}
header nav.main-bar ul {position: relative; float: left; border-top: 1px solid #f5f5f5; z-index: 200; height: auto; width: 100%; transform: none; display: none;}
header nav.main-bar ul li {margin: 0; clear: both; display: block; line-height: 170%; width: 100%; height: auto;}
header nav.main-bar ul li a {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar ul li.dropdown a:hover ul.sub-menu {display: none;}
header nav.main-bar ul li.dropdown ul.sub-menu {position: relative; width: 100%; background: #FFFFFF; padding: 0; margin: 0; left: 0; top: 0; visibility: inherit; opacity: 1; display: block!important; overflow: hidden; border-top: 1px solid #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -o-transition: none; -ms-transition:  none; -moz-transition: none; -webkit-transition: none; transition: none;}
header nav.main-bar ul li.dropdown ul.sub-menu {background: #f5f5f5; border: 0; border-bottom: 1px solid #e0e0e0; width: 100%;}
header nav.main-bar ul li.dropdown:hover ul.sub-menu {left: 0; width: 100%;}
header nav.main-bar ul li.dropdown ul.sub-menu li {width: 100%;}
header nav.main-bar ul li.dropdown ul.sub-menu li a, header nav.main-bar ul li.dropdown ul.sub-menu li a:hover {background: #f5f5f5; border: 0; border-top: 1px solid #e0e0e0; font-size: 14px;}
header nav.main-bar ul li a, header nav.main-bar ul li a:hover {display: block; clear: both; line-height: 170%; text-align: center; border-bottom: 1px solid #f5f5f5; background: #FFFFFF; color: #222222; padding: 10px 0;}
header nav.main-bar ul li.search {margin: 0; display: none;}
header nav.main-bar ul li.search a {width: 100%; height: auto; display: block; border: 2px solid #222222; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative; right: 0; top: 0; transform: none; background: #FFFFFF; border: 0; text-indent: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
header nav.main-bar ul.social li {display: inline-block; margin: 0 3px!important; float: none; clear: none!important; width: auto;}
header span.mobile-items {display: block; top: 7px;}
header span.mobile-menu {margin: 0 0 0 15px;}
header nav.main-bar ul li.dropdown ul.sub-menu.show {display: block!important;}
.no-border a {border-bottom: 0!important;}
header nav.main-bar nav.main ul li.dropdown ul.sub-menu {display: none!important;}
	
header nav.main ul, header nav.top-bar ul.social {display: none;}
	

header nav.top-bar ul.social li, footer nav.social ul li, div.share-guide ul li {margin: 0 0 0 5px;}
footer nav.social ul li, section.full-post div.share-guide ul li {margin: 0 5px 0 0;}
/* header nav.top-bar ul.social li a, footer nav.social ul li a, div.share-guide ul li a, header nav.main-bar ul.social li a {width: 35px; height: 35px;} */
header nav.top-bar ul.social li a, footer nav.social ul li a, div.share-guide ul li a, header nav.main-bar ul.social li a {
  width: 35px;
  height: 35px;
  font-size: 15px;
  background: #ffc658;
  display: flex;
}
ul.page-numbers li a, ul.page-numbers li span.current, ul.page-numbers li span.dots {font-size: 16px; width: 35px; height: 35px; line-height: 35px;}
	
section.awards-and-medals ul li {margin: 0 0 25px 0; font-size: 14px; line-height: 170%; width: 100%; display: block; clear: both; padding: 0 10%;}
section.awards-and-medals ul li:nth-child(2n) {margin: 0 0 25px 0;}
section.awards-and-medals ul li:last-child {margin: 0;}
section.awards-and-medals ul li span.crest {margin: 0 auto 5px auto; width: 45px; height: 45px;}
section.awards-and-medals ul li span.stars {margin: 5px auto 0 auto; width: 45px; height: 8px;}
	
section.projects ul li {width: 100%;}
section.plants-used div.contents ul li {padding: 0 0 5px 25px; margin: 0 0 5px 0;}
div.sidebar div.block {display: none;}
	
	
section.testimonials ul li span.author span.stars {width: 80px; height: 15px; margin: 10px 0 0 0;}
section.testimonials span.quotes, section.introduction div.nine-col span.quotes {width: 250px; height: 220px; position: absolute; top: 5%; left: 2%;}
section.testimonials ul li div.contents, section.contact div.form, section.page-section div.contents, section.full-post div.contents, section.full-post-reset div.contents, section.plants-used div.contents {width: 100%; display: block; clear: both;}
section.testimonials ul li div.image, section.contact div.contact-deats, section.page-section div.image, div.sidebar, section.plants-used div.image {width: 100%; display: block; clear: both; padding: 30px 0 0 0;}
section.page-section div.image span.description {width: 100%; display: block; clear: both;}
section.page-section div.contents div.image {width: 100%; padding: 0; margin: 0;}
section.page-section div.contents span.description {width: 100%;}
section.page-section div.contents div.image img {width: 100%;}
section.testimonials ul li div.contents.center {width: 100%;}
section.testimonials ul li div.image img, section.plants-used div.image {display: none;}
section.testimonials ul li div.image .button {text-align: center;}
	
section.lee-intro {background: none; padding: 0 0 200px 0;}
section.lee-intro div.lee {width: 180px; right: 0;}
section.lee-intro div.lee span.thats-lee {width: 100px; height: 36px; top: 20%; left: -70px; background: url(../img/thats-lee.svg) no-repeat 0 0; background-size: contain;}
section.hire-me div.lee {width: 230px; position: absolute; bottom: 0; left: 0;}
section.hire-me div.lee div.wrap {overflow-x: hidden;}
section.hire-me div.contents {width: 100%; padding: 0 0 150px 0;}
section.lee-intro div.contents .button {margin: 0;}
	
section.full-post h3.introduction {margin: 0 0 30px 0;}
section.full-post div.contents {padding: 0;}
div.sidebar {padding: 0;}
section.full-post div.contents img {margin: 0 0 30px 0;}
section.full-post div.contents .wp-caption {margin: 0 0 30px 0;}
section.full-post div.contents div.responsive-iframe, .fve-video-wrapper {margin: 0 auto 30px auto!important;}
section.page-section div.image span.description, section.full-post .wp-caption-text {padding: 10px; font-size: 11px;}
	
section.introduction div.nine-col {padding: 25px 20px; width: 100%;}
	
div.video span.click-to-watch {width: 120px; height: 44px; left: -5px; top: -30px; z-index: 200;}
	
section.posts ul li {float: left; display: block; background: #FFFFFF; margin: 0 0 2% 0;}
section.posts ul li div.contents p {padding: 0 0 10px 0;}
section.posts ul li div.contents {padding: 15px;}
section.posts ul li span.meta {padding: 0 15px 15px 15px;}
section.posts ul li div.contents h3,
section.posts ul li div.contents h4 {padding: 0 0 15px 0; font-size: 18px;}
section.posts ul li h3 span {font-size: 12px;}
section.posts ul li h4 span {font-size: 12px;}
section.posts ul li div.contents span.meta {padding: 15px 0 0 0;}
section.posts .button.more {margin: 15px auto 0 auto;}
	
section.page-section p:last-child {padding: 0;}
section.lee-intro div.contents p, section.page-section p, section.hire-me p {padding: 0 0 30px 0;}
section.lee-intro div.contents p {padding: 0 0 30px 0;}
section.lee-intro div.contents {width: 100%;}
	
.grid-sizer, .grid-item {width: 100%; display: block; clear: both; position: relative!important; top: 0!important;}
.grid {height: auto!important;}
	
section.posts nav.categories {padding: 0 0 30px 0;}
section.posts nav.categories ul li {background: none; margin: 0 2px 2px 0;}
section.posts nav.categories ul li a {padding: 0 5px; border: 2px solid #ffc658; color: #222222; display: block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; font-size: 11px;}
section.posts nav.categories ul li.current-cat a {background: #ffc658;}
section.posts nav.categories ul li a:hover {background: none;}
	
div.highlights ul, section.projects ul {background-attachment: inherit!important;}
div.highlights ul li {width: 50%;}
div.highlights ul li a .view {width: 20px; height: 20px;}
	
section.contact div.contact-deats ul li {margin: 0 0 10px 0; font-size: 16px;}
section.contact h2 {width: 100%;}
section.contact div.form form {padding: 25px 20px;}
section.contact div.form form div.field.left, section.contact div.form form div.field.right {float: left; width: 100%; display: block; clear: both; margin: 0 0 15px 0;}
section.contact div.form form input[type="text"], section.contact div.form form input[type="email"], section.contact div.form form input[type="tel"], section.contact div.form form select, section.contact div.form form textarea, section.comments form input[type="text"], section.comments form input[type="email"], section.comments form input[type="tel"], section.comments form select, section.comments form textarea, div.woocommerce input:not([type="checkbox"]), div.woocommerce select, div.woocommerce textarea {height: 45px;}
section.contact div.form form textarea, section.comments form textarea, div.woocommerce textarea {height: 200px; min-height: 200px;}
section.contact div.form form input[type="submit"], section.comments form input[type="submit"], div.woocommerce input[type="submit"] {height: 50px; font-size: 16px; width: 100%; padding: 0 20px; text-align: center;}
	
section.hero span.nav-holder, section.testimonials span.nav-holder {left: auto; right: 5%; transform: none;}
	
footer nav.contact-bar {padding: 30px 0;}
footer nav.contact-bar ul.footer-contact-details li {width: 100%;}
footer nav.contact-bar ul li {width: 100%; margin: 0 0 10px 0; font-size: 16px;}
footer nav.contact-bar ul li:last-child {margin: 0;}
footer nav.social {padding: 20px 0;}
footer nav.main ul li {clear: both; margin: 0 0 5px 0;}
footer nav.main ul li a {border-bottom: 1px solid #575757;}
footer nav.main ul li:last-child a {border: 0;}
footer nav.main ul {padding: 0 0 20px 0;}
footer nav.main h5 {padding: 0 0 20px 0; margin: 0 0 30px 0;}
footer nav.main div.col {width: 100%; display: block; clear: both; position: relative;}
footer nav.main div.col:last-of-type {margin: 0; border: 0;}
footer nav.main img {float: left; width: 25%;}
footer nav.main div.col:first-of-type {border-bottom: 2px solid #575757; padding: 0 0 10px 0; margin: 0 0 30px 0;}
footer nav.main div.col:first-of-type p {padding: 0 0 10px 0; margin: 0 0 0 5%; float: left;}
footer nav.main p.copy {padding: 20px 0 0 0; font-size: 11px;}
}

.wp-block-button__link,
section.full-post a.wp-block-button__link{
  color: #fff;
  transition: background-color ease-out 0.3s;
}

.wp-block-button__link:hover{
  background-color: #000;
}

section.full-post ul li{
  display: flex;
  flex-direction: column;
}

section.full-post ul li h3{
  flex: 1 1 auto;
}

section.full-post ul li.wc_payment_method{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  background: none;
}

.wc_payment_method>input[type="radio"]{
  border-radius: 100px;
  height: 20px;
  width: 20px;
}

.wc_payment_method>label{
  width: calc(100% - 40px);
}

.single_add_to_cart_button{
  width: 100%;
  min-height: 45px;
}

.woocommerce-variation-add-to-cart{
  display: flex;
  align-items: center;
}

.woocommerce-variation-add-to-cart .single_add_to_cart_button{
  min-height: 50px;
}

@media (max-width: 768px) {
  .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    min-height: 45px;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart table.cart td.actions .coupon{
    display: flex;
  }
}

@media (max-width: 578px) {
  .woocommerce-cart table.cart td.actions .coupon{
    flex-direction: column;
  }
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
  min-width: 300px;
}

@media (max-width: 1200px) {
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 100%;
    min-width: auto;
  }
}

.woocommerce-cart table.cart td.actions .button{
  min-height: 50px;
}

@media (max-width: 768px) {
  .woocommerce-cart table.cart td.actions .button{
    min-height: 45px;
  }
}

@media (max-width: 578px) {
  .woocommerce-cart table.cart td.actions .coupon .button{
    width: 100%;
    margin-top: 10px;
  }
}

ol.commentlist{
  padding-bottom: 0;
}

@media (max-width: 575.98px) {
  ol.commentlist {
    padding-left: 20px;
  }
}

ol.commentlist > li{
  padding-bottom: 50px;
}

ol.commentlist ul li{
  background: none;
}

@media (max-width: 575.98px) {
  ol.commentlist ul li{
    padding-left: 10px;
  }
}

ol.commentlist li:before{
  display: none;
}

ol.commentlist .comment-author{
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  width: 100%;
}

ol.commentlist .comment-author img{
  margin-bottom: 0!important;
  min-width: 32px;
}

ol.commentlist .comment-author cite{
  padding-left: 10px;
}

ol.commentlist .comment-author .says{
  display: none;
}

ol.commentlist .comment-meta{
  margin-bottom: 5px;
  line-height: 1.5;
}

ol.commentlist p{
  padding-bottom: 0;
}

ol.commentlist .reply{
  font-size: 14px;
  text-align: right;
}

ol.commentlist .comment-respond{
  padding: 15px 0 30px;
}

ol.commentlist h3#reply-title{
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  ol.commentlist h3#reply-title{
    flex-direction: column-reverse;
  }

  ol.commentlist h3#reply-title small{
  text-align: right;
  }
}

.comment-respond .form-submit,
.comment-form .form-submit{
  min-height: 60px;
  display: flex;
  justify-content: flex-end;
}

.comment-respond .form-submit #submit,
.comment-form .form-submit #submit{
  display: block;
  color: #fff!important;
  background-color: #32373c!important;
  border-radius: 999px!important;
  font-weight: 500!important;
  width: auto;
  transition: background-color ease-out 0.3s;
}

.comment-respond .form-submit #submit:hover,
.comment-form .form-submit #submit:hover{
  background-color: #000!important;
}

.comment-form>p{
  padding-bottom: 15px;
}

.akismet_comment_form_privacy_notice{
  text-align: right;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  overflow: auto;
  max-width: 100%;
  display: flex;
  gap: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background-image: none;
  white-space: nowrap;
  margin: 0;
}

.wpProQuiz_listItem ol li::before{
	/*display:none !important;*/
}

.learndash-wrapper ul li::before{
	display:none !important;
}

.wpProQuiz_quiz ol li::before{
	/*display:none !important;*/
	float: left;
	margin-right:5px;

}

.learndash-course-grid .items-wrapper.grid
{
	height:initial !important;
}

ul.wp-block-list li
{
	list-style:disc !important;
}

.wpProQuiz_clear
{
	padding:0 !important;
}

section.full-post div.contents .wp-caption img, section.full-post div.contents img.stripe-icon
{
	width:150px !important;
}

.woocommerce-Reviews-title, .woocommerce-Reviews-title span 
{
	font-size:20px !important;
}

.woocommerce div.product form.cart
{
	margin-bottom:0px;
}

.single_add_to_cart_button
{
	margin-top:15px !important;
}

section.full-post .contents li
{
	flex-direction:row !important;
	display: block;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.main-bar > .wrap > .google-auto-placed
{
	display:none;
}


section.hero.single ul li:has(.hero-img-bg) {clip-path: inset(0);}
section.hero.single ul li .hero-img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  z-index: -1;
}
@media only screen and (min-width: 960px) {
  section.hero.single ul li .hero-img-bg {
    position: fixed;
  }
}


@media only screen and (min-width: 961px) and (max-width: 1050px) {
    section.hero {
        margin-top: 110px;
    }
    header nav.main-bar {
        height: auto;
        padding: 20px 0 0;
        /* top: 50px; */
    }

    header span.mobile-items {
        display: block;
        top: 20px;
    }

    header nav.main-bar nav.main ul li.search {
        margin: 0;
        display: none;
    }

    header nav.main-bar ul li.woocommerce_basket {
        display: none !important;
    }

    header nav.main-bar div.wrap {
        width: 100%;
    }

    header nav.main-bar div.logo {
        position: relative;
        padding: 0 0 20px 5%;
        width: 95%;
        clear: both;
        display: block;
        top: 0;
        transform: none;
    }

    header nav.main-bar nav.main ul {
        position: relative;
        float: left;
        border-top: 1px solid #f5f5f5;
        z-index: 200;
        height: auto;
        width: 100%;
        display: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        transition: none;
    }
    header nav.main-bar nav.main ul li {
        margin: 0;
        clear: both;
        display: block;
        line-height: 170%;
        width: 100%;
        height: auto;
    }
    header nav.main-bar nav.main ul li a,
    header nav.main-bar ul li a:hover {
        font-size: 18px;
        display: block;
        clear: both;
        line-height: 170%;
        padding: 10px 0;
        text-align: center;
        border-bottom: 1px solid #f5f5f5;
        background: #fff;
        color: #222;
    }
    header nav.main-bar ul.social {
      display: none;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1310px) {
  header nav.main-bar ul li a {font-size: 14px;}
}


.wp-embed-aspect-16-9 {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-aspect-16-9 iframe,
.wp-embed-aspect-16-9 video,
.wp-embed-aspect-16-9 object,
.wp-embed-aspect-16-9 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.learndash .wp-block-embed,
section.full-post div.contents .wp-block-embed {
  margin: 0 auto 40px auto;
}


.swiper {
  width: 100%;
  height: 100%;
  --swiper-navigation-color: white;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  isolation: isolate;
}
.swiper-slide img {
  display: block;
  width: 100%;
}
.swiper:not(.swiper-initialized) .swiper-slider:nth-child(n+2) {
  display: none;
}
.swiper .swiper-pagination {
    --swiper-pagination-color: #4A9C72;
    --swiper-pagination-bullet-horizontal-gap: 2px;
    --swiper-pagination-bullet-inactive-color: #4A9C72;
    --swiper-pagination-bullet-inactive-opacity: .4;

    position: static;
    margin-top: -8px;
    margin-bottom: 24px;
}
.swiper:not(.swiper-initialized) .swiper-slide:nth-child(n+2) {
  display: none !important;
}
section.hero .swiper a {
    padding: 0;
    height: 100%;
    overflow: hidden;
    display: block;
}
section.hero .swiper img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
section.hero .swiper-navigation-holder {
    width: auto;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    z-index: 10;
    display: flex;
    gap: 20px;
}
section.hero .swiper-navigation-holder .swiper-button-next,
section.hero .swiper-navigation-holder .swiper-button-prev {
  position: static;
  margin-top: 0;
  padding: 8px;
}
@media only screen and (max-width: 960px) {
    section.hero .swiper-navigation-holder {
        left: auto;
        right: 5%;
        transform: none;
    }
}
.sidebar-about__slider.swiper:not(.swiper-initialized) .swiper-slider:nth-child(n+2) {
  display: none;
}
.sidebar-about__slider .swiper-pagination {
  --swiper-pagination-color: white;
  --swiper-pagination-bullet-inactive-color: white;
}

.bottom-banner__slider .swiper-pagination {
  margin-bottom: 0;
  --swiper-pagination-bullet-size: 6px;
}
.swiper.bottom-banner__slider .banner-slide {
  margin: 0;
}
.bottom-banner__slider {
    display: none;
}
.bottom-banner__slider.swiper-initialized {
    display: block;
}

/* fix search alignment */
#af-wrapper #forum-search {
  display: flex;
}

/*
----------------------------------------------------------------------
2026 Updates (START of the styles block)
----------------------------------------------------------------------
 */

.actions .coupon {  /* Coupon block alignment in the Cart */
    display: inline-flex;
    align-items: center;
    gap: 10px
}

#coupon_code {
    width: 50%  /* Bigger width for the coupon field in the Cart */
}

#woocommerce-checkout-form-coupon #coupon_code {
    width: 100%  /* Bigger width for the coupon field in the Checkout */
}

/* Align quantity and "Add to basket" button on the Single product page */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
    align-items: center
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled .quantity,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled .quantity {
    display: flex
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > p,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled > p {
    flex-grow: 1;
    padding: 0
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > p > button,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled > p > button {
    margin: 0 !important
}

/* Single product page - spacings between payment buttons */
.woocommerce .single-product div.product div.summary {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.woocommerce .single-product div.product div.summary > *:not(.price) {
    order: 1; /* The same order for all elements, but we will move "PayPal pay later" after all payment buttons */
    margin: 0 !important;
    padding: 0 !important
}

.woocommerce .single-product div.product div.summary > p {
    display: none
}

.woocommerce .single-product div.product div.summary > .ppcp-messages {
    order: 2
}

.woocommerce .single-product div.product div.summary > .product_meta {
    order: 3
}

/* Cart Shipping methods */
.woocommerce div.cart-collaterals div.cart_totals {
    width: 100%
}

.woocommerce .cart-collaterals ul#shipping_method li,
.woocommerce .checkout ul#shipping_method li {
    padding: 0;
    background: none
}

.woocommerce .cart-collaterals ul#shipping_method li input,
.woocommerce .checkout ul#shipping_method li input {
    vertical-align: inherit
}

.wc-proceed-to-checkout .checkout-button {
    width: 100%;
    text-align: center
}

.wc-proceed-to-checkout #klarna-identity-button {
    margin-bottom: 12px
}

.wc-proceed-to-checkout #klarna-identity-button > .klarna-identity-button-custom-size {
    width: 100%
}

/* Checkout place order button */
#payment .place-order #place_order {
    width: 100%
}

/*
----------------------------------------------------------------------
2026 Updates (END of the styles block)
----------------------------------------------------------------------
 */