/* See :root variables for Acumin Variable font variation settings *//*
	font-family: "acumin-variable",sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 100, 'slnt' 0;
*/
:root{
	--clr-primary: #49963b;
	--clr-primary-rgb: 73, 150, 59;
	--clr-secondary: #3c3913;
	--clr-secondary-rgb: 60, 57, 19;
	--clr-primary-alt: #8dc63f;
	--clr-primary-alt-rgb: 141, 198, 63;
	--clr-secondary-alt: #403026;
	--clr-secondary-alt-rgb: 64, 48, 38;
	--clr-tertiary: #e35500;
	--clr-tertiary-rgb: 227, 85, 0;
	--clr-border: #aaa790;

	--logo-height: 8.9rem;
	--logo-ratio: 1.948;

	--header-clr-primary: var(--clr-secondary);
	--header-clr-primary-rgb: var(--clr-secondary-rgb);
	--header-clr-secondary: var(--header-clr-primary);
	--header-clr-secondary-rgb: var(--header-clr-primary-rgb);
	--header-clr-bg: rgba(255,255,255,0.8);
	--header-clr-bg-rgb: 255, 255, 255;
	--header-clr-bg-highlight: #ffffff;
	--header-clr-bg-highlight-rgb: 255, 255, 255;

	--header-btn-color: var(--header-clr-primary);
	--header-btn-color-rgb: var(--header-clr-primary-rgb);
	--header-btn-color-active: var(--header-btn-color);
	--header-btn-color-active-rgb: var(--header-btn-color-rgb);

	--clr-light: #ffffff;
	--clr-dark: #000000;
	--clr-inner: #eeeeee;
	--clr-outer: var(--clr-light);

	--inner-width: 90%;
	--inner-max-width: 1400px;
	--inner-v-padding: 15px;
	--inner-h-padding: 25px;
	--font-light: 'wght' 300, 'wdth' 100, 'slnt' 0;
	--font-medium: 'wght' 500, 'wdth' 100, 'slnt' 0;
	--font-semibold: 'wght' 600, 'wdth' 100, 'slnt' 0;
	--font-bold: 'wght' 700, 'wdth' 100, 'slnt' 0;
	--font-semibold-italic: 'wght' 600, 'wdth' 100, 'slnt' -12;
	--font-condensed-bold: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
	
}
html{
    font-size: 18px;
	margin: 0;
	padding: 0;
}
body{
	background: var(--clr-outer);
	margin: 0;
	padding: 0;
    font-family: arial, helvetica, sans-serif;
	font-family: "acumin-variable", sans-serif;
	font-variation-settings: var(--font-light);
}

:focus-visible{
	outline: 2px dashed var(--clr-tertiary);
	outline-offset: 2px;
}

.inner{
    position: relative;
	width: var(--inner-width);
	max-width: var(--inner-max-width);
    margin: 0 auto;
    box-sizing: border-box;
	padding: var(--inner-v-padding) var(--inner-h-padding);
}
.section{
	position: relative;
	max-width: 100%;
	width: 100%;
	/* background-image: url(/images/bg-body.jpg);
    background-image: -webkit-image-set(url(/images/bg-body.webp) type("image/webp"), url(/images/bg-body.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-body.webp) type("image/webp"), url(/images/bg-body.jpg) type("image/jpg")); */
	background-position:  center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
/* 	background-attachment: fixed; */
}

.maskedBG{
	position: absolute;
	z-index: 2;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px -4px 0px var(--clr-primary-alt));
    filter: drop-shadow(0px -4px 0px var(--clr-primary-alt));
}
.maskedBG ~ *{
	z-index: 3;
}
.maskedBG:before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--clr-secondary-alt);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
    mask-image: url(/images/bg-mask.png), linear-gradient(to bottom, #ffffff 0, #000000 5rem);
    mask-repeat: no-repeat;
    mask-size: 100% auto, 100% 100%;
    mask-position: top center, center 25vw;
}
.maskedBG.m2{
    -webkit-filter: drop-shadow(0px 4px 0px var(--clr-primary-alt));
    filter: drop-shadow(0px 4px 0px var(--clr-primary-alt));
}
.maskedBG.m2:before{
    mask-image: url(/images/bg-mask-2.png), linear-gradient(to top, #ffffff 0, #000000 5rem);
    mask-repeat: no-repeat;
    mask-size: 100% auto, 100% 100%;
    mask-position: bottom center, center -25vw;
}

.fadeTop.fadeTop,
#index .bagged{
    z-index: 1;
	margin-top: -5rem;
	padding-top: 5rem;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 5rem);
}
.fadeBottom.fadeBottom{
    z-index: 1;
	margin-bottom: -5rem;
	padding-bottom: 5rem;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 5rem);
}

.half{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	padding: 0 var(--inner-h-padding) 0 0;
}
.half + .half{
	padding: 0 0 0 var(--inner-h-padding);
}

h1, h2, h3, h4{
	font-variation-settings: var(--font-condensed-bold);
}

h1{
	font-size: 4rem;
}
h2{
	font-size: 2.5rem;
}
h3{
	font-size: 1.8rem;
}

a{
	color: var(--clr-primary);
	outline: none;
	border: none;
	text-decoration: none;
}

p{
	line-height: 1.55;
    font-size: 1.1rem;
}

img,
iframe{
	box-sizing: border-box;
	vertical-align: middle;
	max-width: 100%;
}
h2 img{
	width: auto;
	height: 2em;
}

form{
	margin: 0 auto;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	font-family: inherit;
	padding: 1ch;
	margin: 0.5rem 0;
	background: var(--clr-light);
	border: 2px solid var(--clr-border);
	outline: 0 !important;
	text-align: left;
}
input:not([type="checkbox"]):not([type="radio"]){
	width: calc(50% - 0.75rem);
	margin-right: 1.5rem;
}
input:nth-of-type(2n):not([type="checkbox"]):not([type="radio"]){
	margin-right: 0;
}
textarea{
	display: block;
	width: 100%;
	resize: vertical;
	min-height: 5rem;
	max-height: 20rem;
}
button{
	font-size: 1rem;
	cursor: pointer;
	font-family: inherit;
}
form .btn{
	text-transform: none;
	margin: 0 1rem;
}
.checkboxes{
	display: inline-block;
	padding: 1rem 5rem;
	border-top: 2px solid var(--clr-tertiary);
	border-bottom: 2px solid var(--clr-tertiary);
	margin: 1.5rem auto 2rem auto;
}
label{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0.5rem auto;
    cursor: pointer;
}
label + label{
	margin-top: 1.5rem;
}
input[type="checkbox"],
input[type="radio"]{
	display: inline;
	appearance: none;
	width: 0;
	height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
}
input[type="checkbox"] + span,
input[type="radio"] + span{
	text-align: left;
	padding-left: 2.75rem;
}
input[type="checkbox"] + span:before,
input[type="radio"] + span:before,
input[type="checkbox"] + span:after,
input[type="radio"] + span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 2em;
	height: 2em;
	margin: 0;
}
input[type="checkbox"] + span:before,
input[type="radio"] + span:before{
	background: var(--clr-light);
	border: 2px solid var(--clr-border);
}
input[type="checkbox"] + span:after,
input[type="radio"] + span:after{
	left: 0.25em;
	width: 1.5em;
	height: 1.5em;
}
input[type="checkbox"]:checked + span:after,
input[type="radio"]:checked + span:after{
	background: var(--clr-border);
}

input:not([type="checkbox"]):not([type="radio"]):focus-visible,
textarea:focus-visible,
input[type="checkbox"]:focus-visible + span:before,
input[type="radio"]:focus-visible + span:before{
	border-color: var(--clr-secondary);
}

.btn{
	--clr: var(--clr-light);
	--bg: var(--clr-primary);
	--border: var(--clr);
	color: var(--clr);
	background: var(--bg);
	border: 2px solid var(--border);
	display: inline-block;
	vertical-align: middle;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	padding: 1ch 1em;
	margin: 1ch 0.5ch;
	font-size: 1rem;
	
    border-radius: 0.5rem;
    font-variation-settings: var(--font-semibold);
    text-transform: uppercase;
    min-width: 7rem;
}
.btn:hover,
.btn:focus-visible{
	color: var(--clr-hover, var(--bg));
	background: var(--bg-hover, var(--clr));
	border-color: var(--border-hover, var(--bg));
}
.btn-orange,
.btn-green,
.btn-white{
    --border: var(--clr-secondary-alt);/* #351b1c */
    --border-hover: var(--border);
}
.btn-orange{
    --bg: var(--clr-tertiary);
}
.btn-green{}/* Default colors - Just border change (see above) */
.btn-white{
	--clr: var(--border);
	--clr-hover: var(--clr);
	--bg: rgba(255, 255, 255, 0.5);
	--bg-hover: rgba(255, 255, 255, 0.85);
}
.btn-brown{
	--clr: var(--clr-primary-alt);
	--bg: var(--clr-secondary);
}
.btn-lime{
	--clr: var(--clr-secondary);
	--bg: var(--clr-primary-alt);
}
.btn img{
	position: relative;
	height: 1.5em;
	width: auto;
	margin-top: -0.5em;
	margin-bottom: -0.5em;
	margin-right: 0.5ch;
	-webkit-filter: drop-shadow(9999px 0px 0px var(--clr));
	filter: drop-shadow(9999px 0px 0px var(--clr));
	left: -9999px;
}
.btn:hover img,
.btn:focus-visible img{
	-webkit-filter: drop-shadow(9999px 0px 0px var(--clr-hover, var(--bg)));
	filter: drop-shadow(9999px 0px 0px var(--clr-hover, var(--bg)));
}
div.btn{/* False buttons (div) */
	--clr: var(--clr-dark);
	--bg: var(--clr-light);
	border-radius: 0.5rem 0 0.5rem 0;
    min-width: 0;
    text-transform: none;
}
div.btn:hover{
	color: var(--clr) !important;
	background: var(--bg) !important;
	border-color: var(--border) !important;
}

.trim{
	--trim-radius: 2.5rem;
	border-radius: var(--trim-radius) 0 var(--trim-radius) 0;
}
img.trim{
    padding: 3px;
    --gradient-start: var(--clr-primary-alt);
    --gradient-end: #ffffff;
    --gradient-width: 100%;
    background: var(--gradient-end);
    background: -moz-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--gradient-start)), color-stop(var(--gradient-width), var(--gradient-end)));
    background: -webkit-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -o-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -ms-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: linear-gradient(to top, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
}

.gallery{
	text-align: center;
	margin: 1.5rem 0;
}
.gallery .trim{
    --gradient-start: var(--clr-primary-alt);
    --gradient-end: var(--clr-primary-alt);
}
.gallery > *{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(33.33% - 0.667rem);
	margin: 0.5rem;
}
.gallery > *:nth-child(3n-2){
	margin-left: 0;
}
.gallery > *:nth-child(3n){
	margin-right: 0;
}

.targetOffset{
	position: relative;
	top: -5rem;
}


/* Header */
#header{
    position: fixed;
    top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}
#header .inner{
	padding: 0;
	max-width: 60rem;
}
#preheader{
	position: relative;
	text-align: right;
}
#preheader:before{
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--header-clr-bg);
	transition: top 0.25s ease-in-out;
}
body.scrolled{
    --logo-height: 6.2rem;
}
body.scrolled #preheader:before{
	top: 0;
}
#preheader .btn{
	border: 0;
	transition: margin-top 0.2s ease-in-out;
}
body.scrolled #preheader .btn{
	margin-top: 0.5ch;
}
#preheader .btn:nth-of-type(1){
	padding: 1ch;
}
#preheader .btn:hover,
#preheader .btn:focus-visible{
	box-shadow: 0px 0px 0.2em #000000;
}


.hero{
	--hero-padding: 12.5vh;
	position: relative;
	color: #ffffff;
	text-align: center;
    padding-top: calc(var(--hero-padding) + 9rem);
    padding-bottom: var(--hero-padding);
}
.hero:before{
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: var(--clr-primary);
	background-image: url(/images/bg-body.jpg);
    background-image: -webkit-image-set(url(/images/bg-body.webp) type("image/webp"), url(/images/bg-body.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-body.webp) type("image/webp"), url(/images/bg-body.jpg) type("image/jpg"));
	background-position:  center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}
.hero h1{
	margin: 0;
    -webkit-filter: drop-shadow(0px 0px 0.3rem #000000) drop-shadow(0px 0px 1rem #000000);
    filter: drop-shadow(0px 0px 0.3rem #000000) drop-shadow(0px 0px 1rem #000000);
}
.hero h1 img{
	font-family: cursive;
	vertical-align: middle;
    width: 2.8em;
    margin-bottom: -0.2em;
}

.opening{
	overflow: hidden;
	padding-bottom: 1.5rem;
}
.opening:before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 8px;
	right: -15%;
	bottom: 0;
	left: -15%;
    background: var(--clr-inner);
    border-radius: 30% 70% 0 0 / 15vw 35vw 0 0;
    box-shadow: 0px -4px 0 0 var(--clr-primary), 0px -8px 0 0 var(--clr-inner);
    --gradient-start: #c3ddbf;
    --gradient-end: var(--clr-inner);
    --gradient-width: 5rem;
    background: var(--gradient-end);
    background: -moz-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--gradient-start)), color-stop(var(--gradient-width), var(--gradient-end)));
    background: -webkit-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -o-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: -ms-linear-gradient(bottom, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
    background: linear-gradient(to top, var(--gradient-start) 0, var(--gradient-end) var(--gradient-width));
}
.opening h1{
	font-size: 2.5rem;
}
.opening h2{
	margin-top: 2em;
}
.opening p{
	text-align: justify;
}
ul.leaf{
	position: relative;
	display: inline-block;
	background: var(--clr-secondary-alt);
	border-radius: 1.5em 1.5em 1.5em 0;
	border: 2px solid #ffffff;
	box-shadow: 0px 0.5rem 1rem rgba(0,0,0,0.25);
	color: var(--clr-light);
/* 	font-style: italic; */
	font-variation-settings: var(--font-semibold-italic);
	list-style: none;
	padding: 0.5rem 1.5rem 0.5rem 1rem;
	margin-top: 2.5rem;
}
ul.leaf:after{
	content: '';
	position: absolute;
	top: -1em;
	right: -1em;
	width: 5em;
	height: 5em;
	background: url(/images/icons/leaf-outline.png) center center no-repeat;
	background-size: contain;
}
ul.leaf li + li{
	border-top: 2px solid rgba(255,255,255,0.15);
}
ul.leaf li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 1ch;
	width: 1.5em;
	height: 1.5em;
	background: url(/images/icons/checkmark.png) center center no-repeat;
	background-size: contain;
	padding: 0.5rem 0;
}
.learnMore{
	margin: 2.5rem auto;
}
.learnMore a{
	position: relative;
	display: inline-block;
	padding-left: 3rem;
	font-variation-settings: var(--font-bold);
	font-size: 1.1rem;
}
.learnMore a:hover,
.learnMore a:focus-visible{
	text-decoration: underline;
}
.learnMore a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	background: url(/images/icons/info.png) center center no-repeat;
	background-size: contain;
}
.availability{
    margin-top: 1.5rem;
	text-align: center;
	text-transform: uppercase;
}

.chicken{
	position: relative;
	-webkit-mask-image: url(/images/chicken-shadow.png);
	-webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
	mask-image: url(/images/chicken-shadow.png);
	mask-repeat: no-repeat;
    mask-size: cover;
	pointer-events: none;
}
.chicken:before{
	content: '';
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(/images/chicken-pellets.jpg);
    background-image: -webkit-image-set(url(/images/chicken-pellets.webp) type("image/webp"), url(/images/chicken-pellets.jpg) type("image/jpg"));
    background-image: image-set(url(/images/chicken-pellets.webp) type("image/webp"), url(/images/chicken-pellets.jpg) type("image/jpg"));
	background-position:  center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}

.spreader{
    background-color: var(--clr-primary-alt);
	background-image: url(/images/bg-spreader.jpg);
    background-image: -webkit-image-set(url(/images/bg-spreader.webp) type("image/webp"), url(/images/bg-spreader.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-spreader.webp) type("image/webp"), url(/images/bg-spreader.jpg) type("image/jpg"));
	padding: 10vw 0;
	color: #ffffff;
	text-shadow: 0px 0px 0.5rem #000000, 0px 0px 1.5rem #000000;
    border-top: 4px solid var(--clr-primary-alt);
}
.spreader .half{
	vertical-align: middle;
	width: 65%;
}
.spreader .half:nth-of-type(2){
	width: 35%
}
.spreader h2{
	text-transform: uppercase;
	margin-top: 0;
}
.spreader a{
	color: var(--clr-primary-alt);
}

.blending .half:nth-of-type(1){
	width: 60%;
}
.blending .half:nth-of-type(2){
	width: 40%;
}
.blending h2 img{
	position: absolute;
	bottom: 100%;
	margin-bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
}
.imgSpread{
	margin: 0 auto;
	width: 30rem;
	max-width: 100%;
}
.imgSpread img{
	position: relative;
	display: block;
	width: 80%;
}
.imgSpread img:nth-of-type(3n-2){
	margin: 0 0 -1.5rem auto;
	z-index: 1;
}
.imgSpread img:nth-of-type(3n-1){
	margin: 0 auto 0 0;
	z-index: 0;
}
.imgSpread img:nth-of-type(3n){
	margin: -1.5rem auto 0 auto;
	z-index: 0;
}

.bagged{
	color: #ffffff;
	padding: 5vw 0;
	background-color: var(--clr-secondary-alt);
	background-image: url(/images/bg-bagged.jpg);
}
.bagged h2{
	text-transform: uppercase;
}
.bags{
	text-align: center;
}
.bag{
	display: inline-block;
	vertical-align: middle;
    width: 12rem;
	max-width: 20%;
	margin: 2.5%;
	font-size: 1.15rem;
}
.bag img{
	margin-bottom: 0.5rem;
}
.bag div + div{
	color: var(--clr-primary-alt);
}


#footer{
	position: relative;
    padding: 6.5rem 0 5rem 0;
    margin-top: -15vw;
    z-index: 1;
    text-align: center;
}
#footer .maskedBG{
    -webkit-filter: drop-shadow(0px -4px 0px var(--clr-primary-alt)) drop-shadow(0px -4px 0px rgba(255,255,255,0.5)) drop-shadow(0px -4px 0px rgba(var(--clr-primary-alt-rgb), 0.8));
    filter: drop-shadow(0px -4px 0px var(--clr-primary-alt)) drop-shadow(0px -4px 0px rgba(255,255,255,0.5)) drop-shadow(0px -4px 0px rgba(var(--clr-primary-alt-rgb), 0.8));
}
#footer .maskedBG:before{
	background-color: var(--clr-primary);
	background-image: url(/images/bg-footer.jpg);
    background-image: -webkit-image-set(url(/images/bg-footer.webp) type("image/webp"), url(/images/bg-footer.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-footer.webp) type("image/webp"), url(/images/bg-footer.jpg) type("image/jpg"));
	background-position: top center;
}
/* 
#footer:before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 14px;
    right: 0;
    bottom: 0;
    left: 0;
	background-image: url(/images/bg-footer.jpg);
    background-image: -webkit-image-set(url(/images/bg-footer.webp) type("image/webp"), url(/images/bg-footer.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-footer.webp) type("image/webp"), url(/images/bg-footer.jpg) type("image/jpg"));
	background-position:  top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
    mask-image: url(/images/bg-footer-mask.png);
    mask-repeat: no-repeat;
    mask-size: 100% auto;
}
*/
#footer .inner{
}
#footer .half{
	vertical-align: middle;
	max-width: 21rem;
	text-align: left;
}
#footer .logo{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20rem;
	max-width: 75%;
	height: auto;
}
#footer .logo img{
	vertical-align: middle;
}
#footer .products h3{
	color: var(--clr-secondary-alt);
	text-transform: uppercase;
	margin: 0;
}
#footer .products a{
	color: #ffffff;
	display: block;
	font-size: 1.15rem;
	margin: 0.5rem 0;
	text-transform: uppercase;
}
#footer .products a:hover,
#footer .products a:focus-visible{
	text-shadow: 0px 0px 0.2rem var(--clr-tertiary), 0px 0px 0.1rem var(--clr-tertiary);
	text-decoration: underline;
}


#copyright{
	margin: 0 auto;
	font-size: 12px;
	background: var(--clr-dark);
}
#copyright .inner{
	padding: 6px var(--inner-h-padding);
	overflow: auto;
	text-align: center;
	font-weight: 300;
	color: var(--clr-light);
	opacity: 0.6;
}
#copyright span{
	display: inline-block;
}
#copyright .half{
	vertical-align: middle;
	padding: 0;
}
#copyright .half:nth-of-type(1){
	text-align: left;
    width: calc(100% - 13em);
}
#copyright .half:nth-of-type(2){
	text-align: right;
    width: 13em;
}
#copyright a{
	display: inline-block;
	color: inherit;
}
#copyright img{
	vertical-align: middle;
    max-width: 7em;
    padding-left: 0.3em;
}

.facts{
    color: var(--clr-light);
	padding-top: 2.5rem;
	padding-bottom: 15vw;
    text-shadow: 0px 0px 0.5rem #000000;
}
.facts + .section{
	padding-top: 16.5vw;
    margin-top: -16.5vw;
}
.facts .half{
	--inner-h-padding: 3rem;
}
.facts .maskedBG:before{
	background-image: url(/images/bg-field-spreader.jpg);
    background-image: -webkit-image-set(url(/images/bg-field-spreader.webp) type("image/webp"), url(/images/bg-field-spreader.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-field-spreader.webp) type("image/webp"), url(/images/bg-field-spreader.jpg) type("image/jpg"));
}
.facts h3{
	color: var(--clr-primary-alt);
	margin-bottom: 0;
	border-bottom: 2px solid var(--clr-border);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.facts h3:before{
	content: '';
	display: inline-block;
	vertical-align: top;
    align-self: flex-start;
	width: 3rem;
	height: 3rem;
    flex-shrink: 0;
	margin-right: 1rem;
	margin-left: -0.5rem;
	background: url(/images/icons/checkmark.png) center center no-repeat;
	background-size: contain;
    -webkit-filter: drop-shadow(0px 0px 0.5rem #000000);
    filter: drop-shadow(0px 0px 0.5rem #000000);
}
.facts p{
	margin-top: 0.5rem;
	padding-left: 3.5rem;
}
.cta{
    color: var(--clr-light);
    /* Mask any overflow so it doesn't appear behind other elements */
    mask-image: linear-gradient(to bottom, #000000 0, #000000 100%);
    mask-repeat: repeat;
    mask-size: 100% 100%;
    mask-position: center top;
    z-index: 1;
}
.cta > *{
	z-index: 2;
}
.cta:before{
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: var(--clr-primary-alt);
	background-image: url(/images/bg-corn-rows.jpg);
    background-image: -webkit-image-set(url(/images/bg-corn-rows.webp) type("image/webp"), url(/images/bg-corn-rows.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-corn-rows.webp) type("image/webp"), url(/images/bg-corn-rows.jpg) type("image/jpg"));
	background-position:  center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    z-index: 1;
}
.cta .inner{
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.facts + .cta .inner{
	padding-top: 5vw;
}
.cta .inner,
.cta .half{
	display: flex;
}
.cta .trim{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	--trim-radius: 5rem;
	background: rgba(61, 57, 19, 0.85);
	border: 2px solid #2e1e12;
	padding: 1.5rem;
	text-align: center;
}
.cta h2{
	margin: 0;
	color: var(--clr-primary-alt);
	text-shadow: 0.07em 0.07em 0px #000000;
}

.fertilizers{
}
.fertilizers ul{
	list-style: none;
	padding: 0;
}
.fertilizers ul li{
	display: inline-block;
	margin: 0.4rem 0.2rem;
	color: #ffffff;
	border: 2px solid var(--clr-primary-alt);
	background: rgba(var(--clr-secondary-rgb), 0.75);
	padding: 1ch;
    border-radius: 0.5rem 0;
}

.quote{
	position: relative;
	text-align: center;
	margin: 2.5rem auto;
	padding: 1.5rem 1.5rem 2.5rem 1.5rem;
	box-sizing: border-box;
	width: 50rem;
	max-width: 100%;
	background: var(--clr-light);
}
.quote.disabled:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--clr-dark);
	opacity: 0.2;
	z-index: 1;
}
.quote form{
	width: 40rem;
	max-width: 100%;
}
.quote h2{
	color: var(--clr-tertiary);
	margin: 0 auto 1.5rem auto;
}
.quote p{
	text-align: center;
	margin: 0.5rem auto;
}
.quote p:nth-last-of-type(1){
	margin-bottom: 1.5rem;
}


/* Page-Specific */

#index .blending{
	color: #ffffff;
	padding: 12vw 0 max(5rem, 10vw) 0;
	margin-top: -12vw;
	text-align: center;
	z-index: 1;
}
#index .blending .maskedBG:before{
	background-image: url(/images/bg-blending.jpg);
}
#index .blending h2{
	position: relative;
	display: inline-block;
	margin: 0 auto;
}
#index .blending .btn{
	text-transform: uppercase;
}
#index .spreader{
	padding: 10vw 0 17.5vw 0;
	margin-top: 0;
}
#index .spreader a{
	color: var(--clr-tertiary);
}
#index .bagged{
	padding: 7.5vw 0 25vw 0;
}

.subPage .hero{
	--hero-padding: 10vh;
}
/* .subPage .hero:before{
	background-attachment: scroll;
} */
.subPage .opening{
    border-bottom: 4px solid var(--clr-primary-alt);
}
.subPage .bagged{
	background: var(--clr-light);
	color: var(--clr-dark);
    border-top: 4px solid var(--clr-primary-alt);
    border-bottom: 4px solid var(--clr-primary-alt);
}
.subPage .spreader{
    padding-bottom: 22.5vw;
    background-color: var(--clr-secondary-alt);
	background-image: url(/images/bg-spreader-2.jpg);
    background-image: -webkit-image-set(url(/images/bg-spreader-2.webp) type("image/webp"), url(/images/bg-spreader-2.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-spreader-2.webp) type("image/webp"), url(/images/bg-spreader-2.jpg) type("image/jpg"));
	box-shadow: 0px 0px 1rem -0.3rem #000000;
}
.opening + .spreader{
	box-shadow: none;
}

#pellets .hero:before{
	background-image: url(/images/chicken-pellets.jpg);
    background-image: -webkit-image-set(url(/images/chicken-pellets.webp) type("image/webp"), url(/images/chicken-pellets.jpg) type("image/jpg"));
    background-image: image-set(url(/images/chicken-pellets.webp) type("image/webp"), url(/images/chicken-pellets.jpg) type("image/jpg"));
}
#pellets .opening{
	--offset: 10rem;
	margin-top: calc(var(--offset) * -1);
}
#pellets .opening:before{
	top: calc(8px + var(--offset));
}
#pellets .opening .inner:nth-of-type(1) > .half:nth-of-type(1){
	padding-top: var(--offset);
}
#pellets .chicken:before{
	position: absolute;
    background-color: var(--clr-border);
    background-image: url(/images/chicken-plant.jpg);
    background-image: -webkit-image-set(url(/images/chicken-plant.webp) type("image/webp"), url(/images/chicken-plant.jpg) type("image/jpg"));
    background-image: image-set(url(/images/chicken-plant.webp) type("image/webp"), url(/images/chicken-plant.jpg) type("image/jpg"));
}

#fertilizer .hero:before{
    background-color: var(--clr-secondary-alt);
	background-image: url(/images/bg-fertilizer.jpg);
    background-image: -webkit-image-set(url(/images/bg-fertilizer.webp) type("image/webp"), url(/images/bg-fertilizer.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-fertilizer.webp) type("image/webp"), url(/images/bg-fertilizer.jpg) type("image/jpg"));
}

#contact .hero:before{
    background-color: var(--clr-secondary-alt);
    background-image: url(/images/bg-building.jpg);
    background-image: -webkit-image-set(url(/images/bg-building.webp) type("image/webp"), url(/images/bg-building.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-building.webp) type("image/webp"), url(/images/bg-building.jpg) type("image/jpg"));
}
#contact .opening{
	border-bottom: 0;
}
#contact .gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
	color: var(--clr-light);
}
#contact .gallery a{
	display: block;
	color: var(--clr-light);
}
#contact .gallery a:hover > div + div,
#contact .gallery a:focus-visible > div + div,
#contact .gallery > *:nth-of-type(2) a:hover,
#contact .gallery > *:nth-of-type(2) a:focus-visible{
	text-decoration: underline;
}
#contact .gallery > *{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	box-sizing: border-box;
	padding: 1.5rem;
	background: var(--clr-secondary);
	border: 2px solid var(--clr-primary-alt);
	overflow: hidden;
}
#contact .gallery > *:nth-of-type(2){
	background: var(--clr-primary);
}
#contact .gallery h3{
	font-size: 1.75rem;
}
#contact .gallery a + a{
	margin-top: 0.5rem;
}
#contact .gallery a div{
	font-size: 1rem;
}
#contact .gallery a > div + div,
#contact .gallery > *:nth-of-type(2) a{
	font-size: 1.3rem;
}
#contact .gallery h3{
	margin: 0 0 0.5rem 0;
}
#contact .gallery a > div:nth-of-type(1):before{
	content: '- ';
}
#contact .gallery a > div:nth-of-type(1):after{
	content: ' -';
}
#contact .gallery > *:nth-last-of-type(1){
	padding: 0;
}
#contact .gallery iframe{
	width: 100%;
	height: 100%;
}