@charset "UTF-8";
/*!
Theme Name: Vital Farms
Author: Zocalo Design
Author URI: https://www.zocalodesign.com
Description: Custom theme for Vital Farms
Version: 1.0.0
Text Domain: vitalfarms
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
- Nice Select
- Ajax Search
- Ajax Load Filter
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/* Gutenberg color options*/
.has-gray-color a, .has-gray-color a:visited {
color: #30302E !important;
}
.has-gray-color a:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.is-style-outline .has-gray-color:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-gray-color.wp-block-button__link:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-gray-background-color.wp-block-button__link:hover {
background-color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-gray-background-color.is-style-inner-rough-edge-top:before, .has-gray-background-color.is-style-inner-rough-edge-top:after, .has-gray-background-color.is-style-bottom-rough-edge:before, .has-gray-background-color.is-style-bottom-rough-edge:after, .has-gray-background-color.is-style-top-rough-edge:before, .has-gray-background-color.is-style-top-rough-edge:after, .has-gray-background-color.is-style-rough-edge:before, .has-gray-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-natural-color a, .has-natural-color a:visited {
color: #F3EFE4 !important;
}
.has-natural-color a:hover {
color: rgb(219.4615384615, 207.6153846154, 175.0384615385) !important;
}
.is-style-outline .has-natural-color:hover {
color: rgb(219.4615384615, 207.6153846154, 175.0384615385) !important;
}
.has-natural-color.wp-block-button__link:hover {
color: rgb(219.4615384615, 207.6153846154, 175.0384615385) !important;
}
.has-natural-background-color.wp-block-button__link:hover {
background-color: rgb(219.4615384615, 207.6153846154, 175.0384615385) !important;
}
.has-natural-background-color.is-style-inner-rough-edge-top:before, .has-natural-background-color.is-style-inner-rough-edge-top:after, .has-natural-background-color.is-style-bottom-rough-edge:before, .has-natural-background-color.is-style-bottom-rough-edge:after, .has-natural-background-color.is-style-top-rough-edge:before, .has-natural-background-color.is-style-top-rough-edge:after, .has-natural-background-color.is-style-rough-edge:before, .has-natural-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-white-color a, .has-white-color a:visited {
color: #ffffff !important;
}
.has-white-color a:hover {
color: rgb(216.75, 216.75, 216.75) !important;
}
.is-style-outline .has-white-color:hover {
color: rgb(216.75, 216.75, 216.75) !important;
}
.has-white-color.wp-block-button__link:hover {
color: rgb(216.75, 216.75, 216.75) !important;
}
.has-white-background-color.wp-block-button__link:hover {
background-color: rgb(216.75, 216.75, 216.75) !important;
}
.has-white-background-color.is-style-inner-rough-edge-top:before, .has-white-background-color.is-style-inner-rough-edge-top:after, .has-white-background-color.is-style-bottom-rough-edge:before, .has-white-background-color.is-style-bottom-rough-edge:after, .has-white-background-color.is-style-top-rough-edge:before, .has-white-background-color.is-style-top-rough-edge:after, .has-white-background-color.is-style-rough-edge:before, .has-white-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-black-color a, .has-black-color a:visited {
color: #30302e !important;
}
.has-black-color a:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.is-style-outline .has-black-color:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-black-color.wp-block-button__link:hover {
color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-black-background-color.wp-block-button__link:hover {
background-color: rgb(8.9361702128, 8.9361702128, 8.5638297872) !important;
}
.has-black-background-color.is-style-inner-rough-edge-top:before, .has-black-background-color.is-style-inner-rough-edge-top:after, .has-black-background-color.is-style-bottom-rough-edge:before, .has-black-background-color.is-style-bottom-rough-edge:after, .has-black-background-color.is-style-top-rough-edge:before, .has-black-background-color.is-style-top-rough-edge:after, .has-black-background-color.is-style-rough-edge:before, .has-black-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-red-color a, .has-red-color a:visited {
color: #db2e27 !important;
}
.has-red-color a:hover {
color: rgb(155.5714285714, 30.9702380952, 25.9285714286) !important;
}
.is-style-outline .has-red-color:hover {
color: rgb(155.5714285714, 30.9702380952, 25.9285714286) !important;
}
.has-red-color.wp-block-button__link:hover {
color: rgb(155.5714285714, 30.9702380952, 25.9285714286) !important;
}
.has-red-background-color.wp-block-button__link:hover {
background-color: rgb(155.5714285714, 30.9702380952, 25.9285714286) !important;
}
.has-red-background-color.is-style-inner-rough-edge-top:before, .has-red-background-color.is-style-inner-rough-edge-top:after, .has-red-background-color.is-style-bottom-rough-edge:before, .has-red-background-color.is-style-bottom-rough-edge:after, .has-red-background-color.is-style-top-rough-edge:before, .has-red-background-color.is-style-top-rough-edge:after, .has-red-background-color.is-style-rough-edge:before, .has-red-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-darkred-color a, .has-darkred-color a:visited {
color: #b32526 !important;
}
.has-darkred-color a:hover {
color: rgb(115.6041666667, 23.8958333333, 24.5416666667) !important;
}
.is-style-outline .has-darkred-color:hover {
color: rgb(115.6041666667, 23.8958333333, 24.5416666667) !important;
}
.has-darkred-color.wp-block-button__link:hover {
color: rgb(115.6041666667, 23.8958333333, 24.5416666667) !important;
}
.has-darkred-background-color.wp-block-button__link:hover {
background-color: rgb(115.6041666667, 23.8958333333, 24.5416666667) !important;
}
.has-darkred-background-color.is-style-inner-rough-edge-top:before, .has-darkred-background-color.is-style-inner-rough-edge-top:after, .has-darkred-background-color.is-style-bottom-rough-edge:before, .has-darkred-background-color.is-style-bottom-rough-edge:after, .has-darkred-background-color.is-style-top-rough-edge:before, .has-darkred-background-color.is-style-top-rough-edge:after, .has-darkred-background-color.is-style-rough-edge:before, .has-darkred-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-beige-color a, .has-beige-color a:visited {
color: #DFDBC8 !important;
}
.has-beige-color a:hover {
color: rgb(194.8620689655, 187.3448275862, 151.6379310345) !important;
}
.is-style-outline .has-beige-color:hover {
color: rgb(194.8620689655, 187.3448275862, 151.6379310345) !important;
}
.has-beige-color.wp-block-button__link:hover {
color: rgb(194.8620689655, 187.3448275862, 151.6379310345) !important;
}
.has-beige-background-color.wp-block-button__link:hover {
background-color: rgb(194.8620689655, 187.3448275862, 151.6379310345) !important;
}
.has-beige-background-color.is-style-inner-rough-edge-top:before, .has-beige-background-color.is-style-inner-rough-edge-top:after, .has-beige-background-color.is-style-bottom-rough-edge:before, .has-beige-background-color.is-style-bottom-rough-edge:after, .has-beige-background-color.is-style-top-rough-edge:before, .has-beige-background-color.is-style-top-rough-edge:after, .has-beige-background-color.is-style-rough-edge:before, .has-beige-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-darkbeige-color a, .has-darkbeige-color a:visited {
color: #6A6659 !important;
}
.has-darkbeige-color a:hover {
color: rgb(64.4153846154, 61.9846153846, 54.0846153846) !important;
}
.is-style-outline .has-darkbeige-color:hover {
color: rgb(64.4153846154, 61.9846153846, 54.0846153846) !important;
}
.has-darkbeige-color.wp-block-button__link:hover {
color: rgb(64.4153846154, 61.9846153846, 54.0846153846) !important;
}
.has-darkbeige-background-color.wp-block-button__link:hover {
background-color: rgb(64.4153846154, 61.9846153846, 54.0846153846) !important;
}
.has-darkbeige-background-color.is-style-inner-rough-edge-top:before, .has-darkbeige-background-color.is-style-inner-rough-edge-top:after, .has-darkbeige-background-color.is-style-bottom-rough-edge:before, .has-darkbeige-background-color.is-style-bottom-rough-edge:after, .has-darkbeige-background-color.is-style-top-rough-edge:before, .has-darkbeige-background-color.is-style-top-rough-edge:after, .has-darkbeige-background-color.is-style-rough-edge:before, .has-darkbeige-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-gold-color a, .has-gold-color a:visited {
color: #BA8E3F !important;
}
.has-gold-color a:hover {
color: rgb(128.8554216867, 98.3734939759, 43.6445783133) !important;
}
.is-style-outline .has-gold-color:hover {
color: rgb(128.8554216867, 98.3734939759, 43.6445783133) !important;
}
.has-gold-color.wp-block-button__link:hover {
color: rgb(128.8554216867, 98.3734939759, 43.6445783133) !important;
}
.has-gold-background-color.wp-block-button__link:hover {
background-color: rgb(128.8554216867, 98.3734939759, 43.6445783133) !important;
}
.has-gold-background-color.is-style-inner-rough-edge-top:before, .has-gold-background-color.is-style-inner-rough-edge-top:after, .has-gold-background-color.is-style-bottom-rough-edge:before, .has-gold-background-color.is-style-bottom-rough-edge:after, .has-gold-background-color.is-style-top-rough-edge:before, .has-gold-background-color.is-style-top-rough-edge:after, .has-gold-background-color.is-style-rough-edge:before, .has-gold-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-yellowgold-color a, .has-yellowgold-color a:visited {
color: #ddb92f !important;
}
.has-yellowgold-color a:hover {
color: rgb(164.5950413223, 136.1074380165, 26.9049586777) !important;
}
.is-style-outline .has-yellowgold-color:hover {
color: rgb(164.5950413223, 136.1074380165, 26.9049586777) !important;
}
.has-yellowgold-color.wp-block-button__link:hover {
color: rgb(164.5950413223, 136.1074380165, 26.9049586777) !important;
}
.has-yellowgold-background-color.wp-block-button__link:hover {
background-color: rgb(164.5950413223, 136.1074380165, 26.9049586777) !important;
}
.has-yellowgold-background-color.is-style-inner-rough-edge-top:before, .has-yellowgold-background-color.is-style-inner-rough-edge-top:after, .has-yellowgold-background-color.is-style-bottom-rough-edge:before, .has-yellowgold-background-color.is-style-bottom-rough-edge:after, .has-yellowgold-background-color.is-style-top-rough-edge:before, .has-yellowgold-background-color.is-style-top-rough-edge:after, .has-yellowgold-background-color.is-style-rough-edge:before, .has-yellowgold-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-blue-color a, .has-blue-color a:visited {
color: #6AA9C3 !important;
}
.has-blue-color a:hover {
color: rgb(64.4497607656, 132.1220095694, 160.0502392344) !important;
}
.is-style-outline .has-blue-color:hover {
color: rgb(64.4497607656, 132.1220095694, 160.0502392344) !important;
}
.has-blue-color.wp-block-button__link:hover {
color: rgb(64.4497607656, 132.1220095694, 160.0502392344) !important;
}
.has-blue-background-color.wp-block-button__link:hover {
background-color: rgb(64.4497607656, 132.1220095694, 160.0502392344) !important;
}
.has-blue-background-color.is-style-inner-rough-edge-top:before, .has-blue-background-color.is-style-inner-rough-edge-top:after, .has-blue-background-color.is-style-bottom-rough-edge:before, .has-blue-background-color.is-style-bottom-rough-edge:after, .has-blue-background-color.is-style-top-rough-edge:before, .has-blue-background-color.is-style-top-rough-edge:after, .has-blue-background-color.is-style-rough-edge:before, .has-blue-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-ltblue-color a, .has-ltblue-color a:visited {
color: #A3D3D3 !important;
}
.has-ltblue-color a:hover {
color: rgb(111.25, 186.25, 186.25) !important;
}
.is-style-outline .has-ltblue-color:hover {
color: rgb(111.25, 186.25, 186.25) !important;
}
.has-ltblue-color.wp-block-button__link:hover {
color: rgb(111.25, 186.25, 186.25) !important;
}
.has-ltblue-background-color.wp-block-button__link:hover {
background-color: rgb(111.25, 186.25, 186.25) !important;
}
.has-ltblue-background-color.is-style-inner-rough-edge-top:before, .has-ltblue-background-color.is-style-inner-rough-edge-top:after, .has-ltblue-background-color.is-style-bottom-rough-edge:before, .has-ltblue-background-color.is-style-bottom-rough-edge:after, .has-ltblue-background-color.is-style-top-rough-edge:before, .has-ltblue-background-color.is-style-top-rough-edge:after, .has-ltblue-background-color.is-style-rough-edge:before, .has-ltblue-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-green-color a, .has-green-color a:visited {
color: #74B743 !important;
}
.has-green-color a:hover {
color: rgb(80.504, 127.002, 46.498) !important;
}
.is-style-outline .has-green-color:hover {
color: rgb(80.504, 127.002, 46.498) !important;
}
.has-green-color.wp-block-button__link:hover {
color: rgb(80.504, 127.002, 46.498) !important;
}
.has-green-background-color.wp-block-button__link:hover {
background-color: rgb(80.504, 127.002, 46.498) !important;
}
.has-green-background-color.is-style-inner-rough-edge-top:before, .has-green-background-color.is-style-inner-rough-edge-top:after, .has-green-background-color.is-style-bottom-rough-edge:before, .has-green-background-color.is-style-bottom-rough-edge:after, .has-green-background-color.is-style-top-rough-edge:before, .has-green-background-color.is-style-top-rough-edge:after, .has-green-background-color.is-style-rough-edge:before, .has-green-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-yellow-color a, .has-yellow-color a:visited {
color: #F0AC1E !important;
}
.has-yellow-color a:hover {
color: rgb(181.40625, 126.58125, 12.09375) !important;
}
.is-style-outline .has-yellow-color:hover {
color: rgb(181.40625, 126.58125, 12.09375) !important;
}
.has-yellow-color.wp-block-button__link:hover {
color: rgb(181.40625, 126.58125, 12.09375) !important;
}
.has-yellow-background-color.wp-block-button__link:hover {
background-color: rgb(181.40625, 126.58125, 12.09375) !important;
}
.has-yellow-background-color.is-style-inner-rough-edge-top:before, .has-yellow-background-color.is-style-inner-rough-edge-top:after, .has-yellow-background-color.is-style-bottom-rough-edge:before, .has-yellow-background-color.is-style-bottom-rough-edge:after, .has-yellow-background-color.is-style-top-rough-edge:before, .has-yellow-background-color.is-style-top-rough-edge:after, .has-yellow-background-color.is-style-rough-edge:before, .has-yellow-background-color.is-style-rough-edge:after {
background-image: url('data:image/svg+xml,');
background-repeat-y: no-repeat;
}
.has-natural-color a:hover {
color: lightgray !important;
}
/*********************
BREAKPOINTS
*********************/
@font-face {
font-family: "menucons";
src: url("assets/webfonts/menucons/menucons.eot?29493402");
src: url("assets/webfonts/menucons/menucons.eot?29493402#iefix") format("embedded-opentype"), url("assets/webfonts/menucons/menucons.woff2?29493402") format("woff2"), url("assets/webfonts/menucons/menucons.woff?29493402") format("woff"), url("assets/webfonts/menucons/menucons.ttf?29493402") format("truetype"), url("assets/webfonts/menucons/menucons.svg?29493402#menucons") format("svg");
font-weight: normal;
font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
font-family: "menucons";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1.1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-close:before {
content: "\e800";
} /* '' */
.icon-tiktok:before {
content: "\e801";
} /* '' */
.icon-search:before {
content: "\e802";
} /* '' */
.icon-phone:before {
content: "\e804";
} /* '' */
.icon-mail:before {
content: "\e805";
} /* '' */
.icon-twitter:before {
content: "\f099";
} /* '' */
.icon-facebook:before {
content: "\f09a";
} /* '' */
.icon-menu:before {
content: "\f0c9";
} /* '' */
.icon-pinterest:before {
content: "\f0d2";
} /* '' */
.icon-linkedin:before {
content: "\f0e1";
} /* '' */
.icon-youtube-play:before {
content: "\f16a";
} /* '' */
.icon-instagram:before {
content: "\f16d";
} /* '' */
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
box-sizing: inherit;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size (opinionated).
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
font-size: 62.5% !important;
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
box-sizing: border-box;
}
/*
Sections
========
*/
/**
1. Remove the margin in all browsers.
2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
-webkit-font-smoothing: antialiased;
margin: 0; /* 1 */
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
.entry-title, .page-title {
padding-top: 2rem;
margin: 0;
}
@media (min-width: 51em) {
.entry-title, .page-title {
padding-top: 3rem;
}
}
.dropline mark {
display: inline-block;
position: relative;
}
.dropline mark:before {
content: "";
background-color: var(--wp--preset--color--red) !important;
width: 100%;
height: 7px;
display: inline-block;
position: absolute;
bottom: 4px;
}
.c-accordion__title {
margin: 0.75em 0;
text-transform: uppercase;
}
/*p {
margin: 0 0 1rem;
}*/
.has-brandon-condensed-font-family {
font-weight: normal;
}
.has-brandon-condensed-bold-font-family {
font-weight: 300;
}
/* Elements
--------------------------------------------- */
body {
overflow-x: hidden;
}
ul,
ol {
padding-left: 2.4rem;
}
ul li,
ol li {
margin-bottom: 0.5rem;
}
ul.is-style-green-check {
border-radius: 25px;
list-style: none;
padding: 3rem 2rem;
line-height: 1.3;
margin: 3rem 0;
}
@media (min-width: 51em) {
ul.is-style-green-check {
padding: 3rem;
}
}
ul.is-style-green-check li {
display: grid;
align-items: center;
grid-template-columns: 50px 1fr;
gap: 1rem;
margin-bottom: 2rem;
}
ul.is-style-green-check li:before {
content: "";
width: 50px;
height: 50px;
display: inline-block;
position: relative;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
ul.is-style-green-check li:last-of-type {
margin-bottom: 0;
}
ul.is-style-green-check.has-natural-background-color li:before {
background-image: url('data:image/svg+xml,');
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
figure.wp-block-media-text__media {
height: 100%;
width: 100%;
}
figure.wp-block-media-text__media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 37.5em) {
.wp-block-media-text__content {
margin: 2.5rem 0 2rem;
}
}
.recognition figure.wp-block-image {
padding: 1.4rem;
background: #F3EFE4;
border-radius: 25px;
}
.recognition figure.wp-block-image img {
border-radius: 14px;
}
/* Links
--------------------------------------------- */
a {
transition: 0.5s;
}
a:visited {
transition: 0.5s;
}
a:hover, a:focus, a:active {
transition: 0.5s;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
:focus-visible {
outline: 1px solid black;
transition: 0.5s;
}
/* Forms
--------------------------------------------- */
button:not(.mega-toggle-animated):not(.eedee-gutenslider-nav):not(.c-accordion__title):not(.wprm-toggle):not(.popmake-close):not(.add_list_item):not(.delete_list_item):not(.slick-arrow), .button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 0;
border-radius: 10rem;
background: var(--wp--preset--color--red);
color: var(--wp--preset--color--natural);
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
line-height: 1;
padding: 1.8rem 4.5rem 1.3rem !important;
font-weight: normal;
text-transform: uppercase !important;
font-size: 2rem !important;
cursor: pointer;
}
button:not(.mega-toggle-animated):not(.eedee-gutenslider-nav):not(.c-accordion__title):not(.wprm-toggle):not(.popmake-close):not(.add_list_item):not(.delete_list_item):not(.slick-arrow):hover, .button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: var(--wp--custom--hover-color);
}
button:not(.mega-toggle-animated):not(.eedee-gutenslider-nav):not(.c-accordion__title):not(.wprm-toggle):not(.popmake-close):not(.add_list_item):not(.delete_list_item):not(.slick-arrow):active, button:not(.mega-toggle-animated):not(.eedee-gutenslider-nav):not(.c-accordion__title):not(.wprm-toggle):not(.popmake-close):not(.add_list_item):not(.delete_list_item):not(.slick-arrow):focus, .button:active, .button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
background-color: var(--wp--custom--hover-color);
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #212121;
border: 0;
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
letter-spacing: 0.5px !important;
font-weight: normal;
font-size: 2rem !important;
border-radius: 3rem;
padding: 1.5rem 3.2rem 1rem !important;
line-height: 1;
background-color: #fff;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: var(--wp--custom--hover-color);
}
.gform-theme--foundation input[type=text],
.gform-theme--foundation input[type=email],
.gform-theme--foundation input[type=url],
.gform-theme--foundation input[type=password],
.gform-theme--foundation input[type=search],
.gform-theme--foundation input[type=number],
.gform-theme--foundation input[type=tel],
.gform-theme--foundation input[type=range],
.gform-theme--foundation input[type=date],
.gform-theme--foundation input[type=month],
.gform-theme--foundation input[type=week],
.gform-theme--foundation input[type=time],
.gform-theme--foundation input[type=datetime],
.gform-theme--foundation input[type=datetime-local],
.gform-theme--foundation input[type=color],
.gform-theme--foundation textarea {
padding: 3rem 3.2rem 2.4rem !important;
}
select {
border: 1px solid #F3EFE4;
height: 56px !important;
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
letter-spacing: 0.5px !important;
font-weight: normal;
font-size: 2rem !important;
text-transform: uppercase !important;
color: #6B6658 !important;
padding: 1rem 3.2rem 1rem !important;
}
textarea {
width: 100%;
border-radius: 30px !important;
}
::-moz-placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed);
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: normal;
}
::placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed);
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: normal;
}
.gform-field-label, label {
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
letter-spacing: 0.5px !important;
font-weight: normal;
font-size: 2rem !important;
text-transform: uppercase;
color: #6B6658 !important;
}
.gform-theme--foundation .gform_fields, .gform-theme--foundation .gform-grid-row {
grid-row-gap: 2rem;
}
.gform-theme--foundation .gfield.gfield--type-radio, .gform-theme--foundation .gfield.gfield--type-checkbox {
margin-left: 1rem;
}
@media (max-width: 37.5em) {
.gform-theme--foundation .gfield .ginput_password.medium, .gform-theme--foundation .gform-theme--foundation .gfield input.medium, .gform-theme--foundation .gform-theme--foundation .gfield select.medium {
inline-size: 100%;
}
}
.gform-theme--foundation .chosen-container-single a.chosen-single {
block-size: 56px !important;
}
.gform-theme--foundation .chosen-container-single a.chosen-single span {
font-size: 2rem;
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
text-transform: uppercase;
line-height: 56px !important;
padding-left: 1.6rem !important;
}
.gform-theme--foundation .chosen-container-single .chosen-search {
display: none;
}
.gform-theme--foundation .chosen-container .chosen-results li {
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
letter-spacing: 0.5px !important;
font-weight: normal;
font-size: 2rem !important;
text-transform: uppercase;
color: #6B6658 !important;
}
.gform-theme--foundation .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area {
border-radius: 2.5rem;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Special Pages */
.wp-block-group.flip-rows {
gap: 4rem;
padding: 4rem 0;
}
.wp-block-group.flip-rows .flip-card {
flex: 0 1 350px;
}
/* Circle Number List */
ol.circle-numbers {
list-style: none;
list-style: none;
margin-left: 3rem;
padding-left: 0;
}
ol.circle-numbers li {
display: block;
counter-increment: custom;
margin-bottom: 1rem;
margin-left: 1.6rem;
}
ol.circle-numbers li:before {
content: counter(custom) " ";
margin-left: -4.4rem;
margin-right: 1rem;
background: #ddb92f;
width: 3.2rem;
height: 3.2rem;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100px;
color: #30302e;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-size: 2.3rem;
padding-top: 7px;
position: relative;
top: 3px;
}
ol.circle-numbers li:first-child {
counter-reset: custom;
}
.restorative-eggs .entry-header {
background-image: url("/wp-content/themes/vitalfarms/assets/images/restorative-deco2.png");
background-size: cover;
background-position: 10% center;
padding-bottom: 4rem !important;
}
@media (min-width: 41.625em) {
.restorative-eggs .entry-header {
background-position: -10% center;
}
}
@media (min-width: 56.875em) {
.restorative-eggs .entry-header {
background-position: center center;
}
}
.restorative-eggs .entry-header:after {
display: none;
}
.restorative-eggs .post-thumbnail.alignfull {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/masktop.svg);
margin-top: -11px !important;
-webkit-mask-position-y: top;
-webkit-mask-size: cover;
position: relative;
}
@media (min-width: 56.875em) {
.restorative-eggs .post-thumbnail.alignfull {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/bigmasktop.svg);
}
}
.icon-header .wp-block-image.aligncenter {
margin: 0;
}
.vf-latest-posts a {
text-decoration: none;
}
section.archive-head {
padding-bottom: 35rem;
}
.blog-banner {
padding: 2rem;
}
p.blog-banner-text {
text-align: center;
margin: 0;
padding-top: 3rem;
text-transform: uppercase;
color: #F3EFE4;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-size: clamp(5rem, 10vw, 8rem);
font-weight: normal;
line-height: 1;
}
.blog-cover-img {
position: relative;
}
p.blog-text {
position: absolute;
top: 0;
color: #F3EFE4;
font-family: var(--wp--preset--font-family--brandon-condensed);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
font-size: clamp(5rem, 10vw, 8rem);
}
p.blog-text span {
font-size: clamp(2.5rem, 10vw, 4rem);
}
.category .site-main, .blog .site-main, .tag .site-main {
margin-top: -35rem;
position: relative;
z-index: 10;
}
.category .category-select, .tag .category-select {
display: none;
}
.blog .tag-select, .category:not(.category-vital-kitchen) .tag-select {
display: none;
}
.blog, .archive, .category, .popular-posts.wpp-ajax, .vitalkitchen, .search-results, .changing-game {
background-color: #DFDBC8;
}
.blog .blog-posts-container, .archive .blog-posts-container, .category .blog-posts-container, .popular-posts.wpp-ajax .blog-posts-container, .vitalkitchen .blog-posts-container, .search-results .blog-posts-container, .changing-game .blog-posts-container {
display: grid;
grid-template-columns: 1fr;
justify-content: center;
gap: 3rem 5rem;
margin-bottom: 7rem;
}
@media (min-width: 41.625em) {
.blog .blog-posts-container, .archive .blog-posts-container, .category .blog-posts-container, .popular-posts.wpp-ajax .blog-posts-container, .vitalkitchen .blog-posts-container, .search-results .blog-posts-container, .changing-game .blog-posts-container {
grid-template-columns: repeat(2, 28.7rem);
}
}
@media (min-width: 51em) {
.blog .blog-posts-container, .archive .blog-posts-container, .category .blog-posts-container, .popular-posts.wpp-ajax .blog-posts-container, .vitalkitchen .blog-posts-container, .search-results .blog-posts-container, .changing-game .blog-posts-container {
grid-template-columns: repeat(3, 1fr);
}
}
.blog header.blog-header, .archive header.blog-header, .category header.blog-header, .popular-posts.wpp-ajax header.blog-header, .vitalkitchen header.blog-header, .search-results header.blog-header, .changing-game header.blog-header {
grid-column: span 3;
}
.blog header.blog-header .page-title, .archive header.blog-header .page-title, .category header.blog-header .page-title, .popular-posts.wpp-ajax header.blog-header .page-title, .vitalkitchen header.blog-header .page-title, .search-results header.blog-header .page-title, .changing-game header.blog-header .page-title {
color: #30302e;
}
.blog h2.entry-title, .archive h2.entry-title, .category h2.entry-title, .popular-posts.wpp-ajax h2.entry-title, .vitalkitchen h2.entry-title, .search-results h2.entry-title, .changing-game h2.entry-title {
margin: 1.5rem 0;
font-size: 2.4rem;
padding: 0 1.5rem;
text-align: center;
}
.blog h2.entry-title a, .archive h2.entry-title a, .category h2.entry-title a, .popular-posts.wpp-ajax h2.entry-title a, .vitalkitchen h2.entry-title a, .search-results h2.entry-title a, .changing-game h2.entry-title a {
color: #db2e27;
}
.blog a, .archive a, .category a, .popular-posts.wpp-ajax a, .vitalkitchen a, .search-results a, .changing-game a {
text-decoration: none;
font-weight: 300;
}
.blog .excerpt-content, .archive .excerpt-content, .category .excerpt-content, .popular-posts.wpp-ajax .excerpt-content, .vitalkitchen .excerpt-content, .search-results .excerpt-content, .changing-game .excerpt-content {
text-align: center;
padding: 0 2rem 2rem;
flex: 1;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.blog .excerpt-content p, .archive .excerpt-content p, .category .excerpt-content p, .popular-posts.wpp-ajax .excerpt-content p, .vitalkitchen .excerpt-content p, .search-results .excerpt-content p, .changing-game .excerpt-content p {
margin-bottom: 0;
}
.blog .excerpt-meta, .archive .excerpt-meta, .category .excerpt-meta, .popular-posts.wpp-ajax .excerpt-meta, .vitalkitchen .excerpt-meta, .search-results .excerpt-meta, .changing-game .excerpt-meta {
font-size: 1.4rem;
border-top: 0.2rem solid #DFDBC8;
padding-top: 1.4rem;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--brandon-condensed);
letter-spacing: 0.1rem;
margin-top: auto;
}
.blog .post, .blog .type-post, .archive .post, .archive .type-post, .category .post, .category .type-post, .popular-posts.wpp-ajax .post, .popular-posts.wpp-ajax .type-post, .vitalkitchen .post, .vitalkitchen .type-post, .search-results .post, .search-results .type-post, .changing-game .post, .changing-game .type-post {
background-color: #F3EFE4;
border-radius: 0.5rem;
max-width: 28.7rem;
margin: auto;
height: 100%;
display: flex;
flex-direction: column;
}
.blog .post img.wp-post-image, .blog .type-post img.wp-post-image, .archive .post img.wp-post-image, .archive .type-post img.wp-post-image, .category .post img.wp-post-image, .category .type-post img.wp-post-image, .popular-posts.wpp-ajax .post img.wp-post-image, .popular-posts.wpp-ajax .type-post img.wp-post-image, .vitalkitchen .post img.wp-post-image, .vitalkitchen .type-post img.wp-post-image, .search-results .post img.wp-post-image, .search-results .type-post img.wp-post-image, .changing-game .post img.wp-post-image, .changing-game .type-post img.wp-post-image {
border-radius: 0.5rem 0.5rem 0 0;
}
.nav-links {
display: flex;
justify-content: center;
margin: 2rem 0;
padding: 1rem 0;
}
.nav-links .nav-previous a {
background-color: #db2e27;
border-radius: 10rem;
border-width: 0;
border-style: solid;
color: #F3EFE4;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-size: 2rem;
font-weight: normal;
line-height: 1;
padding-top: 1.8rem;
padding-right: 4.5rem;
padding-bottom: 1.3rem;
padding-left: 4.5rem;
text-decoration: none;
text-transform: uppercase;
display: block;
}
.floated-group {
position: absolute !important;
top: 0;
width: 100% !important;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.floated-group h2 {
font-size: clamp(5rem, 10vw, 8rem);
}
.floated-group h2 sub {
font-size: clamp(2.5rem, 10vw, 4rem);
}
h2.popular-posts-title {
font-size: 3.4rem;
}
.forage-image img {
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.eggstyle {
width: auto;
flex: 1 1 100%;
margin-top: 0;
}
.eggstyle.eggclosed {
display: inline-block;
flex: 0 1 440px;
}
.eggstyle.eggclosed .eggstyle-content {
width: 0;
height: 0;
overflow: hidden;
padding: 0;
}
.eggstyle .wp-block-image {
flex: 0 1 440px;
}
.eggstyle .wp-block-image figcaption {
text-align: center;
margin: 0;
text-transform: uppercase;
color: #db2e27;
font-family: var(--wp--preset--font-family--brandon-condensed);
margin: 0.5rem 0 0;
font-weight: normal;
font-size: 3rem;
}
.eggstyle:not(.eggclosed) .wp-block-image figcaption {
display: none;
}
.eggstyle .eggstyle-content {
flex: 1;
}
.eggstyle h2 {
font-size: clamp(3.8rem, 10vw, 5.7rem);
}
.vitaleggs-container {
display: flex;
flex-wrap: wrap;
gap: 4rem;
}
/*.cooked-egg-types figure.wp-block-image {
img {
margin: auto;
}
figcaption.wp-element-caption {
background: $red;
height: 148px;
width: 148px;
position: absolute;
max-height: none;
border-radius: 300px;
display: flex;
justify-content: center;
align-items: center;
left: 50%;
margin-left: -75px;
font-size: 2rem;
font-family: 'brandon-grotesque';
text-transform: uppercase;
line-height: 1;
padding: 2rem;
pointer-events: none;
opacity: 0;
transition: .25s;
&.active {
opacity: 1;
transition: .25s;
}
}
&:hover, &:focus, &:focus-within {
figcaption.wp-element-caption {
opacity: 1;
transition: .25s;
}
}
} */
.cooked-egg-types {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (min-width: 51em) {
.cooked-egg-types {
grid-template-columns: repeat(8, 1fr);
}
}
.cooked-egg-types .wp-block-image {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
.cooked-egg-types .wp-block-image:hover figcaption.wp-element-caption {
opacity: 1;
transition: 0.25s;
}
@media (min-width: 51em) {
.cooked-egg-types .wp-block-image {
grid-column: span 2;
}
.cooked-egg-types .wp-block-image:nth-child(5) {
grid-column-start: 2;
grid-column-end: 4;
}
}
.cooked-egg-types img {
margin: auto;
}
.cooked-egg-types figcaption.wp-element-caption {
background: #db2e27;
height: 100%;
width: 100%;
position: absolute;
max-height: none;
border-radius: 300px;
display: flex;
justify-content: center;
align-items: center;
left: 50%;
margin-left: -50%;
font-size: 2rem;
font-family: "brandon-grotesque";
text-transform: uppercase;
color: #F3EFE4;
line-height: 1;
padding: 2rem;
pointer-events: none;
opacity: 0;
transition: 0.25s;
margin-top: 0;
margin-bottom: 0;
top: 0;
}
.cooked-egg-types figcaption.wp-element-caption.active {
opacity: 1;
transition: 0.25s;
}
.egg-style-grid {
display: grid;
grid-template-columns: minmax(min-content, 400px);
justify-content: center;
gap: 6rem;
margin-top: -15rem !important;
z-index: 15;
position: relative;
}
@media (min-width: 56.875em) {
.egg-style-grid {
grid-template-columns: 1fr 1fr;
}
}
.eggstyle-container {
position: relative;
cursor: pointer;
transition: 0.5s;
}
@media (min-width: 56.875em) {
.eggstyle-container {
grid-column: span 2;
}
}
.eggstyle-container:not(.eggclosed) figcaption {
display: none;
}
.eggstyle-container.eggclosed {
grid-column: span 1;
transition: 0.5s;
}
.eggstylecard {
position: relative;
z-index: 1;
}
.eggstylecard img.egg-image {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
width: 554px;
display: block;
}
.eggstylecard figcaption {
text-align: center;
margin: 0;
text-transform: uppercase;
color: #db2e27;
font-family: var(--wp--preset--font-family--brandon-condensed);
margin: 0.5rem 0 0;
font-weight: normal;
font-size: 3rem;
position: absolute;
bottom: 0;
width: 100%;
background: #F3EFE4;
}
.egg-recipe {
padding: 3rem 2rem 4rem;
top: 0;
z-index: 2;
opacity: 1;
}
@media (min-width: 56.875em) {
.egg-recipe {
position: absolute;
left: 50%;
height: 100%;
width: 50%;
}
}
.eggclosed .egg-recipe {
left: 0;
z-index: 0;
width: 100%;
opacity: 0;
height: 0;
padding: 0;
}
.egg-recipe h2.open-title {
margin: 0;
font-size: clamp(3.8rem, 4vw, 5.7rem);
}
.egg-recipe p.sub-title {
margin: 0 0 3rem;
text-transform: uppercase;
font-style: normal;
font-weight: 600;
}
button.egg-style-link.screen-reader-text:focus {
background: #F3EFE4;
font-size: 2rem;
font-weight: normal;
color: #db2e27;
letter-spacing: 0.05rem;
border-color: #db2e27;
box-shadow: none;
}
button.egg-style-link.screen-reader-text:focus-visible {
outline: 1px solid #db2e27;
}
span.close-button {
border-radius: 30px;
display: inline-block;
height: 2px;
width: 20px;
background: #6A6659;
transform: rotateZ(45deg);
position: absolute;
right: 20px;
}
span.close-button:before {
content: "";
background: #6A6659;
height: 2px;
width: 20px;
position: absolute;
transform: rotateZ(90deg);
}
.vitalkitchen .blog-posts-container {
margin-top: -19rem;
z-index: 15;
position: relative;
}
header.farms-entry-header {
margin-top: 7rem;
}
.single-farms .wp-block-group.alignfull.is-style-rough-edge.has-natural-color.has-red-background-color.has-text-color.has-background {
padding: 3rem 2rem;
}
h1.farm-entry-title {
color: #30302e;
text-align: center;
margin-bottom: 1rem;
}
.see-farm-heading {
font-size: clamp(6rem, 10vw, 10rem);
line-height: 0.8;
margin-top: 3rem;
}
.see-farm-subheading {
font-size: clamp(3rem, 5vw, 4rem);
line-height: 1;
}
@media (max-width: 50em) {
.wp-block-group.farmer-bio h2.wp-block-heading {
padding-right: 0 !important;
}
}
.wp-block-group.farmer-image {
flex: 1 1 100%;
}
@media (min-width: 51em) {
.wp-block-group.farmer-image {
flex: 0 1 42%;
}
}
@media (max-width: 50em) {
.wp-block-group.farmer-image figure.wp-block-image.alignright {
float: none;
margin: auto;
}
}
.wp-block-group.farmer-bio {
flex: 1;
}
.farmer-container .wp-block-group.is-layout-flex {
row-gap: 0;
}
.leadership-content {
-moz-column-count: 1;
column-count: 1;
gap: 5rem;
}
@media (min-width: 41.625em) {
.leadership-content {
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 75.62em) {
.leadership-content {
-moz-column-count: 3;
column-count: 3;
}
}
.teammember {
background: #DFDBC8;
border-radius: 2em;
overflow: hidden;
padding: 1.5em;
flex: 0 1 438px;
align-self: flex-start;
margin: 0 0 5rem;
}
.teammember .wp-block-image {
margin: -1.5em -1.5em 1.5em;
}
.teammember .wp-block-image img {
max-height: 312px;
-o-object-fit: cover;
object-fit: cover;
}
.teammember h2 {
margin: 0;
line-height: 1;
font-size: clamp(3.8rem, 10vw, 4.8rem);
}
.teammember h3 {
margin-top: 0;
margin-bottom: 0.25em;
line-height: 1;
}
.rg-logo-group {
-moz-column-gap: 1em;
column-gap: 1em;
row-gap: 0;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
max-width: 800px;
}
@media (min-width: 41.625em) {
.rg-logo-group {
-moz-column-gap: 4em;
column-gap: 4em;
row-gap: 1em;
}
}
@media (min-width: 51em) {
.rg-logo-group {
-moz-column-gap: 5em;
column-gap: 5em;
}
}
.rg-logo-group figure img {
width: 200px;
display: block;
margin: auto;
}
figure.wp-block-embed.is-type-video {
background: #F3EFE4;
padding: 2rem;
border-radius: 10px;
}
.wp-block-group.relative {
position: relative;
}
figure.wp-block-embed.is-type-video.video-overlap {
margin-bottom: -16rem;
position: relative;
z-index: 10;
}
@media (min-width: 41.625em) {
figure.wp-block-embed.is-type-video.video-overlap {
margin-bottom: -32rem;
}
}
@media (max-width: 37.5em) {
#animals {
padding-top: 10rem !important;
}
}
@media (max-width: 37.5em) {
#planet, #people {
padding-top: 8rem !important;
}
}
.wp-block-group.square-links {
margin: 2em 0 3.75em 0;
gap: 1.5em;
text-align: center;
}
.wp-block-group.square-links .wp-block-image {
position: relative;
background: #DFDBC8;
padding: 1rem;
border-radius: 2rem;
/*@include breakpoint (phablet) {
flex: 1;
}
@include breakpoint (tablet) {
flex: initial;
}*/
}
.wp-block-group.square-links .wp-block-image img {
border-radius: 1rem;
}
.wp-block-group.square-links.reverse-color .wp-block-image {
background-color: black;
}
.wp-block-group.square-links a {
display: block;
}
.wp-block-group.square-links figcaption {
position: absolute;
bottom: 1rem;
width: calc(100% - 2rem);
height: auto;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
color: #F3EFE4;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-size: 2rem;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
padding: 1rem;
font-weight: 300;
pointer-events: none;
background-color: #30302e;
border-radius: 0 0 1rem 1rem;
}
.wp-block-group.square-links.reverse-color figcaption {
background: #F3EFE4;
color: #30302e;
}
/* New Code
.video-float.bsfvideo {
margin-top: -12rem;
position: relative;
z-index: 10;
margin-bottom: 7rem;
@include breakpoint(phablet) {
margin-top: -25rem;
}
@include breakpoint(tablet) {
margin-top: -36rem;
}
}*/
.homestate .hstitle {
font-family: var(--wp--preset--font-family--thirsty);
text-transform: none;
}
.homestate h1 span.smallstate {
font-size: 0.57em;
}
@media (min-width: 65em) {
.homestate h1 span.smallstate {
font-size: 0.7em;
}
}
@media (max-width: 37.5em) {
.homestate .post-thumbnail.alignfull {
height: 280px;
}
.homestate .post-thumbnail.alignfull img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.homestate header.entry-header {
margin-bottom: 0;
}
.homestate .entry-content {
padding-top: 0;
}
.homestate .post-thumbnail.alignfull {
margin-bottom: 0;
}
@media (min-width: 65em) {
.homestate .post-thumbnail.alignfull img {
height: 800px;
width: 100%;
}
}
.homestate h2 {
font-size: 7.4rem;
}
@media (min-width: 41.625em) {
.homestate h2 {
font-size: 9.9rem;
}
}
@media (max-width: 37.5em) {
.homestate h2 mark {
font-size: 3.2rem;
}
}
.homestate i.fa.fa-mouse-pointer {
transform: rotate(66deg);
}
.homestate .truckcontainer {
z-index: 2;
}
.homestate .tacotruck img {
margin-top: -5.5rem;
width: 900px !important;
z-index: 9;
position: relative;
left: 0%;
animation: linear infinite;
animation-name: run;
animation-play-state: paused;
animation-delay: calc(var(--scroll) * -25s);
animation-duration: 5s;
}
@media (min-width: 65em) {
.homestate .tacotruck img {
left: 40%;
}
}
@media (min-width: 41.625em) {
.homestate .tacotruck img {
margin-top: -7.5rem;
}
}
@media (min-width: 51em) {
.homestate .tacotruck img {
margin-top: -8.5rem;
}
}
@media (min-width: 41.625em) {
.homestate .tacotruck img {
animation-delay: calc(var(--scroll) * -6s);
}
}
@media (min-width: 65em) {
}
.homestate .hsbox {
border-radius: 1rem;
padding: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.homestate .hsbox figure.wp-block-image {
margin: 0;
height: 70px;
}
.homestate .hsbox figure.wp-block-image img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.homestate .hsbox p {
margin-bottom: 0;
flex: 0 1 22rem;
line-height: 1.2;
}
.homestate .hsbox-container {
margin-bottom: 2rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 0;
justify-content: center;
}
.homestate .hscalendar {
flex: 1 1 100%;
}
@media (min-width: 41.625em) {
.homestate .hscalendar {
flex: 1 1 45%;
}
}
@media (min-width: 51em) {
.homestate .hscalendar {
flex: 0 1 26.4rem;
}
.homestate .hscalendar p {
flex: 0 1 16.5rem;
}
}
.homestate .hscalendar img {
top: -7px;
position: relative;
}
.homestate .hswholefoods {
flex: 1 1 100%;
}
@media (min-width: 41.625em) {
.homestate .hswholefoods {
flex: 1 1 45%;
}
}
@media (min-width: 51em) {
.homestate .hswholefoods {
flex: 0 1 24rem;
}
.homestate .hswholefoods p {
flex: 0 1 12.8rem;
}
}
.homestate .hswholefoods img {
max-width: 70px;
position: relative;
}
.homestate .hstacoguy {
flex: 1 1 100%;
}
@media (min-width: 41.625em) {
.homestate .hstacoguy {
flex: 1 1 45%;
}
}
@media (min-width: 51em) {
.homestate .hstacoguy {
flex: 0 1 36.8rem;
}
}
.homestate .hseggs {
flex: 1 1 100%;
}
@media (min-width: 41.625em) {
.homestate .hseggs {
flex: 1 1 45%;
}
}
@media (min-width: 51em) {
.homestate .hseggs {
flex: 0 1 41.6rem;
}
.homestate .hseggs p {
flex: 0 1 19.1rem;
}
}
.homestate .hseggs img {
max-width: 185px;
}
.homestate .hsbluecap {
flex: 1 1 100%;
}
@media (min-width: 41.625em) {
.homestate .hsbluecap {
flex: 1 1 45%;
}
}
@media (min-width: 51em) {
.homestate .hsbluecap {
flex: 0 1 30.4rem;
}
.homestate .hsbluecap p {
flex: 0 1 17.2rem;
}
}
.homestate .cloudbg {
background-image: url("/wp-content/themes/vfarms/assets/images/bottom-cloud.svg");
background-position: 151% 118%;
background-repeat: no-repeat;
background-size: 56rem;
}
@media (min-width: 41.625em) {
.homestate .cloudbg {
background-position: -89% 118%;
}
}
@media (min-width: 65em) {
.homestate .cloudbg {
background-position: 11% 118%;
}
}
.homestate .cloudbg > .inner-cloud {
background-image: url("/wp-content/themes/vfarms/assets/images/hen-clouds.png");
background-repeat: no-repeat;
background-position: -83% -20px;
}
@media (min-width: 41.625em) {
.homestate .cloudbg > .inner-cloud {
background-position: 170% top;
}
}
@media (min-width: 65em) {
.homestate .cloudbg > .inner-cloud {
background-position: center right;
}
}
.homestate .hsinlinehead {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 0;
}
.homestate .hsinlinehead h2 {
margin-top: 0;
}
.homestate .hsinlinehead p {
line-height: 1.1;
margin-top: 0.3rem;
}
.homestate .hsinlinehead span.hstime {
font-size: 3.2rem;
line-height: 0.9;
}
.homestate .dottedgroup {
position: relative;
padding: 1.6rem 2.3rem 0 4.8rem;
line-height: 1.4;
}
.homestate .dottedgroup:before {
content: "";
width: 7px;
height: 100%;
position: absolute;
left: 14px;
background-image: url("/wp-content/themes/vfarms/assets/images/spacedot3.svg");
background-repeat: round;
top: 8px;
}
.homestate .dottedgroup p.bgcb.nobottom.has-trueblue-color.has-text-color {
line-height: 1.1;
}
.homestate .menucover {
align-items: flex-start;
min-height: 300px;
}
@media (min-width: 41.625em) {
.homestate .menucover {
min-height: 540px;
}
}
@media (min-width: 65em) {
.homestate .menucover {
min-height: 800px;
}
}
.homestate .menucover h2 {
margin-top: 0;
padding: 1rem 0.5rem;
}
@media (min-width: 41.625em) {
.homestate .menucover h2 {
padding: 1rem 1.4rem;
}
}
@media (max-width: 37.5em) {
.homestate .menucover img {
-o-object-position: 50% 82% !important;
object-position: 50% 82% !important;
}
}
@media (min-width: 41.625em) {
.homestate .wp-block-spacer.menuspacer {
height: 460px !important;
}
}
.homestate .wp-block-image.secondmenusvg {
margin-top: -12rem;
position: relative;
z-index: 10;
}
@media (min-width: 41.625em) {
.homestate .wp-block-image.secondmenusvg {
margin-top: -24rem;
}
}
@media (min-width: 65em) {
.homestate .wp-block-image.secondmenusvg {
margin-top: -29rem;
}
}
.homestate h2 mark {
font-family: var(--wp--preset--font-family--thirsty);
text-transform: none;
}
div#bythenumbers {
padding: 2em 0;
}
div#bythenumbers figure.wp-block-image {
margin-bottom: 0;
}
div#bythenumbers figure.wp-block-image img {
height: 67px;
width: auto;
}
div#bythenumbers .wp-block-columns {
margin-bottom: 0;
}
div#bythenumbers .wp-block-columns .wp-block-column .wp-block-group__inner-container {
padding: 0;
}
div#bythenumbers p {
margin-bottom: 0;
}
div#bythenumbers > .number-inner-content {
display: flex;
flex-wrap: wrap;
}
div#bythenumbers .wp-block-group {
flex: 0 1 100%;
}
@media (min-width: 41.625em) {
div#bythenumbers .wp-block-group {
flex: 0 1 50%;
}
}
div#bythenumbers .nopad .wp-block-group__inner-container {
padding: 0;
}
@media (min-width: 41.625em) {
div#bythenumbers .nopad .wp-block-group__inner-container {
padding: 0 1em 0 0;
}
}
p.customers a {
transition: 0s;
}
div#highlights {
position: relative;
overflow: hidden;
}
.highlighted {
display: none;
}
.highlighted .wp-block-group__inner-container {
padding-left: 0;
padding-right: 0;
}
.active.highlighted {
display: block;
}
.icon {
opacity: 0.5;
}
.icon.active {
opacity: 1;
}
.wp-block-columns.impact-columns {
justify-content: center;
align-items: baseline;
}
.wp-block-columns.impact-columns figure {
margin: auto;
text-align: center;
}
.wp-block-columns.impact-columns figure img {
display: block;
margin: auto;
}
.wp-block-columns.impact-columns figure figcaption {
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
color: #F0AC1E;
font-family: var(--wp--preset--font-family--brandon-condensed);
}
@media (min-width: 51em) {
.wp-block-columns.impact-columns figure figcaption {
font-size: 1.2em;
}
}
@media (min-width: 51em) {
.wp-block-columns.impact-columns .wp-block-column:not(:first-child) {
margin-left: 1.5em;
}
}
@media (max-width: 37.5em) {
.wp-block-columns.impact-columns .wp-block-column {
flex: 1 1 33% !important;
}
figure#suppliers-icon img {
width: 68px;
}
figure#crew img {
width: 84px;
}
figure#globe img {
width: 63px;
}
figure#customer img {
width: 106px;
}
figure#stockholder img {
width: 72px;
}
}
.icon figcaption {
cursor: pointer;
}
@media (min-width: 51em) {
.wp-block-group.treesaved {
order: 6;
}
.wp-block-group.nonprofit {
order: 2;
}
.wp-block-group.donatedeggs {
order: 4;
}
.wp-block-group.acresofland {
order: 3;
}
.wp-block-group.newjobs {
order: 5;
}
.wp-block-group.familyfarms {
order: 1;
}
}
h2.small-dotted {
font-family: var(--wp--preset--font-family--archer);
text-transform: uppercase;
font-size: 1.5em;
font-weight: 800;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex: 1 1 100%;
}
@media (min-width: 51em) {
h2.small-dotted {
font-size: 2em;
}
}
@media (min-width: 51em) {
h2.small-dotted > span {
margin: 0 1em;
}
}
h2.small-dotted span.number {
font-size: 1.2em;
}
h2.small-dotted:before, h2.small-dotted:after {
content: "";
flex: 1 1 100%;
top: -13px;
left: 0;
letter-spacing: 3px;
background-image: radial-gradient(#f3efe4 22%, transparent 28%);
background-position: 0 -2px, 6px 6px;
background-size: 13px 17px;
height: 13px;
}
@media (min-width: 51em) {
h2.small-dotted:before, h2.small-dotted:after {
flex: 1;
}
}
h2.small-dotted:after {
bottom: -14px;
top: auto;
left: auto;
right: 0;
}
@media (min-width: 51em) {
h2.small-dotted:after {
top: 14px;
bottom: auto;
}
}
.hen-gallery .wp-block-column.right-col {
text-align: center;
}
@media (min-width: 51em) {
.hen-gallery .wp-block-column.right-col {
text-align: right;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.hen-gallery .wp-block-column.right-col {
flex-grow: 1;
display: flex;
justify-content: space-around;
}
}
.hen-gallery .wp-block-column.middle-col {
text-align: center;
}
@media (min-width: 782px) {
.hen-gallery .wp-block-column:not(:first-child) {
margin-left: 0;
}
}
figure.wp-block-image.hensframe {
display: inline-block;
}
.hensframe img {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.hengallery .wp-block-group__inner-container {
padding-bottom: 1px;
}
.hengallery .wp-block-image figcaption {
background: #f4f0e8;
padding: 1.25em;
font-size: 10px;
text-align: center;
line-height: 1.2;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
max-width: 170px;
margin: auto;
font-family: helvetica;
font-weight: normal;
}
.wp-block-media-text.joc-icon {
grid-template-columns: 32px 1fr;
margin: 2.5em 0;
}
.wp-block-media-text.joc-icon h2 {
text-transform: uppercase;
margin: 0;
font-size: 1.9em;
}
.wp-block-media-text.joc-icon .wp-block-media-text__media img {
height: auto;
}
.wp-block-media-text.joc-icon .wp-block-media-text__content:before {
left: 3%;
background-image: -webkit-radial-gradient(#db2e27 30%, transparent 40%);
background-position: 0 0;
background-size: 8px 8px;
content: "";
width: 8px;
height: 100%;
position: absolute;
}
@media (min-width: 41.625em) {
.wp-block-media-text.joc-icon .wp-block-media-text__content:before {
left: 3.5%;
}
}
.wp-block-media-text.joc-icon.sunrisedot .wp-block-media-text__content:before {
background-image: -webkit-radial-gradient(#F0AC1E 30%, transparent 40%);
}
.wp-block-media-text.joc-icon .wp-block-media-text__content:after {
left: 2%;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #db2e27;
font-size: 0;
line-height: 0;
content: "";
position: absolute;
bottom: -12px;
}
@media (min-width: 41.625em) {
.wp-block-media-text.joc-icon .wp-block-media-text__content:after {
left: 3%;
}
}
.wp-block-media-text.joc-icon.sunrisedot .wp-block-media-text__content:after {
border-top: 10px solid #F0AC1E;
}
.wp-block-media-text.joc-icon .wp-block-media-text__media:before {
content: "1";
position: absolute;
right: -20px;
top: 0;
background: #db2e27;
width: 16px;
height: 16px;
border-radius: 340px;
color: #F3EFE4;
z-index: 2;
line-height: 1.5;
font-size: 13px;
font-family: var(--wp--preset--font-family--brandon-condensed);
text-align: center;
}
@media (min-width: 41.625em) {
.wp-block-media-text.joc-icon .wp-block-media-text__media:before {
right: -38px;
}
}
.wp-block-media-text.joc-icon.sunrisedot .wp-block-media-text__media:before {
background: #F0AC1E;
}
.wp-block-media-text.joc-icon.number2 .wp-block-media-text__media:before {
content: "2";
}
.wp-block-media-text.joc-icon.number3 .wp-block-media-text__media:before {
content: "3";
}
.wp-block-media-text.joc-icon.number4 .wp-block-media-text__media:before {
content: "4";
}
.wp-block-media-text__content, .wp-block-media-text__media {
position: relative;
}
/*.connect figure.wp-block-image {
margin: 2em .75em 2.25em;
}
.connect .wp-block-group__inner-container {
padding: 1px 1.44444em;
}*/
.cooktips {
margin-bottom: 2.7222em;
text-align: left;
background: white;
border-radius: 2em;
flex: 0 1 438px;
overflow: hidden;
align-self: flex-start;
padding: 0;
}
.cooktips .wp-block-image {
margin-bottom: 1.5em;
margin-top: 0;
}
.cooktips h2 {
margin: 0;
line-height: 1;
font-size: 5rem;
padding: 0 2rem;
}
.cooktips h2 a {
text-decoration: none;
}
.cooktips h3 {
margin-top: 0;
margin-bottom: 0.25em;
line-height: 1;
padding: 0 2rem 2rem;
}
.cooktips p.brandon {
margin-top: 0;
margin-bottom: 0.5em;
padding: 0 2rem;
}
.cooktips p {
padding: 0 2rem;
}
.cooktips p:last-of-type {
padding-bottom: 2rem;
}
.cooktips .wp-block-group__inner-container {
flex-direction: column;
}
.cooktips li {
margin: 0 0 1em;
}
.search-results .blog-posts-container {
margin: 7rem 0;
}
.search-results article {
background-color: #F3EFE4;
border-radius: 0.5rem;
max-width: 28.7rem;
margin: auto;
height: 100%;
width: 100%;
}
.search-results article img.wp-post-image {
border-radius: 0.5rem 0.5rem 0 0;
}
.search-results .page-header {
padding: 2rem;
text-align: center;
}
.impact-report header.entry-header {
display: none;
}
.impact-report #dynamic-header {
background: #F3EFE4 !important;
}
.impact-report #dynamic-header:before, .impact-report #dynamic-header:after {
display: none;
}
.squaretag {
width: 350px;
height: 350px;
border-radius: 30px;
}
.squaretag > .wp-block-group {
width: 100%;
height: 100%;
border-radius: 15px;
text-align: center;
}
.squaretag hr.wp-block-separator {
height: 0.5rem;
}
.pill {
border-radius: 30px;
}
p.pill {
display: inline-block;
}
.circle {
display: inline-block;
border-radius: 100px;
padding: 1.5rem !important;
width: 50px;
height: 50px;
flex: 0 0 5rem;
}
.impact-goals-acc .c-accordion__title {
font-size: 2.5rem;
font-family: var(--wp--preset--font-family--brandon-condensed-bold);
line-height: 1.4;
margin-left: 2rem;
}
@media (min-width: 41.625em) {
.impact-goals-acc .c-accordion__title {
margin-left: 11rem;
}
}
.impact-goals-acc .c-accordion__title:after {
font-size: 5rem;
}
.impact-goals-acc .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/green-target.svg);
content: "";
padding: 1rem;
height: 60px;
width: 60px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -5rem;
top: -24px;
}
@media (min-width: 41.625em) {
.impact-goals-acc .c-accordion__title:before {
left: -11rem;
height: 100px;
width: 100px;
}
}
.impact-goals-acc .c-accordion__title strong {
font-size: 3.2rem;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: 500;
border-bottom: 5px solid #74B743;
}
.impact-goals-acc .c-accordion__title em {
background: #db2e27;
padding: 0.5rem 2rem 0.1rem;
border-radius: 31px;
font-style: normal;
color: #ffffff;
}
@media (min-width: 41.625em) {
.impact-goals-acc .c-accordion__title em {
margin-left: 2rem;
}
}
.impact-goals-acc.orange .c-accordion__title strong {
border-bottom: 5px solid #f0ac13;
}
.impact-goals-acc.orange .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/orange-target.svg);
}
.impact-goals-acc.blue .c-accordion__title strong {
border-bottom: 5px solid #6AA9C3;
}
.impact-goals-acc.blue .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/blue-target.svg);
}
.impact-goals-acc .c-accordion__content {
margin-left: 2rem;
}
@media (min-width: 41.625em) {
.impact-goals-acc .c-accordion__content {
margin-left: 11rem;
}
}
.impact-goals-acc ul {
list-style: none;
}
.impact-goals-acc li {
position: relative;
}
.impact-goals-acc li:before {
content: "▸";
color: #74B743;
position: absolute;
left: -22px;
font-size: 3rem;
top: -9px;
}
.impact-goals-acc.orange li:before {
color: #f0ac13;
}
.impact-goals-acc.blue li:before {
color: #6AA9C3;
}
.impact-goals-25 .c-accordion__title {
font-size: 2rem;
font-family: var(--wp--preset--font-family--archer);
line-height: 1.4;
font-weight: 400;
text-transform: none;
font-weight: bolder;
}
.impact-goals-25 .c-accordion__title:after {
font-size: 5rem;
}
.impact-goals-25 .c-accordion__title strong {
font-size: 3.2rem;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: 500;
text-transform: uppercase;
}
.impact-goals-25 .c-accordion__title em {
background: #db2e27;
padding: 0 2rem 0.2rem;
border-radius: 31px;
font-style: normal;
color: #ffffff;
font-size: 2.5rem;
position: absolute;
line-height: 1;
right: -3rem;
top: 0;
}
.impact-goals-25 .c-accordion__title em strong {
font-size: 2rem;
}
@media (min-width: 41.625em) {
.impact-goals-25 .c-accordion__title em {
margin-left: 2rem;
right: 4rem;
padding: 0.5rem 2rem 0.2rem;
}
.impact-goals-25 .c-accordion__title em strong {
font-size: 2.5rem;
}
}
@media (min-width: 41.625em) {
.impact-goals-25 .c-accordion__content {
margin: 0 4rem;
}
}
.structure .wp-block-group.has-ltblue-background-color {
width: 200px;
}
.structure .wp-block-group.has-beige-background-color {
flex: 1;
}
@media (max-width: 37.5em) {
.structure {
flex-wrap: wrap !important;
}
.structure > * {
flex: 1 1 100%;
}
.structure .wp-block-group.has-ltblue-background-color {
width: 100%;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px !important;
}
.structure .wp-block-group.has-beige-background-color {
border-top-right-radius: 0 !important;
border-bottom-left-radius: 15px;
}
}
@media (max-width: 37.5em) {
.wp-block-group.alignwide.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-layout-38.wp-block-group-is-layout-flex {
padding: 0;
}
}
ul.pipe-menu {
row-gap: 0;
max-width: 900px;
}
ul.pipe-menu li:after {
content: "";
width: 1px;
background: #6A6659;
height: 2.5rem;
position: absolute;
right: -1rem;
top: 0.5rem;
}
ul.pipe-menu li:last-of-type:after {
display: none;
}
.inclusion-acc .c-accordion__title {
font-size: 2.5rem;
font-family: var(--wp--preset--font-family--brandon-condensed-bold);
line-height: 1;
margin-left: 6rem;
}
@media (min-width: 41.625em) {
.inclusion-acc .c-accordion__title {
margin-left: 11rem;
}
}
.inclusion-acc .c-accordion__title:after {
font-size: 5rem;
}
.inclusion-acc .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/culturecrew.svg);
content: "";
padding: 1rem;
height: 60px;
width: 60px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -7rem;
top: -13px;
}
@media (min-width: 41.625em) {
.inclusion-acc .c-accordion__title:before {
left: -11rem;
height: 90px;
width: 90px;
top: -29px;
}
}
.inclusion-acc .c-accordion__title strong {
font-size: 3.2rem;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: 500;
color: #db2e27;
position: relative;
top: 1rem;
}
.inclusion-acc.wellness .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/wellness.svg);
}
.inclusion-acc.womens .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/womens.svg);
}
.inclusion-acc.girlsgrass .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/girlsgrass.svg);
}
.inclusion-acc.mcc .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/mcc.svg);
}
.inclusion-acc.veterans .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/veterans.svg);
}
.inclusion-acc.vitalpride .c-accordion__title:before {
background-image: url(/wp-content/themes/vitalfarms/assets/images/vitalpride.svg);
}
.inclusion-acc .c-accordion__content {
margin-left: 2rem;
}
@media (min-width: 41.625em) {
.inclusion-acc .c-accordion__content {
margin-left: 11rem;
}
}
.regionalcrgs .wp-block-image {
margin-bottom: 1.2rem;
}
.regionalcrgs .wp-block-group.hideover {
width: 300px;
aspect-ratio: 1/1;
position: relative;
}
.regionalcrgs .wp-block-group.hideover p.has-text-align-center.has-natural-color.has-red-background-color {
position: absolute;
width: 100%;
bottom: 0;
}
.changing-game {
background-color: #F3EFE4;
}
.changing-game .entry-header {
display: none;
}
.changing-game .blog-posts-container {
margin-bottom: 2rem !important;
margin-top: 4rem !important;
}
.changing-game .post, .changing-game .type-post {
background-color: #DFDBC8;
}
.changing-game .excerpt-meta {
border-top: 0.2rem solid #6A6659;
}
@media (max-width: 37.5em) {
.wp-block-cover.alignfull.is-light {
min-height: 400px !important;
}
h1.wp-block-heading {
font-size: 7rem !important;
}
}
@media (min-width: 51em) {
.dairy-farm .entry-title {
margin-top: -3rem;
}
}
.dairy-farm .entry-title span.small {
font-size: 4rem;
line-height: 1;
margin-top: -2rem;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/* .button-navigation {
display: block;
} */
.blog-navigation {
position: relative;
padding: 1rem;
}
nav.post-breadcrumbs ol {
display: flex;
gap: 1rem;
font-family: "BrandonGrotesqueCondensedBold";
font-weight: normal;
text-transform: uppercase;
list-style: none;
line-height: 1;
flex-wrap: wrap;
}
nav.post-breadcrumbs ol li {
color: #db2e27;
}
nav.post-breadcrumbs ol li:after {
content: ">";
margin-left: 1rem;
color: #6A6659;
}
nav.post-breadcrumbs ol li:last-of-type:after {
display: none;
}
nav.post-breadcrumbs ol li a {
color: #6A6659;
text-decoration: none;
}
.main-navigation {
flex: 1;
font-family: var(--wp--preset--font-family--brandon-condensed);
/*ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
display: block;
height: auto;
top: 100%;
z-index: 99999;
visibility: hidden;
opacity: 0;
left: -2.5em;
transform: translateZ(0);
transform: translateY(-10px);
transition: all 0.65s ease 0s, visibility 0s linear 0.3s;
padding-bottom: 1em;
min-width: 140%;
width: auto;
ul {
left: -999em;
top: 0;
}
li {
&:hover > ul,
&.focus > ul {
display: block;
left: auto;
}
}
a {
width: 200px;
}
:hover > a,
.focus > a {
color: var(--wp--custom--hover-color);
}
a:hover,
a.focus {
color: var(--wp--custom--hover-color);
}
}
li:hover > ul,
li.focus > ul {
visibility: visible;
display: block;
left: -2.5em;
opacity: 1;
transform: translateX(0%);
transition-delay: 0s;
}
}*/
/*a {
display: block;
text-decoration: none;
padding: 1rem 1.6rem;
text-transform: uppercase;
font-size: 1.7rem;
letter-spacing: .16rem;
color: black;
}
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a,
.current-menu-ancestor > a {
color: var(--wp--custom--hover-color);
}*/
}
@media (min-width: 51em) {
.main-navigation {
flex: inherit;
}
}
.main-navigation li {
position: relative;
margin-bottom: 0;
display: inline-block;
/*&:after {
content: '';
width: .1rem;
//background-color: $gold;
height: 2rem;
position: absolute;
right: 0;
top: 50%;
margin-top: -1rem;
}
&:last-of-type:after {
display: none;
}
&:hover > a,
&.focus > a {
color: var(--wp--custom--hover-color);
}*/
}
/* Small menu. */
/*.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
nav#button-navigation {
width: auto;
}
.icon-menu {
color: $darkgray;
font-size: 2.8rem;
}
#closemenu {
color: $darkgray;
font-size: 3rem;
}
button.menu-toggle {
border: 0;
background: transparent;
padding: .867rem 1.221rem;
font-size: 2.5rem;
}
@include breakpoint(bigtablet) {
.button-navigation {
display: none;
}
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
justify-content: flex-end;
}
.mobile-navigation {
display: none;
}
}
*/
/* Mobile Navigation
.mobile-navigation {
text-align: center;
max-height: 0;
transition: all .5s;
position: relative;
overflow: hidden;
> div {
background-color: #000;
position: relative;
}
ul {
list-style: none;
margin: 0;
padding: 1.25em 0em 1.5em;
li {
position: relative;
a {
display: block;
text-decoration: none;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: .5em 0;
}
&:hover > a,
&.focus > a {
color: var(--wp--custom--hover-color);
}
}
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a,
.current-menu-ancestor > a {
color: var(--wp--custom--hover-color);
}
}
&.toggled{
max-height: 700px;
transition: all 1s;
padding-bottom: 6px;
margin-bottom: -6px;
}
ul.sub-menu {
padding: 0;
max-height: 0;
transition: all 1s;
z-index: -1;
overflow: hidden;
}
li.menu-item-has-children {
&.focus {
ul.sub-menu {
max-height: 500px;
transition: all 1s;
}
}
}
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-24 > a.mega-menu-link {
height: 49px;
line-height: 55px;
top: -5px;
padding-right: 3.5rem;
padding-left: 3rem;
}
*/
/* Comment & Post Navigation
.comment-navigation,
.posts-navigation,
.post-navigation {
.site-main & {
margin: 0 0 1.5em;
}
.nav-links {
display: flex;
}
.nav-previous {
flex: 1 0 50%;
}
.nav-next {
text-align: end;
flex: 1 0 50%;
}
} */
/* Header
--------------------------------------------- */
.site-header {
width: 100vw;
top: 0;
z-index: 9999;
background-color: #30302e;
position: relative;
left: -2rem;
}
.site-header:after {
content: " ";
background-image: url('data:image/svg+xml,');
position: absolute;
background-size: 317px;
background-repeat: repeat-x;
width: 100%;
height: 10px;
bottom: -4px;
transform: scaleY(-1);
z-index: 1000;
left: 0;
}
.max-headwidth {
margin: auto;
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
height: 100%;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding: 1rem 1rem 0 2rem;
}
@media (min-width: 80.4375em) {
.max-headwidth {
justify-content: center;
align-items: center;
-moz-column-gap: 3rem;
column-gap: 3rem;
padding: 1rem 2rem 0;
}
}
img.custom-logo {
width: 64px;
}
@media (min-width: 51em) {
img.custom-logo {
width: 84px;
}
}
@media (min-width: 80.4375em) {
img.custom-logo {
width: 114px;
}
}
/* Page Header with Icon */
.icon-title-header {
display: flex;
justify-content: center;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.entry-header.is-style-rough-edge:before {
display: none;
}
/* Posts and pages
--------------------------------------------- */
/*.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
*/
.updated:not(.published) {
display: none;
}
/*
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
*/
.site-main {
min-height: 80vh;
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
}
.site {
position: relative;
}
.wp-block-group.is-style-rough-edge {
position: relative;
}
header.entry-header.alignfull {
padding: 2rem;
text-align: center;
}
.home header.entry-header.alignfull {
background-color: transparent;
padding: 0;
}
.home header.entry-header.alignfull:before, .home header.entry-header.alignfull:after {
display: none;
}
.bs-free:before {
z-index: 1;
}
.is-style-rough-edge:before, .is-style-top-rough-edge:before {
content: " ";
background-image: url('data:image/svg+xml,');
position: absolute;
background-size: 311px;
background-repeat: repeat-x;
width: 100%;
height: 10px;
top: -4px;
left: 0;
}
.is-style-inner-rough-edge-top {
overflow: visible;
}
.is-style-inner-rough-edge-top:before {
content: " ";
background-image: url('data:image/svg+xml,');
position: absolute;
background-size: 311px;
background-repeat: repeat-x;
width: 100%;
height: 10px;
top: -6px;
left: 0;
transform: scaleY(-1);
z-index: 1;
}
.is-style-rough-edge:after, .is-style-bottom-rough-edge:after {
content: " ";
background-image: url('data:image/svg+xml,');
position: absolute;
background-size: 311px;
background-repeat: repeat-x;
width: 100%;
height: 10px;
bottom: -4px;
transform: scaleY(-1);
z-index: 9;
left: 0;
}
.roughedgebottom, .is-style-rough-edge-bottom {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/mask.svg);
margin-bottom: -11px !important;
-webkit-mask-position-y: bottom;
-webkit-mask-size: cover;
z-index: 8;
position: relative;
}
@media (min-width: 56.875em) {
.roughedgebottom, .is-style-rough-edge-bottom {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/bigmask.svg);
}
}
.roughedgetop, .is-style-rough-edge-top {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/masktop.svg);
margin-top: -11px !important;
-webkit-mask-position-y: top;
-webkit-mask-size: cover;
position: relative;
}
@media (min-width: 56.875em) {
.roughedgetop, .is-style-rough-edge-top {
-webkit-mask-image: url(/wp-content/themes/vitalfarms/assets/images/bigmasktop.svg);
}
}
.is-style-top-rough-edge, .is-style-rough-edge-top {
z-index: 1;
}
.inner::after {
transform: scaleY(1);
}
.findiconshadow a {
position: relative;
padding-left: 5.5rem;
}
.findiconshadow a:before {
display: inline-block;
width: 15px;
position: absolute;
left: 3.5rem;
top: 1.25rem;
content: url('data:image/svg+xml,');
}
form#cmplz-datarequest-form {
display: none;
}
p.pp-subhead {
font-size: 2rem;
font-style: italic;
color: #F3EFE4;
font-weight: 700;
}
.dairyfarm .post-thumbnail.alignfull {
max-height: 9rem;
}
@media (min-width: 41.625em) {
.dairyfarm .post-thumbnail.alignfull {
max-height: 14rem;
}
}
@media (min-width: 51em) {
.dairyfarm .post-thumbnail.alignfull {
max-height: 23rem;
}
}
.become-farmer .post-thumbnail.alignfull img {
-o-object-position: 50% 30%;
object-position: 50% 30%;
}
.single-post .entry-header {
padding: 1rem 0;
}
.single-post .entry-title {
color: #30302e;
text-align: center;
}
.single-post p.entry-subtitle {
text-align: center;
font-weight: 700;
max-width: 50rem;
margin: auto;
font-size: 2.2rem;
}
.single-post .entry-meta {
text-align: center;
color: #db2e27;
font-weight: normal;
font-family: var(--wp--preset--font-family--brandon-grotesque);
text-transform: uppercase;
font-weight: 700;
margin: 2rem 0;
font-size: 1.5rem;
}
.single-post .site-main {
max-width: 120rem;
}
.wp-block-pullquote {
text-align: left;
}
.wp-block-pullquote blockquote {
margin: 0 1.5rem;
}
.certified-b-banner {
overflow: visible;
}
.b-banner {
margin-top: -3px !important;
margin-bottom: -35px !important;
}
@media (min-width: 41.625em) {
.vitalkitchenlogo {
position: relative;
left: -3rem;
}
}
@media (max-width: 50em) {
.hero-logo img {
margin-top: 3rem;
}
}
/* Footer
--------------------------------------------- */
footer.entry-footer {
z-index: 5;
position: absolute;
background: #F3EFE4;
padding: 1rem;
bottom: 2rem;
left: 0;
}
.site-footer {
padding: 4.8rem 0;
text-align: center;
background-color: #30302e;
color: #636363;
font-size: 1.6rem;
font-family: var(--wp--preset--font-family--brandon-condensed);
position: relative;
font-weight: normal;
}
.site-footer:before {
content: " ";
background-image: url('data:image/svg+xml,');
position: absolute;
background-size: 317px;
background-repeat: repeat-x;
width: 100%;
height: 10px;
top: -4px;
left: 0;
z-index: 1;
}
.site-footer a {
text-decoration: none;
}
.site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer ul li {
display: block;
padding: 0.1rem 0;
position: relative;
margin-bottom: 0;
}
.site-footer ul li a {
color: rgba(243, 239, 228, 0.6);
padding: 0.8rem 0.8rem 0.8rem 0rem;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--brandon-condensed-bold);
font-weight: 300;
font-size: 1.8rem;
line-height: 1.45;
}
.site-footer ul li a:hover {
opacity: 0.8;
}
.site-footer h2.widget-title {
text-transform: uppercase;
color: #F3EFE4;
font-size: 2.9rem;
line-height: 1;
margin-bottom: 0;
}
.site-footer section#nav_menu-2 {
margin: 1.6rem 0;
}
.site-footer ul#menu-social-media-menu {
display: flex;
flex-wrap: wrap;
gap: 1.3rem;
}
.site-footer ul#menu-social-media-menu li a {
padding: 10px;
color: #30302e;
border-radius: 3rem;
background: rgba(243, 239, 228, 0.6);
line-height: 1;
display: flex;
width: 4rem;
height: 4rem;
font-size: 2.4rem;
justify-content: center;
align-items: center;
}
.site-footer ul#menu-social-media-menu li.footer-button a {
width: auto;
font-size: 1.6rem;
padding: 2rem 2rem 1.6rem;
}
.site-footer ul#menu-social-media-menu li.investor a {
background-color: #F3EFE4;
}
.site-footer ul#menu-social-media-menu li.investor a:before {
content: url("/wp-content/themes/vitalfarms/assets/images/investor.svg");
width: 2.2rem;
height: 2.8rem;
margin-right: 0.56rem;
}
.site-footer ul#menu-social-media-menu li.customer a {
background-color: #db2e27;
color: #F3EFE4;
}
.site-footer ul#menu-social-media-menu li.customer a:before {
content: url("/wp-content/themes/vitalfarms/assets/images/whitecart.svg");
width: 2.2rem;
height: 2.8rem;
margin-right: 0.8rem;
}
.site-footer a#find-us-icon-link {
position: fixed;
z-index: 99999;
bottom: 2.1%;
right: 4.9%;
}
.site-footer a#find-us-icon-link img {
width: 75px;
}
.site-footer .site-info {
margin: 1.6rem auto;
max-width: 135rem;
display: flex;
flex-wrap: wrap;
padding: 0 0.8rem;
align-items: flex-end;
justify-content: center;
}
.site-footer .site-info p {
margin: 1rem auto 0;
flex: 0 1 90%;
text-transform: uppercase;
font-size: 1.3rem;
}
@media (min-width: 51em) {
.site-footer .site-info p {
margin: 0 8rem 0 auto;
flex: initial;
}
}
.site-footer .site-info span {
margin: 0 0.4rem;
}
@media (min-width: 51em) {
.site-footer .site-info span {
margin: 0 2.4rem;
}
}
.site-footer .site-info a {
color: #636363;
flex: 1 100%;
}
@media (min-width: 51em) {
.site-footer .site-info a {
flex: initial;
}
}
.site-footer .site-info a:hover {
opacity: 0.8;
}
img#b-corp-logo {
width: 50px;
filter: brightness(1.6);
}
@media (max-width: 37.5em) {
img.wp-image-3812 {
width: 280px;
}
}
.footer-widget-container {
padding: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 135rem;
margin: auto;
}
.widget_nav_menu {
flex: 1 1 100%;
text-align: left;
}
@media (min-width: 41.625em) {
.widget_nav_menu {
flex: 1 1 auto;
}
}
body:not(.single-post):not(.blog) footer.entry-footer {
position: absolute;
}
body:not(.single-post):not(.blog) footer.entry-footer span {
margin: 0 0.4rem;
}
.site-footer ul#menu-social-media-menu li:last-of-type {
margin-right: 3.2rem;
}
i.svgicon-twitterx:before {
background: url("/wp-content/themes/vitalfarms/assets/images/twitterx.svg");
width: 22px;
display: block;
height: 22px;
content: "";
}
/* Privacy Manager Button in Site Footer */
button#privmanager {
background: transparent;
font-size: 1.3rem !important;
padding: 0 !important;
color: #636363;
}
button#privmanager:hover {
opacity: 0.8;
}
/* Blocks
--------------------------------------------- */
/* Individual Blocks
--------------------------------------------- */
/* News From The Nest Form - Subscribe Block */
.float-envelope {
position: relative;
height: 40px;
text-align: center;
}
.float-envelope img {
position: absolute;
top: -111px;
left: 50%;
margin-left: -75.5px;
z-index: 9;
}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1 !important;
}
div#gform_wrapper_1 {
padding: 1.6rem 1rem 0;
text-align: center;
margin: 0;
position: relative;
max-width: none;
}
div#gform_wrapper_1 .gform_heading {
margin-bottom: 2rem;
}
div#gform_wrapper_1 li {
padding: 0;
}
div#gform_wrapper_1 form#gform_1 {
max-width: 800px;
margin: auto;
text-align: center;
}
div#gform_wrapper_1 form#gform_1 li#field_1_1 {
margin-top: 0;
}
div#gform_wrapper_1 .gform_title {
text-transform: uppercase;
font-size: 4rem;
color: #F3EFE4;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: normal;
line-height: 1;
margin: 0.8rem 0 0;
}
@media (min-width: 51em) {
div#gform_wrapper_1 .gform_title {
font-size: 6.7rem;
}
}
div#gform_wrapper_1 .gform_description {
color: #F3EFE4;
margin: 0 auto;
display: block;
font-family: var(--wp--preset--font-family--brandon-condensed);
line-height: 1;
font-size: 1.95em;
font-weight: normal;
text-transform: uppercase;
}
@media (min-width: 51em) {
div#gform_wrapper_1 .gform_description {
font-size: 2.95em;
}
}
div#gform_wrapper_1 input[type=email] {
text-align: center;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: 400;
text-transform: uppercase;
width: 100%;
max-width: 40rem;
border: 0;
border-radius: 30rem;
padding: 0.5em;
background-color: #F3EFE4;
color: #666;
padding-left: 0;
font-size: 21px;
}
div#gform_wrapper_1 input[type=email]::-moz-placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed);
color: #757575;
font-size: 2.1rem;
font-weight: 400;
text-transform: uppercase;
position: relative;
top: 2px;
padding-left: 0;
}
div#gform_wrapper_1 input[type=email]::placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed);
color: #757575;
font-size: 2.1rem;
font-weight: 400;
text-transform: uppercase;
position: relative;
top: 2px;
padding-left: 0;
}
div#gform_wrapper_1 .gform_footer input.button, div#gform_wrapper_1 .gform_footer input[type=submit], div#gform_wrapper_1 .gform_page_footer input.button, div#gform_wrapper_1 .gform_page_footer input[type=submit] {
margin: auto;
}
/* Flip Cards */
.flip-row-container .wp-block-group__inner-container {
max-width: 100rem !important;
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
background-color: transparent;
width: 100%;
max-width: 380px;
max-height: 100%;
perspective: 1000px; /* Remove this if you don't want the 3D effect */
aspect-ratio: 1/1;
cursor: pointer;
margin: auto;
}
/* This container is needed to position the front and back side */
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:not(.stakeholder):hover .flip-card-inner,
.flip-card:not(.stakeholder):focus-within .flip-card-inner,
.flip-card:not(.stakeholder):active .flip-card-inner,
.flip-card:not(.stakeholder):focus .flip-card-inner,
.flip-card.flipit .flip-card-inner {
transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%; /* Safari */
backface-visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.flip-card-front h3, .flip-card-back h3 {
text-transform: uppercase;
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
background-color: #BA8E3F;
border-radius: 25px;
flex-direction: column;
padding: 1rem;
}
.flip-card-front h3 {
margin-bottom: 1rem;
}
.flip-card-front img {
width: 200px;
}
.flip-card-front img.fw-image {
width: 100%;
}
.flip-card-front a {
color: #F3EFE4;
}
/* Style the back side */
.flip-card-back {
background-color: #BA8E3F;
border-radius: 25px;
color: #F3EFE4;
transform: rotateY(180deg);
z-index: 1;
padding: 1rem 2rem;
}
.flip-card-back h3 {
margin-bottom: 1rem;
}
.flip-card-back p.back-content {
font-size: 1.6rem;
line-height: 1.3;
}
.wp-block-group.square-links.fc-icons figure {
width: 350px;
height: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-group.flip-rows.image-top .flip-card-front {
flex-direction: column;
padding: 2.5rem 2rem;
justify-content: flex-start;
gap: 1rem;
border: 10px solid #F3EFE4;
}
.wp-block-group.flip-rows.image-top .flip-card-front h3 {
margin-bottom: 1rem;
order: 2;
}
.wp-block-group.flip-rows.image-top .flip-card-front img {
width: 115px;
order: 1;
}
.wp-block-group.flip-rows.image-top .flip-card-front img.fw-image {
width: 100%;
}
.wp-block-group.flip-rows.image-top .flip-card-front a {
color: #30302e;
font-size: 5rem;
text-decoration: none;
}
.wp-block-group.flip-rows.image-top .flip-card-back {
border: 10px solid #F3EFE4;
}
.wp-block-group.flip-rows.image-top .flip-card-back br {
display: none;
}
/* Showcase Block */
.showcase-wrapper {
max-width: 500px;
margin: auto;
}
.main-image-view {
width: 500px;
max-width: 100%;
}
.main-image-view img {
border-radius: 20px;
}
ul.thumb-img {
list-style: none;
padding: 0;
margin: 1rem 0;
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
gap: 1.66rem;
justify-content: flex-start;
}
ul.thumb-img li {
margin-bottom: 0;
flex: 0 1 100px;
}
ul.thumb-img li img {
display: block;
border-radius: 5px;
}
ul.thumb-img li a img {
opacity: 0.5;
}
ul.thumb-img li a.active img {
opacity: 1;
}
cite:before {
content: "— ";
}
.farmquote.wp-block-quote {
quotes: "“" "”" "‘" "’";
font-style: italic;
}
.farmquote.wp-block-quote p:first-of-type:before {
content: open-quote;
}
.farmquote.wp-block-quote p:last-of-type:after {
content: close-quote;
}
.farmquote .wp-block-separator {
border: 2px solid;
}
.wp-block-pullquote *:last-of-type {
margin-bottom: 0;
}
.quotebg {
position: relative;
}
.quotebg:before, .quotebg:after {
position: absolute;
width: 265px;
opacity: 0.25;
content: url('data:image/svg+xml,');
}
.quotebg:before {
left: 2rem;
top: 0;
}
.quotebg:after {
right: 2rem;
bottom: 0;
transform: rotate(180deg);
}
.latest-vtimes-container .recent-vtimes, .recent-vtimes-container .recent-vtimes {
text-align: center;
aspect-ratio: 1/1;
overflow: hidden;
position: relative;
background: #DFDBC8;
padding: 1rem;
border-radius: 2rem;
}
.latest-vtimes-container .recent-vtimes img, .recent-vtimes-container .recent-vtimes img {
border-radius: 1rem;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.latest-vtimes-container h3.vt-recent, .recent-vtimes-container h3.vt-recent {
background: #30302e;
padding: 1.6rem 1rem 1rem;
margin: 0;
color: #F3EFE4;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
border-radius: 0 0 1rem 1rem;
text-transform: uppercase;
font-size: clamp(1.6rem, 10vw, 2.1rem);
}
.latest-vtimes-container {
margin-bottom: 4rem;
}
.latest-vtimes-container .recent-vtimes {
width: 400px;
margin: auto;
max-width: 100%;
}
.recent-vtimes-container {
display: flex;
flex-wrap: wrap;
gap: 3.3rem;
justify-content: center;
}
.recent-vtimes-container .recent-vtimes {
flex: 0 1 80%;
}
@media (min-width: 51em) {
.recent-vtimes-container .recent-vtimes {
flex: 0 1 31%;
}
}
.wp-block-pb-accordion-item.c-accordion__item.crossword {
background: #DFDBC8;
border-radius: 3rem;
width: 400px;
margin: auto;
max-width: 100%;
}
.wp-block-pb-accordion-item.c-accordion__item.crossword .c-accordion__title {
font-size: 2.2rem;
background: #db2e27;
color: #F3EFE4;
padding: 2.5rem 2rem 2rem;
border-radius: 3rem;
text-align: center;
}
.wp-block-pb-accordion-item.c-accordion__item.crossword .c-accordion__title:after {
color: #F3EFE4;
right: 2.5rem;
}
@media (min-width: 41.625em) {
.wp-block-pb-accordion-item.c-accordion__item.crossword .c-accordion__title {
font-size: 3rem;
}
}
.wp-block-pb-accordion-item.c-accordion__item.crossword .c-accordion__content {
padding: 1rem 3rem;
}
.wp-block-pb-accordion-item.c-accordion__item.crossword .wp-block-columns {
margin-bottom: 1rem;
}
.wp-block-pb-accordion-item.c-accordion__item.crossword.is-read.is-open .c-accordion__title {
border-radius: 3rem 3rem 0 0;
}
div#timeline-group {
position: relative;
}
div#timeline-group .wp-block-group__inner-container {
padding: 0;
}
.timeline-container {
display: flex;
max-width: 600px;
margin: 0 auto 3em;
}
.timeline-container.first .red-dot:after {
background-image: -webkit-radial-gradient(#d4cdbb 30%, transparent 40%);
background-position: 0 0;
background-size: 8px 8px;
content: "";
width: 8px;
height: 98%;
position: absolute;
top: 40px;
}
@media (min-width: 51em) {
.timeline-container.first .red-dot:after {
top: 52px;
}
}
.timeline-container.last {
position: relative;
}
.timeline-container.last .red-dot:after {
background-color: #F3EFE4;
position: absolute;
width: 12px;
height: 105%;
content: "";
top: 24px;
}
@media (min-width: 51em) {
.timeline-container.last .red-dot:after {
top: 30px;
}
}
.timeline-left {
text-align: center;
flex: 0 0 82px;
}
@media (min-width: 51em) {
.timeline-left {
flex: 0 0 220px;
}
}
img.vt-image {
display: block;
margin: auto;
}
.red-dot {
margin: 0 1em;
flex: 0 0 12px;
}
.timeline-right {
position: relative;
padding-left: 0.3em;
flex: 1 0 100px;
margin-top: 8px;
}
@media (min-width: 51em) {
.timeline-right {
flex: 0 0 270px;
margin-top: 18px;
}
}
.timeline-event p {
font-style: italic;
}
h3.year {
color: #F0AC1E;
margin-top: 0;
line-height: 1;
}
h3.year:before {
content: "•";
position: absolute;
left: -31.5px;
font-size: 38px;
line-height: 0;
top: 10px;
}
@media (min-width: 51em) {
h3.year:before {
left: -25.5px;
}
}
h3.year:after {
content: "—";
left: -27px;
position: absolute;
font-size: 35px;
line-height: 0;
top: 12px;
}
@media (min-width: 51em) {
h3.year:after {
left: -21px;
}
}
h3.vt-version {
font-family: var(--wp--preset--font-family--brandon-condensed);
font-size: 1em;
border-bottom: 2px solid;
display: inline-block;
font-weight: normal;
line-height: 1;
margin-top: 0;
margin-bottom: 1em;
text-transform: uppercase;
}
nav.dynamic-header-nav ul {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
text-transform: uppercase;
font-size: 2.7rem;
justify-content: center;
}
.product-immage-inner-container {
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.product-immage-inner-container.active {
height: auto;
opacity: 1;
z-index: 2;
position: relative;
transition: 0.25s;
}
.dynamic-header {
display: none;
}
.dynamic-header.active {
display: block;
}
.product-img-container {
position: relative;
}
li.wp-block-navigation-item.wp-block-navigation-link {
flex: 1 1 100%;
justify-content: center;
}
@media (min-width: 41.625em) {
li.wp-block-navigation-item.wp-block-navigation-link {
flex: initial;
}
}
li.wp-block-navigation-item.wp-block-navigation-link.active a, li.wp-block-navigation-item.wp-block-navigation-link:hover a, li.wp-block-navigation-item.wp-block-navigation-link:focus a {
color: #db2e27 !important;
text-decoration: underline;
transition: 0.5s;
}
.product-content-inner-container {
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.product-content-inner-container.active {
height: auto;
opacity: 1;
z-index: 2;
position: relative;
transition: 0.25s;
}
.product-content-container {
position: relative;
}
img.product-image {
height: 115px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 41.625em) {
img.product-image {
height: 250px;
}
}
@media (min-width: 51em) {
img.product-image {
height: 360px;
}
}
#hard-boiled-eggs img.product-image, #liquid-whole-eggs img.product-image {
height: 175px;
}
@media (min-width: 41.625em) {
#hard-boiled-eggs img.product-image, #liquid-whole-eggs img.product-image {
height: 330px;
}
}
@media (min-width: 51em) {
#hard-boiled-eggs img.product-image, #liquid-whole-eggs img.product-image {
height: 420px;
}
}
#hard-boiled-eggs figure.wp-block-image.is-style-large-overlap, #liquid-whole-eggs figure.wp-block-image.is-style-large-overlap {
margin-top: -16rem;
}
@media (min-width: 41.625em) {
#hard-boiled-eggs figure.wp-block-image.is-style-large-overlap, #liquid-whole-eggs figure.wp-block-image.is-style-large-overlap {
margin-top: -24rem;
}
}
@media (min-width: 51em) {
#hard-boiled-eggs figure.wp-block-image.is-style-large-overlap, #liquid-whole-eggs figure.wp-block-image.is-style-large-overlap {
margin-top: -24rem;
}
}
.stakeholder-grid-container {
display: grid;
grid-template-columns: repeat(1, 38rem);
gap: 6rem;
justify-content: center;
}
@media (min-width: 51em) {
.stakeholder-grid-container {
grid-template-columns: repeat(2, 38rem);
}
}
@media (min-width: 65em) {
.stakeholder-grid-container {
grid-template-columns: repeat(3, 38rem);
}
}
.stakeholder-grid-container .center-container {
display: flex;
justify-content: center;
align-items: center;
/*grid-row-start: 1;
@include breakpoint(tablet) {
grid-row-start: 1;
grid-column-start: 1;
}*/
}
@media (min-width: 65em) {
.stakeholder-grid-container .center-container {
grid-row-start: 2;
grid-column-start: 2;
}
}
.stakeholder-grid-container .center-logo {
display: none;
justify-content: center;
align-items: center;
grid-template-areas: "a b c" "d e f" "g h j";
grid-auto-rows: 85px 215px 85px;
grid-auto-columns: 85px 215px 85px;
}
@media (min-width: 65em) {
.stakeholder-grid-container .center-logo {
display: grid;
}
}
.stakeholder-grid-container .center-logo img.attachment-full.size-full {
grid-area: e;
max-width: none;
margin-left: -23px;
width: 262px !important;
height: 262px !important;
}
.stakeholder-grid-container .center-logo #the-girls-arrow {
transform: rotate(-90deg);
}
.stakeholder-grid-container .center-logo #crew-members-arrow {
transform: rotate(318deg);
}
.stakeholder-grid-container .center-logo #stockholders-arrow {
transform: rotate(180deg);
}
.stakeholder-grid-container .center-logo #farmers-suppliers-arrow {
transform: rotate(225deg);
}
.stakeholder-grid-container .center-logo #community-arrow {
transform: rotate(90deg);
}
.stakeholder-grid-container .center-logo #vendors-arrow {
transform: rotate(45deg);
}
.stakeholder-grid-container .center-logo #environment-arrow {
transform: rotate(137deg);
}
.stakeholder-grid-container .center-logo .arrow-links {
display: flex;
height: 100%;
width: 100%;
}
.stakeholder-grid-container .center-logo .arrow-links:hover svg path, .stakeholder-grid-container .center-logo .arrow-links.flipit svg path, .stakeholder-grid-container .center-logo .arrow-links.active svg path {
fill: #db2e27;
}
.stakeholder-grid-container .center-logo a#farmers-suppliers-link {
justify-content: flex-end;
align-items: flex-end;
}
.stakeholder-grid-container .center-logo a#the-girls-link {
justify-content: center;
}
.stakeholder-grid-container .center-logo a#crew-members-link {
align-items: flex-end;
}
.stakeholder-grid-container .center-logo a#stockholders-link {
align-items: center;
}
.stakeholder-grid-container .center-logo a#customers-consumers-link {
align-items: center;
justify-content: flex-end;
}
.stakeholder-grid-container .center-logo a#environment-link {
justify-content: flex-end;
}
.stakeholder-grid-container .center-logo a#community-link {
justify-content: center;
align-items: flex-end;
}
.stakeholder.flip-card {
width: 340px;
max-width: 100%;
}
.stakeholder .flip-card-front, .stakeholder .flip-card-back {
background-color: #DFDBC8;
}
.stakeholder .flip-card-front {
padding: 0;
}
.stakeholder .flip-card-front img {
width: 291px;
margin-bottom: auto;
margin-top: auto;
height: 170px;
-o-object-fit: contain;
object-fit: contain;
}
.stakeholder .flip-card-front h3 {
width: 100%;
background-color: rgba(106, 102, 89, 0.5);
padding: 1.6rem;
margin: 0;
border-radius: 0 0 25px 25px;
font-family: var(--wp--preset--font-family--brandon-grotesque);
font-weight: 700;
}
.stakeholder .flip-card-front a {
text-decoration: none;
width: 100%;
flex: 1 1 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.stakeholder .flip-card-back-inner {
color: #30302e;
}
.stakeholder.active .flip-card-front h3, .stakeholder.flipit .flip-card-front h3, .stakeholder:hover .flip-card-front h3, .stakeholder:focus .flip-card-front h3 {
background-color: #db2e27;
}
.header-banner:after {
z-index: 19999;
}
.header-banner .wp-block-buttons {
padding: 0;
}
.header-banner a.wp-block-button__link {
white-space: normal;
box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.375);
}
.header-banner a.wp-block-button__link:hover, .header-banner a.wp-block-button__link:focus {
box-shadow: 0px 0 3px rgba(0, 0, 0, 0.375);
}
@media (min-width: 65em) {
.wp-block-columns.header-button .wp-block-column:first-of-type:after {
content: "";
width: 1px;
background: #30302e;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
}
.wp-block-columns.header-button .wp-block-column {
position: relative;
}
/* Product Grids */
.wp-block-group.product-grid .wp-block-group {
flex: 0 1 369px;
}
/* Contact Group */
.contact-nav .wp-block-image {
display: flex;
align-items: center;
gap: 1rem;
}
.contact-nav .wp-block-image figcaption {
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: normal;
font-size: 2.8rem;
margin: 5px 0 0;
}
.contact-nav .wp-block-image figcaption a {
color: #db2e27;
}
/* Comments
---------------------------------------------
@import "comments/comments"; */
/* Widgets
--------------------------------------------- */
.blog-footer-menu {
gap: 0;
align-items: stretch;
}
.blog-footer-menu a {
font-size: 4rem;
width: 100%;
padding: 2.75rem;
}
.blog-footer-menu .wp-block-navigation-item.wp-block-navigation-link {
flex: 1 1 100%;
text-align: center;
line-height: 1;
display: flex;
align-items: center;
}
@media (min-width: 51em) {
.blog-footer-menu .wp-block-navigation-item.wp-block-navigation-link {
flex: 1;
}
.blog-footer-menu .wp-block-navigation-item.wp-block-navigation-link:before {
background: rgba(255, 255, 255, 0.45);
width: 2px;
height: 100%;
content: "";
position: absolute;
left: 0;
}
}
.blog-footer-menu .wp-block-navigation-item.wp-block-navigation-link:first-of-type:before {
display: none;
}
/* Gform Referral List Validation */
.no-ticket {
margin-top: 1rem;
color: var(--gf-ctrl-desc-color-error);
font-family: var(--gf-ctrl-desc-font-family-error);
font-size: var(--gf-ctrl-desc-font-size-error);
font-style: var(--gf-ctrl-desc-font-style-error);
font-weight: var(--gf-ctrl-desc-font-weight-error);
letter-spacing: var(--gf-ctrl-desc-letter-spacing-error);
line-height: var(--gf-ctrl-desc-line-height-error);
}
/* Youtube Consent
.youtube-consent {
position: absolute;
background: rgba(0,0,0,.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
display: flex;
justify-content: center;
align-items: center;
color: $white;
}
.youtube-consent button.is-style-outline {
border: 2px solid $white !important;
background: #000 !important;
}
figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube {
position: relative;
}*/
/* Media
--------------------------------------------- */
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
figure.wp-block-image.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
}
.post-thumbnail.alignfull {
margin-bottom: -5px;
height: 800px;
max-height: 30vh;
}
@media (min-width: 51em) {
.post-thumbnail.alignfull {
max-height: 50vh;
}
}
.post-thumbnail.alignfull img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.leadership .post-thumbnail.alignfull img {
-o-object-position: 50% 80%;
object-position: 50% 80%;
}
.hardboiled .post-thumbnail.alignfull img {
-o-object-position: 50% 97%;
object-position: 50% 97%;
}
.faqs .post-thumbnail.alignfull img {
-o-object-position: 50% 37%;
object-position: 50% 37%;
}
figure.overlap-top {
margin-top: -7rem;
z-index: 10;
position: relative;
}
.wp-block-eedee-block-gutenslider {
z-index: 0;
}
.dairy-carousel .swiper-slide {
padding: 0 1rem;
}
.dairy-carousel .eedee-background-div.bg-image img {
border-radius: 1rem;
}
iframe {
display: block;
}
.wprm-recipe-video .jetpack-video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.wprm-recipe-video .jetpack-video-wrapper iframe, .wprm-recipe-video .jetpack-video-wrapper object, .wprm-recipe-video .jetpack-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.join-our-crew .post-thumbnail img {
-o-object-position: 0 26%;
object-position: 0 26%;
}
.eggfarm .post-thumbnail.alignfull img {
-o-object-position: 0 60%;
object-position: 0 60%;
}
.contact-us .post-thumbnail.alignfull img {
-o-object-position: 0 21%;
object-position: 0 21%;
}
.foodservice .post-thumbnail.alignfull img {
-o-object-position: 0 70%;
object-position: 0 70%;
}
.rounded-icons .is-style-rounded {
border-radius: 300%;
padding: 2rem;
}
/* Captions
---------------------------------------------
@import "media/captions"; */
/* Galleries
---------------------------------------------
@import "media/galleries"; */
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Related Posts Thumbnails
--------------------------------------------- */
.related-posts-vf {
padding: 5rem 2rem 7rem;
}
.relpost-block-container {
display: grid;
grid-template-columns: minmax(auto, 286px);
justify-content: center;
gap: 3rem 5rem;
}
@media (min-width: 41.625em) {
.relpost-block-container {
grid-template-columns: repeat(2, minmax(auto, 286px));
}
}
@media (min-width: 56.875em) {
.relpost-block-container {
grid-template-columns: repeat(3, 1fr);
}
}
.relpost-block-container .relpost-block-single {
border-radius: 5px;
margin: 0;
padding: 0;
float: none;
cursor: pointer;
overflow: visible;
}
.relpost-block-container .relpost-block-single-text {
font-weight: 300;
font-size: 1.8rem !important;
line-height: 1.5;
padding: 0 2rem 2rem;
}
.relpost-block-container .relpost-block-single-text br {
height: 1px;
}
.relpost-block-container .relpost-block-single-text b {
margin: 2rem 0 -1.5rem;
font-size: 2.4rem;
padding: 0 1.5rem;
text-align: center;
color: #db2e27;
font-family: var(--wp--preset--font-family--brandon-condensed);
text-transform: uppercase;
display: block;
line-height: 1;
}
.relpost-block-container .relpost-block-single-text span.rpth_list_date {
font-size: 1.4rem;
border-top: 0.2rem solid #DFDBC8;
padding-top: 1.4rem;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--brandon-condensed);
letter-spacing: 0.1rem;
margin-top: 1.4rem;
}
.relpost-block-container .relpost-block-single:hover {
text-decoration: none;
}
.relpost-block-container .relpost-custom-block-single {
width: auto !important;
height: auto !important;
}
.relpost-block-container .relpost-block-single-image {
max-width: 100%;
width: auto !important;
border-radius: 5px 5px 0 0;
}
h2.relpost_card_title {
font-weight: 300 !important;
color: #db2e27;
margin: 1.75rem 0 1.5rem;
font-size: 2.4rem !important;
padding: 0 1.5rem;
text-align: center;
line-height: 1 !important;
}
img.wpp-thumbnail {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
/* Ajax Search
--------------------------------------------- */
/* Ajax Search */
.farm-search {
max-width: 450px;
margin: 4rem auto 2rem;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
border-color: #F3EFE4 !important;
background-color: #F3EFE4 !important;
}
.single-farm-search #ajaxsearchlite1 .probox, div.asl_w .probox {
padding: 1.22rem;
background-color: rgb(250, 249, 247) !important;
}
div.asl_w .probox .promagnifier {
display: none;
}
div.asl_r.vertical {
background: #F3EFE4 !important;
border-radius: 25px !important;
padding: 1rem !important;
}
div.asl_w .mCustomScrollBox {
background: #F3EFE4 !important;
}
div.asl_r .results .item {
background: #F3EFE4 !important;
border: 0 !important;
box-shadow: none !important;
}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
color: #30302e !important;
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
font-weight: 400 !important;
font-size: 1.12em !important;
text-transform: uppercase;
position: relative;
top: 3px;
display: block;
background: #F3EFE4 !important;
}
#ajaxsearchlite1.wpdreams_asl_container .probox .proinput input, div.asl_w .probox .proinput input {
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
font-weight: 400 !important;
font-size: 21px !important;
text-transform: uppercase;
position: relative !important;
top: 3px !important;
}
#ajaxsearchlite1.wpdreams_asl_container .probox .proinput input::-moz-placeholder, div.asl_w .probox .proinput input::-moz-placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
font-weight: 400 !important;
font-size: 21px !important;
text-transform: uppercase;
text-align: center !important;
position: relative !important;
top: 0 !important;
padding-left: 0;
}
#ajaxsearchlite1.wpdreams_asl_container .probox .proinput input::placeholder, div.asl_w .probox .proinput input::placeholder {
font-family: var(--wp--preset--font-family--brandon-condensed) !important;
font-weight: 400 !important;
font-size: 21px !important;
text-transform: uppercase;
text-align: center !important;
position: relative !important;
top: 0 !important;
padding-left: 0;
}
#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput {
margin-left: 0;
}
div.asl_r .results .item .asl_content h3 a:hover {
line-height: 22px !important;
}
/*div.asl_r.vertical .results .asl_spacer {
//background-color: $sunrise !important;
}
div.asl_w .probox div.asl_simple-circle {
// border: 4px solid $sunrise !important;
}
//div.asl_m .probox .proclose svg {
// background: #fff !important;
//fill: $sunrise !important;
// box-shadow: 0 0 0 2px $sunrise !important;
//}*/
/* Nice Select
--------------------------------------------- */
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fffdf6;
border-radius: 3.6rem;
border: 0;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
font-size: 2rem;
text-transform: uppercase;
font-weight: normal;
outline: none;
padding: 0.75rem 3rem 0.35rem 1.8rem;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
width: 25rem;
color: #6B6658;
text-align: center;
font-family: var(--wp--preset--font-family--brandon-condensed);
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 9px solid #6B6658;
content: "";
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
transform: rotate(180deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
z-index: 999;
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fffdf6;
border-radius: 2.6rem;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: -43px;
opacity: 0;
overflow: hidden;
padding: 1rem 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-21px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
width: 25rem;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
color: #db2e27;
}
.nice-select .option.selected {
color: #db2e27;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
li.option:first-of-type {
border-bottom: 2px solid #DFDBC8;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
/* Sassy Social Share
--------------------------------------------- */
.heateor_sss_sharing_title {
font-family: "brandon-grotesque";
text-transform: uppercase;
margin: 1rem 0;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
margin: 5rem 0 3rem;
}
/* Ajax Load Filter
--------------------------------------------- */
.loadmore-bar {
text-align: center;
margin: 4rem 0 -2.5rem;
position: relative;
z-index: 5;
min-height: 5.1rem;
}
form#vitalfarms_filters {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
font-family: var(--wp--preset--font-family--brandon-condensed);
font-weight: normal;
color: #6A6659;
margin: 1rem 0 3rem;
flex-wrap: wrap;
}
@media (min-width: 41.625em) {
form#vitalfarms_filters {
justify-content: flex-end;
}
}
.radio-sort {
position: relative;
top: 4px;
}
.radio-sort input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.radio-sort input:checked + label {
color: #db2e27 !important;
}
.radio-sort label {
cursor: pointer;
}
/*.select2-container--vitalfarms {
width: 200px;
}*/
/*********************************
Author : Techhysahil
Link : http://techhysahil.com
********************************
$flat-theme-light-color : #fffdf6;
$flat-theme-dark-color : $darkbeige;
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above{
background: $flat-theme-light-color;
border: 0;
border-radius: 1.6rem !important;
text-transform: uppercase;
font-family: $bgcb;
font-weight: normal;
color: $darkbeige;
text-align: center;
}
.select2-container--vitalfarms{
.select2-container--focus .select2-selection--multiple{
border: 1px solid $flat-theme-dark-color;
}
.select2-results__option--highlighted[aria-selected]{
color: $red;
}
.select2-results__option {
display: block;
&:first-of-type {
border-bottom: 2px solid $beige;
}
}
.select2-results__option[aria-selected=true]{
color: $red;
opacity: 0.8;
}
.select2-selection--single{
//border-radius:0px;
}
&.select2-container--open{
.select2-selection__arrow{
b{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
}
}
span.select2-search{
input {
height: 30px !important;
}
}
}
.select2-container{
.select2-choice {
border: 2px solid #dce4ec;
height: 36px;
//border-radius: 0px ;
font-family: "Lato", sans-serif;
font-size: 14px;
text-indent: 1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-image: none;
div {
border-left: 2px solid #dce4ec;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.select2-arrow{
border: 0px;
border-radius: 0px;
background: transparent;
background-image: none;
}
}
*:focus{
outline:0px;
}
&.select2-drop-above .select2-choice {
//border-bottom-color: #dce4ec;
//border-radius:0px;
}
}
.select2-drop {
margin-top: -2px;
border: 2px solid #dce4ec;
border-top: 0;
//border-radius: 0px !important;
//-webkit-border-radius:0 0 6px 6px;
//-moz-border-radius:0 0 6px 6px;
//border-radius:0 0 6px 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
&.select2-drop-above {
margin-top: 2px;
border-top: 2px solid #dce4ec;
border-bottom: 0;
//-webkit-border-radius: 6px 6px 0 0;
// -moz-border-radius: 6px 6px 0 0;
// border-radius: 6px 6px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.select2-search{
margin-top: 3px;
input {
height: 26px;
border: 2px solid #dce4ec;
}
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border: 2px solid #dce4ec;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.select2-dropdown-open .select2-choice {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
//-webkit-border-bottom-left-radius: 0;
//-moz-border-radius-bottomleft: 0;
// border-bottom-left-radius: 0;
//-webkit-border-bottom-right-radius: 0;
//-moz-border-radius-bottomright: 0;
//border-bottom-right-radius: 0;
.select2-choice div {
background: transparent;
border-left: none;
filter: none;
}
}
.select2-results{
padding: 0 0 0 0px;
margin: 4px 0px 0px 0;
.select2-highlighted {
background: $flat-theme-dark-color;
color: #fff;
border-radius: 0px;
}
}
.select2-container-multi{
.select2-choices {
height: auto !important;
height: 1%;
border: 2px solid #dce4ec;
}
&.select2-container-active .select2-choices {
border: 2px solid #dce4ec;
// -webkit-border-radius: 6px;
// -moz-border-radius: 6px;
// border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.select2-container--vitalfarms {
.select2-selection--single{
background: $flat-theme-light-color;
border-radius: 1.6rem;
border: 0px;
height: auto !important;
.select2-selection__rendered{
color: $darkbeige;
line-height:34px;
text-transform: uppercase;
text-align: center;
top: 3px;
position: relative;
}
.select2-selection__arrow{
height: 26px;
position: absolute;
top: 4px;
right: 1px;
width: 20px;
b {
border-color: $darkbeige transparent transparent transparent;
top: 54%;
border-style: solid;
border-width: 7px 6px 0 6px;
height: 0;
left: 41%;
margin-left: -8px;
margin-top: -4px;
position: absolute;
width: 0;
}
}
.select2-selection__placeholder {
color: #fff;
}
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
}
.select2-selection--multiple{
border: 1px solid $flat-theme-dark-color;
.select2-selection__choice__remove:hover{
color: $flat-theme-dark-color;
cursor: pointer;
}
.select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-selection__choice{
background-color: $flat-theme-light-color;
color: #fff;
border: 1px solid $flat-theme-light-color;
//border-radius: 0px;
padding: 3px 5px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
}
.select2-selection__choice__remove{
color: $flat-theme-dark-color;
margin-right: 6px;
margin-left: 6px;
float: right;
}
}
} */
/* Swiper
--------------------------------------------- */
.swiper {
width: 400px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.vf-recipe-carousel-thum .swiper-slide {
opacity: 0.8;
}
.vf-recipe-carousel-thum .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-button-prev, .swiper-button-next {
color: #F3EFE4 !important;
}
.swiper img {
display: block;
}
/* Pop Up Maker
--------------------------------------------- */
/* Pop Up Email */
.wp-block-group.rounded-corners {
border-radius: 1rem;
overflow: hidden;
}
button.pum-close.popmake-close {
padding: 2rem !important;
font-size: 2.6rem !important;
color: #F3EFE4 !important;
right: 1rem !important;
}
.pum-content.popmake-content h2:not(.has-text-color) {
font-size: 50px;
text-transform: uppercase;
color: #F3EFE4;
}
.pum-content.popmake-content .ginput_container.ginput_container_email {
text-align: center;
}
.pum-content.popmake-content input[type=email] {
text-align: center;
padding: 0.65em 0.5em 0.35em !important;
}
.pum-content.popmake-content ::-moz-placeholder {
padding-left: 0 !important;
}
.pum-content.popmake-content ::placeholder {
padding-left: 0 !important;
}
.pum-content.popmake-content .gform_wrapper .gform_footer.top_label {
margin: 0.5em 0;
text-align: center;
}
.pum-content.popmake-content .topimage {
position: relative;
top: -76px;
text-align: center;
width: 100%;
left: 0;
margin-bottom: -4.5em;
}
.pum-theme-default-theme-natural .pum-container h2 {
color: #db2e27;
text-align: center;
margin: 0;
}
.pum-theme-default-theme-natural .pum-container h2.small {
font-size: 30px;
}
.pum-theme-default-theme-natural .pum-container .ginput_container.ginput_container_consent {
margin-top: 10px;
}
.pop-up-head {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 10px;
column-gap: 10px;
justify-content: center;
align-items: center;
max-width: 551px;
margin: auto;
margin: 2em auto !important;
}
h2.flexfull {
flex: 100%;
}
.redbar {
background: #db2e27;
flex: 1;
height: 3px;
margin-bottom: 7px;
}
.pum-content.popmake-content:focus {
outline: 0;
}
div#popmake-2662 :focus {
outline: 0;
}
.pum-content.popmake-content p {
margin: 0 0 0.2em 0;
font-size: 16px;
font-weight: 900;
line-height: 1.6rem;
}
.pum-content.popmake-content p a.button:focus {
outline: 0;
}
img#corner-hen {
position: absolute;
right: -18px;
bottom: -19px;
width: 29%;
}
.corner-chick-container {
height: 4em;
}
/* Join the Flock */
.pum-container.pum-responsive .popupbgimg {
overflow: visible;
}
.pum-container.pum-responsive .popupbgimg > img {
max-width: none;
height: 100%;
-o-object-position: 100%;
object-position: 100%;
border-radius: 25px;
}
.pum-container.pum-responsive .popupbgimg .float-envelope img {
top: -131px;
}
/* WP Feather Light Disabled
--------------------------------------------- */
.featherlight {
background-color: rgba(48, 48, 46, 0.8) !important;
}
button.featherlight-close-icon.featherlight-close {
background-color: transparent;
padding: 2rem !important;
}
/* Gutenslider
--------------------------------------------- */
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg #bg, .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .bg {
fill: #F3EFE4 !important;
}
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
border-radius: 30px;
}
.wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
opacity: 0.8 !important;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.wp-block-eedee-block-gutenslider .swiper-pagination-bullet-active {
background-color: #db2e27 !important;
}
.restorative-eggs .wp-block-eedee-block-gutenslider .swiper-pagination-bullet-active {
background-color: #ddb92f !important;
}
.eedee-gutenslider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
top: 3rem;
}
/* Carousel Slider Settings (not Gutenslider) */
.slick-next:before, .slick-prev:before {
content: "▸" !important;
font-size: 2.75rem !important;
font-family: sans-serif !important;
background: #F3EFE4;
width: 3rem;
height: 3rem;
display: inline-block;
border-radius: 10rem;
color: #444444;
}
.slick-prev:before {
transform: rotate(180deg);
}
.wp-block-cb-slide.slick-slide p {
max-width: 50rem;
margin: auto;
}
.egg-farmer .slick-next:before, .egg-farmer .slick-prev:before {
background: #444444;
color: #F3EFE4;
}
div#legacy button.slick-arrow {
top: 40%;
}
div#legacy.egg-farmer button.slick-arrow {
top: 50%;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Special Classes
--------------------------------------------- */
@media (max-width: 37.5em) {
.mobile-no-min {
min-height: auto !important;
}
}
figure.wp-block-image.is-style-small-overlap {
margin-top: -9rem;
z-index: 10;
position: relative;
}
@media (min-width: 41.625em) {
figure.wp-block-image.is-style-small-overlap {
margin-top: -10rem;
}
}
@media (min-width: 56.875em) {
figure.wp-block-image.is-style-small-overlap {
margin-top: -10rem;
}
}
figure.wp-block-image.is-style-medium-overlap {
margin-top: -15rem;
z-index: 10;
position: relative;
}
figure.wp-block-image.is-style-large-overlap {
margin-top: -10rem;
z-index: 10;
position: relative;
}
@media (min-width: 41.625em) {
figure.wp-block-image.is-style-large-overlap {
margin-top: -16rem;
}
}
@media (min-width: 56.875em) {
figure.wp-block-image.is-style-large-overlap {
margin-top: -18rem;
}
}
figure.wp-block-image.is-style-xxlarge-overlap {
margin-top: -21rem;
z-index: 10;
position: relative;
}
@media (min-width: 41.625em) {
figure.wp-block-image.is-style-xxlarge-overlap {
margin-top: -39rem;
}
}
@media (min-width: 56.875em) {
figure.wp-block-image.is-style-xxlarge-overlap {
margin-top: -52rem;
}
}
@media (max-width: 37.5em) {
.product-grid .wp-block-group.is-nowrap {
flex-wrap: wrap;
}
}
@media (max-width: 37.5em) {
.product-grid.wp-block-group.is-nowrap {
flex-wrap: wrap;
}
}
@media (max-width: 65em) {
.stack-on-tablet.wp-block-columns {
flex-wrap: wrap !important;
}
.stack-on-tablet.wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 37.5em) {
.hide-mobile {
display: none;
}
}
@media (max-width: 37.5em) {
.mobile-small {
height: 6rem !important;
}
}
.hideover {
overflow: hidden;
}
/* Kids Club Addtional Activites */
.add-activities {
display: none;
}
.nopad {
padding: 0 !important;
}
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--wp--preset--color--background);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: var(--wp--preset--color--foreground);
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
/*.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
@include center-block;
margin-bottom: 1.5em;
} */
.alignfull {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
width: 100vw;
position: relative;
}
.alignfull .alignfull {
width: auto;
}
.alignfull .alignwide {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/*.alignwide {
width: 100%;
max-width: 100%;
@include breakpoint(laptop) {
width: calc(100% + 24rem);
margin-left: -12rem;
max-width: calc(100% + 24rem);
}
position: relative;
margin-left: 0px;
margin-right: 0px;
.alignfull {
width: auto;
}
.alignwide {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
*/
/*# sourceMappingURL=style.css.map */