/* March 2026 | Developed by Artenergy.com */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@500,600;900&display=swap');
/*	============================================================
	Root
	============================================================	*/
:root {	
	/* font */
	--f1:Heebo,sans-serif;
	/* colors */
	--r:#a1271e; /* red */
	--b:#0099ff; /* blue */
	--bb:#008fee; /* blue */
	--v:#982dff; /* blue */
	--g:#888; /* grey */
	--k:#000; /* black */
	--o:#ff9900; /* orange */
	--w:#fff; /* white */
	--e:#009e00; /* green */
	--y:#ffcc33; /* yellow */
	/* Transparent */
	--t:transparent;
	/* paddings */
	--p1:70px;
	--pm:30px;
	/* Border radius */
	--br1:30px;
	--br2:20px;
	--br3:15px;
	--br4:10px;
	/* Mask */
	--mask:no-repeat 0 0/100% 100%;
	 --arrow-mask:url(../img/arrow.svg) var(--mask);
	/* Shadow */
	--sha9:0 0 40px rgba(0,0,0,.4);
}
.plate {padding:140px 0;}
.br1 {border-radius:30px;}
.br50 {border-radius:50%;}

@media (max-width:576px) {
	.plate {padding:100px 15px;}
}
/*	============================================================
	General
	============================================================	*/
body {margin:0;background:var(--w);font-family:var(--f1);color:var(--k);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
*,*::before,*::after {-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}

hr {border:0;border-top:1px dotted rgba(255,255,255,.8);margin:40px 0;}
a,a:active,a:focus {color:var(--bb);outline:none;}
a:hover {color:var(--y);text-decoration:none;}

p {margin:0 0 30px 0;font-size:20px;line-height:1.5;font-weight:600;}
.img {max-width:100%;height:auto;}
.uppercase {text-transform:uppercase;}
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.text-center {text-align:center!important;}
.d-none {display:none!important;}
.pointer {cursor:pointer;}
.pull-right {float:right;}
.cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.contain {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.text-red {color:var(--r);}
.text-white {color:var(--w);}
.text-black {color:var(--k);}
.text-grey {color:var(--g);}
.text-orange {color:var(--o);}
.text-yellow {color:var(--y);}
.text-green {color:var(--e);}

.flex-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.on-top {
	z-index:1;
	position:relative;
}
.middle {
	margin:auto;
}
.opacity-08 {opacity:.85 !important;}
.no-scroll {overflow:hidden;position:fixed;width:100%;}
/*	============================================================
	Grid
	============================================================	*/
.fluid {overflow:hidden;}
.grid,.fluid {margin:0 auto;}
@media (min-width:576px) {.grid {max-width:540px;}}
@media (min-width:768px) {.grid {max-width:720px;}}
@media (min-width:992px) {.grid {max-width:960px;}}
@media (min-width:1280px){.grid {max-width:1200px;}}
@media (min-width:1400px){.grid {max-width:1340px;}}

@media (max-width:768px) {
	.md-none {
	display:none;
	}
}
@media (max-width:576px) {
	.sm-none {
	display:none;
	}
}
/*	============================================================
	Columns
	============================================================	*/
.col-1 {
	width:850px;
}
.col-2,
.col-2-50,
.col-2-b,
.col-2-cards,
.col-2-badge,
.col-2-event,
.col-3,
.col-3-cards,
.col-4-cards,
.col-4,
.col-2-icon,
.col-date,
.col-select,
.col-5,
.col-post,
.col-two-odd {
	display:grid;
	display:-ms-grid;
}
.col-2 {
	grid-row-gap:50px;
	grid-column-gap:6%;
	-ms-grid-columns:1fr 6% 1fr;
	grid-template-columns:1fr 1fr;
}
.col-2-50 {
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.col-2-b {
	grid-row-gap:0;
	grid-column-gap:6%;
	-ms-grid-columns:47% 6% 47%;
	grid-template-columns:47% 47%;
}
.col-2-cards {
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 30.75%;
	grid-template-columns:repeat(2, 30.75%);
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.col-2-event,
.col-2-badge {
	grid-row-gap:0;
	grid-column-gap:5%;
	-ms-grid-columns:35% 5% 60%;
	grid-template-columns:35% 60%;
}
.col-3,
.col-3-cards {
	grid-row-gap:50px;
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 31% 3.85% 30.75%;
	grid-template-columns:30.75% 30.75% 30.75%;
}
.col-4-cards {
	-ms-grid-columns:1fr 2.5% 1fr 2.5% 1fr 2.5% 1fr;
	grid-template-columns:repeat(4, 1fr);
	-webkit-column-gap:2.5%;
	   -moz-column-gap:2.5%;
	        column-gap:2.5%;
	row-gap:30px;
}
.col-2 .order-1 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.col-2 .order-2 {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.col-4 {
	grid-column-gap:30px;
	grid-row-gap:50px;
	-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns:repeat(4, 1fr);
}
.col-2-icon {
	-ms-grid-columns:150px 0 auto;
	grid-template-columns:150px auto;
}
.col-date {
	grid-row-gap:0;
	grid-column-gap:4%;
	-ms-grid-columns:48% 4% 48%;
	grid-template-columns:48% 48%;
	}
.col-select {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:45% 0 10% 0 45%;
	grid-template-columns:45% 10% 45%;
}
.col-5 {
	-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns:repeat(5, 1fr);
	-webkit-column-gap:30px;
	   -moz-column-gap:30px;
	        column-gap:30px;
	row-gap:30px;
}
.col-post,
.col-two-odd {
	grid-row-gap:0;
	grid-column-gap:5%;
	-ms-grid-columns:65% 5% 30%;
	grid-template-columns:65% 30%;
}
.col-volunteer {
	display:grid;
	display:-ms-grid;
	grid-row-gap:50px;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	grid-column-gap:2.5%;
	-ms-grid-columns:23.5% 2.5% 48% 2.5% 23.5%;
	grid-template-columns:23.5% 48% 23.5%;
}
.col-volunteer-v2 {
	display:grid;
	display:-ms-grid;
	grid-row-gap:50px;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	grid-column-gap:2.5%;
	-ms-grid-columns:48% 2.5% 23.5% 2.5% 23.5%;
	grid-template-columns:48% 23.5% 23.5%;
}
.col-volunteer .img,
.col-volunteer-v2 .img {
  width:100%;
  height:auto !important;
  -o-object-fit:contain;
     object-fit:contain;
}

/* 3 columns on top, 2 on bottom */
@media (max-width:1400px) {
	.col-5 {
	-ms-grid-columns:(1fr)[3];
	grid-template-columns:repeat(3, 1fr);
	justify-items:center;
	}
}
@media (max-width:1200px) {
	.col-4-cards,
	.pollinators-list .col-3 {
	display:grid;
	display:-ms-grid;
	grid-row-gap:30px;
	grid-column-gap:30px;
	-ms-grid-columns:48.25% 30px 48.25%;
	grid-template-columns:48.25% 48.25%;
	}
}
@media (max-width:992px) {
	.col-2-event {
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	padding:0 15px 0 15px;
	}
	.event-list .card.cover {
	margin-bottom:40px;
	}
}
@media (max-width:768px) {
	.col-2,
	.col-2-50,
	.col-post,
	.col-2-cards,
	.col-2-badge,
	.col-2-icon,
	.col-select,
	.col-two-odd,
	.col-2-event,
	.col-2-b,
	.col-3-cards,
	.col-3,
	.col-4,
	.col-4-cards,
	.col-volunteer,
	.col-volunteer-v2,
	.pollinators-list .col-3 {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	padding:0 15px 0 15px;
	}
	.col-1 {
	width:100%;
	}
	.col-post {
	padding:0 30px;
	}
	.col-2 .order-1 {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	.col-2 .order-2 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
	.col-5 {
	-ms-grid-columns:1fr;
	grid-template-columns:1fr;
	justify-items:stretch;
	}
	.event-list .card.cover {
	margin-bottom:10px;
	}
}
@media (max-width:576px) {
	.col-2-cards,
	.col-3-cards {
	grid-row-gap:40px;
	}
	.col-2-icon h2 {
	text-align:center;
	margin:0 auto 0px;
	}
	.col-2-icon {
	grid-row-gap:0;
	}
	.col-2-icon div {
	margin:0 auto 30px;
	}
	.col-2-badge {
	padding:0 15px;
	}
}
/*	============================================================
	Logo
	============================================================	*/
.logo {
	top:30px;
	max-height:100px;
	position:relative;
	display:block;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.logo .symbol {
	left:198px;
	width:120px;
	height:120px;
	position:absolute;
}
.logo .wordmark {
	top:71px;
	left:0;
	width:440px;
	height:auto;
	position:relative;
	-webkit-filter:brightness(10);
	        filter:brightness(10);
}
a.logo:hover .wordmark {
	-webkit-filter:brightness(1);
	        filter:brightness(1);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.logo.active .symbol,
.logo.logo-top .symbol {
	left:90px;
	width:54px;
	height:54px;
}
.logo.active .wordmark,
.logo.logo-top .wordmark {
	top:31px;
	width:200px;
}
.logo.logo-top {
	top:0;
}
@media (min-width:1200px) {
	header .links.active {
	display:inline-block;
	text-align:left;
	margin:30px 0 160px 0 !important;
	}
	header .links.active li {
	display:block;
	padding:10px 0 20px 0;
	}
	header nav.active ul li:first-of-type {
	visibility:visible !important;
	}
	header nav.active ul li a.active {
	color:#000 !important;
	}
	header nav.active li.active a {
	color:var(--k) !important;
	cursor:default;
	border-bottom:none !important;
	}
	.logo.active {
	left:40px;
	z-index:2;
	top:20px;
	position:fixed;
	}
}
@media (max-width:1600px) {
	header nav ul li:first-of-type {
	visibility:hidden;
	}
}
@media (max-width:1540px) {
	.logo {
	left:0;
	top:20px;
	}
	.logo .symbol {
	left:90px;
	width:54px;
	height:54px;
	}
	.logo .wordmark {
	top:31px;
	width:200px;
	}
}
@media (max-width:1200px) {
	.logo {
	left:0;
	}
	.logo.active {
	left:40px;
	top:20px;
	position:fixed;
	}
	header nav ul li:first-of-type {
	visibility:visible;
	}
}
.rotate-once {
	-webkit-animation:tilt 3s ease-out forwards;
	        animation:tilt 3s ease-out forwards;
} 
@-webkit-keyframes tilt {
	from
	{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 
	to 
	{ -webkit-transform:rotate(58deg); transform:rotate(58deg);}
} 
@keyframes tilt {
	from
	{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 
	to 
	{ -webkit-transform:rotate(58deg); transform:rotate(58deg);}
}
.rotate-slow {
	display:inline-block;
	-webkit-animation:spin 10s linear infinite;
	        animation:spin 10s linear infinite;
}
@-webkit-keyframes spin {
	from 
	{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	to
	{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin {
	from 
	{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	to
	{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/*	============================================================
	Header Nav
	============================================================	*/
header {
	z-index:5;
	width:100%;
	position:absolute;
}
header .col-header {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	position:relative;
	-ms-grid-columns:auto 0 auto;
	grid-template-columns:auto auto;
}
header nav {
	width:100%;
	padding-left:60px;
	padding-right:60px;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.header-bar.active {
	opacity:1;
	width:100%;
	height:100vh;
	border-bottom:none;
	background:rgba(0,0,0,.85);
}
header.nav-top nav {
	top:0;
	padding-right:45px;
	position:fixed;
}
header nav.active {
	top:100px;
	position:fixed;
	display:block;
	padding:0 var(--mp) 0 0;
	height:calc(100vh - 1px);
	overflow-y:auto;
	background:-webkit-gradient(linear,left top, left bottom,color-stop(33%, #fccf24),to(#d77f28));
	background:-o-linear-gradient(top,#fccf24 33%,#d77f28 100%);
	background:linear-gradient(to bottom,#fccf24 33%,#d77f28 100%);
}
header.nav-top nav .links {
	margin:5px 0 0 0;
}
header .links {
	margin:90px -15px 0 0;
	text-align:right;
}
header nav ul {
	margin:0;
	list-style:none;
}
header nav li {
	position:relative;
	display:inline-block;
	padding:10px 15px 30px 15px;
}
header nav li a {
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
header nav li:hover a {
	color:#111;
}
header nav a,
header nav a:active,
header nav a:focus {
	color:#fff;
}
header nav li a.active {
	color:var(--y);
	border-bottom:2px solid var(--y);
}
header nav li:hover a.active {
	color:#111;
	border-bottom:2px solid #111;
}
.header-bar {
	top:0;
	left:0;
	opacity:0;
	z-index:-1;
	width:100%;
	height:60px;
	position:fixed;
	border-bottom:1px solid rgba(255,255,255,.1);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
	background:rgba(0,0,0,.5);
}
.show-header-bar {
	opacity:1;
}
/* Nav sub-menu */
header .sub-menu {
	display:none;
}
header .sub-menu {
	z-index:1;
	text-align:left;
	margin-top:20px;
	margin-left:-15px;
	padding:20px 60px 30px 20px;
	position:absolute;
	border-radius:0 var(--br2) var(--br2) var(--br2);
	background-image:-webkit-gradient(linear, left top, right top, from(#ffcc33),to(#ff9900));
	background-image:-o-linear-gradient(left, #ffcc33 0%,#ff9900 100%);
	background-image:linear-gradient(90deg, #ffcc33 0%,#ff9900 100%);
}
header li:hover:nth-of-type(7) .sub-menu,
header nav li:hover:nth-of-type(8) .sub-menu {
	right:0px;
	border-radius:var(--br2) 0  var(--br2) var(--br2);
}
header .sub-menu a {
	color:#111;
	font-size:18px;
	white-space:nowrap;
	text-transform:none;
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50px 0 auto;
	grid-template-columns:50px auto;
	text-shadow:0 -1px rgba(255,255,255,.2);
}
header .sub-menu a:hover {
	color:#fff;
	margin-left:-10px;
	padding:0 20px 0 10px;
	border-radius:var(--br1);
	text-shadow:0 -1px rgba(0,0,0,.4);
	background:rgba(0,0,0,.1) !important;
}
header .sub-menu.active {
	display:block;
	position:relative;
	margin-top:0;
	margin-left:-15px;
	padding:0 10px 10px 10px;
	background-image:none;
	border-radius:unset;
}
header .sub-menu img {
	width:35px;
	height:35px;
	margin-top:7px;
	display:inline-block;
}
header .sub-menu span {
	line-height:50px;
	display:inline-block;
}
header ul li:hover .sub-menu {
	display:block;
}
header nav ul li:hover:nth-of-type(2) .sub-menu,
header nav ul li:hover:nth-of-type(3) .sub-menu,
header nav ul li:hover:nth-of-type(4) .sub-menu,
header nav ul li:hover:nth-of-type(5) .sub-menu {
	min-width:370px;
	padding-right:20px;
}
header nav ul li:hover:nth-of-type(5) .sub-menu {
	min-width:390px;
}
header nav ul li:hover:nth-of-type(7) .sub-menu {
	display:block;
}
header nav ul li:hover:nth-of-type(6) .sub-menu,
header nav ul li:hover:nth-of-type(7) .sub-menu,
header nav ul li:hover:nth-of-type(8) .sub-menu {
	min-width:340px;
	padding-right:20px;
}
/* Active sub-nav */
header nav ul:first-of-type li:hover {
	border-radius:var(--br3) var(--br3) 0 0 ;
	background-position:top left;
	background-repeat:repeat-y;
	background-image:url(../img/bg-gradient.png);
}
header nav ul:first-of-type li:nth-of-type(7):hover,
header nav ul:first-of-type li:nth-of-type(8):hover {
	background-position:top right;
}
header nav ul:first-of-type li a:hover {
	background:none;
}
header nav ul:first-of-type li:nth-of-type(1):hover a.active {
	color:var(--y);
	border-color:var(--y);
}
header nav ul:first-of-type li:nth-of-type(1):hover {
	border-radius:unset;
	background:none;
}
/* Alexs' hack
header nav .col-header ul:nth-of-type(2) li:nth-child(3),
header nav .col-header ul:nth-of-type(2) li:nth-child(4),
header nav .col-header ul:nth-of-type(2) li:nth-child(5) {
	display:none;
} */
.sub-info {
	display:none;
}
.sub-info.active {
	display:block;
	color:var(--k);
	font-weight:600;
}
.sub-info.active a {
	color:var(--k);
	text-transform:none;
	text-decoration:none;
}
.sub-info.active div a {
	font-size:18px;
}
header .utility {
	top:35px;
	right:60px;
	display:block;
	position:absolute;
}
header .utility.active {
	position:fixed;
}
header .utility a {
	color:var(--y);
	font-size:20px;
	font-weight:600;
	margin-left:15px;
	text-decoration:none;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
header .utility .icon-cart {
	position:relative;
}
header .utility .icon-cart:before {
	width:25px;
	height:21px;
	content:'';
	opacity:.9;
	display:inline-block;
	position:relative;
	background:var(--w);
	margin:0 7px -2px 0;
	mask:url(../img/icon-cart.svg) var(--mask);
	-webkit-mask:url(../img/icon-cart.svg) var(--mask);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
header .utility .icon-cart span {
	top:0px;
	right:1px;
	width:17px;
	height:17px;
	z-index:2;
	color:#eee;
	display:inline-block;
	font-size:13px;
	cursor:pointer;
	position:absolute;
	border-radius:50%;
	text-align:center;
	background-color:var(--r);
}
header .utility .icon-cart span:empty {
	display:none;
}
header .utility .icon-cart:hover:before {
	opacity:.4;
	background:var(--w);
}
header .utility .btn-sm {
	top:-3px;
	position:relative;
}
@media (max-width:1400px) {
	header nav {
	padding-left:30px;
	}
	header.nav-top nav {
	padding-left:30px;
	padding-right:30px;
	}
}
@media (max-width:1200px) {
	header .utility {
	right:85px;
	}
	header .col-header {
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	header nav ul li:hover:nth-of-type(1) .sub-menu,
	header nav ul li:hover:nth-of-type(2) .sub-menu,
	header nav ul li:hover:nth-of-type(3) .sub-menu,
	header nav ul li:hover:nth-of-type(4) .sub-menu,
	header nav ul li:hover:nth-of-type(5) .sub-menu,
	header nav ul li:hover:nth-of-type(6) .sub-menu,
	header nav ul li:hover:nth-of-type(7) .sub-menu,
	header nav ul li:hover:nth-of-type(8) .sub-menu {
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	padding-right:0;
	}
	header .links {
	display:none;
	text-align:left;
	margin:30px 0 160px 0 !important;
	}
	header .links li {
	display:block;
	padding:10px 0 20px 0;
	}
	header .sub-menu span {
	font-size:16px;
	line-height:30px;
	}
	header .links.active {
	display:block;
	}
	header .sub-menu {
	display:inline-block;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	margin-top:15px !important;
	}
	header nav ul:first-of-type li:hover {
	background:none;
	}
	header .sub-menu img {
	width:30px;
	height:30px;
	margin-top:-2px;
	}
	header nav li a.active {
	color:var(--k);
	border-bottom:2px solid var(--k);
	}
	
	header nav ul:first-of-type li:nth-of-type(1):hover a,
	header nav ul:first-of-type li:nth-of-type(1):hover a.active {
	color:var(--w);
	border-color:var(--k);
	}
}
@media (max-width:768px) {
	header .utility {
	display:none;
	}
}

/*	============================================================
	Color it
	============================================================	*/
mark {
	background-size:100%;
	background-repeat:repeat;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent; 
	-moz-background-clip:text;
	-moz-text-fill-color:transparent;
	background-image:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	background-image:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
}
.bright {
	color:#293b8f;
}
.bright2 {
	color:var(--y);
}
/*	============================================================
	Hero
	============================================================	*/
.hero {
	z-index:0;
	width:100%;
	height:100vh;
	min-height:800px;
	overflow:hidden;
	display:-ms-grid;
	display:grid;
	position:relative;
	-webkit-box-align:center;
		-ms-flex-align:center;
			align-items:center;
}
.hero.alt {
	height:50vh;
	min-height:500px;
}
.hero h1 {
	color:var(--w);
	margin-bottom:15px;
}
.hero.alt .intro .author-date {
	opacity:.8;
	color:var(--w);
	font-size:18px;
	font-weight:600;
	margin-top:30px;
}
.hero.alt .intro .author-date a {
	color:var(--w);
}
.hero.alt .intro {
	padding-right:100px;
}
.hero.alt h2 {
	line-height:1.2;
}
.hero h2 {
	color:var(--w);
	font-weight:600;
	margin-top:25px;
	margin-bottom:10px;
}
.hero h3 {
	color:var(--w);
	font-weight:600;
	margin-bottom:100px;
}
.hero h3 a {
	color:var(--y);
	text-decoration:none;
}
.hero h3 a:hover {
	color:var(--y);
	text-decoration:underline;
}
.hero .intro {
	z-index:1;
}
.col-charlotte {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:140px 0 auto;
	grid-template-columns:140px auto;
}
.charlotte-smile {
	width:120px;
	height:120px;
	border-radius:50%;
	float:left;
	border:2px solid var(--y);
	display:block;
	margin-top:10px;
}
.article .charlotte-smile,
.about-charlotte .charlotte-smile {
	width:200px;
	height:200px;
	border-radius:50%;
	float:left;
	border:2px solid var(--y);
	display:block;
	margin:0 30px 15px 0;
}
.post hr,
.event hr,
.in-press hr,
.gift-card hr,
.shopping-cart hr,
.upcoming-classes hr,
.you-learn hr,
.article hr {border:0;border-top:1px dotted rgba(0,0,0,.8);margin:40px 0;}
.img-logo {
	min-height:110px;
}
.terms .list-3 li,
.you-learn .list-3 li,
.community-projects .list-3 li {
	color:var(--k);
}
.img-logo .img {
	max-width:300px;
	max-height:150px;
}
.press-list {
	border-bottom:1px dotted rgba(0,0,0,.8);margin:0 0 40px 0;
}
/* Video & Intro */
.hero video {
	left:0;
	top:0;
	z-index:0;
	width:auto;
	height:auto;
	display:block;
	min-height:100vh;
	min-width:100%;
	position:absolute;
	-webkit-filter:saturate(120%) brightness(0.55);
	        filter:saturate(120%) brightness(0.55);
}
/* Intro */
@media (min-width:576px) {
	.hero .intro {
	margin:100px 30px 0 30px;
	}
}
@media (min-width:768px) {
	.hero .intro {
	margin:60px 30px 0 30px;
	}
}
@media (min-width:1200px) {
	.hero .intro {
	margin:60px 30px 0 120px;
	}
}
@media (min-width:1400px) {
	.hero .intro {
	margin:60px 30px 0 230px;
	}
}
@media (max-width:1200px) {
	.col-charlotte {
	-ms-grid-columns:105px 0 auto;
	grid-template-columns:105px auto;
	}
	.charlotte-smile {
	width:90px;
	height:90px;
	margin-top:15px;
	}
}
@media (max-width:992px) {
	.hero.alt .intro {
	padding-right:0;
	}
	.charlotte-smile {
	width:85px;
	height:85px;
	margin-top:20px;
	}
}
@media (max-width:576px) {
	.hero video {
	display:none;
	}
	.hero.alt {
	height:50vh;
	min-height:400px;
	}
	.hero .intro {
	margin:0 30px 0 30px;
	}
	.hero.alt .intro .author-date a {
	display:block;
	}
	.charlotte-smile {
	display:none;
	}
	.about-charlotte h2 {
	text-align:center;
	}
	.article .charlotte-smile,
	.about-charlotte .charlotte-smile {
	float:none;
	margin:0 auto 35px;
	}
	.col-charlotte {
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
}
/*	============================================================
	Video Embed
	============================================================	*/
.s-videos {
	margin-top:-100px;
}
.embed-responsive {
	height:0;
	padding:0;
	position:relative;
	display:block;
	overflow:hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	top:0;
	left:0;
	bottom:0;
	border:0;
	width:100%;
	height:100%;
	position:absolute;
}
.embed-responsive-16by9 {
	padding-bottom:56.25%;
}
.embed-responsive-4by3 {
	padding-bottom:75%;
}
/*	============================================================
	Bubble
	============================================================	*/
.talk-bubble {
	right:60px;
	bottom:60px;
	width:400px;
	height:auto;
	display:block;
	position:absolute;
	background-color:#444;
	border:solid var(--y);
	border-width:2px 2px 8px 6px;
	border-radius:var(--br1);
	-webkit-border-radius:var(--br1);
	-moz-border-radius:var(--br1);
}
.col-bubble {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:140px 0 auto;
	grid-template-columns:140px auto;
}
.bubble-img {
	border-radius:25px 0 0 25px;
}
.talk-bubble:before {
	content:'';
	right:41px;
	left:auto;
	top:auto;
	bottom:-34px;
	border:14px solid;
	position:absolute;
	border-color:var(--y) transparent transparent var(--y);
}
.talk-bubble:after {
	content:'';
	right:30px;
	top:auto;
	bottom:-20px;
	border:16px solid;
	position:absolute;
	border-color:#444 transparent transparent #444;
}
.talktext {
	color:#fff;
	margin:0;
	padding:18px 20px 20px;
	line-height:1.2em;
}
.talktext small {
	color:#eee;
	display:block;
	padding-bottom:5px;
}
.talktext i {
	color:#eee;
	font-size:16px;
	font-weight:500;
}
.talk-bubble .arrow:after {
	margin:3px 0 0 10px;
}
.talk-bubble .arrow:hover:after {
	background:var(--w);
	margin-left:14px;
}
.talk-bubble a {
	display:block;
	color:var(--y);
	font-size:15px;
	font-weight:600;
	padding-top:5px;
	text-decoration:none;
}
.talk-bubble a:hover {
	text-decoration:underline;
}
@media (max-width:992px) {
	.talk-bubble {
	display:none;
	}
}
/*	============================================================
	Card
	============================================================	*/
.card {
	color:#111;
	display:block;
	overflow:hidden;
	position:relative;
	padding:40px 40px 40px 40px;
	border-radius:var(--br1);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15),-5px -4px 8px rgba(255,255,255,0.5);
	        box-shadow:1px 1px 1px rgba(0,0,0,0.15),-5px -4px 8px rgba(255,255,255,0.5);
}
.card.overlay:before {
	z-index:-1;
}
h4 {
	font-weight:700;
	font-size:24px;
	margin-bottom:15px;
}
p {
	line-height:1.3;
}
.col-4-cards .card p {
	font-size:18px;
}
.card-photo .small-icon {	
	width:40px;
	height:40px;
	margin:20px 0 20px 0;
	-webkit-filter:invert(10);
	        filter:invert(10);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.the-beginning .col-reduced {
	margin:0 60px;
}
.the-beginning .col-reduced .img {
	max-height:260px;
}
.card-photo .col-reduced {
	margin:0 60px 40px;
}
.card-photo  .card {
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
	        box-shadow:0 0 2px rgba(0,0,0,0.5);
	padding-bottom:30px;
}
.card-photo.card-hover .card:hover {
	cursor:pointer;
	-webkit-box-shadow:none;
	        box-shadow:none;
	background-size:108%;
}
.card-photo .card p,
.card-photo .card h4 {
	color:var(--w);
}
.rooted {
	position:relative;
}
.rooted .symbol {
	z-index:0;
	opacity:.85;
	top:-100px;
	left:-100px;
	width:300px;
	height:300px;
	position:absolute;
	-webkit-transform:rotate(40deg);
	    -ms-transform:rotate(40deg);
	        transform:rotate(40deg);
}
.rooted .middle,
.rooted .card-photo {
	position:relative;
	z-index:1;
}
.pollinators-list p {
	min-height:120px;
}
.pollinators-list h3 {
	color:var(--w);
	margin-top:40px;
}
.pollinators-list .btn {
	display:block;
	margin-bottom:10px;
}
.pollinators .card .small-icon {
	-webkit-filter:invert(1) brightness(2);
	        filter:invert(1) brightness(2);
}
.card-photo.card-hover .card:hover p,
.card-photo.card-hover .card:hover h4 {
	color:var(--y);
}
.card-photo .card:hover .small-icon {	
	width:50px;
	height:50px;
	margin:10px 0 20px 0;
}
.pollinators .card p,
.pollinators .card h4 {
	color:var(--w);
	text-align:left;
}
.pollinators .card a.link {
	color:var(--y);
	font-weight:600;
}
@media (max-width:1200px) {
	.card-photo .col-reduced {
	margin:0 0 40px;
	}
}
@media (max-width:768px) {
	.pollinators.cover {
	background-size:108%;
	background-position:center 0;
	}
	h4 {
	font-size:20px;
	}
	.pollinators-list {
	padding-left:0px;
	padding-right:0px;
	}
	.pollinators-list h3 {
	font-size:20px;
	}
	.the-beginning .col-reduced {
	margin:0;
	}
}
/*	============================================================
	Cards, blog and other pages
	============================================================	*/
.blog-cards .card,
.shop-cards .card,
.plant-guide-cards .card,
.articles-cards .card {
	padding:0;
	background-color:#fff;
}
.blog-cards .card:hover,
.shop-cards .card:hover,
.plant-guide-cards .card:hover,
.articles-cards .card:hover {
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.05);
	        box-shadow:1px 1px 1px rgba(0,0,0,0.05);
}
.plant-guide-cards .disabled-card,
.articles-cards .disabled-card {
	background-color:transparent;
}
.articles-cards .charlotte-smile {
	width:160px;
	height:160px;
	border-radius:50%;
	float:left;
	border:2px solid var(--y);
	display:block;
	margin:10px 40px 0 0;
}
.card-img {
	width:100%;
	height:240px;
	display:block;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.card-img:hover {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	    transform:scale(1.1);
}
.shop-seeds .card-img:hover {
	-webkit-transform:scale(1.17);
	-ms-transform:scale(1.17);
	    transform:scale(1.17);
}
.card-body {
	color:#333;
	padding:30px 40px 10px 40px;
}
.shop-cards .card,
.plant-guide-cards .card {
	  cursor:pointer;
}
.plant-guide-cards .card-body {
	padding:30px 30px 0 30px;
	display:-webkit-box;
	-webkit-line-clamp:6;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.blog-cards .col-3-cards .card-body,
.articles-cards .col-3-cards .card-body {
	padding-bottom:0;
	display:-webkit-box;
	-webkit-line-clamp:8;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.shop-cards .card-body {
	padding:30px 30px 15px 30px;
}
.shop-cards .card,
.plant-guide-cards .card {
	padding-bottom:25px;
}
.blog-card-date {
	margin-bottom:20px;
}
.blog-cards .col-3-cards .card,
.articles-cards .col-3-cards .card {
	padding-bottom:40px;
}
.blog-card-title,
.shop-card-title {
	color:var(--r);
	display:block;
	font-weight:700;
	font-size:24px;
	line-height:1.2;
	margin-bottom:15px;
	text-decoration:none;
}
.shop-card-title:hover,
.blog-card-title:hover {
	color:var(--k);
}
.shop-card-title {
	min-height:50px;
}
.blog-promo,
.plant-of-month,
.demonstration {
	padding:80px 0 0 0;
}
.pollinators-waystation {
	padding:80px 0 80px 0;
}
.edible,
.articles-cards,
.shop-cards,
.shop-product,
.plant-guide-cards,
.growing-native-plants,
.garden-highlights,
.pesticide-free {
	padding:80px 0 120px 0;
}
.youth-programs,
.gardening-basics,
.propagation-overview {
	padding:80px 0 0 0;
}
.the-beginning,
.title-opening {
	padding:140px 0 60px 0;
}
.you-learn,
.guided-by,
.community-projects {
	padding:140px 0 80px 0;
}
.pesticide-free .shadow {
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.15));
	        filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.15));
}
.growing-native {
	padding:0 0 120px 0;
}
.articles-cards,
.plant-guide-cards,
.pesticide-card,
.partners-ways {
	padding-bottom:180px;
}
.supporting-schools,
.pogram-areas,
.together-for,
.highlights-card {
	padding:100px 0 140px 0;
}
.shop-cards {
	padding-bottom:40px;
}
.shop-cards.shop-seeds .card-img {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center 0;
}
.shop-cards.shop-signs .card-img {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.shop-cards.shop-signs h2,
.shop-cards.shop-seeds h2 {
	opacity:.8;
	color:var(--k);
	font-size:var(--h4);
}
.shop-product h2 {
	color:var(--r);
	padding-top:40px;
}
.shop-product h2 small {
	color:var(--g);
}
.shop-product h3 small,
.shop-cards h3 small {
	padding-right:3px;
}
.shop-seeds .filter-form {
	margin:-90px 0 0 auto;
}
.pogram-areas .card,
.highlights-card .card,
.together-for .card {
	color:var(--w);
	padding-top:60px;
	padding-bottom:50px;
}
.pogram-areas .card,
.together-for .card {
	color:var(--k);
}
.growing-native .card h3 {
	color:var(--w);
}
.propagation-classes .card,
.pesticide-card .card {
	padding-bottom:5px;
}
.growing-native .card {
	padding-bottom:50px;
}
.plant-of-month .card {
	min-height:250px;
}
.featured {
	  display:-webkit-box;
	  -webkit-line-clamp:7;
	  -webkit-box-orient:vertical;
	  overflow:hidden;

}
.smart-practice .grid {
	z-index:2;
}
.supporting-schools p,
.supporting-schools h4,
.supporting-schools h3,
.propagation-classes .on-top p,
.smart-practice .h3 {
	color:var(--w);
}
.growing h3 {
	line-height:1.2;
}
.demonstration h2,
.plant-of-month h2,
.blog-promo h2 {
	margin-bottom:15px;
}
.blog-promo h3 {
	margin-bottom:10px;
	font-weight:700;
}
.blog-promo h3 a {
	color:var(--r);
	text-decoration:none;
}
.blog-promo h3 a:hover {
	color:var(--k);
}
.intervention h2 mark,
.demonstration h2 mark,
.plant-of-month h2 mark,
.get-in-touch h2 mark,
.teaching h2 mark,
.the-beginning h2 mark,
.guided-by h2 mark,
.blog-promo h2 mark {
	color:#fff !important;
	text-shadow:0 -1px rgba(0,0,0,.5);
	background:transparent !important;
	-webkit-text-fill-color:initial !important;
	-webkit-background-clip:border-box !important;
}
.plant-of-month h2 a {
	text-decoration:none;
}
.plant-of-month h2 a:hover mark {
	color:#000 !important;
	text-shadow:0 1px rgba(255,255,255,.5);
}
.blog-promo .blog-author-date,
.plant-of-month .blog-author-date {
	margin:0 0 15px;
	font-weight:600;
}
.blog-promo .blog-author-date a {
	text-decoration:none;
}
.blog-promo .blog-author-date a:hover {
	opacity:.5;
}
.shop-product hr,
.plant-of-month hr,
.blog-promo hr {
	border-top:1px dotted rgba(0,0,0,.8);
	margin:0 0 50px;
}
.event-list .col-2-event {
	border-bottom:1px dotted rgba(0,0,0,.8);
	padding-bottom:80px;
	margin-bottom:80px;
}
.event-body {
	position:relative;
}
.plant-of-month hr {
	margin:0 0 25px;
}
.blog-promo .card.cover:hover {
	-webkit-transform:scale(1.01);
	-ms-transform:scale(1.01);
	    transform:scale(1.01);
}
.blog-cards .blog-pills {
	text-align:center;
}
.blog-cards .blog-pills a {
	color:#333;
	display:inline-block;
	font-size:14px;
	font-weight:600;
	border-radius:50px;
	text-decoration:none;
	padding:5px 12px 5px 12px;
	margin:0 10px 15px 0;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	background-color:var(--b);
	text-shadow:0 -1px rgba(255,255,255,.2);
	background:#ffe599;
}
.blog-cards .blog-pills a:hover {
	color:#000;
	background:var(--y);
}
.blog-cards .blog-pills a.active {
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,.4);
	background:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	background:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
}
.post {
	padding:80px 0 140px 0;
}
.community-network,
.article {
	padding:80px 0 40px 0;
}
.cta,
.cta-2 {
	color:#fff;
	padding:140px 0 140px 0;
}
.cta-2 {
	padding:260px 0 260px 0;
}
.cta-2 .col-2 div {
	z-index:2;
}
.post p small {
	display:block;
	font-weight:500;
	line-height:1.2;
}
.post-crumbs {
	border-bottom:1px dotted rgba(0,0,0,.8);
	padding-bottom:20px;
	margin:0 0 40px 0;
}
.post-quote {
	border-left:10px solid var(--y);
	padding:0 0 0 40px;
}
.post-link {
	font-size:18px;
	line-height:1.75;
	font-weight:600;
}
.post-link.active a {
	color:var(--k);
	text-decoration:none;
}
.plant-details h4 {
	margin-bottom:10px;
}
.plant-details h4 strong {
	color:var(--r);
}
.post .img,
.article .img {
	border-radius:var(--br2);
}
.item-title {
	margin:40px 0 0 0;
	font-style:italic;
}
.event-list .card.cover {
	min-height:300px;
}
.event h4 {
	margin-bottom:15px;
}
.event-details {
	position:relative;	
}
.event-badge {
	top:2px;
	right:0;
	display:block;
	width:fit-content;
	position:relative;
	position:absolute;
}
.event-status {
	float:left;
	font-size:16px;
	font-weight:600;
	display:block;
	width:fit-content;
	border-radius:20px;
	padding:6px 15px 6px 15px;
	margin-right:10px;
	color:#fff;
	line-height:1;
	position:relative;
	text-shadow:0 -1px rgba(0,0,0,.6);
}
.event-status:nth-of-type(2) {
	border:1px solid #ccc;
	text-shadow:none;
	padding:5px 14px 5px 14px;
}
.event-status.e-public {
	background:#3A7D44;
}
.event-status.e-volunteer  {
	background:#6B8E23;
}
.event-status.e-internal {
	background:#7A7A7A;
}
.event-status.e-paid-prog {
	background:#C69214;
}

.event-status.e-open {
	color:#2E7D32;
	background:#E6F4EA;
}
.event-status.e-limited {
	color:#B26A00;
	background:#FFF4E5;
}
.event-status.e-team-only {
	color:#6B6B6B;
	background:#F3F3F3;
}
.event-status.e-fully-booked {
	color:#6B6B6B;
	background:#F3F3F3;
}
.event-status.e-past-events {
	color:#6B6B6B;
	background:#F3F3F3;
}

.event-date {
	color:var(--r);
	font-size:42px;
	font-weight:700;
}
.event-title a {
	color:#111;
	text-decoration:none;
}
.event-title a:hover {
	opacity:.8;
	text-decoration:underline;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.event-title small {
	font-size:18px;
	opacity:.8;
	line-height:30px;
	margin:0px;
	font-weight:600;
	display:block;
}
.shop-product .img {
	max-height:600px;
	margin:0 auto 0 auto;
	border-radius:var(--br1);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15),-5px -4px 8px rgba(255,255,255,0.5);
	        box-shadow:1px 1px 1px rgba(0,0,0,0.15),-5px -4px 8px rgba(255,255,255,0.5);
}
@media (max-width:1300px) {
	.event-badge {
	top:-30px;
	}
}
@media (max-width:992px) {
	.event-badge {
	top:-20px;
	}
}
@media (max-width:768px) {
	.plant-of-month .card,
	.blog-promo .card.cover,
	.event-list .card.cover,
	.visit-nursery .card.cover,	
	.community-network .card.cover,
	.growing-native-plants .card.cover,
	.propagation-overview .card.cover {
	height:400px;
	margin-top:-40px;
	}
	.shop-product {
	padding:80px 15px 80px 15px;
	}
	.shop-product hr {	
	margin:0 0 20px;
}
	.shop-product h2 {
	padding-top:0;
	}
	
	.plant-of-month .card {
	margin-bottom:40px;
	}
	.blog-cards .blog-pills a {
	padding:5px 10px 5px 10px;
	margin:0 5px 10px 0;
	}
	.cta {
	padding:100px 30px;
	}
	.cta-2 {
	padding:100px 20px;
	}
	.plants-we-grow {
	padding:0 30px;
	}
	.post-link {
	font-size:16px;
	}
	.edible,
	.pesticide-free,
	.garden-highlights,
	.growing-native-plants,
	.propagation-overview,
	.pollinators-waystation,
	.community-network,
	.the-beginning{
	padding:80px 15px 80px 15px;
	}
	.gardening-basics,
	.donate-overview,
	.contact-us {
	padding:80px 30px 80px 30px;
	}
	.title-opening {
	padding:40px 30px 60px 30px;
	}
	.supporting-schools,
	.youth-programs,
	.plant-of-month,
	.demonstration,
	.blog-promo {
	padding:80px 15px 0 15px;
	}
	.supporting-schools {
	padding-bottom:80px;
	}
	.pollinators-waystation {	
	background-size:148%;
	background-repeat:no-repeat;
	background-position:-160px 20px;
	}
	.articles-cards,
	.pesticide-card {
	padding-bottom:140px;
	}
	.pesticide-card .card .medium-icon.cover {
	margin-bottom:30px !important;
	}
	.articles-cards .col-1 {
	padding:0 30px 0 30px;
	}
	.plant-guide-cards .disabled-card,
	.articles-cards .disabled-card {
	display:none;
	}
	.event-badge {
	top:-40px;
	}
}
@media (max-width:576px) {
	.plant-of-month .card,
	.blog-promo .card.cover,
	.event-list .card.cover,
	.visit-nursery .card.cover,
	.community-network .card.cover,
	.growing-native-plants .card.cover,
	.propagation-overview .card.cover  {
	height:300px;
	}
}
/*	============================================================
	Cost
	============================================================	*/
.product-cost {
	display:block;
}
.product-cost ul {
	margin:-20px 0 0 -5px;
	padding:0;
	list-style:none;
}
.product-cost li {
	margin:0;
	display:inline-block;
}
.product-cost li:nth-child(1) {
	padding-right:15px;
}
.product-cost li:nth-child(2) {
	padding-right:20px;
}
.product-cost .form-group input {
	width:65px;
	text-align:center;
}
@media (max-width:1400px) {
	.product-cost .btn {
	min-width:90px;
	}
}
/*	============================================================
	Bios
	============================================================	*/
.bios .col-2 {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:4%;
	-ms-grid-columns:48% 4% 48%;
	grid-template-columns:48% 48%;
}
@media (max-width:992px) {
	.bios .col-2 {
	grid-row-gap:50px;
	grid-column-gap:4%;
	-ms-grid-columns:38% 4% 58%;
	grid-template-columns:38% 58%;
	}
	.bios .col-2 div:nth-of-type(3) {
	-ms-flex-order:2;
		-webkit-box-ordinal-group:3;
			order:2;
	}
}
@media (max-width:576px) {
	.bios .col-2 {
	grid-row-gap:50px;
	grid-column-gap:0%;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.bios {
	padding:30px 30px 30px 30px;
	}
	.bios h2 {
	text-align:center;
	margin:40px 0 40px 0;
	}
	.growing {
	padding-left:30px;
	padding-right:30px;
	}
}
/*	============================================================
	Plant of the Month
	============================================================	*/
.plant-year h2.h3 {
	margin-bottom:5px;
}
.plant-left .cover {
	margin-left:-200px;
}
.plant-right .cover {
	margin-right:-200px;
	-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
			order:1;
}
.plant-left .plant-overview,
.plant-right plant-overview {
	width:80%;
	max-width:800px;
}
.plant-left .plant-overview {
	padding:100px 0 100px 80px;
}
.plant-right .plant-overview {
	width:80%;
	margin:0 0 0 auto;
	padding:100px 80px 100px 0;
}
@media (max-width:768px) {
	.plant-year h3.h2 {
	font-size:30px;
	}
	.plant-left .plant-overview {
	width:100%;
	padding:0px 15px 100px 15px;
	}
	.plant-right .plant-overview {
	width:100%;
	margin:0 0 0 auto;
	padding:0px 15px 100px 15px;
	}
	.plant-right .plant-overview {
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
	}
	.plant-left .cover {
	height:400px;
	margin-left:0;
	border-radius:var(--br2);
	}
	.plant-right .cover {
	height:400px;
	margin-right:0;
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
	border-radius:var(--br2);
	}
	.cta-visit {
	padding:100px 30px 100px 30px;
	}
}
@media (max-width:576px) {
	.plant-left .cover {
	height:260px;
	}
	.plant-right .cover {
	height:260px;
	}
}
/*	============================================================
	Steps
	============================================================	*/
.steps {
	color:#fff;
	text-align:center;
}
.steps h2,
.steps h3,
.steps h4,
.steps .col-5 {
	z-index:2;
	position:relative;
}
.steps .medium-icon.cover {
	border:2px solid var(--y);
	border-radius:50%;
	position:relative;
	margin:0 auto 30px;
	background-size:85%;
}
.steps .medium-icon.cover:before {
	content:'1';
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	border-radius:50%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	color:#fff;
	font-size:20px;
	font-weight:900;
	background-color:var(--r);
	text-shadow:0 -1px rgba(0,0,0,.5);
	border-bottom:1px solid var(--k);
}
.steps .col-5 div:nth-child(2) .medium-icon.cover:before {
	content:'2';
}
.steps .col-5 div:nth-child(3) .medium-icon.cover:before {
	content:'3';
}
.steps .col-5 div:nth-child(4) .medium-icon.cover:before {
	content:'4';
}
.steps .col-5 div:nth-child(5) .medium-icon.cover:before {
	content:'5';
}
/*	============================================================
	List
	============================================================	*/
.list,
.list-inline {
	padding:0;
	margin:0;
	z-index:2;
	list-style:none;
	position:relative;
}
.list-inline > li {
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
}
.list li {
	font-size:22px;
	line-height:1.15;
	font-weight:600;
	padding-bottom:12px;
	padding-left:48px;
	color:#eee;
	text-align:left;
}
.list.list-2 .medium-icon,
.list.list-4 .md-icon {
	float:left;
	display:inline-block;
	margin:-5px 20px 0 0;
	-webkit-filter:invert(1) brightness(2);
	        filter:invert(1) brightness(2);
}
.list.list-4 {
	padding-left:60px;
}
.list.list-4 li {
	padding-bottom:0;
	margin-bottom:0;
}
.list.list-4 .md-icon {
	float:none;
	margin:15px 20px -15px 0;
}
.list.list-4 h3,
.list.list-2 h3 {
	color:var(--y);
	margin-bottom:15px;
}
.list.list-4 h3 {
	display:inline-block;
	margin-bottom:0;
}
.partners-ways .list li,
.intervention .list li,
.from-seed .list li {
	color:var(--k);
}
.text-red.list li {
	color:var(--r);
}
.text-yellow.list li {
	color:var(--y);
}
.list.list-3 li:before {
	left:0;
	z-index:2;
	content:'';
	width:30px;
	height:30px;
	margin-top:-8px;
	position:absolute;
	background-color:var(--y);
	mask:url(../img/check.svg) var(--mask);
	-webkit-mask:url(../img/check.svg) var(--mask);
}
.past-classes .list li:before,
.you-learn .list-3 li:before,
.community-projects .list-3 li:before,
.from-seed .list.list-3 li:before,
.intervention .list.list-3 li:before,
.partners-ways .list.list-3 li:before {
	background-color:var(--r);
}
.intervention .col-1,
.from-seed .col-1 {
	margin:0 auto;
}

.intervention .col-1 .large-icon,
.from-seed .col-1 .large-icon {
	float:left;
	margin-right:30px;
	display:inline-block;
}
.intervention .col-1 .from-seed-text,
.from-seed .col-1 .from-seed-text {
	width:80%;
	display:inline-block;
}
.sold-out {
	color:var(--r);
	font-weight:bold;
	margin-bottom:5px;
}
.bullets .list-3 {
	text-align:left;
	margin:0 30px;
}
.past-classes .list-3 li,
.butterflies .list-3 li,
.teaching .list-3 li {
	color:#111;
	padding-bottom:20px;
}
.teaching .list-3 li strong {
	color:var(--r);
	display:block;
	margin-bottom:5px;
}
.teaching .list.list-3 li:before,
.butterflies .list.list-3 li:before {
	left:0;
	z-index:2;
	content:'';
	width:35px;
	height:35px;
	margin-top:2px;
	position:absolute;
	background-color:var(--e);
	mask:url(../img/icon-leaf.svg) var(--mask);
	-webkit-mask:url(../img/icon-leaf.svg) var(--mask);
}
.butterflies .list.list-3 li:before {
	margin-top:-2px;
	background-color:var(--o);
	mask:url(../img/icon-butterfly-2.svg) var(--mask);
	-webkit-mask:url(../img/icon-butterfly-2.svg) var(--mask);
}
.event .list.list-3 li:before {
	background-color:var(--r);
}
.event .list.list-3 li {
	color:var(--k);
}
.guided-by .card,
.teaching .card {
	padding:0;
	min-height:400px;
}
.target-title {
	padding-top:60px;
}
@media (max-width:768px) {
	.you-learn {
	padding:10px 15px 80px 15px;
	}
	.guided-by,
	.community-projects {
	padding:100px 15px 80px 15px;
	}
	.list.list-2 li {
	padding-left:5px;
	}
	.list.list-3 li {
	font-size:20px;
	}
	.list.list-4 {
	padding-left:0;
	}
	.growing .list-4 .md-icon {
	margin-bottom:0px;	
	}
	.intervention .col-1,
	.from-seed .col-1 {
	padding:0 15px;
	margin:0 auto;
	}
	.from-seed .col-1 .large-icon {
	float:none;
	margin:0 auto 30px;
	display:block;
	}
	.from-seed .col-1 .from-seed-text {
	width:100%;
	display:block;
	}
}
@media (max-width:576px) {
	.community-projects {
	padding:80px 30px 80px 30px;
	}
}
/*	============================================================
	IoT world
	============================================================	*/
.icon-group {
	max-height:500px;
	max-width:500px;
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
}
.icon-group .learning-icon {
	height:inherit;
	width:inherit;
	z-index:1;
	position:absolute;
	top:50%;
	right:50%;
	-ms-transform:translate(50%,-50%);
		transform:translate(50%,-50%);
	-webkit-transform:translate(50%,-50%);
}
@media (max-width:1200px) {
	.icon-group {
	height:400px;
	width:400px;
	}
}
@media (max-width:768px) {
	.icon-group {
	height:400px;
	width:400px;
	position:relative;
	margin:0 auto;
	}
}
@media (max-width:576px) {
	.icon-group {
	height:300px;
	width:300px;
	}
	.icon-group .learning-icon {
	height:100%;
	width:100%;
	top:50%;
	}
}

/*	============================================================
	Pills
	============================================================	*/
.donation-pills {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	gap:10px;
	margin-bottom:20px;
}
.donation-pills input[type="radio"] {
	display:none;
}
.donation-pills label {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	gap:14px;
	cursor:pointer;
}
.pill-amount {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	min-width:70px;
	padding:6px 16px;
	border:2px solid #ccc;
	border-radius:50px;
	font-size:18px;
	font-weight:700;
	background:#fff;
	color:#111;
	-webkit-transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	-o-transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	-ms-flex-negative:0;
	    flex-shrink:0;
}
.donation-pills label:hover .pill-amount {
	border-color:#a1271e;
}
.donation-pills input[type="radio"]:checked + label .pill-amount {
	background:var(--r);
	border-color:var(--r);
	color:#fff;
}
.donation-section .btn {
	font-weight:600;
	font-family:var(--f1);
}
.pill-desc {
	font-size:18px;
	color:#333;
	font-weight:600;
}
.donation-pills input[type="radio"]:checked + label .pill-desc {
	color:#111;
	font-weight:600;
}
	/*CUSTOM AMOUNT*/
.custom-amount-wrap {
	display:none;
	margin-bottom:20px;
}
.custom-amount-wrap.visible {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	margin-top:4px;
	margin-left:0px;
}
.custom-amount-wrap span {
	font-size:18px;
	font-weight:600;
	background:#f0f0f0;
	border:1px solid #ccc;
	border-right:none;
	border-radius:20px 0 0 20px;
	padding:15px 12px 14px 15px;
	color:#333;
	line-height:1;
}
.custom-amount-wrap input[type="number"] {
	font-size:18px;
	font-weight:600;
	font-family:var(--f1);
	border:1px solid #ccc;
	border-left:none;
	border-radius:0 20px 20px 0;
	padding:10px 10px;
	outline:none;
	width:100px;
	color:#111;
	background:#fff;
	-webkit-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
}
.custom-amount-wrap input[type="number"]::-webkit-inner-spin-button,
.custom-amount-wrap input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance:none;
}
/*	============================================================
	Animated Circles
	============================================================	*/
.circles {
	top:50%;
	right:50%;
	height:0;
	width:100%;
	padding-bottom:100%;
	position:relative;
	-ms-transform:translate(50%,-50%);
		transform:translate(50%,-50%);
	-webkit-transform:translate(50%,-50%);
}
.circles > div {
	width:100%;
	height:100%;
	opacity:0;
	border-radius:50%;
	position:absolute;
	background-color:#ff9000;
	-webkit-animation:anm-cir 4s infinite ease-out;
			animation:anm-cir 4s infinite ease-out;
}
.circles .cir-1 {
	-webkit-animation-delay:1s;
			animation-delay:1s;
}
.circles .cir-2 {
	-webkit-animation-delay:2s;
			animation-delay:2s;
}
.circles .cir-3 {
	-webkit-animation-delay:3s;
			animation-delay:3s;
}
@-webkit-keyframes anm-cir {
	0% {
	opacity:0.25;
	-webkit-transform:scale(0);
			transform:scale(0);
	}
	100% {
	opacity:0;
	-webkit-transform:scale(1);
			transform:scale(1);
	}
}
@keyframes anm-cir {
	0% {
	opacity:0.25;
	-webkit-transform:scale(0);
			transform:scale(0);
	}
	100% {
	opacity:0;
	-webkit-transform:scale(1);
			transform:scale(1);
	}
}
@media (max-width:576px) {
	.circled {
	display:none;
	}
}

/*	============================================================
	Gift Card
	============================================================	*/
.gift-card {
	padding:100px 0;
}
.gc-form.contact-form  {
	max-width:620px;
	margin:0;
}
.gc-form h2 {
	margin-bottom:15px;
}
.gc-preview {}
	
/* Card visual */
.gc-card-visual {
	width:100%;
	aspect-ratio:1.586 / 1; /* credit card ratio */
	background:linear-gradient(135deg, #2d5a27 0%, #4a7c3f 50%, #1e3d1a 100%);
	border-radius:14px;
	position:relative;
	overflow:hidden;
	box-shadow:0 8px 32px rgba(0,0,0,0.18);
}
/* subtle leaf texture overlay */
.gc-card-visual::before {
	content:'';
	position:absolute;
	inset:0;
	background-image:
	radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.07) 0%, transparent 60%),
	radial-gradient(ellipse at 20% 80%, rgba(0,0,0,0.15) 0%, transparent 50%);
}
.gc-card-inner {
	position:absolute;
	inset:0;
	padding:24px 28px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.gc-card-top {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.gc-card-brand {
	font-size:13px;
	font-weight:400;
	padding-top:30px;
	letter-spacing:0.08em;
	color:rgba(255,255,255,0.75);
	text-transform:uppercase;
	line-height:1.3;
}
.gc-card-brand strong {
	display:block;
	font-size:24px;
	color:#fff;
	letter-spacing:0.04em;
}
.gc-card-amount-display {
	font-size:58px;
	font-weight:700;
	color:#fccf24;
	letter-spacing:0.02em;
	transition:opacity 0.2s ease;
}
.gc-card-amount-display span {
	font-size:42px;
	font-weight:600;
}
.gc-card-bottom {
	display:flex;
	flex-direction:column;
	gap:4px;
}
.gc-card-label {
	font-size:14px;
	color:rgba(255,255,255,0.5);
	text-transform:uppercase;
	letter-spacing:0.1em;
}
.gc-card-name-display,
.gc-card-to-display {
	font-size:18px;
	color:#fff;
	min-height:20px;
	font-style:italic;
	opacity:0.9;
	transition:opacity 0.2s ease;
}
.gc-card-placeholder {
	opacity:0.3;
	font-style:normal;
}
/* Below card */
.gc-card-caption {
	margin-top:18px;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
.gc-card-caption h2 {
	font-size:20px;
	font-weight:400;
	color:#222;
	letter-spacing:0.01em;
	margin-bottom:0px;
}
.gc-card-caption .gc-price-tag {
	font-size:20px;
	font-weight:700;
	color:#a1271e;
}
/* From / To / Message fields */
.gc-card-meta {
	margin-top:15px;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.gc-meta-group {
	display:flex;
	flex-direction:column;
	gap:4px;
}
.gc-meta-group label {
	font-size:12px;
	font-weight:600;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:#888;
}
.gc-meta-group input,
.gc-meta-group textarea {
	font-family:inherit;
	font-weight:600;
	font-size:18px;
	color:#222;
	border:none;
	background:transparent;
	padding:6px 0;
	outline:none;
	resize:none;
	transition:border-color 0.2s ease;
	width:100%;
}
.gc-meta-group input:focus,
.gc-meta-group textarea:focus {
	border-color:#a1271e;
}
.gc-meta-group textarea {
	min-height:72px;
}
/* --- RIGHT COLUMN ----------------------------------------- */
.gc-form.contact-form .form-group {
	margin:0 0 20px 0;
}
/* --- AMOUNT PILLS ----------------------------------------- */
.gc-pills {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.gc-pills input[type="radio"] {
	display:none;
}
.gc-pills label {
	min-width:70px;
	padding:6px 16px 5px 16px;
	border:2px solid #ccc;
	border-radius:50px;
	font-size:18px;
	font-weight:700;
	color:#444;
	cursor:pointer;
	background:#fff;
	transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.gc-pills label:hover {
	border-color:#a1271e;
}
.gc-pills input[type="radio"]:checked + label {
	background:#a1271e;
	border-color:#a1271e;
	color:#fff;
}
hr.gc-divider {
	border-top:1px dotted rgba(0,0,0,.8);
	margin:6px 0 0;
}
/*	============================================================
	Seasonal Plant Rotation
	============================================================	*/
.seasonal {
	height:800px;
	padding:60px 0 60px 20%;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
}
.seasonal .grid {
	margin-top:100px;
	-ms-flex-item-align:center;
	-ms-grid-row-align:center;
	align-self:center;
}
.seasonaltext {
	padding-left:80px;
	width:820px;
	line-height:1.3;
	position:relative;
}
/*	============================================================
	Blockquote
	============================================================	*/
.blockquote {
	height:800px;
	padding:60px 0 60px 20%;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
}
.blockquote video {
	left:0;
	top:0;
	z-index:0;
	width:auto;
	height:auto;
	display:block;
	min-height:100%;
	min-width:100%;
	position:absolute;
	-webkit-filter:saturate(120%)brightness(0.55);
			filter:saturate(120%)brightness(0.55);
}
.blockquote .grid {
	margin-top:100px;
	-ms-flex-item-align:center;
	-ms-grid-row-align:center;
	align-self:center;
}
blockquote {
	z-index:2;
	padding-left:80px;
	width:820px;
	line-height:1.3;
	position:relative;
}
blockquote:before {
	left:-10px;
	top:-30px;
	width:75px;
	height:75px;
	content:'';
	cursor:pointer;
	position:absolute;
	display:inline-block;
	background:var(--y);
	mask:url(../img/quotes.svg) var(--mask);
	-webkit-mask:url(../img/quotes.svg) var(--mask);
}
.blockquote h3,
.blockquote h4 {
	z-index:2;
	color:var(--w);
	line-height:1.3;
}
.blockquote h4 {
	opacity:.8;
	text-align:right;
}
@media (max-width:992px) {
	.blockquote h3,
	.blockquote h4 {
	text-shadow:0 0 5px #000, 0 0 10px #000;
	}
	blockquote {
	width:90%;
	}
}
@media (max-width:768px) {
	.i-vision,
	.i-mission {
	text-align:center;
	padding:0;
	margin-left:-100px;
	}
}
@media (max-width:576px) {
	.i-vision,
	.i-mission {
	display:none;
	}
	.blockquote {
	height:500px;
	padding:40px 30px 40px;
	}
	blockquote {
	padding-left:60px;
	}
	blockquote:before {
	left:10px;
	top:-20px;
	width:40px;
	height:45.2px;
	}
	.blockquote h3 {
	text-shadow:0 0 10px #000;
	}
	.blockquote h4 {
	text-shadow:none;
	}
}
/*	============================================================
	Carousel
	============================================================	*/
/* Carousel */

.fd-in   div,
.fd-in-2 div,
.fd-in-3 div,
.fd-in-4 div,
.fd-in-5 div {
	width:100%;
	height:100%;
	position:absolute;
	-webkit-animation-name:fade;
	-webkit-animation-iteration-count:infinite;
	animation-name:fade;
	animation-iteration-count:infinite;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
@-webkit-keyframes fade {
	0% {opacity:1;}
	25% {opacity:1;}
	50% {opacity:0;}
	92% {opacity:0;}
	100% {opacity:1;}
}
@keyframes fade {
	0% {opacity:1;}
	25% {opacity:1;}
	50% {opacity:0;}
	92% {opacity:0;}
	100% {opacity:1;}
}
.fd-in div {
	-webkit-animation-duration:12s;
	animation-duration:12s;
}
.fd-in-2 div {
	-webkit-animation-duration:15s;
	animation-duration:15s;
}
.fd-in-3 div {
	-webkit-animation-duration:9s;
	animation-duration:9s;
}
.fd-in-4 div {
	-webkit-animation-duration:18s;
	animation-duration:18s;
}
.fd-in-5 div {
	-webkit-animation-duration:9s;
	animation-duration:9s;
}
.fd-in   div:nth-child(1) {-webkit-animation-delay:-12s;}
.fd-in   div:nth-child(2) {-webkit-animation-delay:-8s;}
.fd-in   div:nth-child(3) {-webkit-animation-delay:-4s;}
.fd-in-2 div:nth-child(1) {-webkit-animation-delay:-15s;}
.fd-in-2 div:nth-child(2) {-webkit-animation-delay:-10s;}
.fd-in-2 div:nth-child(3) {-webkit-animation-delay:-5s;}
.fd-in-3 div:nth-child(1) {-webkit-animation-delay:-9s;}
.fd-in-3 div:nth-child(2) {-webkit-animation-delay:-6s;}
.fd-in-3 div:nth-child(3) {-webkit-animation-delay:-3s;}
.fd-in-4 div:nth-child(1) {-webkit-animation-delay:-18s;}
.fd-in-4 div:nth-child(2) {-webkit-animation-delay:-12s;}
.fd-in-4 div:nth-child(3) {-webkit-animation-delay:-6s;}
.fd-in-5 div:nth-child(1) {-webkit-animation-delay:-9s;}
.fd-in-5 div:nth-child(2) {-webkit-animation-delay:-6s;}
.fd-in-5 div:nth-child(3) {-webkit-animation-delay:-3s;}
/*	============================================================
	Text-column
	============================================================	*/
.text-column {
	padding:40px 0 80px;
	position:relative;
}
.text-column.alt {
	padding:0;
}
.text-column.alt hr,
.text-column hr.alt {
	border-top:1px dotted var(--w);
}
.text-column.alt .text-column-one {
	padding:40px 0 160px;
}
.text-column.alt .text-column-one h3 {
	margin-bottom:90px;
}
.text-column h3 {
	line-height:1;
	font-size:clamp(34px,4vw,3.8em); /*clamp(MIN,VAL,MAX)*/
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.text-column h4 {
	line-height:1;
	margin:0;
	font-weight:700;
}
 .text-column .text-column-grid {
	display:-ms-grid;
	display:grid;
	grid-column-gap:9.5%;
	-ms-grid-columns:50% 9.5% 40.5%;
	grid-template-columns:50% 40.5%;
}
@media (max-width:768px) {
	 .text-column .text-column-grid {
	grid-column-gap:0%;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.text-column.alt .text-column-one {
	padding:40px 30px 100px;
	}
}
@media (max-width:576px) {
	.text-column.alt .text-column-one h3 {
	margin-bottom:40px;
	}
}

/*	============================================================
	Button
	============================================================	*/
.btn {
	border:0;
	color:#333;
	display:inline-block;
	font-size:18px;
	cursor:pointer;
	font-weight:600;
	text-align:center;
	border-radius:38px;
	text-decoration:none;
	padding:22px 42px 22px 42px;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	background-color:var(--b);
	text-shadow:0 -1px rgba(255,255,255,.2);
	background:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	background:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
}
.btn.btn-sm {
	color:#333;
	font-size:16px;
	padding:8px 18px;
}
.btn.btn-md {
	font-size:18px;
	padding:18px 34px;
}
.b-act .btn,
.b-act .btn:hover {
	color:var(--b);
	cursor:default;
	background-color:var(--w);
}
.btn.alt {
	color:var(--w);
	background:#00c6ff;
	background:-o-linear-gradient(45deg, var(--bb) 0%,var(--b) 100%);
	background:linear-gradient(45deg, var(--bb) 0%,var(--b) 100%);
}
.on .btn {
	color:var(--b);
	background-color:var(--w);
}
.btn:active,
.btn:focus,
.btn:hover {
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,.4);
}
.btn.dim {
	background-color:rgba(100,100,100,.5);
}
.btn.dim:hover {
	background-color:rgba(100,100,100,.2);
}
.btn.disable {
	cursor:default;
}
@media (max-width:768px) {
	.btn {
	font-size:16px;
	font-weight:600;
	padding:15px 25px;
	}
}
/*	============================================================
	Tabs
	============================================================	*/
.tabs-plate {
	padding:80px 0;
}
.tabs {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:4px;
	-webkit-box-align:end;
	    -ms-flex-align:end;
	        align-items:flex-end;
}
.tab {
	border:none;
	cursor:pointer;
	font-size:18px;
	line-height:27px;
	font-weight:600;
	color:#333;
	font-family:var(--f1);
	padding:20px 30px 10px;
	border-radius:28px 28px 0 0;
	text-shadow:0 -1px rgba(255,255,255,0.2);
	background:-o-linear-gradient(45deg,#ffcc33 0%,#ff9900 100%);
	background:linear-gradient(45deg,#ffcc33 0%,#ff9900 100%);
	opacity:0.85;
	-webkit-transition:opacity 0.15s ease;
	-o-transition:opacity 0.15s ease;
	transition:opacity 0.15s ease;
}
.tab:hover {
	opacity:1;
}
.tab.active {
	background:#a1271e;
	color:#fff;
	opacity:1;
	text-shadow:0 -1px rgba(0,0,0,.4);
}
/* content */
.tab-panels {
	border:none;
	border-top:2px solid #a1271e;
	border-radius:0 4px 0 0;
	padding:40px 30px 80px 50px;
	background:#fccf24;
	position:relative;
	z-index:2;
}
.tab-panels::before {
	content:'';
	position:absolute;
	inset:0;
	z-index:-1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), color-stop(60%, transparent));
	background:-o-linear-gradient(top, #fff 25%, transparent 60%);
	background:linear-gradient(to bottom, #fff 25%, transparent 60%);
	pointer-events:none;
}
.tab-panel {
	display:none;
}
.tab-panel.active {
	display:block;
}
@media (max-width:768px) {
	.tab-panels {
	border-radius:0;
	}
	.tab {
	font-size:16px;
	line-height:16px;
	padding:20px 8px 10px;
	border-radius:12px 12px 0 0;
	}
	.tab-panels {
	padding:40px 30px 80px 30px;
	}
}
@media (max-width:576px) {
	.tabs-plate {
	padding:40px 0 80px 0;
	}
	.tabs {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	}
}
/*	============================================================
	Photos
	============================================================	*/
.photos {
	padding:5px 0 0;
	position:relative;
	background-color:var(--y);
}
.photos-grid {
	display:-ms-grid;
	display:grid;
	grid-row-gap:5px;
	grid-column-gap:.35%;
	-ms-grid-columns:24.75% .35% 24.75% .35% 24.75% .35% 24.75%;
	grid-template-columns:24.75% 24.75% 24.75% 24.75%;
	overflow:hidden;
}
.photos-grid div {
	height:300px;
	position:relative;
}
@media (min-width:2200px) {
	.photos-grid div {
	height:350px;
	}
}
@media (min-width:3000px) {
	.photos-grid div {
	height:500px;
	}
}
@media (max-width:1200px) {
	.photos-grid div {
	height:200px;
	}
}
@media (max-width:992px) {
	.photos-grid {
	-ms-grid-columns:33% 5px 33% 5px 33%;
	grid-template-columns:33% 33% 33% 0;
	}
	.photos-grid div {
	height:200px;
	}
}
@media (max-width:576px) {
	.photos-grid {
	grid-row-gap:1px;
	-ms-grid-columns:50% 5px 50%;
	grid-template-columns:50% 50%;
	}
	.photos-grid div {
	height:150px;
	}
}
/*	============================================================
	Resources
	============================================================	*/
.resources-gardening h3 {
	color:var(--r);
}
.resources-list h4 {
	margin:40px 0 0 0;
	font-style:italic;
}
.resources-list .item-url {
	display:block;
}
.resources-list h4,
.resources-list .item-overview {
	display:block;
	max-width:750px;
}
.resources-gardening .title-border {
	padding-bottom:10px;
	border-bottom:1px dotted rgba(0,0,0,.8);
	margin:30px 5px 30px 0;
	max-width:750px;
}
/*	============================================================
	Bg
	============================================================	*/
.bg1 {background:-webkit-gradient(linear,left top, left bottom,color-stop(33%, #fccf24),to(#fffeec));background:-o-linear-gradient(top,#fccf24 33%,#fffeec 100%);background:linear-gradient(to bottom,#fccf24 33%,#fffeec 100%);}
.bg2 {background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, #fffeec), to(#fccf24));background:-o-linear-gradient(top,#fffeec 25%, #fccf24 100%);background:linear-gradient(to bottom,#fffeec 25%, #fccf24 100%);}

.bg5 {background:-webkit-gradient(linear,left top, left bottom,color-stop(33%, #ffffff),to(#fff499));background:-o-linear-gradient(top,#ffffff 33%,#fff499 100%);background:linear-gradient(to bottom,#ffffff 33%,#fff499 100%);}

.bg8 {background:-webkit-gradient(linear,left top, left bottom,color-stop(5%, #ffe78a),color-stop(60%, #fffae8),to(#ffe78a));background:-o-linear-gradient(top,#ffe78a 5%,#fffae8 60%,#ffe78a 100%);background:linear-gradient(to bottom,#ffe78a 5%,#fffae8 60%,#ffe78a 100%);}

.bg9:after {
	top:0;
	left:0;
	z-index:0;
	content:'';
	width:50%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.5);
}
@media (max-width:768px) {
	.bg9:after {width:100%;}
}

/*	============================================================
	Overlay
	============================================================	*/
.overlay,
.overlay2,
.overlay3 {
	position:relative;
	overflow:hidden;
}
.overlay:before,
.overlay2:before,
.overlay3:before {
	top:0;
	left:0;
	z-index:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.4);
}
.overlay2:before {
	background:rgba(0,0,0,0.5);
}
.overlay3:before {
	background:rgba(0,0,0,0.6);
}
/*	============================================================
	PopUp Overlay
	============================================================	*/
.overlay4 {
	inset:0;
	display:none;
	position:fixed;
	background:rgba(0,0,0,0.6);
	z-index:1000;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding:20px;
	-webkit-animation:fadeIn4 0.2s ease;
	        animation:fadeIn4 0.2s ease;
}
.overlay4.active {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
@-webkit-keyframes fadeIn4 {
	from {opacity:0;}
	to   {opacity:1;}
}
@keyframes fadeIn4 {
	from {opacity:0;}
	to   {opacity:1;}
}
/*	============================================================
	Back to Top
	============================================================	*/
.back-to-top {
	opacity:0;
	height:50px;
	width:50px;
	right:25px;
	bottom:-50px;
	z-index:12;
	position:fixed;
	cursor:pointer;
	border-radius:50%;
	background-color:rgba(60,60,60,.3);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:before {
	top:15px;
	left:11px;
	opacity:.75;
	width:28px;
	height:21.55px;
	content:'';
	display:block;
	position:absolute;
	background-color:#fff;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	mask:var(--arrow-mask);
	-webkit-mask:var(--arrow-mask);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:hover {
	opacity:0.8;
	background-color:var(--y);
}
.back-to-top:hover:before {
	background-color:#333;
}
.show-to-top {
	opacity:1;
	bottom:23px;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
@media (max-width:576px) {
	.back-to-top {
	display:none;
	}
}
/*	============================================================
	Icons
	============================================================	*/
.arrow:after {
	width:30px;
	height:20px;
	content:'';
	opacity:.9;
	display:inline-block;
	position:absolute;
	background:var(--y);
	mask:var(--arrow-mask);
	-webkit-mask:var(--arrow-mask);
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	transition:.4s ease-out;
}
/*	============================================================
	Footer
	============================================================	*/
footer {
	display:block;
	padding:100px 0 40px 0;
	background:-webkit-gradient(linear,left top, left bottom,color-stop(33%, #fccf24),to(#d77f28));
	background:-o-linear-gradient(top,#fccf24 33%,#d77f28 100%);
	background:linear-gradient(to bottom,#fccf24 33%,#d77f28 100%);
}
footer .col-footer {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 38.8% 3.85% 22.75%;
	grid-template-columns:30.75% 38.8% 22.75%;
	margin-bottom:100px;
}
footer .col-footer div:nth-child(2) {
	margin:15px auto 0;
}
footer .hgh {
	width:200px;
	height:55px;
	display:block;
	position:relative;
}
footer .hgh .symbol {
	left:90px;
	width:54px;
	height:54px;
	position:absolute;
	-webkit-transform:rotate(58deg);
	    -ms-transform:rotate(58deg);
	        transform:rotate(58deg);
}
footer .hgh .wordmark {
	top:32px;
	width:200px;
	height:auto;
	position:absolute;
	-webkit-transition:.4s ease-out;
	-o-transition:.4s ease-out;
	transition:.4s ease-out;
}
footer .hgh:hover .wordmark {
	-webkit-filter:brightness(10);
	        filter:brightness(10);
}
/*	Footer Nav	*/
footer nav {
	z-index:3;
	display:block;
	position:relative;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
footer nav ul {
	margin:0;
	padding:0;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	list-style:none;
}
footer nav li {
 	-webkit-box-flex:1;
 	    -ms-flex:1;
 	        flex:1; 
	position:relative;
	display:inline-block;
	vertical-align:text-top;
}
footer nav li a {
	color:var(--r);
	font-size:20px;
	font-weight:600;
	text-decoration:none;
	-webkit-transition:.1s ease-out;
	-o-transition:.1s ease-out;
	transition:.1s ease-out;
}
footer nav li img {
	width:54px;
	height:54px;
	opacity:.5;
	display:block;
	margin:40px 0 10px -10px;
	-webkit-transition:.1s ease-out;
	-o-transition:.1s ease-out;
	transition:.1s ease-out;
}
footer .text-arrow {
	opacity:.7;
}
footer nav li a:hover img {
	color:#fff;
	opacity:.8;
}
footer nav li a:hover {
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,.4);
}
footer .text-arrow:after {
	top:0;
	margin:0 0 -2px 12px;
	width:30px;
	height:15px;
	content:'';
	display:inline-block;
	position:relative;
	background:var(--w);
	mask:var(--arrow-mask);
	-webkit-mask:var(--arrow-mask);
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
footer .copyright {
	font-size:13px;
	color:var(--r);
}
footer hr {
	opacity:.25;
	background:var(--r);
}
footer .text-arrow:hover {
	opacity:.8;
	color:var(--w);
}
footer .text-arrow:hover:after {
	margin:0 0 -2px 17px;
	background:var(--w);
}
footer .mhr {margin:48px 0 25px;}
footer .legal a {
	opacity:.8;
	color:#555;
	float:right;
	font-size:var(--t4);
	font-weight:600;
	text-decoration:none;
	padding:20px 0 0 20px;
}
footer .legal a:hover {
	color:var(--w);
}
/*	Footer Sub Nav	*/
footer nav ul li ul {
	display:block;
	margin:30px 0 0 0;
	padding:0 60px 0 1px;
}
footer nav ul li ul li {
	display:block;
	width:100%;
	padding:10px 0;
	cursor:pointer;
	white-space:nowrap;
}
footer nav ul li ul li a {
	color:#333;
	font-weight:600;
	font-size:var(--t3);
	text-shadow:0 -1px rgba(255,255,255,.2);
}
footer nav ul li ul li:hover a {
	color:#fff;
	text-shadow:none;
	text-shadow:0 -1px rgba(0,0,0,.3);
}
/*	Queries	*/
@media (max-width:992px) {
	footer {
	padding:120px 15px 30px;
	}
}
@media (max-width:768px) {
	footer {
	background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, #fff),color-stop(55%, #fccf24),to(#d77f28));
	background:-o-linear-gradient(top,#fff 25%,#fccf24 55%,#d77f28 100%);
	background:linear-gradient(to bottom,#fff 25%,#fccf24 55%,#d77f28 100%);
	}
	footer nav {
	display:none;
	}
	footer .col-footer {
	grid-row-gap:30px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	text-align:center;
	}
	footer .hgh:hover .wordmark {
	-webkit-filter:grayscale(1);
	        filter:grayscale(1);
	}
	footer .hgh {
	width:300px;
	height:83px;
	display:block;
	position:relative;
	margin:0 auto;
	}
	footer .hgh .symbol {
	top:-18px;
	left:134px;
	width:82px;
	height:82px;
	position:absolute;
	-webkit-transform:rotate(58deg);
	    -ms-transform:rotate(58deg);
	        transform:rotate(58deg);
	}
	footer .hgh .wordmark {
	left:0px;
	top:32px;
	width:inherit;
	height:auto;
	position:absolute;
	}
	footer .copyright {
	text-align:center;
	}
	footer .legal {
	float:none;
	margin:0 auto;
	padding:0 15px 0 0;
	}
	footer hr {
	display:none;
	}
}
@media (max-width:576px) {
	footer {
	padding:100px 0 40px;
	}
	footer .copyright span {
	display:none;
	}
	.d-none-sm {
	display:none;
	}
}
/*	Footer Socials	*/
footer .facebook:before,
footer .linkedin:before,
footer .youtube:before,
footer .instagram:before,
footer .yelp:before,
footer .pinterest:before {
	width:40px;
	height:30px;
	content:'';
	display:inline-block;
	background:var(--r);
	mask:url(../img/facebook.svg) var(--mask);
	-webkit-mask:url(../img/facebook.svg) var(--mask);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
footer .linkedin:before {
	mask:url(../img/linkedin.svg) var(--mask);
	-webkit-mask:url(../img/linkedin.svg) var(--mask);
}
footer .youtube:before {
	mask:url(../img/youtube.svg) var(--mask);
	-webkit-mask:url(../img/youtube.svg) var(--mask);
}
footer .instagram:before {
	mask:url(../img/instagram.svg) var(--mask);
	-webkit-mask:url(../img/instagram.svg) var(--mask);
}
footer .pinterest:before {
	mask:url(../img/pinterest.svg) var(--mask);
	-webkit-mask:url(../img/pinterest.svg) var(--mask);
}
footer .yelp:before {
	mask:url(../img/yelp.svg) var(--mask);
	-webkit-mask:url(../img/yelp.svg) var(--mask);
}
footer .linkedin:hover:before,
footer .facebook:hover:before,
footer .youtube:hover:before,
footer .instagram:hover:before,
footer .pinterest:hover:before,
footer .yelp:hover:before {
	opacity:.8;
	background:var(--w);
}
@media (max-width:768px) {
footer .linkedin:hover:before,
footer .facebook:hover:before,
footer .youtube:hover:before,
footer .instagram:hover:before,
footer .pinterest:hover:before,
footer .yelp:hover:before {
	opacity:.8;
	background:var(--k);
	}
}
/*	============================================================
	Hamburger
	============================================================	*/
.hamburger {
	z-index:10;
	width:30px;
	height:25px;
	padding-top:12px;
	display:block;
	position:fixed;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.hamburger.active {
	top:16px;
	position:fixed;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
	right:0;
	height:3px;
	width:30px;
	content:'';
	display:block;
	border-radius:1px;
	position:absolute;
	background:var(--w);
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.hamburger span:before {
	top:-9px;
	background:inherit;
}
.hamburger span:after {
	bottom:-9px; 
	background:inherit;
}
.hamburger.open span {
	height:0;
	width:0;
	right:-5px;
}
.hamburger.open {
	top:38px;
	position:fixed;
}
.hamburger.open span:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.hamburger.open span:after {
	bottom:-3px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.hamburger:hover span {
	opacity:.6;
}
@media (min-width:1200px) {
	.hamburger { /* Unique! */
	display:none;
	}
}
@media (min-width:768px) {
	.hamburger {
	right:60px;
	}
}
@media (max-width:1200px) {
	.hamburger {
	right:30px;
	top:38px;
	}
}
/*	============================================================
	Effects
	============================================================	*/
/* Fadin In */
.fade-in {
	-webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:2s;
	animation-duration:2s;
}

/*	============================================================
	Animated bits
	============================================================	*/
.animated.scroll-out,
.scroll-out .animated {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	visibility:hidden !important;
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
/*	============================================================
	Animated bits 2
	============================================================	*/
@-webkit-keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
@keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }
  to {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}
@keyframes fadeInDown {
  from {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }
  to {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

@-webkit-keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
}
.animated.delay-01s{-webkit-animation-delay:.1s;animation-delay:.1s}
.animated.delay-02s{-webkit-animation-delay:.2s;animation-delay:.2s}
.animated.delay-03s{-webkit-animation-delay:.3s;animation-delay:.3s}
.animated.delay-04s{-webkit-animation-delay:.4s;animation-delay:.4s}
.animated.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}
.animated.delay-06s{-webkit-animation-delay:.6s;animation-delay:.6s}
.animated.delay-07s{-webkit-animation-delay:.7s;animation-delay:.7s}
.animated.delay-08s{-webkit-animation-delay:.8s;animation-delay:.8s}
.animated.delay-09s{-webkit-animation-delay:.9s;animation-delay:.9s}
.animated.delay-1s {-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-11s {-webkit-animation-delay:1.1s;animation-delay:1.1s}
.animated.delay-12s {-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated.delay-16s {-webkit-animation-delay:1.6s;animation-delay:1.6s}
.animated.delay-2s {-webkit-animation-delay:2s;animation-delay:2s}
@media (prefers-reduced-motion) {
	.animated {
	-webkit-animation:unset !important;
	animation:unset !important;
	-webkit-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
	}
}
/* to stop anim on mobile */
@media (max-width:576px) {
	@-webkit-keyframes fadeInUp {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInUp {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes fadeInLeft {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInLeft {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes fadeInRight {
		from {
		opacity:0;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInRight {
		from {
		opacity:0;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
}
/*	============================================================
	Animated Characters
	============================================================	*/
.animate-char,
.animate-char-hello {
	color:#fff;
	background-size:auto auto;
	background-clip:border-box;
	background-size:200% auto;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 8s reverse linear infinite;
	background-image:-webkit-gradient(linear,left top, right top,from(transparent),color-stop(30%, var(--r)),to(#efb300));
	background-image:-o-linear-gradient(left,transparent 0%,var(--r)30%,#efb300 100%);
	background-image:linear-gradient(90deg,transparent 0%,var(--r)30%,#efb300 100%);
}

@-webkit-keyframes textclip {
  to {background-position:200% center;}
}
@keyframes textclip {
  to {background-position:200% center;}
}
/*	============================================================
	Collage
	============================================================	*/
.collage {
	height:80vh;
	display:block;
	width:100%;
	position:relative;
	background:var(--y);
}
.collage:before {
	content:'';
	height:480px;
	width:480px;
	display:block;
	border-radius:50%;
	z-index:2;
	opacity:.8;
	position:absolute;
	left:50% !important;
	top:50% !important;
	background-color:rgba(0,0,0,.5);
	-webkit-transform:translate(-50%, -50%);
	   		   -ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
}
.collage:after {
	content:'';
	height:480px;
	width:480px;
	display:block;
	border-radius:50%;
	z-index:3;
	position:absolute;
	background-image:url(../img/home-ground-habitats-sign.png);
	background-repeat:no-repeat;
	background-size:95%;
	background-position:center center;
	left:50% !important;
	top:50% !important;
	-webkit-transform:translate(-50%, -50%);
	   		   -ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
}
.col-auto {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.ph {
	height:40vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
@media (max-width:576px) {
	.collage:after,
	.collage:before {
	height:300px;
	width:300px;
	}
}
/*	============================================================
	H Tags
	============================================================	*/
h1,h2,h3,h4 {
  margin-top:0;
  margin-bottom:30px;
  line-height:1.2;
}
/* Font Sizes */
:root {
	--h1:54px;
	--h2:34px;
	--h3:28px;
	--h4:20px;
	--h5:18px;
}
h1 {font-size:var(--h1);line-height:1.1;font-weight:900;}
h2, .h2 {font-size:var(--h2);line-height:1.2;font-weight:900;}
h3, .h3 {font-size:var(--h3);line-height:1.1;font-weight:600;}
h4 {font-size:var(--h4);font-weight:600;}


.hero h1 mark,
.h2, h2 mark {font-size:68px;}

/* Queries */
@media (max-width:1400px) {
	:root {
	--h1:50px;
	--h2:30px;
	--h3:26px;
	}
	.hero h1 mark {font-size:60px;}
}
@media (max-width:1200px) {
	:root {
	--h1:40px;
	--h2:28px;
	--h3:26px;
	}
	.hero h1 mark {font-size:48px;}
	h2 mark {font-size:52px;}
}
@media (max-width:992px) {
	:root {
	--h1:40px;
	--h2:28px;
	--h3:24px;
	}
	.hero h1 mark {font-size:48px;}
	p {font-size:20px;}
}
@media (max-width:768px) {
	:root {
	--h1:36px;
	--h2:26px;
	--h3:20px;
	--h4:20px;
	}
	.hero h1 mark {font-size:42px;}
	h2 mark {font-size:40px;}
}
@media (max-width:576px) {
	:root {
	--h1:26px;
	--h2:20px;
	--h3:18px;
	--h4:18px;
	}
	.hero h1 mark {
	font-size:30px;
	}
	h2 mark {font-size:40px;}
	p {font-size:18px;}
}

/* Extra */
.pillars .animate-char {
	text-align:center;
}
.pillars h3 {
	color:var(--r);
	font-weight:700;
}
.pillars i {
	font-size:22px;
	font-weight:600;
}
.learn-4 h3 {
	font-size:26px;
	color:var(--r);
	font-weight:700;
	text-align:center;
	text-decoration:none;
}
.learn-4 a {
	display:block;
	text-decoration:none;
}
.learn-4 a:hover h3 {
	color:var(--k);
}
.learn-4 a:hover .arrow-icon {
	-webkit-filter:invert(10);
	        filter:invert(10);
}
.learn-4 .large-icon,
.learn-4 .arrow-icon {
	text-align:center;
	margin:0 auto 30px;
}
.learn-4 .arrow-icon {
	width:40px;
	height:24px;
}
.gardening-content {
	-webkit-column-count:2;
	   -moz-column-count:2;
	        column-count:2;
	-webkit-column-gap:2.5em;
	   -moz-column-gap:2.5em;
	        column-gap:2.5em;
	-webkit-column-fill:balance;
	   -moz-column-fill:balance;
	        column-fill:balance;
	margin:auto;
}
.circle {
	border-radius:50%;
	border:2px solid var(--y);
	-webkit-filter:brightness(10);
	        filter:brightness(10);
}
.small-icon {
	width:40px;
	height:40px;
	margin-bottom:30px
}
.md-icon {
	width:75px;
	height:75px;
	margin-bottom:30px
}
.medium-icon {	
	width:100px;
	height:100px;
	margin-bottom:30px
}
.large-icon {
	width:120px;
	height:120px;
	margin-bottom:30px
}
.extra-large-icon {	
	width:130px;
	height:130px;
	margin:10px 0 10px
}
.get-in-touch .large-icon {
	width:120px;
	height:90px;
	margin-bottom:0px
}
.visit-nursery .extra-large-icon {
	margin:-10px 0 30px;
}
.thank-you-contact .extra-large-icon {	
	width:180px;
	height:180px;
	margin:10px 0 10px
}
.visit a {
	color:var(--k);
	position:relative;
}
.visit .arrow:after {
	margin:3px 0 0 10px;
	background:var(--k);
}
.youth-programs .card,
.propagation-overview .card,
.garden-highlights .card,
.visit .card {
	padding:0;
}
.visit .card .symbol {
	z-index:2;
	top:10px;
	right:10px;
	left:auto;
	width:120px;
	height:120px;
	position:absolute;
}
.visit-nursery a {
	color:var(--k);
	position:relative;
}
.visit-nursery .arrow:after,
.event .arrow:after {
	margin:3px 0 0 10px;
	background:var(--k);
}
.bios .avatar {
	width:400px;
	height:400px;
	display:inline-block;
	float:right;
	margin:0 30px;
	border:2px solid var(--y);
	border-radius:50%;
}
.the-beginning .the-circle {
	width:400px;
	height:400px;
	display:block;
	margin:0 auto;
	border:2px solid var(--e);
	border-radius:50%;
}
.member {
	margin:0 0 80px;
}
.programs .img,
.about-us .img {
	height:180px;
	margin:0 auto;
	position:relative;
}
.welcome-to-shop {
	padding-bottom:20px;
}
.get-involved .img,
.welcome-to-shop .img {
	height:110px;
	margin:0 auto;
	position:relative;
}
.programs .img {
	height:220px;
}
.about-us h3 {
	line-height:1.2;
}
.col-volunteer-v2 img,
.col-volunteer img {
	border-radius:var(--br2);
}
.badges {
	padding:60px 0;
}
.badges-logos {
	text-align:center;
}
.badges h4 {
	margin-bottom:0;
}
.badges-logos div {
	width:140px;
	height:140px;
	display:inline-block;
	margin:15px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.15));
	        filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.15));
}
@media (max-width:992px) {
	.bios .avatar {
	width:300px;
	height:300px;
	}
}
@media (max-width:768px) {
	.badges h4,
	.pillars h3,
	.pillars h4  {
	text-align:center;
	}
	.pillars .large-icon {
	margin:0 auto 20px;
	}
	.gardening-content {
	-webkit-column-count:1;
	   -moz-column-count:1;
	        column-count:1;
	}
	.medium-icon {
	margin-bottom:60px !important;
	}
	.the-beginning .the-circle {
	width:300px;
	height:300px;
	display:block;
	margin:0 auto;
	}
	.medicinal .card.cover,
	.seedlings .card.cover,
	.starting-nursery .card.cover,
	.nursery-overview .card.cover {
	min-height:400px;
	}
	.visit-nursery .arrow:after {
	display:none;
	}
}
@media (max-width:576px) {
	.medicinal .card.cover,
	.seedlings .card.cover,
	.starting-nursery .card.cover,
	.nursery-overview .card.cover {
	min-height:300px;
	}
	.bios .avatar  {
	display:block;
	float:none;
	margin:40px auto -40px auto;
	}
	.badges-logos div {
	width:120px;
	height:120px;
	}
	.visit .arrow:after {
	display:none;
	}
}
/*	============================================================
	Form grid
	============================================================	*/
.subscribe {
	padding:260px 0;
	position:relative;
}
.subscribe .flex-center {
	z-index:2;
	position:relative;
}
.subscribe .grid, 
.subscribe .flex-center {
	height:200px;
}
.subscribe h2 {
	color:var(--w)
}
.grid-subs {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:auto 0 auto;
	grid-template-columns:auto auto;
}
.grid-subs input[type="email"] {
	width:500px;
	margin-right:10px;
}
.subscribe .form-sb-tnx h3 {
	margin:20px 40px 15px;
}
form #mc-embedded-subscribe {
	font-family:Heebo,sans-serif;
}
@media (min-width:769px) {
	.grid-subs div:first-child {
	margin:0 0 0 auto;
	}
}
@media (max-width:768px) {
	.grid-subs {
	margin-top:10px;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.subscribe {
	padding-left:30px;
	padding-right:30px;
	}
	.grid-subs div {
	margin:0 auto 0 auto;
	}
	.grid-subs div:last-child {
	margin:15px auto 0 auto;
	}
}
@media (max-width:576px) {
	.grid-subs input[type="email"] {
	width:100%;
	}
}
/*	============================================================
	Form Cleaners
	============================================================	*/
.subscribe input:focus,
.subscribe input:active,
.subscribe input:focus-within {
	outline:none;
	-webkit-box-shadow:none;
	-webkit-appearance:none;
}
.subscribe input::-ms-expand {
	background-color:var(--t);
}
/*	============================================================
	Inputs
	============================================================	*/
.subscribe input,
.subscribe select,
.subscribe textarea {
	margin:0;
	padding:0 20px;
	width:100%;
	outline:none;
	color:var(--w);
	border-color:var(--y);
	border-radius:100px;
	background:rgba(0,0,0,.7);
}
.subscribe .form-group {
	position:relative;
	margin:30px 0 10px;
}
.subscribe .form-group input {
	height:65px;
	font-size:26px;
	position:relative;
}
.subscribe input::-webkit-input-placeholder {
	color:#999;
	opacity:1; 
	-webkit-transition:opacity 0.2s ease; 
	transition:opacity 0.2s ease;
}
.subscribe input::-moz-placeholder {
	color:#999;
	opacity:1; 
	-moz-transition:opacity 0.2s ease; 
	transition:opacity 0.2s ease;
}
.subscribe input:-ms-input-placeholder {
	color:#999;
	opacity:1; 
	-ms-transition:opacity 0.2s ease; 
	transition:opacity 0.2s ease;
}
.subscribe input::-ms-input-placeholder {
	color:#999;
	opacity:1; 
	-ms-transition:opacity 0.2s ease; 
	transition:opacity 0.2s ease;
}
.subscribe input::placeholder {
	color:#999;
	opacity:1; 
	-webkit-transition:opacity 0.2s ease; 
	-o-transition:opacity 0.2s ease; 
	transition:opacity 0.2s ease;
}
.subscribe input:focus::-webkit-input-placeholder {opacity:0;}
.subscribe input:focus::-moz-placeholder {opacity:0;}
.subscribe input:focus:-ms-input-placeholder {opacity:0;}
.subscribe input:focus::-ms-input-placeholder {opacity:0;}
.subscribe input:focus::placeholder {opacity:0;}
/*	============================================================
	Contact Form
	============================================================	*/
.contact-form  {
	max-width:620px;
	margin:0 auto;
}
.filter-form {
	max-width:310px;
}
.filter-form .form-group,
.contact-form .form-group {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin-bottom:20px;
}
.filter-form label,
.contact-form label {
	font-size:18px;
	font-weight:600;
	margin-bottom:6px;
	color:#333;
}
.filter-form select,
.contact-form input,
.contact-form select,
.contact-form textarea {
	height:60px;
	font-size:21px;
	font-family:inherit;
	color:#222;
	font-weight:600;
	background:rgba(255,255,255,.8);
	border:1px solid #ccc;
	border-radius:15px;
	padding:10px 15px;
	-webkit-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
	outline:none;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.filter-form select:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color:#a1271e;
}
.contact-form textarea {
	min-height:150px;
	resize:vertical;
}
.filter-form select,
.contact-form select {
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	padding-right:36px;
	cursor:pointer;
}
.contact-form button {
	font-family:var(--f1);
}
.contact-message {
	position:relative;
}
.thank-you-contact {	
	top:-20px;
	left:0;
	z-index:2;
	width:100%;
	height:106%;
	padding:0 30px;
	position:absolute;
	border-radius:30px;
	border:1px solid var(--r);
	background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, #fffeec), to(#fccf24));
	background:-o-linear-gradient(top,#fffeec 25%, #fccf24 100%);
	background:linear-gradient(to bottom,#fffeec 25%, #fccf24 100%);
}
@media (max-width:768px) {
	.shop-seeds .filter-form {
	max-width:fit-content;	
	margin:-90px 15px 0 auto;
	}
}
/*	============================================================
	Check box
	============================================================	*/
.contact-form .form-group-check {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	gap:10px;
	margin-bottom:24px;
} 
.contact-form .form-group-check input[type="checkbox"] {
	width:18px;
	height:18px;
	margin-top:2px;
	accent-color:#a1271e;
	-ms-flex-negative:0;
	    flex-shrink:0;
	cursor:pointer;
} 
.contact-form .form-group-check label {
	font-size:16px;
	font-weight:400;
	color:#444;
	margin-bottom:0;
	cursor:pointer;
	line-height:1.5;
} 
.contact-form .form-group-check label a {
	color:var(--r);
}
/*	============================================================
	Table
	============================================================	*/
table {
	border-spacing:0;
	border-collapse:collapse;
}
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding:10px 5px;
	line-height:1.5;
	font-weight:600;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.table > thead > tr > th {
	color:var(--r);
	border-top:none;
	font-weight:800;
	text-align:left;
	font-size:11px;
	padding-top:0;
	padding-bottom:5px;
	text-transform:uppercase;
}
.table > tbody > tr:hover {
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child {
	border-left:0;
	padding-left:0;
}
.table > tbody > tr:hover {
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child {
	border-right:0;
	text-align:right;
}
/*	============================================================
	Table wide
	============================================================	*/
.table-wide {
	width:100%;
	font-size:20px;
	margin:40px 0 30px;
}
.table-wide > thead > tr > th {
	opacity:.9;
	font-size:20px;
	font-weight:600;
	text-transform:none;
	text-align:left !important;
}
.table-wide > tbody > tr:nth-of-type(odd) {
	background-color:rgba(100,100,100,.05);
}
.table-wide > tbody > tr > td {
	line-height:24px;
	text-align:left !important;
	font-size:var(--t2);
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
}
.table-wide > tbody > tr > td:nth-child(1) {
	color:var(--e);
	font-weight:700;
	padding-left:15px;
	letter-spacing:1px;
}
@media (max-width:576px) {
	.table-wide {
	width:auto;
	font-size:16px;
	margin:0 0 30px;
	}
	.table-wide > tbody > tr > td,
	.table-wide > thead > tr > th {
	font-size:16px;
	line-height:1.1;
	}
	.table > thead > tr > th:nth-child(3),
	.table > tbody > tr > td:nth-child(3) {
	display:none;
	}
	.table > thead > tr > th:first-child,
	.table > tbody > tr > td:first-child {
	border-left:5px;
	padding-left:5px;
	}
	.v-border:before {
	display:none;
	}
}
/* v border */
.v-border {
	position:relative;
}
.v-border:before {
	top:auto;
	bottom:0;
	left:50%;
	z-index:1;
	right:auto;
	width:1px;
	height:100%;
	content:'';
	position:absolute;
	background-color:var(--r);
}
/*	============================================================
	Split plate
	============================================================	*/
.split {
	padding:0;
	position:relative;
}
.split .col-2-50 {
	overflow:hidden;
	position:relative;
}
.split .col-2-50 div {
	padding:260px 90px 260px 0;
}
.split p,
.split h2,
.split h3,
.split h4,
.split .btn {
	z-index:1;
	position:relative;
}
.split p,
.split h2,
.split h3,
.split h4 {
	color:#fff;
}
@media (max-width:768px) {
	.col-2-50 {
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.split .col-2-50 div {
	height:auto;
	padding:140px 0 100px 0;
	text-align:center;
	}
}
@media (max-width:576px) {
	.split .col-2-50 div {
	padding:140px 15px 100px;
	}
	.split a {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	}
}

/*	============================================================
	Event RSVP
	============================================================	*/
.popup-body .spots-remaining {
  font-size:14px;
  color:#888;
  margin:0 0 22px;
} 
.popup-body .spots-remaining strong {
  color:var(--r);
}
/* --- FORM FIELDS ------------------------------------------ */

.rsvp-form .field-error {
  font-size:12px;
  color:#a1271e;
  margin-top:4px;
  display:none;
}

.rsvp-form .field-error.visible {
  display:block;
}

/* --- WAITLIST NOTICE -------------------------------------- */
.waitlist-notice {
  background:#fff8e1;
  border:1px solid #ffcc33;
  border-radius:8px;
  padding:12px 16px;
  font-size:13px;
  color:#5a4200;
  margin-bottom:18px;
  line-height:1.5;
}
/* --- SUCCESS / CONFIRMATION ------------------------------- */
.rsvp-success {
  display:none;
  text-align:center;
  padding:16px 0 8px;
}
.rsvp-success.visible {
  display:block;
}
.rsvp-success .success-icon {
  color:var(--e);
  font-size:50px;
  margin-bottom:12px;
}
.rsvp-success h3 {
  font-size:18px;
  font-weight:600;
  margin:0 0 8px;
  color:#111;
}
.rsvp-success p {
  font-size:14px;
  color:#555;
  margin:0;
  line-height:1.6;
}

/*	============================================================
	Popup
	============================================================	*/
.popup {
	background:#fff;
	border-radius:var(--br1);
	max-width:600px;
	width:100%;
	max-height:90vh;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-direction:column;
           flex-direction:column;
	overflow-y:auto;
	position:relative;
	-webkit-animation:slideUp 0.25s ease;
	        animation:slideUp 0.25s ease;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
	        box-shadow:0 0 3px rgba(0,0,0,0.5);
}
@-webkit-keyframes slideUp {
	from { -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; }
	to   { -webkit-transform:translateY(0); transform:translateY(0);	opacity:1; }
}
@keyframes slideUp {
	from { -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; }
	to   { -webkit-transform:translateY(0); transform:translateY(0);	opacity:1; }
}
.popup-img {
	width:100%;
	height:350px;
	background-size:cover;
	background-position:center;
	border-radius:var(--br1) var(--br1) 0 0;
	display:block;
}
.popup-body {
	padding:30px 40px 40px 40px;
}
.plants-popup .popup-body {
	overflow-y:auto;
	scrollbar-width:thin;
	padding:30px 40px 40px 40px; /* Fade-out mask */
    -webkit-mask-image: linear-gradient(to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) calc(100% - 30px),
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) calc(100% - 30px),
        rgba(0,0,0,0) 100%
    );
}
.popup-body h2 {
	font-size:22px;
	font-weight:700;
	margin:0 0 15px;
	color:var(--r);
}
.popup-body p {
	margin:0;	
	line-height:1.3;
	font-size:18px;
	white-space:pre-line;
}
.close-btn {
	position:absolute;
	top:12px;
	right:12px;
	width:34px;
	height:34px;
	border-radius:50%;
	background:rgba(0, 0, 0, 0.45);
	border:none;
	cursor:pointer;
	color:#fff;
	font-size:18px;
	line-height:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-transition:background 0.15s ease;
	-o-transition:background 0.15s ease;
	transition:background 0.15s ease;
}
.close-btn:hover {
	background:rgba(0, 0, 0, 0.7);
}
.close-btn.alt {
	background:rgba(0, 0, 0, 0.12);
	color:#333;
}
.close-btn.alt:hover {
	background:rgba(0, 0, 0, 0.25);
}
.thank-you-contact .close-btn {
	background:rgba(0, 0, 0, 0.15);
}
.thank-you-contact .close-btn:hover {
	background:rgba(0, 0, 0, 0.3);
}
@media (max-width:600px) {
  .overlay4 {
	-webkit-box-align:end;
	    -ms-flex-align:end;
	        align-items:flex-end;
	padding:0;
  }
  .popup-img {
	height:260px;
  }
  .popup {
	max-width:100%;
	width:100%;
	max-height:85vh;
	border-radius:var(--br1) var(--br1) 0 0;
	-webkit-animation:slideUpMobile 0.3s ease;
	        animation:slideUpMobile 0.3s ease;
  }
  @-webkit-keyframes slideUpMobile {
	from { -webkit-transform:translateY(100%); transform:translateY(100%); }
	to   { -webkit-transform:translateY(0); transform:translateY(0); }
  }
  @keyframes slideUpMobile {
	from { -webkit-transform:translateY(100%); transform:translateY(100%); }
	to   { -webkit-transform:translateY(0); transform:translateY(0); }
  }
}

/*	============================================================
	Summer Camp Registration
	============================================================	*/
:root {
  --red:    #a1271e;
  --red-dk: #831f18;
  --green:  #2d5a27;
  --bg:     #faf9f6;
  --border: #ddd;
  --text:   #222;
  --muted:  #666;
  --radius: 8px;
}
.camp-reg {
  max-width: 760px;
  margin: 0 auto;
  padding:50px 0 80px ;
}
/* --- PROGRESS BAR ----------------------------------------- */
.progress-bar {
  display: flex;
  gap: 4px;
  margin-bottom: 36px;
}
.progress-step {
  flex: 1;
  height:6px;
  background: #ddd;
  border-radius:6px;
  transition: background 0.3s ease;
}
.progress-step.done  { background: var(--e); }
.progress-step.active { background: var(--y); }
/* --- SECTIONS --------------------------------------------- */
.camp-reg .form-section {
  display: none;
  animation: fadeIn2 0.3s ease;
}
.camp-reg .form-section.active { display: block; }
@keyframes fadeIn2 {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.camp-reg .section-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--red);
  border-bottom: 1px solid var(--border);
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.camp-reg .section-subtitle {
  font-size: 16px;
  color: var(--muted);
  margin: -16px 0 20px;
  font-style: italic;
}
/* --- CAMPER BLOCK ----------------------------------------- */
.camper-block {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 22px;
  margin-bottom: 20px;
  position: relative;
}
.camper-block-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 16px;
  letter-spacing: 0.03em;
}
.remove-camper {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.remove-camper:hover { border-color: var(--red); color: var(--red); }
.add-camper-btn {
  background: none;
  border: 1px dashed var(--green);
  border-radius: var(--radius);
  color:#333;
  font-family:var(--f1);
  font-size: 16px;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  margin-bottom: 24px;
  transition: background 0.15s ease;
}
.add-camper-btn:hover { background: rgba(45,90,39,0.06); }
/* --- FIELD GRID ------------------------------------------- */
.camp-reg .field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.camp-reg .field-row.single { grid-template-columns: 1fr; }
.camp-reg .field-row.thirds { grid-template-columns: 2fr 1fr 1fr; }
@media (max-width: 580px) {
  .camp-reg .field-row,
  .camp-reg .field-row.thirds { grid-template-columns: 1fr; }
}
.camp-reg .field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.camp-reg .field label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.02em;
}
.camp-reg .field .field-hint {
  font-size: 16px;
  color: var(--muted);
  font-style: italic;
  margin-top: -2px;
}
.camp-reg .field input,
.camp-reg .field select,
.camp-reg .field textarea {
  font-family:var(--f1);
  font-size: 18px;
  color: var(--text);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 13px;
  outline: none;
  transition: border-color 0.2s ease;
  width: 100%;
}
.camp-reg .field input:focus,
.camp-reg .field select:focus,
.camp-reg .field textarea:focus {
  border-color: var(--red);
}
.camp-reg .field textarea {
  min-height: 90px;
  resize: vertical;
}
.camp-reg .field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  padding-right: 36px;
  cursor: pointer;
}
/* --- CONDITIONAL FIELD ------------------------------------ */
.conditional-field {
  display: none;
  margin-top: -8px;
  margin-bottom: 16px;
}
.conditional-field.visible { display: block; }
/* --- RADIO GROUPS ----------------------------------------- */
.camp-reg .radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.camp-reg .radio-group.inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
.camp-reg .radio-option {
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}
.camp-reg .radio-option input[type="radio"] {
  accent-color: var(--red);
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.camp-reg .radio-option span {
  font-size: 14px;
  color: #333;
}
/* --- WAIVER BLOCK ----------------------------------------- */
.camp-reg .waiver-text {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px;
  font-size: 14px;
  color: #444;
  line-height: 1.7;
  max-height: 180px;
  overflow-y: auto;
  margin-bottom: 14px;
}
.camp-reg .waiver-accept {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.camp-reg .waiver-accept input[type="checkbox"] {
  accent-color: var(--red);
  width: 17px;
  height: 17px;
  cursor: pointer;
  flex-shrink: 0;
}
.camp-reg .waiver-accept span {
  font-size: 13px;
  font-weight: 700;
  color: var(--red);
  letter-spacing: 0.04em;
}
/* --- SIGNATURE -------------------------------------------- */
.signature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 8px;
}
@media (max-width: 580px) {
  .signature-row { grid-template-columns: 1fr; }
}
.final-statement {
  background: #fff8e1;
  border: 1px solid var(--y);
  border-radius: var(--radius);
  padding: 14px 18px;
  font-size: 16px;
  color: #5a4200;
  line-height: 1.4;
  margin-bottom: 20px;
}
/* --- NAV BUTTONS ------------------------------------------ */
.camp-reg .form-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}
.camp-reg .btn-back {
  background: none;
  border: 1px solid #ccc;
  border-radius:38px;
padding:18px 34px;
  font-family:var(--f1);
  font-size: 18px;
  font-weight:600;
  color: var(--muted);
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.camp-reg .btn-back:hover { border-color: #999; color: #333; }
.camp-reg .btn-next,
.camp-reg .btn-submit {
  color: #333;
  border: none;
border-radius:38px;
padding:18px 34px;
text-shadow:0 -1px rgba(255,255,255,.2);
background:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
background:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
  font-family:var(--f1);
  font-size: 18px;
  font-weight:600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.camp-reg .btn-next:hover,
.camp-reg .btn-submit:hover {
color:#fff;
text-shadow:0 -1px rgba(0,0,0,.4);
}
.camp-reg .step-indicator {
  font-size: 12px;
  color: var(--muted);
}
/* --- SPACER ----------------------------------------------- */
.mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }
.mt8  { margin-top: 8px; }

@media (max-width:768px) {
	.camp-reg {
	max-width: 760px;
	margin: 0 auto;
	padding:50px 30px 80px ;
	}
	.camp-reg .form-nav .btn-submit span {
	display:none;
	}
}
@media (max-width:576px) {
	.cart-table tbody td:nth-child(1) .product-thumb {
	display:none;
	}
	.cart-table thead th span {
	display:none;
	}
}
/*	============================================================
	Shopping cart
	============================================================	*/
.cart-wrap {
  max-width: 960px;
  margin: 0 auto;
}
/* --- LAYOUT ----------------------------------------------- */
.cart-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  align-items: start;
}
@media (max-width: 700px) {
  .cart-layout { grid-template-columns: 1fr; }
}
/* --- CART TABLE ------------------------------------------- */
.cart-table {
  width: 100%;
  border-collapse: collapse;
} 
.cart-table thead th {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0 12px 10px;
  border-bottom: 1px solid var(--border);
  text-align: left;
} 
.cart-table thead th:last-child { text-align: right; }
.cart-table thead th.col-qty    { text-align: center; } 
.cart-item td {
  padding: 18px 12px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
} 
/* Product cell */
.product-cell {
  display: flex;
  align-items: center;
  gap: 14px;
} 
.product-thumb {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background: #e8f0e6;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  overflow: hidden;
} 
.product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
} 
.product-info h3 {
  font-size: 15px;
  font-weight: 400;
  color: var(--text);
  margin-bottom: 3px;
} 
.product-info .product-meta {
  font-size: 12px;
  color: var(--muted);
  font-style: italic;
} 
/* Price cells */
.price-cell {
  font-size: 14px;
  color: var(--muted);
  white-space: nowrap;
} 
.subtotal-cell {
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
  text-align: right;
  white-space: nowrap;
} 
/* Qty control */
.qty-cell { text-align: center; } 
.qty-control {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
} 
.qty-btn {
  background: #f5f4f0;
  border: none;
  width: 30px;
  height: 32px;
  font-size: 16px;
  cursor: pointer;
  color: #555;
  transition: background 0.15s ease;
} 
.qty-btn:hover { background: #e8e6e0; } 
.qty-input {
  width: 36px;
  height: 32px;
  border: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  font-family: Georgia, serif;
  font-size: 14px;
  background: #fff;
  outline: none;
} 
/* Remove button */
.remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #ccc;
  font-size: 18px;
  padding: 4px;
  transition: color 0.15s ease;
  line-height: 1;
} 
.remove-btn:hover { color: var(--red); } 
/* Empty cart */
.cart-empty {
  text-align: center;
  padding: 48px 20px;
  color: var(--muted);
  display: none;
} 
.cart-empty p { font-size: 15px; margin-bottom: 16px; } 
/* Coupon row */
.coupon-row {
  display: flex;
  gap: 8px;
  margin-top: 60px;
} 
.coupon-row input {
  font-family:var(--f1);
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 9px 13px;
  outline: none;
  flex: 1;
  transition: border-color 0.2s ease;
} 
.coupon-row input:focus { border-color: var(--red); } 
.btn-coupon {
  background: none;
  border: 1px solid #999;
  border-radius: 15px;
  padding: 9px 18px;
  font-family:var(--f1);
  font-size: 16px;
  cursor: pointer;
  color: #555;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease;
} 
.btn-coupon:hover { border-color: var(--green); color: var(--green); } 
.btn-update {
  margin-top: 12px;
  background: none;
  border: 1px solid #999;
  border-radius:15px;
  padding: 9px 20px;
  font-family:var(--f1);
  font-size: 16px;
  cursor: pointer;
  color: var(--muted);
  transition: all 0.15s ease;
  display: none;
}
.btn-update:hover { border-color: var(--green); color: var(--green); } 
/* --- ORDER SUMMARY ---------------------------------------- */
.order-summary {
  background: #fff;
  border: 1px solid var(--border);
  border-radius:30px;
  padding: 24px;
} 
.order-summary h2 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
} 
.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
  margin-bottom: 10px;
  color: #444;
} 
.summary-row.total {
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
  border-top: 1px solid var(--border);
  padding-top: 14px;
  margin-top: 6px;
} 
.summary-row .label { color: var(--muted); font-size: 13px; }
.summary-row.total .label { color: var(--text); font-size: 16px; font-weight: 700; } 
.shipping-note {
  font-size: 12px;
  color: var(--muted);
  font-style: italic;
  margin-bottom: 18px;
} 
.btn-checkout {
	display: block;
	width: 100%;
	color: #333;
	border: none;
	border-radius:38px;
	padding:18px 34px;
	background-color:var(--b);
	text-shadow:0 -1px rgba(255,255,255,.2);
	background:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	background:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	font-family:var(--f1);
	font-size: 18px;
	font-weight:600;
	cursor: pointer;
	text-align: center;
	transition: background 0.2s ease;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
} 
.btn-checkout:hover {color:#fff;
	text-shadow:0 -1px rgba(0,0,0,.4);} 
.btn-continue {
	display: block;
	width: 100%;
	background: none;
	border: 1px solid #ccc;
	border-radius:38px;
	padding:15px 34px;
	font-family:var(--f1);
	font-size: 18px;
	font-weight:400;
	color: var(--muted);
	cursor: pointer;
	text-align: center;
	transition: all 0.15s ease;
	text-decoration: none;
}
 .btn-continue:hover { border-color: var(--green); color: var(--green); }
 .secure-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 11px;
  color: #aaa;
  margin-top: 14px;
  letter-spacing: 0.04em;
}
 /* --- NOTICE ----------------------------------------------- */
.cart-notice {
  background: #fff8e1;
  border: 1px solid var(--gold);
  border-radius:30px;
  padding: 12px 16px;
  font-size: 13px;
  color: #5a4200;
  margin-bottom: 24px;
  display: none;
} 
.cart-notice.visible { display: block; }

.woo-error {
  background: #fff8e1;
  border: 1px solid var(--g);
  border-radius:30px;
  padding: 12px 16px;
  font-size: 13px;
  color: #333;
  margin-bottom: 24px;
  display: block;
} 
/*	============================================================
	input Quantity, input Coupon, input Cost
	============================================================	*/
.quantity {
	position:relative;
}
.quantity input {
	width:40px;
	height:40px;
	float:left;
	border:none;
	display:block;
	font-size:20px;
	text-align:center;
	background:none;
	font-weight:600;
	font-family:var(--f1);
}
.quantity input:focus {
	outline:0;
}
.quantity-nav {
	float:left;
	height:30px;
	margin-top:5px;
	position:relative;
}
.quantity-button {
	position:relative;
	cursor:pointer;
	width:25px;
	color:#333;
	font-weight:600;
	font-size:1.5em;
	line-height:.9;
	margin-left:6px;
	border-radius:var(--br3);
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	text-shadow:0 -1px rgba(255,255,255,.2);
	background:-o-linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	background:linear-gradient(45deg, #ffcc33 0%,#ff9900 100%);
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	box-shadow:0 0 5px #ffffed;
}
.quantity-button:hover {
	background:var(--y);
}
.quantity-button.quantity-up {
	position:absolute;
	height:65%;
	top:-5px;
}
.quantity-button.quantity-down {
	position:absolute;
	bottom:-8px;
	height:65%;
}

/*	============================================================
	Checkout
	============================================================	*/
.checkout-grid {
	display:-ms-grid;
	display:grid;
	-webkit-column-gap:50px;
	-moz-column-gap:50px;
	column-gap:50px;
	-ms-grid-columns:1fr 50px 1fr;
	grid-template-columns:repeat(2,1fr);
}
section.checkout {
	max-width: 760px;
	margin: 0 auto;
	padding:80px 0;
	position:relative;
}
/*	============================================================
	Checkout Form
	============================================================	*/
.checkout-form .form-group {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin-bottom:20px;
}
.checkout-form label {
	font-size:18px;
	font-weight:600;
	margin-bottom:6px;
	color:#333;
}
.checkout-form input,
.checkout-form select,
.checkout-form textarea {
	height:60px;
	font-size:21px;
	font-family:inherit;
	color:#222;
	font-weight:600;
	background:rgba(255,255,255,.8);
	border:1px solid #ccc;
	border-radius:15px;
	padding:10px 15px;
	-webkit-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
	outline:none;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
	border-color:#a1271e;
}
.checkout-form textarea {
	min-height:150px;
	resize:vertical;
}
.checkout-form select {
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	padding-right:36px;
	cursor:pointer;
}
.checkout-form button {
	font-family:var(--f1);
}
.thank-you-contact {	
	top:-20px;
	left:0;
	z-index:2;
	width:100%;
	height:106%;
	padding:0 30px;
	position:absolute;
	border-radius:30px;
	border:1px solid var(--r);
	background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, #fffeec), to(#fccf24));
	background:-o-linear-gradient(top,#fffeec 25%, #fccf24 100%);
	background:linear-gradient(to bottom,#fffeec 25%, #fccf24 100%);
}
@media (max-width:768px) {
	.checkout h3 {
	padding:0 15px;
	}
}
@media (max-width:576px) {
	.checkout {
	padding:80px 15px;
	}
}
/*	============================================================
	Table order
	============================================================	*/

.table-order > tbody > tr > td {
	font-size:20px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}
.table-order > tbody > tr > td:nth-child(2) {
	text-align:right;
	border-left:0;
}
.card.confirmation {
	color:var(--g)
}
.card.confirmation p {
	margin-bottom:10px;
}
.card.confirmation strong {
	color:var(--k)
}
.card.conf-table {
	position:relative;
}
.card.conf-table:after {
	content:'';
	z-index:2;
	left:45px;
	bottom:40px;
	width:100px;
	height:100px;
	position:absolute;
	background-color:var(--g);
	mask:url(../img/icon-thumbs-up.svg) var(--mask);
	-webkit-mask:url(../img/icon-thumbs-up.svg) var(--mask);
}
@media (max-width:768px) {
	.table-order {
	margin:0 15px;
	}
	.place-order {
	margin:0 15px;
	}
}
@media (max-width:576px) {
	.card.conf-table:after {
	left:25px;
	bottom:20px;
	width:80px;
	height:80px;
	}
}
/*	============================================================
	Summary
	============================================================	*/
.table-summary > thead > tr > th:first-child,
.table-summary > tbody > tr > td:first-child {
	width:60%;
	border-left:0;
	text-align:left;
}
.table-summary > tfoot > tr > td {
	font-size:var(--t2);
	vertical-align:middle;
}
.table-summary > tbody > tr:hover {
	background-color:rgba(100,100,100,.2);
}
.table-summary > tbody > tr > td:last-child {
	text-align:center;
}
.table-summary > tbody > tr > td:nth-child(2) {
	position:relative;
	width:20%;
}
.table-summary > tbody > tr > td:nth-child(3) {
	border-left:1px solid #eee;
	position:relative;
	width:20%;
}
.table-summary > tfoot > tr > td:nth-child(2) {
	border-left:1px solid #eee;
}
.table-summary > tfoot > tr:last-child > td {
	font-size:1.75em;
}
.currency:before {
	color:var(--g);
	content:'$';
	margin:0 3px 0 3px;
}
@media (max-width:576px) {
	.table-summary > thead > tr > th:first-child,
	.table-summary > tbody > tr > td:first-child {
	border-left:0;
	text-align:left;
	}
	.table-summary > tbody > tr > td:nth-child(3) {
	width:auto;
	}
	.table-summary > tfoot > tr:last-child > td {
	font-size:1.5em;
	}
}
/*	============================================================
	Team > Gardeners
	============================================================	*/
.gardeners .avatar {
	width:340px;
	height:340px;
	display:block;
	margin:0 30px 30px;
	border:2px solid var(--y);
	border-radius:50%;
}
/*	============================================================
	Margin
	============================================================	*/
.mt10	{margin-top:10px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt60	{margin-top:60px;}
.mt80	{margin-top:80px;}
.mt100	{margin-top:100px;}
.mt140	{margin-top:140px;}
.mt-10	{margin-top:-10px;}
.mt-20	{margin-top:-20px;}
.mt-40	{margin-top:-40px;}
.mt-60	{margin-top:-60px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb60	{margin-bottom:60px;}
.mb80	{margin-bottom:80px;}
.mb100	{margin-bottom:100px;}
.mb140	{margin-bottom:140px;}
.mb-15	{margin-bottom:-15px;}
.mb-40	{margin-bottom:-40px;}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/


a.btn-checkout{
	text-decoration: none;
}


.woo-error {
  background: #fff8e1;
  border: 1px solid var(--g);
  border-radius:30px;
  padding: 12px 16px;
  font-size: 13px;
  color: #333;
  margin-bottom: 24px;
  display: block;
}

/* ── WooCommerce Checkout overrides ─────────────────────────────────────────── */

/* WC shortcode wraps output in div.woocommerce — reset it */
body.woocommerce-checkout .woocommerce {
	display:contents;
}
body.woocommerce-checkout .woocommerce-notices-wrapper {
	display:none;
}

/* Billing fields grid — 2 columns, pairs: First+Last, Email+Phone, Addr+Addr2, City+StateZip */
body.woocommerce-checkout .edit-personal {
	display:-ms-grid;
	display:grid;
	grid-template-columns:1fr 1fr;
	-ms-grid-columns:1fr 50px 1fr;
	grid-column-gap:50px;
	grid-row-gap:50px;
	align-items:start;
}
/* Flatten WC billing wrapper so form-group children flow into the parent grid */
body.woocommerce-checkout .edit-personal .woocommerce-billing-fields {
	display:contents;
}
/* grid-row-gap handles row spacing — cancel the form-group margin-bottom to avoid double gap */
body.woocommerce-checkout .edit-personal .form-group {
	margin-bottom:0;
}

/* State select: style native select (Select2 destroyed via JS on checkout) */
body.woocommerce-checkout #billing_state_field select {
	height:60px;
	font-size:21px;
	font-family:inherit;
	color:#222;
	font-weight:600;
	background:rgba(255,255,255,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
	border:1px solid #ccc;
	border-radius:15px;
	padding:10px 36px 10px 15px;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	cursor:pointer;
	outline:none;
}


/* Remove WC input wrapper inline-block default */
body.woocommerce-checkout .checkout-form .woocommerce-input-wrapper {
	display:block;
	width:100%;
}

/* WC validation error states */
body.woocommerce-checkout .checkout-form .woocommerce-invalid input,
body.woocommerce-checkout .checkout-form .woocommerce-invalid select {
	border-color:#a1271e;
}
body.woocommerce-checkout .checkout-form .woocommerce-error {
	color:#a1271e;
	font-size:14px;
	margin-top:4px;
}
body.woocommerce-checkout .checkout-form .required {
	color:#a1271e;
}

/* #payment block — reset WooCommerce default grey box styling */
body.woocommerce-checkout #payment {
	background:none;
	border:none;
	border-radius:0;
	padding:0;
	margin-bottom:60px;
}
body.woocommerce-checkout #payment ul.wc_payment_methods {
	padding:0;
	margin:0;
	list-style:none;
	border:none;
}
body.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_square_credit_card {
	padding:0;
	border:none;
	background:none;
}
body.woocommerce-checkout #payment .payment_box {
	background:none;
	border:none;
	border-radius:0;
	padding:0;
	margin:0;
}
body.woocommerce-checkout #payment .payment_box::before {
	display:none;
}
/* Hide payment method label/radio when Square is the only gateway */
body.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_square_credit_card > label:first-of-type,
body.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_square_credit_card > input[type="radio"] {
	display:none;
}
/* Square card form — match col-2 grid width */
body.woocommerce-checkout #payment .wc-square-credit-card-form {
	width:100%;
}
/* Place Order block inside #payment */
body.woocommerce-checkout #payment .place-order {
	padding:0;
	margin:0;
}

/* Place Order button */
body.woocommerce-checkout #place_order {
	display:inline-block;
	font-family:var(--f1);
	font-size:18px;
	font-weight:600;
	padding:18px 34px;
	border:none;
	border-radius:38px;
	background:-o-linear-gradient(45deg, #ffcc33 0%, #ff9900 100%);
	background:linear-gradient(45deg, #ffcc33 0%, #ff9900 100%);
	color:#333;
	cursor:pointer;
	-webkit-transition:background 0.2s ease;
	-o-transition:background 0.2s ease;
	transition:background 0.2s ease;
	letter-spacing:0.02em;
}
body.woocommerce-checkout #place_order:hover {
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,.4);
}
body.woocommerce-checkout #place_order:disabled {
	opacity:0.6;
	cursor:not-allowed;
}

/* Order Total table — suppress WC price spans inside .currency cells */
body.woocommerce-checkout .table-summary .currency .woocommerce-Price-amount {
	font:inherit;
	color:inherit;
}
body.woocommerce-checkout .table-summary .currency .woocommerce-Price-currencySymbol {
	display:none;
}


wc-order-attribution-inputs{
    display:none;
}

/* Team bios: render <mark> inside member bio like <strong class="text-red"> */
.bios .member p mark {
	background:none;
	background-image:none;
	-webkit-background-clip:border-box;
	-webkit-text-fill-color:currentColor;
	-moz-background-clip:border-box;
	-moz-text-fill-color:currentColor;
	color:var(--r);
	font-weight:900;
}

@media (max-width:992px) {

                .gardeners .avatar {

                width:300px;

                height:300px;

                }

}