*, *:before, *:after{
box-sizing:border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
display:block;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
}


ul{
list-style-type:disc;
}

ul li{
margin:0 0 .5rem 2rem;
}

.list{
margin-bottom:1rem;
padding-left:1em;
}

.numbered{
list-style:decimal;
}

blockquote, q{
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}



body{
height:100%;
font:normal normal 16px/1.5 "Open Sans", sans-serif;
color:#000;
}

a[href],
input[type="submit"],
button{
cursor:pointer;
}

a[href]:focus,
input[type="submit"]:focus,
button:focus{
outline:1px solid #33C3F0;
}

a[href]:active,
input[type="submit"]:active,
button:active{
outline:0 !important;
}

@media (min-width:1008px){
a[href^=tel]{
cursor:default;
pointer-events:none;
}

a[href^=tel]:hover{
color:inherit;
}
}



label{
display:block;
margin-bottom:4px;
}

input,
textarea,
select{
background-color:rgba(255, 255, 255, .5);
border:1px solid #eeeeee;
border-radius:3px;
box-shadow:none;
box-sizing:border-box;
width:100%;
height:34px;
padding:0.5em;
font:inherit;
font-size:14px;
line-height:1rem;
appearance:none;
-moz-appearance:none;
}

input,
textarea,
select,
fieldset{
margin-bottom:1rem;
}

input[type="submit"]{
height:auto;
}

select:invalid,
select option[value=""]{
color:#898989;
}

select option{
color:#000000;
}

select::-ms-expand{
display:none;
}

textarea{
overflow:auto;
resize:vertical;
min-height:65px;
}

select{
cursor:pointer;
}

::-moz-focus-inner{
border:0;
}

input:focus,
textarea:focus,
select:focus,
[type="file"]:focus + label{
outline:1px solid #33C3F0;
}

[type="radio"],
[type="checkbox"]{
width:auto;
position:absolute;
opacity:0;
cursor:pointer;
}

[type="radio"] + label,
[type="checkbox"] + label{
position:relative;
padding-left:1.5rem;
margin-right:0.25em;
}

[type="radio"] + label:before,
[type="checkbox"] + label:before{
content:"";
display:block;
position:absolute;
top:4px;
left:0;
height:calc(1em - 2px);
width:calc(1em - 2px);
background-color:#FFFFFF;
border:1px solid #AAAAAA;
box-shadow:inset 0px 0px 0px 1.5px #FFFFFF;
border-radius:50%;
transition:background-color 0.3s;
}

[type="checkbox"] + label:before{
border-radius:3px;
}

[type="radio"]:focus + label:before,
[type="checkbox"]:focus + label:before{
outline:1px solid #33C3F0;
}

[type="radio"]:checked + label:before,
[type="checkbox"]:checked + label:before{
background:#3CF;
}

[type="file"]{
width:0.1px;
height:0.1px;
opacity:0;
position:absolute;
z-index:-1;
}

[type="file"] + label,
button.upload-button{
position:relative;
margin-top:.5rem;
border-radius:3px;
background-color:#333333;
max-width:100%;
padding:10px 20px 10px 45px;
color:#ffffff;
cursor:pointer;
}

[type="file"] + button .label-text{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:14px;
font-weight:400;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
[type="file"]:focus + label,
[type="file"]:focus + button{
outline:1px solid #33C3F0;
}

label.invalid,
legend.invalid{
color:#DD0000;
border:1px dashed #DD0000;
padding:.25rem;
}

label.invalid::before,
legend.invalid::before,
label.invalid::after,
legend.invalid::after{
content:'*';
}

input.invalid,
textarea.invalid,
select.invalid,
[type="radio"].invalid + label:before,
[type="checkbox"].invalid + label:before,
input[type="file"].invalid + button{
outline:1px solid #DD0000;
}



img{
display:block;
max-width:100%;
height:auto;
}

hr{
border:none;
border-top:2px solid #DDD;
width:100%;
margin:1rem 0;
}


body{
display:flex;
flex-direction:column;
min-height:100vh;
}

footer{
margin-top:auto;
}

button,
.button{
display:block;
padding:1em 2em;
border:none;
color:#ffffff;
font-weight:bold;
text-decoration:none;
transition:background 0.3s;
cursor:pointer;
text-align:center;
font-size:100%;
word-break:normal;
-webkit-appearance:none;
}

a{
text-decoration:none;
}

@media(min-width:1008px){
.mobile{
display:none !important;
}
}





.grid{
display:grid;
}

.no-padding{
margin:0 -3rem;
}

.padding{
margin:auto;
max-width:1800px;
padding:3rem;
grid-gap:2rem;
}

.padding-top{
margin:auto;
max-width:1800px;
padding:3rem 3rem 0 3rem;
grid-gap:2rem;
}

.padding-right{
margin:auto;
max-width:1800px;
padding:3rem 3rem 3rem 0;
grid-gap:2rem;
}

.padding-bottom{
margin:auto;
max-width:1800px;
padding:0 3rem 3rem 3rem;
grid-gap:2rem;
}

.padding-left{
margin:auto;
max-width:1800px;
padding:3rem 0 3rem 3rem;
grid-gap:2rem;
}

header .padding{
padding:1rem;
grid-gap:0;
}

@media (min-width:768px){
header .padding{
padding:0 2rem;
}
}

@media (min-width:1140px){
.no-padding{
margin:0 -4rem;
}

.padding{
padding:3rem 4rem;
grid-gap:3rem 4rem;
}

.padding-top{
padding:3rem 4rem 0 4rem;
grid-gap:3rem 4rem;
}

.padding-right{
padding:3rem 4rem 3rem 0;
grid-gap:3rem 4rem;
}

.padding-bottom{
padding:0 4rem 3rem 4rem;
grid-gap:3rem 4rem;
}

.padding-left{
padding:3rem 0 3rem 4rem;
grid-gap:3rem 4rem;
}

header .padding{
padding:0 4rem;
}
}

@media (min-width:1400px){
.no-padding{
margin:0 -6rem;
}

.padding{
padding:3rem 6rem;
grid-gap:6rem;
}

.padding-top{
padding:3rem 6rem 0 6rem;
grid-gap:6rem;
}

.padding-right{
padding:3rem 6rem 3rem 0;
grid-gap:6rem;
}

.padding-bottom{
padding:0 6rem 3rem 6rem;
grid-gap:6rem;
}

.padding-left{
padding:3rem 0 3rem 6rem;
grid-gap:6rem;
}

header .padding{
padding:0 6rem;
}
}



.not-visible{
visibility:hidden;
}

@media (max-width:575.98px){
.visible--phone{
display:none;
}

.break-mobile{
display:block;
visibility:hidden;
height:0;
}
}

@media (max-width:767.98px){
.visible--tablet{
display:none;
}

.break-phone{
display:block;
visibility:hidden;
height:0;
}
}

@media (max-width:1139.98px){
.visible--desktop{
display:none;
}

.break-tablet{
display:block;
visibility:hidden;
height:0;
}
}

@media (max-width:1399.98px){
.visible--widescreen{
display:none;
}

.break-desktop{
display:block;
visibility:hidden;
height:0;
}
}

.hidden{
display:none !important;
}

@media (min-width:576px){
.hidden--phone{
display:none !important;
}
}

@media (min-width:768px){
.hidden--tablet{
display:none !important;
}
}

@media (min-width:1140px){
.hidden--desktop{
display:none !important;
}
}

@media (min-width:1400px){
.hidden--widescreen{
display:none !important;
}
}



.y-center-elements{
display:grid;
align-items:center;
}

.y-center{
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

.x-left{
margin-right:auto;
margin-left:0;
text-align:left;
}

.x-center{
margin-right:auto;
margin-left:auto;
text-align:center;
}

.x-right{
margin-right:0;
margin-left:auto;
text-align:right;
}



iframe{
border:0;
}

.video{
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;

}

.video iframe,
.video video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
min-height:0;
}



.error-message{
display:block;
color:#d80000;
margin-bottom:4px;
width:100%;
font-size:14px;
}



input.floating-label,
label.floating-label,
textarea.floating-label{
display:block;
margin:25px 0 0 0;
padding:5px;
border:none;
font-size:16px;
}

input.floating-label:not([type="submit"]),
textarea.floating-label{
background:rgba(0, 0, 0, 0);
border-radius:2px;
transition:padding-top 0.2s ease, margin-top 0.2s ease;
overflow-x:hidden;
}

textarea.floating-label:focus,
input.floating-label:focus{
outline:0;
}


input.floating-label + label,
textarea.floating-label + label{
display:block;
position:relative;
margin:0;
border-top:1px solid #8f8f8f;
padding:0;
width:100%;
height:0px;
white-space:nowrap;
transition:width 0.4s ease;
}

input.floating-label:focus + label > span,
input.floating-label:valid + label > span{
top:-45px;
font-size:12px;
color:#333333;
}

textarea.floating-label:focus + label > span,
textarea.floating-label:valid + label > span{
top:-85px;
font-size:12px;
color:#333333;
}

input.floating-label:invalid,
textarea.floating-label:invalid{
box-shadow:none;
}

input.floating-label + label > span,
textarea.floating-label + label > span{
position:absolute;
margin:0;
top:-25px;
left:0px;
padding-left:5px;
font-size:14px;
color:#b7b7b7;
transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
z-index:-1;
}



.flex{
display:flex;
}

.flex-row{
display:flex;
flex-direction:row;
}

.flex-column{
display:flex;
flex-direction:column;
}



.underline{
text-decoration:underline;
}

.hide{
position:absolute !important;
top:-9999px !important;
left:-9999px !important;
}

.honey{
position:absolute;
left:-9999px;
}



.skip{
position:absolute;
top:-1000px;
left:-1000px;
height:1px;
width:1px;
text-align:left;
overflow:hidden;
}

a.skip:active,
a.skip:focus,
a.skip:hover{
left:0;
top:0;
width:auto;
height:auto;
overflow:visible;
}

body{
background-image:url(/images/layout/background_products.jpg);
background-size:200%;
background-repeat:repeat-y;
scroll-behavior:smooth;
}



h1{
font:normal normal 80px/1em 'Lucky Fellas Upright';
color:#9a4632;
margin-bottom:1rem;
}

h2{
font:normal 900 22px/1em 'Martel Sans';
text-transform:uppercase;
color:#9a4632;
margin-bottom:1rem;
}

.intro h2{
font:normal 300 18px/1.5em 'Martel Sans';
color:#000000;
}

h3{
font:normal normal 18px/1.5em 'Martel Sans';
color:#000000;
}

p, li{
font:normal normal 16px/1.5em 'Martel Sans';
color:#000000;
}

a{
font-family:'Martel Sans';
color:#BA0018;
text-decoration:none;
font-weight:600;
}

a:hover{
color:#06744C;
}

.bulleted{
margin:1rem 0 1rem .5rem;
}

hr{
border-top:1px solid #c3b5a0;
}

p + h2,
ul + h2,
p + h3,
h3 + h3,
img + h2,
h3 + a.button,
p + a.button,
p + form,
a + .accent,
.video + h2,
.home .accent--tablet + .seal{
margin-top:2rem;
}

h2 + p,
h3 + p,
li + li,
img + p,
p + p,
p + ul,
p + a > img,
a + .video,
.video + p,
.accent + a{
margin-top:1rem;
}

h2 + h3{
margin-top:.5rem;
}

video{
max-width:100%;
}



header{
position:relative;
background-color:#ffffff;
}

header .flex{
flex-direction:column;
}

header .logo{
margin:0 auto;
padding:1rem 0;
}

header img{
max-height:100px;
}



.nav-toggle{
position:absolute;
height:35px;
width:35px;
top:2rem;
right:1rem;
z-index:400;
}

.nav-toggle svg{
fill:#BA0018;
max-height:35px;
max-width:35px;
}

.nav-toggle div{
display:none;
}

.nav-toggle div.on{
display:block;
}

nav{
width:100%;
max-height:100vh;
overflow-y:auto;
}

nav li{
display:none;
margin:0;
border-radius:4px;
width:100%;
padding:0;
text-align:center;
}

nav li a{
margin:auto;
border-top:1px solid #c3b5a0;
width:100%;
padding:1rem 0;
font:normal 300 14px/1.5em 'Martel Sans';
color:#5b5b5b;
text-transform:uppercase;
letter-spacing:.5px;
}

nav li:last-of-type a{
background-color:#BA0018;
border:none;
color:#ffffff;
}

.products-nav li:last-of-type a{
background-color:transparent;
color:#BA0018;
}

nav.on ul li{
display:flex;
}

nav.on ul li.menu{
display:block;
}

@media(max-width:767px){
.products-nav nav.on{
background-color:#c3b5a0;
padding:1px;
max-height:100%;
}

.products-nav ul{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:1px;
}

.products-nav a{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
background-color:transparent;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
border:none;
padding:0;
color:#BA0018;
font-size:calc(16px + (32 - 16) * (100vw - 320px) / (767 - 320));
}

.products-nav a:before{
content:'';
display:inline-block;
width:1px;
height:0;
padding-bottom:70%;
}

.products-nav a.apple{
background-image:url(/images/layout/nav/apple.jpg);
}

.products-nav a.pear{
background-image:url(/images/layout/nav/pear.jpg);
}

.products-nav a.cherry{
background-image:url(/images/layout/nav/cherry.jpg);
}

.products-nav a.plum{
background-image:url(/images/layout/nav/plum.jpg);
}

.products-nav a.apricot{
background-image:url(/images/layout/nav/apricot.jpg);
}

.products-nav a.trees{
background-image:url(/images/layout/nav/non-fruit_trees.jpg);
}

.products-nav a.evergreens{
background-image:url(/images/layout/nav/evergreen.jpg);
}

.products-nav a.berries{
background-image:url(/images/layout/nav/berries.jpg);
}

.products-nav a.plants{
background-image:url(/images/layout/nav/plants.jpg);
}
}



main{
background-size:200%;
background-repeat:no-repeat;
}



.accent-1{
background-color:#9a4632;
}



.button{
background-color:#BA0018;
border-radius:4px;
padding:1rem 1rem .8rem 1rem;
font:normal 300 16px/1em 'Martel Sans';
text-transform:uppercase;
letter-spacing:1px;
}

.button:disabled,
.button:hover{
background-color:#5B5B5B;
color:#ffffff;
}

.button:disabled{
cursor:not-allowed;
}



.billboard{
position:relative;
background:#528f65 url('/images/layout/background_billboard.png') repeat top right;
max-height:800px;
overflow:hidden;
}

.billboard .content{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

.billboard h1{
margin-bottom:0;
font-size:45px;
line-height:1em;
color:#FFFFFF;
text-shadow:2px 2px 1.5px rgba(0, 0, 0, 0.9);
text-align:center;
}



.home.grid .padding{
margin:0;
padding:0;
}



.workshop .image{
min-height:265px;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}



.pay-online .number > div{
display:grid;
grid-template-columns:52px 1fr;
grid-gap:1rem;

}

.pay-online .number > div + div{
margin-top:1rem;
}

.pay-online .number input,
.pay-online .number label{
margin-bottom:0;
}



.quote{
background:#9a4632 url('/images/layout/background_footer.png') repeat top right;
text-align:center;
}

.quote .grid{
justify-content:center;
gap:2rem;
}

.quote h3{
color:#ffffff;
}

.accent{
background-color:rgba(255,255,255,.4);
padding:1rem;
}

.accent + h2,
p + .accent,
img + .accent,
.accent + .accent{
margin-top:3rem;
}



.products-billboard .intro{
padding:2rem;
width:100%;
}

.products.grid{
grid-gap:.5rem;
padding:0 .5rem .5rem .5rem;
}

.products-description.grid{
grid-gap:1rem;
padding:2rem;
}

.products-description > div{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.products > a{
position:relative;
background-color:#58595b;
color:#ffffff;
text-align:center;
border-radius:4px;
padding:1rem;
transition:box-shadow .4s ease-in;
}

.products > a:hover{
background-color:#528F65;
box-shadow:0 0 5px 5px rgba(0,0,0,.15);
}

.products > a div{
margin-top:.75rem;
overflow:hidden;
}

.products img{
transition:transform .4s ease-in;
}

.products > a:hover img:first-of-type{
transform:scale(1.1);
}

.products .top-pick{
position:absolute;
top:4rem;
right:-5px;
width:75px;
}



.banner{
width:100%;
max-width:350px;
}



.product-details{
background-size:auto;
background-position:top right;
background-repeat:no-repeat;
}

.product-details > div:last-of-type{
width:100%;
}

.product-details .product-image{
position:relative;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
min-height:300px;
}

.product-details .product-image img{
position:absolute;
top:2.5rem;
right:-5px;
}

.product-details ul{
display:inline-block;
margin:1rem 0;
list-style:none;
}

.product-details ul > li{
margin:0;
border-bottom:2px solid #c3b5a0;
padding:.5rem;
}

.product-details ul > li:last-of-type{
border-bottom:none;
}

.product-details .button{
display:inline-block;
}



.social-buttons{
padding:.5rem 0;
}

.social-buttons > div{
display:inline-block;
vertical-align:middle;
font-size:0;
}

.latest-post p > a{
word-wrap:anywhere;
}

.latest-post img{
max-height:560px;
}

.calendar{
width:100%;
max-width:500px;
}



.subscription .grid{
grid-template-columns:1fr 1fr;
grid-gap:1rem;
margin-bottom:1rem;
}

.subscription .grid input{
margin:0;
}

.subscription [type="submit"]{
margin-bottom:0;
}



.credit-card-logos{
display:flex;
max-width:55%;
margin-top:-0.5rem;
margin-left:auto;
}

.credit-card-logos > div{
display:flex;
flex-direction:column;
justify-content:flex-end;
}

.credit-card-logos svg{
margin:0 .25rem 4px;
fill:#c3b5a0;
height:30px;
width:30px;
}

.credit-card-logos > div.selected svg{
fill:#BA0018;
}



input,
textarea,
#xCREDIT_CARD{
border:1px solid #c3b5a0;
}

#xCREDIT_CARD{
background-color:rgba(255, 255, 255, .5);
border-radius:3px;
padding:0.5em;
}



.clone{
position:relative;
}

.add-clone{
margin-bottom:1rem;
padding:.75rem 1rem;
font-size:14px;
text-transform:none;
}

.remove-clone{
position:absolute;
top:50%;
right:-40px;
transform:translateY(-50%);
background-color:#b3b3b3;
border-radius:50%;
width:30px;
height:30px;
padding:0;
color:#ffffff;
font-size:18px;
}

.remove-clone:after{
content:'\d7';
}



.checkmark-circle{
stroke-dasharray:166;
stroke-dashoffset:166;
stroke-width:2;
stroke-miterlimit:10;
stroke:#528F65;
fill:none;
animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark{
display:block;
margin:2rem auto;
border-radius:50%;
box-shadow:inset 0px 0px 0px #528F65;
width:88px;
height:88px;
stroke-width:2;
stroke:#ffffff;
stroke-miterlimit:10;
animation:fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark-check{
stroke-dasharray:48;
stroke-dashoffset:48;
transform-origin:50% 50%;
animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke{
100%{
stroke-dashoffset:0;
}
}

@keyframes scale{
0%, 100%{
transform:none;
}
50%{
transform:scale3d(1.1, 1.1, 1);
}
}

@keyframes fill{
100%{
box-shadow:inset 0px 0px 0px 60px #528F65;
}
}



.styled-select{
position:relative;
background-color:#ffffff;
}

.angle-down{
pointer-events:none;
}

.angle-down svg{
position:absolute;
top:9px;
right:3px;
width:20px;
height:20px;
fill:#333333;
}

.styled-select select{
padding-right:23px;
}



[name="xFILTER_ARTICLES"] .flex{
flex-direction:column;
}

[name="xFILTER_ARTICLES"] select{
margin-bottom:0;
}

.articles{
display:grid;
grid-gap:5px;
padding:5px;
}

.articles > a{
position:relative;
background-color:#5B5B5B;
padding-top:70%;
}

.articles > a:hover .image-wrapper > div{
transform:scale(1.2);
}

.articles .image-wrapper{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
z-index:1;
}

.articles .image-wrapper > div{
background-color:#5B5B5B;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height:100%;
transition:all .4s ease-in-out;
}

.articles .image-wrapper.thumbnail > div{
background-size:128%;
}

.articles .container{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
background-color:rgba(0, 0, 0, 0.3);
padding:1rem;
z-index:2;
}

.articles .container h2{
margin:0;
color:#ffffff;
text-align:center;
text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);
}

.articles .icon{
position:absolute;
bottom:1rem;
right:1rem;
width:20px;
height:20px;
z-index:3;
}

.articles .icon svg{
width:20px;
height:20px;
fill:#ffffff;
}


.articles.home > a:not(:first-of-type){
display:none;
}



.overlay{
display:none;
position:fixed;
top:0;
right:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .8);
z-index:200;
overflow:auto;
}

.overlay .wrapper{
position:absolute;
top:50%;
left:0;
right:0;
transform:translateY(-50%);
width:100%;
max-width:800px;
margin:auto;
padding:2rem;
transform:translateY(-50%);
background-color:rgba(255, 255, 255, .85);
border-radius:5px;
}

.overlay .close-overlay{
position:absolute;
top:0;
right:18px;
margin:0;
font-size:30px;
cursor:pointer;
}



.items-available.grid{
grid-gap:1rem;
}

.items-available.grid > div{
display:grid;
grid-template-columns:50px 1fr;
grid-gap:.5rem;
align-items:center;
}

.items-available.grid input{
margin:0;
}

.pay-online [type="submit"]{
display:block;
margin:2rem auto 0;
width:auto;
}



.testimonials{
background:#9a4632 url('/images/layout/background_footer.png') repeat top right;
padding:2rem 1rem;
}

.testimonials .slip-n-slide{
min-height:300px;
height:100%;
}

.testimonials .slip-n-slide > div.slide{
background-color:inherit;
}

.testimonials .flex-col{
display:flex;
flex-direction:column;
height:100%;
width:100%;
max-width:1000px;
margin:0 auto;
}

.testimonials .slide .flex-col *:first-child{
margin-top:auto;
}

.testimonials .slide .flex-col *:last-child{
margin-bottom:auto;
}

.testimonials p{
width:100%;
padding:0 2em;
color:#FFFFFF;
text-align:center;
}

.testimonials p:nth-of-type(1){
position:relative;
}

.testimonials p:nth-child(1):before,
.testimonials p:nth-child(1):after{
position:absolute;
font-family:'Times New Roman';
font-size:50px;
line-height:21px;
color:#CEC5AA;
}

.testimonials p:nth-child(1):before{
content:'\201C';
top:15px;
left:0;
}

.testimonials p:nth-child(1):after{
content:'\201D';
bottom:-35px;
right:15px;
}



.flex-grow{
flex-grow:1;
}



.home .seal img{
margin:0 auto;
max-width:250px;
}



footer{
background:#dad0b4 url('/images/layout/background_footer.png') repeat top right;
}

footer > .grid{
grid-template-columns:1fr;
}

footer h2{
font:normal normal 70px/1em 'Lucky Fellas Upright';
color:#9a4632;
text-transform:none;
}

footer hr{
border-top:4px dotted #E4E1CE;
margin:.6rem 0;
}

footer hr + img,
footer img + img{
margin-top:1rem;
}

footer .icon svg{
width:40px;
height:40px;
fill:#BA0018;
margin-right:1rem;
}

footer .icon svg:hover{
fill:#528f65;
}

footer p,
footer a{
margin-bottom:0;
}

footer p{
color:#3b3b3b;
}

footer .members-logo.grid{
grid-template-columns:3fr 2fr;
grid-gap:1rem;
}

footer .members-logo > a:first-of-type{
grid-row:1 / span 2;
}

footer .members-logo img{
mix-blend-mode:multiply;
}



.attribution{
background-color:#3a3b3d;
padding:.5rem;
}

.attribution a{
color:#E9E6D3;
font-weight:normal;
text-transform:none;
}

.attribution p{
margin:0;
font-size:12px;
color:#E9E6D3;
}@media (min-width:576px){

body{
background-size:100%;
}

.accent{
padding:2rem;
}



main{
background-size:100%;
}



.products-billboard .intro h2{
max-width:350px;
}

.products.grid{
grid-template-columns:1fr 1fr;
}



.workshop .image{
min-height:480px;
}



.articles{
grid-template-columns:1fr 1fr;
}

[name="xFILTER_ARTICLES"] .flex{
flex-direction:row;
justify-content:center;
align-items:center;
margin:0 auto;
max-width:500px;
}

[name="xFILTER_ARTICLES"] .flex > label{
align-self:center;
margin:0 1rem 0 0;
}

.articles.home > a:nth-of-type(2){
display:block;
}



.items-available.grid{
grid-template-columns:1fr 1fr;
}
}@media (min-width:768px){



h1{
font-size:100px;
}



header{
position:fixed;
top:0;
left:50%;
transform:translateX(-50%);
z-index:100;
background-color:#c3b5a0;
width:100%;
padding:0 1px 1px 1px;
}

header .grid{
grid-template-columns:125px 1fr;
grid-template-rows:43px 1fr;
grid-gap:0;
}

header .logo{
display:grid;
grid-row:1 / span 2;
align-content:center;
background-color:#f6f6f2;
width:100%;
padding:.5rem;
}

header img{
margin:0 auto;
width:100%;
max-height:100%;
}



nav{
padding:0 0 0 1px;
overflow-y:visible;
}

nav ul{
display:flex;
}

nav li{
display:block;
margin:0;
background-color:#ffffff;
border-radius:0;
border-bottom:none;
}

nav li + li{
margin-left:1px;
}

nav li a{
display:inline-block;
background-color:transparent;
border:none;
width:100%;
height:42px;
padding:.8rem .5rem .5rem .5rem;
color:#5b5b5b;
white-space:nowrap;
}

@media(min-width:1000px){
nav li a{
padding-top:.7rem;
font-size:16px;
}
}

nav li a:hover,
nav li a:focus,
nav li a.active{
background-color:#5b5b5b;
border-radius:0;
color:#ffffff;
}

nav li:last-of-type{
margin-right:1px;
margin-bottom:auto;
background-color:#BA0018;
}

nav li:last-of-type a{
color:#ffffff;
}

.products-nav{
display:grid;
align-content:center;
margin:0 1px;
background-color:#ffffff;
padding:.7rem .5rem .5rem .5rem;
}

@media(min-width:900px){
.products-nav{
padding:1.2rem 1rem 1rem 1rem;
}
}

.products-nav h2{
margin-bottom:.25rem;
font:normal 900 16px/1em 'Martel Sans';
text-transform:uppercase;
color:#5b5b5b;
}

.products-nav nav ul{
display:flex;
justify-content:space-between;
}

.products-nav nav li,
.products-nav nav li:last-of-type{
margin:0 .25rem;
background-color:transparent;
width:auto;
padding:0;
}

.products-nav nav li:first-of-type{
margin-left:0;
}

.products-nav nav li:last-of-type{
margin-right:0;
}

.products-nav nav li a,
.products-nav nav li:last-of-type a{
width:auto;
height:100%;
padding:0;
color:#5b5b5b;
}

.products-nav nav li a:hover,
.products-nav nav li a:focus,
.products-nav nav li a.active{
background-color:transparent;
color:#BA0018;
}



.billboard .padding{
padding-top:10rem;
}

.billboard h1{
font-size:calc(80px + (100 - 80) * (100vw - 768px) / (1400 - 768));
}



.home.grid{
grid-template-columns:1fr 1fr;
}

.home .intro{
text-align:center;
}

.home .intro p{
display:flex;
flex-direction:row;
justify-content:center;
}

.home .intro .button{
display:inline-block;
width:auto;
}

.col-2--tablet{
grid-template-columns:1fr 1fr;
}

.span-2--tablet{
grid-column:span 2;
}

.home .accent + .accent{
margin:0;
}

.home.grid .flex-column{
height:100%;
}



.accent--tablet{
background-color:rgba(255,255,255,.4);
padding:3rem;
}



.main-content{
grid-template-columns:1fr 1fr;
}



.workshop.grid{
grid-template-columns:1fr 1fr;
grid-gap:0;
}

.workshop:nth-of-type(even) .image{
grid-column:2 / span 1;
grid-row:1;
}

.workshop:nth-of-type(even) .info{
grid-column:1 / span 1;
}

.workshop .image{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}



.quote h3{
margin:0 auto;
max-width:700px;
}



.pay-online .grid{
grid-template-columns:1fr 1fr;
grid-gap:2rem;
}

.pay-online .grid .grid{
grid-gap:1rem;
}

.pay-online .address.grid{
grid-template-columns:1fr 50px 100px;
}

.pay-online .number.grid{
grid-template-columns:1fr 1fr;
}

.pay-online .number.grid > div + div{
margin-top:0;
}



.products-billboard .intro{
padding-top:12rem;
padding-bottom:3rem;
padding-left:calc(100px + (240 - 100) * (100vw - 768px) / (1400 - 768));
}

.products-billboard .intro h2{
max-width:449px;
}

.products.grid{
grid-template-columns:repeat(3, 1fr);
}

.products.grid,
.products-description.grid{
grid-gap:1rem;
padding:0 2rem 2rem 2rem;
}

.products-description.grid{
grid-template-columns:1fr 1fr;
grid-gap:2rem;
}



.banner{
max-width:450px;
}



.product-details .product-image{
min-height:500px;
}



.articles{
grid-template-columns:repeat(3, 1fr);
}

.articles > a{
padding-top:70%;
}

.featured-article{
grid-template-columns:1fr 1fr;
}

.featured-article .articles{
grid-template-columns:1fr;
padding:0;
}

.articles.home > a:nth-of-type(3){
display:block;
}



.testimonials .slip-n-slide{
height:300px;
}

.testimonials p:nth-child(1):before,
.testimonials p:nth-child(1):after{
font-size:100px;
}

.testimonials p{
padding:0 63px;
}



footer > .grid{
grid-template-columns:342px 315px;
grid-gap:3rem;
justify-content:space-evenly;
}

footer .links.grid,
footer .links .grid{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:0 .7rem;
}

footer a.button{
background-color:#d7d4bf;
border:1px solid #b48b30;
padding:1rem 1rem .75rem 1rem;
color:#3b3b3b;
font-size:14px;
white-space:nowrap;
}

footer a.button + a.button{
margin-top:.7rem;
}

footer a.button:hover{

background-color:#528f65;
border:1px solid #528f65;
}
}@media (min-width:1140px){


h1{
font-size:200px;
}

h2{
font-size:30px;
}

.intro h2,
h3{
font-size:20px;
}

.hidden--desktop + .accent{
margin:0;
}



header{
width:1008px;
}

header .grid{
grid-template-columns:150px 1fr;
grid-template-rows:59px 1fr;
}



nav li a{
height:58px;
padding:1.2rem 1rem 1rem 1rem;
font:normal 300 16px/1.5em 'Martel Sans';
}

.products-nav{
padding:1.5rem 1.5rem 1rem 1.5rem;
}

.products-nav h2{
margin-bottom:.5rem;
font:normal 900 20px/1em 'Martel Sans';
}

.products-nav nav li{
margin:0 .5rem;
}

.products-nav nav li:last-of-type{
margin-right:0;
}



.billboard .padding{
padding-top:12rem;
}



.home.grid{
grid-template-columns:repeat(3, 1fr);
}

.home .intro{
text-align:left;
}

.home .intro p{
display:block
}

.home .intro .button{
display:block;
width:100%;
}

.home .seal{
margin-top:2rem;
}

.home .seal img{
margin:0 auto;
max-width:250px;
}

.span-1--desktop{
grid-column:span 1;
}

.span-2--desktop{
grid-column:span 2;
}

.col-2--desktop{
grid-template-columns:1fr 1fr;
}



.subscription .grid{
grid-template-columns:1fr;
}



.accent--tablet{
background-color:transparent;
padding:0;
}



.products-billboard .intro{
width:800px;
}

.products-billboard .intro h1{
font-size:150px;
}

.products-billboard .intro h2{
max-width:545px;
}

.products.grid{
grid-template-columns:repeat(4, 1fr);
}

.products.grid,
.products-description.grid{
grid-gap:2rem;
padding:0 4rem 4rem 4rem;
}

.products-description.grid{
grid-template-columns:1fr 1fr;
grid-gap:3rem;
}



.banner{
max-width:545px;
}



.quote h3{
max-width:780px;
}

.accent{
padding:3rem;
}



.product-details{
grid-template-columns:1fr 1fr;
}



.pay-online .grid{
grid-gap:4rem;
}



.articles{
grid-template-columns:repeat(4, 1fr);
}

.articles h2{
font-size:20px;
}

.featured-article .articles{
grid-template-columns:repeat(2, 1fr);
padding:0;
}

.articles.home > a:nth-of-type(4){
display:block;
}



.items-available.grid{
grid-template-columns:repeat(3, 1fr);
grid-gap:1rem;
}



footer > .grid{
grid-template-columns:342px 315px 348px;
}
}@media (min-width:1400px){



.home.grid,
.col-2--desktop{
grid-gap:3rem 4rem;
}



.subscription .grid{
grid-template-columns:1fr 1fr;
}



.products-billboard .intro{
width:1000px;
}

.products-billboard .intro h1{
font-size:180px;
}

.products-billboard .intro h2{
max-width:655px;
}

.products.grid{
grid-template-columns:repeat(5, 1fr);
}

.products-description.grid{
grid-template-columns:2fr 1fr 2fr;
grid-gap:2rem;
}



.banner{
max-width:655px;
}



.product-details h1{
max-width:100%;
}



.pay-online .grid{
grid-gap:6rem;
}



.items-available.grid{
grid-template-columns:repeat(4, 1fr);
grid-gap:1rem;
}



footer > .grid{
grid-template-columns:342px 315px 348px 220px;
}

footer .seal{
justify-self:center;
align-self:center;
}

footer .seal img{
max-width:220px;
}
}