:root {
--clr-black: #4F4C4C;
--clr-white: #FFFFFF;
--grid-4: 1fr 1fr 1fr 1fr;
--grid-3: 1fr 1fr 1fr;
--grid-2: 1fr 1fr;
--grid-1: 1fr;
--std-trans: all 0.2s ease-out;
--height-trans: height 0.2s ease-out;
}
.responsive {
display: none;
}
.nonresponsive {
display: block;
} :where(.wp-site-blocks) > *,
:root :where(.is-layout-flow) > *,
:root :where(.is-layout-constrained) > * {
margin-block-start: 0px !important;
}
p:empty {
display: none;
}
.wp-site-blocks {
overflow: hidden;
}  header.wp-block-template-part {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0);
z-index: 99;
}
header nav {
margin-block-start: 25px !important;
} footer {
margin-block-start: 0px !important;
padding-block: 55px !important;
}
footer .wp-block-group {
padding-block: 0 !important;
}
footer .wp-block-navigation {
margin-block: 23px 20px;
}
footer .wp-block-group .wp-block-group .wp-block-group {
max-width: 450px;
}
footer .wp-block-columns {
max-width: 450px;
margin-bottom: 30px;
}
footer .wp-block-column * {
white-space: nowrap;
} h2, p, ul, ol {
margin-block-end: 15px !important;
}
h3 {
margin-bottom:25px !important;
}
h4 {
margin-bottom:25px !important;
}
ul {
padding-inline-start: 18px;
}
footer p {
line-height: 1.8;
}
.single h1{
font-size: 30px;
margin-bottom: 90px;
}
.archive h1 {
font-size: 30px;
margin-bottom: 30px;
} a,
a:visited,
a:active {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-decoration: underline;
text-decoration-skip-ink: auto;
text-underline-offset: 2px;
opacity: 1;
}
a.wp-block-button__link,
nav ul li a {
text-decoration: underline;
text-decoration-skip-ink: auto;
text-underline-offset: 4px;   
}
footer p a {
text-decoration: none;
}
a:hover,
nav ul li a:hover,
nav li.current-menu-item a
{
text-decoration: underline;
color: #231F20;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
color: #231F20;
} .wp-block-post-content > .wp-block-group {
padding-block: 85px;
border-bottom: solid 1px var(--wp--preset--color--base);
}
.wp-block-post-content > .wp-block-group:first-child {
padding-block: 30px 50px;
}
.single .wp-block-post-content > .wp-block-group:first-child,
.wp-block-post-content > .wp-block-group.contact:first-child {
padding-block: 85px;
}
.archive .wp-block-post-content > .wp-block-group:first-child{
padding-block: 30px 85px;
}
.wp-block-group.contact,
.single .wp-block-post-content > .wp-block-group {
border-top: solid 1px var(--wp--preset--color--base);
position: relative;
}
.wp-block-group.contact::after,
.single .wp-block-post-content > .wp-block-group::after {
content: '';
display: block;
height: 100%;
width: 1px;
background-color: var(--wp--preset--color--base);
position: absolute;
top: 0;
left: 50%;
}
.recipes .heading h3 {
font-size: 30px;
translate: 25px 88px;
rotate: -90deg; 
white-space: nowrap;
}
.recipes h4 {
margin-bottom:0px !important;
}
.recipes .wp-block-buttons {
padding-top: 20px;
}
.wp-block-post-content > .wp-block-group.outlets {
background-color:  #fff;
padding-block: 45px 85px;
}
.wp-block-post-content > .wp-block-group.outlets h2 {
margin-block-end: 45px !important;
}
.wp-block-post-content > .wp-block-group.outlets figure {
padding-left: 60px;
}
.recipe-collection .is-layout-grid {
gap: 50px 4.5%; 
}
.recipe-collection figure {
margin-bottom: 25px;
}
.recipe-collection h3 {
margin-bottom: 15px;
font-size: 20px;
}
.wp-block-group > .wp-block-columns.is-layout-flex {
gap: 7.5%;
}
.recipes.wp-block-group > .wp-block-columns.is-layout-flex {
gap: 30px !important;
}
.our-journey figure {
padding-top: 150px !important;
}
.meet-the-family h3 {
margin-bottom: 60px !important;
}
.meet-the-family h4 {
font-size: 20px;
}
.truffle-dogs h4 {
margin-bottom: 80px !important;
}
.what-are-truffles {
padding-top: 50px !important;
}
.growing img,
.how-much img {
display: block;
position: relative;
width:  127% !important;
max-width: 1000px !important;
margin-left: -27%;
}
.our-farm img {
display: block;
position: relative;
width:  127% !important;
max-width: 1000px !important;
margin-right: -27%;
}
.are-vertically-aligned-bottom p:last-child  {
margin-bottom: 0px  !important;
}
.contact .wp-block-column .wp-block-columns {
padding-block: 50px 100px;
} .nav-tabs ul {
display: flex;
flex-direction: row;
column-gap: 0;
row-gap: 20px;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 0 50px;
padding: 0;
list-style: none;
}
.nav-tabs ul li {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
flex: 1 1;
padding: 0 0 15px;
border-bottom: solid 1px rgb(from var(--wp--preset--color--base) r g b / 50%);
opacity: 0.7;
}
.nav-tabs ul li.active {
border-bottom: solid 1px rgb(from var(--wp--preset--color--base) r g b / 100%);
opacity: 1;
}
.nav-tabs ul li.active a:hover {
color: var(--wp--preset--color--base);
}
.nav-tabs ul li a, 
.nav-tabs ul li a:visited, 
.nav-tabs ul li a:hover, 
.nav-tabs ul li a:active {
font-size: 18px;
text-decoration:none;
}
.wp-block-social-links li {
color: transparent !important;
background-color: transparent !important;
}
.wp-block-social-links li a {
display: block;
width: 26px;
height: 26px;
padding: 0 !important; background: transparent url(//stoneyfarm.co.nz/wp-content/themes/stoney-farm/images/social-icons.svg) no-repeat left center !important;
background-size: auto 26px !important;
border-radius:  0;
text-indent: -9999px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.wp-block-social-links li.wp-social-link-facebook a { background-position: right center !important; }
.wp-block-social-links li.wp-social-link-instagram a { background-position: left center !important; }
.wp-block-social-links li a svg {
display: none;
}
.gform_wrapper {
}
.gform_required_legend {
display: none;
}
.gform_wrapper input,
.gform_wrapper textarea {
background-color: transparent !important;
color: var(--wp--preset--color--base);
border-width: 0 0 1px 0 !important;
border-color:var(--wp--preset--color--base) !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.gform_wrapper .gform_footer input[type="submit"] {
color: var(--wp--preset--color--base) !important;
font-family: var(--wp--preset--font-family--montserrat) !important;
padding: 0 0 0 0 !important;
line-height: 13px  !important;
height: 22px  !important;
min-block-size: 22px  !important;
min-height: 22px  !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
color: #231F20 !important;
border-color: #231F20 !important;
}
.gform_wrapper legend {
color: var(--wp--preset--color--base) !important;
font-family: var(--wp--preset--font-family--montserrat) !important;
font-size: 13px;
font-weight: 400;
}
.gform_wrapper label {
color: var(--wp--preset--color--base) !important;
font-family: var(--wp--preset--font-family--montserrat) !important;
font-size: 13px;
font-weight: 400;
}
.gform_wrapper .ginput_counter {
color: var(--wp--preset--color--base) !important;
font-family: var(--wp--preset--font-family--montserrat) !important;
font-size: 12px;
font-weight: 400;
} a.floattotop {
display: none;
overflow: hidden;
width: 40px;
height: 40px;
z-index: 1038;
position: fixed;
bottom: 30px;
right: 30px;
top: auto;
left: auto;
padding: 0;
border: none;
background: var(--wp--preset--color--base) url(//stoneyfarm.co.nz/wp-content/themes/stoney-farm/images/icon-up.svg) no-repeat center center;
border-radius: 99px;
text-indent: -9999px;
background-size: 75%;
-webkit-transition: var(--std-trans);
-moz-transition: var(--std-trans);
transition: var(--std-trans);
opacity: 1;
}
a.floattotop:hover {
opacity: 0.5;
background: var(--wp--preset--color--base) url(//stoneyfarm.co.nz/wp-content/themes/stoney-farm/images/icon-up.svg) no-repeat center center;
background-size: 75%;
}
@media only screen and (max-width: 599px){
}@media only screen and (max-width: 1800px), screen and (max-device-width: 1800px) {
}
@media only screen and (max-width: 1300px), screen and (max-device-width: 1300px) {
.recipes.wp-block-group > .wp-block-columns.is-layout-flex {
width: 1100px !important;
}
.recipes.wp-block-group > .wp-block-columns.is-layout-flex .wp-block-column {
width: 236px !important;
flex-basis: 0;
flex-grow: 1;
}
.recipes.wp-block-group > .wp-block-columns.is-layout-flex .wp-block-column:first-child {
flex-basis: 40px;
flex-grow: 0;
}
.recipes .heading h3 {
translate: 0px 188px;
}
}
@media only screen and (max-width: 1220px) {
}
@media only screen and (max-width: 1085px){
}
@media only screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
}
@media only screen and (max-width: 781px), screen and (max-device-width: 781px) {
.responsive {
display: block;
}
.nonresponsive {
display: none;
}
header nav {
margin-block-start: 10px !important;
} header .wp-block-navigation__responsive-container-open {
display: block !important;
} header .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
display: none !important;
}
header .wp-block-navigation__responsive-container-close {
right: 30px;
top: -45px;
z-index: 2000;
background-color: #eeeae5 !important;
color:  var(--wp--preset--color--base) !important;
}
header .wp-block-navigation__responsive-container.is-menu-open {
overflow: visible;
z-index: 100000;
}
header .wp-block-navigation__responsive-container {
top: 78px;
background-color: #eeeae5 !important;
}
header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
justify-content: flex-start !important;
}
header .wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-start !important;
--navigation-layout-justify: flex-start !important;
}
header .wp-block-navigation__container {
padding-left: 60px !important;
text-align: left;
justify-content: flex-start !important;
}
header .wp-block-navigation__container li {
width: 100% !important;
text-align: left;
}
header .wp-block-navigation__container li a {
width: 100% !important;
text-align: left;
font-size: 20px;
color:  var(--wp--preset--color--base) !important;
}
.wp-block-cover {
min-height: calc(50vh - 39px) !important;
}
.wp-block-cover h1 {
font-size: 38px;
}
.wp-block-buttons {
margin-block-end: 60px !important;
}
.wp-block-columns .wp-block-columns {
max-width: 66%;
}
.wp-block-group:not(.recipes) .wp-block-columns .wp-block-column:last-child .wp-block-columns {
margin-inline: auto 0;
padding-bottom: 50px;
}
.wp-block-columns .wp-block-column:first-child figure {
padding-bottom: 80px;
}
.wp-block-columns .wp-block-column:last-child figure {
padding-top: 50px;
}
.wp-block-group.recipes .wp-block-columns .wp-block-column:last-child figure {
padding-top: 0px;
}
footer .wp-block-columns {
max-width: 1000px;
}
footer .is-nowrap,
footer nav ul {
flex-wrap: wrap;
flex-direction: column !important;
}
footer .is-nowrap div {
width: 100%;
flex-basis: 100%;
flex-grow: 1;
}
footer .wp-block-site-logo {
margin-bottom: 30px;
}
footer nav ul {
width: 100%;
row-gap: 10px !important;
}
footer nav ul li {
width: 100%;
}
footer .wp-block-group .wp-block-columns {
flex-wrap: wrap !important;
flex-direction: row;
gap: 0;
}
footer .wp-block-group .wp-block-columns .wp-block-column {
width: 45%;
flex: 1 0 45%;
flex-direction: row;
}
footer .wp-block-group .wp-block-columns .wp-block-column:last-child ul {
flex-wrap: wrap !important;
flex-direction: row !important;
justify-content: flex-start;
padding-bottom: 50px;
}
.what-are-truffles  .wp-block-column:first-child figure {
text-align: right !important;
padding-left: 28px !important;
}
.what-are-truffles  .wp-block-column:first-child figure img {
width: 100% !important;
max-width: 360px !important;
height: auto;
}
.recipes {
position: relative;
overflow: hidden;
height: 660px;
}
.recipes .wp-block-columns {
position: absolute;
top: 85px;
left: 30px;
}
.growing img, .how-much img {
width: calc(100vw - 30px) !important;
margin-left: -30px;
}
.our-farm img {
width: calc(100vw - 30px) !important;
margin-right: -30px;
}
.recipe-collection .is-layout-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wp-block-group.contact::after, 
.single .wp-block-post-content > .wp-block-group::after {
display: none;
}
.page-contact-us main p a {
display: inline-block;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px), screen and (max-device-width: 767px) {
}
@media only screen and (max-width: 600px), screen and (max-device-width: 600px) {
.recipe-collection .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 425px), screen and (max-device-width: 425px) {
.recipe-collection .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { 
grid-template-columns: 1fr;
}
}