html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*,*::after,*::before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit
}
body:before,.grid-debugger:before {
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent),color-stop(0, #007c96),color-stop(6.93894%, #007c96),color-stop(6.93894%, transparent),color-stop(8.4601%, transparent),color-stop(8.4601%, #00a6c9),color-stop(15.39904%, #00a6c9),color-stop(15.39904%, transparent),color-stop(16.92019%, transparent),color-stop(16.92019%, #007c96),color-stop(23.85913%, #007c96),color-stop(23.85913%, transparent),color-stop(25.38029%, transparent),color-stop(25.38029%, #00a6c9),color-stop(32.31923%, #00a6c9),color-stop(32.31923%, transparent),color-stop(33.84038%, transparent),color-stop(33.84038%, #007c96),color-stop(40.77933%, #007c96),color-stop(40.77933%, transparent),color-stop(42.30048%, transparent),color-stop(42.30048%, #00a6c9),color-stop(49.23942%, #00a6c9),color-stop(49.23942%, transparent),color-stop(50.76058%, transparent),color-stop(50.76058%, #007c96),color-stop(57.69952%, #007c96),color-stop(57.69952%, transparent),color-stop(59.22067%, transparent),color-stop(59.22067%, #00a6c9),color-stop(66.15962%, #00a6c9),color-stop(66.15962%, transparent),color-stop(67.68077%, transparent),color-stop(67.68077%, #007c96),color-stop(74.61971%, #007c96),color-stop(74.61971%, transparent),color-stop(76.14087%, transparent),color-stop(76.14087%, #00a6c9),color-stop(83.07981%, #00a6c9),color-stop(83.07981%, transparent),color-stop(84.60096%, transparent),color-stop(84.60096%, #007c96),color-stop(91.5399%, #007c96),color-stop(91.5399%, transparent),color-stop(93.06106%, transparent),color-stop(93.06106%, #00a6c9),color-stop(100%, #00a6c9),to(transparent));
background-image: -moz- oldlinear-gradient(right, transparent 0,#007c96 0,#007c96 6.93894%,transparent 6.93894%,transparent 8.4601%,#00a6c9 8.4601%,#00a6c9 15.39904%,transparent 15.39904%,transparent 16.92019%,#007c96 16.92019%,#007c96 23.85913%,transparent 23.85913%,transparent 25.38029%,#00a6c9 25.38029%,#00a6c9 32.31923%,transparent 32.31923%,transparent 33.84038%,#007c96 33.84038%,#007c96 40.77933%,transparent 40.77933%,transparent 42.30048%,#00a6c9 42.30048%,#00a6c9 49.23942%,transparent 49.23942%,transparent 50.76058%,#007c96 50.76058%,#007c96 57.69952%,transparent 57.69952%,transparent 59.22067%,#00a6c9 59.22067%,#00a6c9 66.15962%,transparent 66.15962%,transparent 67.68077%,#007c96 67.68077%,#007c96 74.61971%,transparent 74.61971%,transparent 76.14087%,#00a6c9 76.14087%,#00a6c9 83.07981%,transparent 83.07981%,transparent 84.60096%,#007c96 84.60096%,#007c96 91.5399%,transparent 91.5399%,transparent 93.06106%,#00a6c9 93.06106%,#00a6c9 100%,transparent 100%);
background-image: linear-gradient(to left, transparent 0,#007c96 0,#007c96 6.93894%,transparent 6.93894%,transparent 8.4601%,#00a6c9 8.4601%,#00a6c9 15.39904%,transparent 15.39904%,transparent 16.92019%,#007c96 16.92019%,#007c96 23.85913%,transparent 23.85913%,transparent 25.38029%,#00a6c9 25.38029%,#00a6c9 32.31923%,transparent 32.31923%,transparent 33.84038%,#007c96 33.84038%,#007c96 40.77933%,transparent 40.77933%,transparent 42.30048%,#00a6c9 42.30048%,#00a6c9 49.23942%,transparent 49.23942%,transparent 50.76058%,#007c96 50.76058%,#007c96 57.69952%,transparent 57.69952%,transparent 59.22067%,#00a6c9 59.22067%,#00a6c9 66.15962%,transparent 66.15962%,transparent 67.68077%,#007c96 67.68077%,#007c96 74.61971%,transparent 74.61971%,transparent 76.14087%,#00a6c9 76.14087%,#00a6c9 83.07981%,transparent 83.07981%,transparent 84.60096%,#007c96 84.60096%,#007c96 91.5399%,transparent 91.5399%,transparent 93.06106%,#00a6c9 93.06106%,#00a6c9 100%,transparent 100%);
content: "";
display: inline-block;
height: 100%;
left: 0;
margin: 0 auto;
max-width: 1200px;
opacity: .1;
pointer-events: none;
position: fixed;
right: 0;
width: 100%;
z-index: 9999
}
@media screen and (max-width: 43.6875rem) {
body:before,.grid-debugger:before {
background-image:-webkit-gradient(linear, right top, left top, color-stop(0, transparent),color-stop(0, #007c96),color-stop(21.47001%, #007c96),color-stop(21.47001%, transparent),color-stop(26.17666%, transparent),color-stop(26.17666%, #00a6c9),color-stop(47.64667%, #00a6c9),color-stop(47.64667%, transparent),color-stop(52.35333%, transparent),color-stop(52.35333%, #007c96),color-stop(73.82334%, #007c96),color-stop(73.82334%, transparent),color-stop(78.52999%, transparent),color-stop(78.52999%, #00a6c9),color-stop(100%, #00a6c9),to(transparent));
background-image: -moz- oldlinear-gradient(right, transparent 0,#007c96 0,#007c96 21.47001%,transparent 21.47001%,transparent 26.17666%,#00a6c9 26.17666%,#00a6c9 47.64667%,transparent 47.64667%,transparent 52.35333%,#007c96 52.35333%,#007c96 73.82334%,transparent 73.82334%,transparent 78.52999%,#00a6c9 78.52999%,#00a6c9 100%,transparent 100%);
background-image: linear-gradient(to left, transparent 0,#007c96 0,#007c96 21.47001%,transparent 21.47001%,transparent 26.17666%,#00a6c9 26.17666%,#00a6c9 47.64667%,transparent 47.64667%,transparent 52.35333%,#007c96 52.35333%,#007c96 73.82334%,transparent 73.82334%,transparent 78.52999%,#00a6c9 78.52999%,#00a6c9 100%,transparent 100%)
}
}
@media screen and (min-width: 320px) {
body:before,.grid-debugger:before {
background-image:-webkit-gradient(linear, right top, left top, color-stop(0, transparent),color-stop(0, #007c96),color-stop(21.47001%, #007c96),color-stop(21.47001%, transparent),color-stop(26.17666%, transparent),color-stop(26.17666%, #00a6c9),color-stop(47.64667%, #00a6c9),color-stop(47.64667%, transparent),color-stop(52.35333%, transparent),color-stop(52.35333%, #007c96),color-stop(73.82334%, #007c96),color-stop(73.82334%, transparent),color-stop(78.52999%, transparent),color-stop(78.52999%, #00a6c9),color-stop(100%, #00a6c9),to(transparent));
background-image: -moz- oldlinear-gradient(right, transparent 0,#007c96 0,#007c96 21.47001%,transparent 21.47001%,transparent 26.17666%,#00a6c9 26.17666%,#00a6c9 47.64667%,transparent 47.64667%,transparent 52.35333%,#007c96 52.35333%,#007c96 73.82334%,transparent 73.82334%,transparent 78.52999%,#00a6c9 78.52999%,#00a6c9 100%,transparent 100%);
background-image: linear-gradient(to left, transparent 0,#007c96 0,#007c96 21.47001%,transparent 21.47001%,transparent 26.17666%,#00a6c9 26.17666%,#00a6c9 47.64667%,transparent 47.64667%,transparent 52.35333%,#007c96 52.35333%,#007c96 73.82334%,transparent 73.82334%,transparent 78.52999%,#00a6c9 78.52999%,#00a6c9 100%,transparent 100%)
}
}
@media screen and (min-width: 700px) {
body:before,.grid-debugger:before {
background-image:-webkit-gradient(linear, right top, left top, color-stop(0, transparent),color-stop(0, #007c96),color-stop(14.09225%, #007c96),color-stop(14.09225%, transparent),color-stop(17.18155%, transparent),color-stop(17.18155%, #00a6c9),color-stop(31.2738%, #00a6c9),color-stop(31.2738%, transparent),color-stop(34.3631%, transparent),color-stop(34.3631%, #007c96),color-stop(48.45535%, #007c96),color-stop(48.45535%, transparent),color-stop(51.54465%, transparent),color-stop(51.54465%, #00a6c9),color-stop(65.6369%, #00a6c9),color-stop(65.6369%, transparent),color-stop(68.7262%, transparent),color-stop(68.7262%, #007c96),color-stop(82.81845%, #007c96),color-stop(82.81845%, transparent),color-stop(85.90775%, transparent),color-stop(85.90775%, #00a6c9),color-stop(100%, #00a6c9),to(transparent));
background-image: -moz- oldlinear-gradient(right, transparent 0,#007c96 0,#007c96 14.09225%,transparent 14.09225%,transparent 17.18155%,#00a6c9 17.18155%,#00a6c9 31.2738%,transparent 31.2738%,transparent 34.3631%,#007c96 34.3631%,#007c96 48.45535%,transparent 48.45535%,transparent 51.54465%,#00a6c9 51.54465%,#00a6c9 65.6369%,transparent 65.6369%,transparent 68.7262%,#007c96 68.7262%,#007c96 82.81845%,transparent 82.81845%,transparent 85.90775%,#00a6c9 85.90775%,#00a6c9 100%,transparent 100%);
background-image: linear-gradient(to left, transparent 0,#007c96 0,#007c96 14.09225%,transparent 14.09225%,transparent 17.18155%,#00a6c9 17.18155%,#00a6c9 31.2738%,transparent 31.2738%,transparent 34.3631%,#007c96 34.3631%,#007c96 48.45535%,transparent 48.45535%,transparent 51.54465%,#00a6c9 51.54465%,#00a6c9 65.6369%,transparent 65.6369%,transparent 68.7262%,#007c96 68.7262%,#007c96 82.81845%,transparent 82.81845%,transparent 85.90775%,#00a6c9 85.90775%,#00a6c9 100%,transparent 100%)
}
}
@media screen and (min-width: 1200px) {
body:before,.grid-debugger:before {
background-image:-webkit-gradient(linear, right top, left top, color-stop(0, transparent),color-stop(0, #007c96),color-stop(6.93894%, #007c96),color-stop(6.93894%, transparent),color-stop(8.4601%, transparent),color-stop(8.4601%, #00a6c9),color-stop(15.39904%, #00a6c9),color-stop(15.39904%, transparent),color-stop(16.92019%, transparent),color-stop(16.92019%, #007c96),color-stop(23.85913%, #007c96),color-stop(23.85913%, transparent),color-stop(25.38029%, transparent),color-stop(25.38029%, #00a6c9),color-stop(32.31923%, #00a6c9),color-stop(32.31923%, transparent),color-stop(33.84038%, transparent),color-stop(33.84038%, #007c96),color-stop(40.77933%, #007c96),color-stop(40.77933%, transparent),color-stop(42.30048%, transparent),color-stop(42.30048%, #00a6c9),color-stop(49.23942%, #00a6c9),color-stop(49.23942%, transparent),color-stop(50.76058%, transparent),color-stop(50.76058%, #007c96),color-stop(57.69952%, #007c96),color-stop(57.69952%, transparent),color-stop(59.22067%, transparent),color-stop(59.22067%, #00a6c9),color-stop(66.15962%, #00a6c9),color-stop(66.15962%, transparent),color-stop(67.68077%, transparent),color-stop(67.68077%, #007c96),color-stop(74.61971%, #007c96),color-stop(74.61971%, transparent),color-stop(76.14087%, transparent),color-stop(76.14087%, #00a6c9),color-stop(83.07981%, #00a6c9),color-stop(83.07981%, transparent),color-stop(84.60096%, transparent),color-stop(84.60096%, #007c96),color-stop(91.5399%, #007c96),color-stop(91.5399%, transparent),color-stop(93.06106%, transparent),color-stop(93.06106%, #00a6c9),color-stop(100%, #00a6c9),to(transparent));
background-image: -moz- oldlinear-gradient(right, transparent 0,#007c96 0,#007c96 6.93894%,transparent 6.93894%,transparent 8.4601%,#00a6c9 8.4601%,#00a6c9 15.39904%,transparent 15.39904%,transparent 16.92019%,#007c96 16.92019%,#007c96 23.85913%,transparent 23.85913%,transparent 25.38029%,#00a6c9 25.38029%,#00a6c9 32.31923%,transparent 32.31923%,transparent 33.84038%,#007c96 33.84038%,#007c96 40.77933%,transparent 40.77933%,transparent 42.30048%,#00a6c9 42.30048%,#00a6c9 49.23942%,transparent 49.23942%,transparent 50.76058%,#007c96 50.76058%,#007c96 57.69952%,transparent 57.69952%,transparent 59.22067%,#00a6c9 59.22067%,#00a6c9 66.15962%,transparent 66.15962%,transparent 67.68077%,#007c96 67.68077%,#007c96 74.61971%,transparent 74.61971%,transparent 76.14087%,#00a6c9 76.14087%,#00a6c9 83.07981%,transparent 83.07981%,transparent 84.60096%,#007c96 84.60096%,#007c96 91.5399%,transparent 91.5399%,transparent 93.06106%,#00a6c9 93.06106%,#00a6c9 100%,transparent 100%);
background-image: linear-gradient(to left, transparent 0,#007c96 0,#007c96 6.93894%,transparent 6.93894%,transparent 8.4601%,#00a6c9 8.4601%,#00a6c9 15.39904%,transparent 15.39904%,transparent 16.92019%,#007c96 16.92019%,#007c96 23.85913%,transparent 23.85913%,transparent 25.38029%,#00a6c9 25.38029%,#00a6c9 32.31923%,transparent 32.31923%,transparent 33.84038%,#007c96 33.84038%,#007c96 40.77933%,transparent 40.77933%,transparent 42.30048%,#00a6c9 42.30048%,#00a6c9 49.23942%,transparent 49.23942%,transparent 50.76058%,#007c96 50.76058%,#007c96 57.69952%,transparent 57.69952%,transparent 59.22067%,#00a6c9 59.22067%,#00a6c9 66.15962%,transparent 66.15962%,transparent 67.68077%,#007c96 67.68077%,#007c96 74.61971%,transparent 74.61971%,transparent 76.14087%,#00a6c9 76.14087%,#00a6c9 83.07981%,transparent 83.07981%,transparent 84.60096%,#007c96 84.60096%,#007c96 91.5399%,transparent 91.5399%,transparent 93.06106%,#00a6c9 93.06106%,#00a6c9 100%,transparent 100%)
}
}
html,body,.grid-debugger,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
body,.grid-debugger {
line-height: 1
}
ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
button {
border: none;
outline: none;
padding: 0;
margin: 0;
background: none
}
body.debug:before,.debug.grid-debugger:before {
display: block
}
body:before,.grid-debugger:before {
display: none;
max-width: 87.5%
}
@media screen and (min-width: 700px) {
body:before,.grid-debugger:before {
max-width:91.666666666667%
}
}
@media screen and (min-width: 81.25rem) {
body:before,.grid-debugger:before {
max-width:75rem
}
}
@media screen and (min-width: 81.25rem) {
body:before,.grid-debugger:before {
max-width:75rem
}
}
@media print {
body,.grid-debugger {
-webkit-print-color-adjust: exact;
max-width: 720px;
margin: 0 auto
}
}
input,textarea,button,select,label,a {
-webkit-tap-highlight-color: transparent
}
a {
color: #277c34;
text-decoration: none
}
a:hover {
color: #277C34
}
section[data-bg-color='true']+section[data-bg-color='true'] {
margin-top: 0
}
section.section-dark-theme {
background: #eee;
padding: 32px 0
}
section.rich-text,section.section-has-anchor-link {
position: relative
}
section.rich-text .rich-text__anchorID,section.rich-text .section__anchorID,section.section-has-anchor-link .rich-text__anchorID,section.section-has-anchor-link .section__anchorID {
position: absolute;
top: -70px
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
section.rich-text .rich-text__anchorID,section.rich-text .section__anchorID,section.section-has-anchor-link .rich-text__anchorID,section.section-has-anchor-link .section__anchorID {
top:-15px
}
}
svg path {
fill: inherit
}
.wrapper,.style-guide .icon-fonts {
position: relative;
max-width: 87.5%;
margin-left: auto;
margin-right: auto
}
.wrapper::after,.style-guide .icon-fonts::after {
clear: both;
content: "";
display: block
}
.wrapper::after,.style-guide .icon-fonts::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.wrapper,.style-guide .icon-fonts {
max-width:91.666666666667%
}
.wrapper::after,.style-guide .icon-fonts::after {
clear: both;
content: "";
display: block
}
}
@media screen and (min-width: 81.25rem) {
.wrapper,.style-guide .icon-fonts {
max-width:75rem
}
.wrapper::after,.style-guide .icon-fonts::after {
clear: both;
content: "";
display: block
}
}
@media screen and (min-width: 320px) {
.wrapper.touch-on-mobile,.style-guide .touch-on-mobile.icon-fonts {
max-width:100%
}
.wrapper.touch-on-mobile::after,.style-guide .touch-on-mobile.icon-fonts::after {
clear: both;
content: "";
display: block
}
}
@media screen and (min-width: 700px) {
.wrapper.touch-on-mobile,.style-guide .touch-on-mobile.icon-fonts {
max-width:91.666666666667%
}
.wrapper.touch-on-mobile::after,.style-guide .touch-on-mobile.icon-fonts::after {
clear: both;
content: "";
display: block
}
}
@media screen and (min-width: 81.25rem) {
.wrapper.touch-on-mobile,.style-guide .touch-on-mobile.icon-fonts {
max-width:75rem
}
.wrapper.touch-on-mobile::after,.style-guide .touch-on-mobile.icon-fonts::after {
clear: both;
content: "";
display: block
}
}
[data-truncate="true"] {
overflow: hidden;
position: relative
}
[data-truncate="true"]:after {
content: "";
position: absolute;
width: 100%;
height: 1.4em;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#eee), to(rgba(238,238,238,0.5)));
background: -moz- oldlinear-gradient(bottom, #eee, rgba(238,238,238,0.5));
background: linear-gradient(to top, #eee, rgba(238,238,238,0.5))
}
@font-face {
font-family: "probapro";
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/probapro/probapro-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-regular.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-regular.woff") format("woff"),url("/assets/fonts/probapro/probapro-regular.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-regular.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: normal;
font-weight: 500;
src: url("/assets/fonts/probapro/probapro-medium.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-medium.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-medium.woff") format("woff"),url("/assets/fonts/probapro/probapro-medium.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-medium.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: normal;
font-weight: 600;
src: url("/assets/fonts/probapro/probapro-semibold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-semibold.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-semibold.woff") format("woff"),url("/assets/fonts/probapro/probapro-semibold.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-semibold.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: normal;
font-weight: 700;
src: url("/assets/fonts/probapro/probapro-bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-bold.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-bold.woff") format("woff"),url("/assets/fonts/probapro/probapro-bold.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-bold.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: italic;
font-weight: 400;
src: url("/assets/fonts/probapro/probapro-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-italic.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-italic.woff") format("woff"),url("/assets/fonts/probapro/probapro-italic.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-italic.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: italic;
font-weight: 500;
src: url("/assets/fonts/probapro/probapro-mediumitalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-mediumitalic.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-mediumitalic.woff") format("woff"),url("/assets/fonts/probapro/probapro-mediumitalic.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-mediumitalic.svg#probapro") format("svg")
}
@font-face {
font-family: "probapro";
font-style: italic;
font-weight: 600;
src: url("/assets/fonts/probapro/probapro-semibolditalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/probapro/probapro-semibolditalic.woff2") format("woff2"),url("/assets/fonts/probapro/probapro-semibolditalic.woff") format("woff"),url("/assets/fonts/probapro/probapro-semibolditalic.ttf") format("truetype"),url("/assets/fonts/probapro/probapro-semibolditalic.svg#probapro") format("svg")
}
@font-face {
font-family: "ProbaPro-Regular";
font-style: italic;
font-weight: 400;
src: url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-italic.woff2") format("woff2"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-italic.woff") format("woff"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-italic.ttf") format("truetype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-italic.svg#ProbaPro-Regular") format("svg")
}
@font-face {
font-family: "ProbaPro-Regular";
font-style: italic;
font-weight: 500;
src: url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-mediumitalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-mediumitalic.woff2") format("woff2"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-mediumitalic.woff") format("woff"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-mediumitalic.ttf") format("truetype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-mediumitalic.svg#ProbaPro-Regular") format("svg")
}
@font-face {
font-family: "ProbaPro-Regular";
font-style: italic;
font-weight: 600;
src: url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-semibolditalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-semibolditalic.woff2") format("woff2"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-semibolditalic.woff") format("woff"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-semibolditalic.ttf") format("truetype"),url("/assets/fonts/ProbaPro-Regular/ProbaPro-Regular-semibolditalic.svg#ProbaPro-Regular") format("svg")
}
body,.grid-debugger {
font-family: "probapro",Geogia,sans-serif;
font-weight: 400;
line-height: 1.5;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004)
}
h1:before,h1:after,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,h5:before,h5:after,h6:before,h6:after,a:before,a:after,span:before,span:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004)
}
h1,h2,h3,h4,h5,h6 {
font: normal 500 30px "probapro",Geogia,sans-serif
}
p {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.5;
margin: 16px 0
}
small {
font: normal 400 14px "probapro",Geogia,sans-serif;
margin: 8px 0
}
code {
display: block;
white-space: pre-wrap;
line-height: 1.5;
padding: 20px;
font-family: "Lucida Console", Monaco, monospace;
background: #f7f7f7;
color: #ed1944;
margin: 16px 0
}
code.inline {
white-space: normal;
display: inline;
padding: 1px 5px;
margin: 0
}
b,strong {
font-weight: 600;
font-style: normal
}
i,em {
font-style: italic
}
@font-face {
font-family: 'freshmarket-icons';
src: url("/assets/fonts/freshmarket/freshmarket-icons.ttf?nakun8") format("truetype"),url("/assets/fonts/freshmarket/freshmarket-icons.woff?nakun8") format("woff"),url("/assets/fonts/freshmarket/freshmarket-icons.svg?nakun8#freshmarket-icons") format("svg");
font-weight: normal;
font-style: normal
}
[class^="icon-fm"],[class*=" icon-fm"] {
font-family: 'freshmarket-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.icon-fm_cloud-download:before {
content: ""
}
.icon-fm_phone:before {
content: ""
}
.icon-fm_star-full-round:before {
content: ""
}
.icon-fm_campaign:before {
content: ""
}
.icon-fm_event:before {
content: ""
}
.icon-fm_fresh-market:before {
content: ""
}
.icon-fm_meal:before {
content: ""
}
.icon-fm_online-order:before {
content: ""
}
.icon-fm_recipe:before {
content: ""
}
.icon-fm_special-offer:before {
content: ""
}
.icon-fm_store:before {
content: ""
}
.icon-fm_tips-idea:before {
content: ""
}
.icon-fm_account:before {
content: ""
}
.icon-fm_apron:before {
content: ""
}
.icon-fm_basket:before {
content: ""
}
.icon-fm_bell:before {
content: ""
}
.icon-fm_calendar:before {
content: ""
}
.icon-fm_clock:before {
content: ""
}
.icon-fm_close:before {
content: ""
}
.icon-fm_directions:before {
content: ""
}
.icon-fm_down-caret:before {
content: ""
}
.icon-fm_edit:before {
content: ""
}
.icon-fm_envelope:before {
content: ""
}
.icon-fm_error:before {
content: ""
}
.icon-fm_expand:before {
content: ""
}
.icon-fm_facebook:before {
content: ""
}
.icon-fm_gluten-free:before {
content: ""
}
.icon-fm_info:before {
content: ""
}
.icon-fm_ingredients:before {
content: ""
}
.icon-fm_instagram:before {
content: ""
}
.icon-fm_leaf:before {
content: ""
}
.icon-fm_left-caret:before {
content: ""
}
.icon-fm_list:before {
content: ""
}
.icon-fm_location:before {
content: ""
}
.icon-fm_magnify:before {
content: ""
}
.icon-fm_menu:before {
content: ""
}
.icon-fm_new:before {
content: ""
}
.icon-fm_pinterest:before {
content: ""
}
.icon-fm_print:before {
content: ""
}
.icon-fm_right-caret:before {
content: ""
}
.icon-fm_share:before {
content: ""
}
.icon-fm_star-empty:before {
content: ""
}
.icon-fm_star-full:before {
content: ""
}
.icon-fm_trophy:before {
content: ""
}
.icon-fm_twitter:before {
content: ""
}
.icon-fm_up-caret:before {
content: ""
}
.icon-fm_utensils:before {
content: ""
}
.icon-fm_video:before {
content: ""
}
.icon-fm_youtube:before {
content: ""
}
.form-row::after,.form-group::after {
clear: both;
content: "";
display: block
}
label,.label {
display: block;
font-weight: 600;
font-style: normal;
text-transform: uppercase
}
input[type=text],input[type=tel],input[type=email] {
border-radius: 3px;
height: 42px;
background: #f7f7f7;
border: 1px solid #bfbfbf;
padding: 0 16px;
font: normal 400 16px/44px "probapro",Geogia,sans-serif
}
input[type=text]:disabled,input[type=tel]:disabled,input[type=email]:disabled {
background-color: #bfbfbf;
cursor: not-allowed
}
textarea {
background: white;
border: 1px solid #bfbfbf;
padding: 8px;
margin-top: 10px;
font: normal 400 16px "probapro",Geogia,sans-serif
}
select {
background: transparent;
font: normal 500 18px/18px "probapro",Geogia,sans-serif;
padding: 10px 40px 10px 12px;
line-height: 1.3;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 100%;
position: relative;
z-index: 2;
cursor: pointer
}
select::-ms-value {
background: transparent
}
select option {
color: #333
}
select::-ms-expand {
display: none
}
textarea {
width: 100%;
height: 290px
}
.form-error {
position: absolute;
display: block;
padding: 4px 0 0;
color: #ed1944;
font: normal 500 14px "probapro",Geogia,sans-serif
}
.form-label-alert {
color: #ed1944
}
::-ms-clear {
display: none;
width: 0;
height: 0
}
a:focus {
outline: 1px solid #2a8738
}
input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus {
outline: 1px solid #c4d82d
}
a.button:focus,button:focus,select:focus {
outline: 3px solid #c4d82d
}
.fm-cell {
padding-bottom: 25px;
width: 100%
}
@media screen and (min-width: 700px) {
.fm-cell--t-2 {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.fm-cell--t-2:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.fm-cell--t-2 {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.fm-cell--t-2:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.fm-cell--d-2 {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.fm-cell--d-2:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.fm-cell--d-4 {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.fm-cell--d-4:last-child {
margin-right: 0
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.fm-cell--t-end {
margin-right:0
}
}
@media screen and (min-width: 1200px) {
.fm-cell--d-end {
margin-right:0
}
}
.fm-cell--no-label {
margin-top: -16px
}
@media screen and (min-width: 700px) {
.fm-cell--no-label {
margin-top:0;
padding-top: 24px
}
}
.accordion__item {
outline: none;
border-bottom: 1px solid #bfbfbf;
background: white;
-webkit-transition: background 300ms ease-out;
-moz-transition: background 300ms ease-out;
transition: background 300ms ease-out
}
.accordion__item-title {
color: #333;
position: relative;
font: normal 400 24px/68px "probapro",Geogia,sans-serif;
line-height: normal;
padding: 20px 0;
padding-left: 16px;
-webkit-transition: color 300ms ease-out;
-moz-transition: color 300ms ease-out;
transition: color 300ms ease-out;
display: block
}
.accordion__item-title:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.accordion__item-title--link:after {
display: none
}
.accordion__item-inner {
padding: 0 16px 16px
}
@media screen and (max-width: 43.6875rem) {
.accordion--mobile-full {
max-width:100vw;
overflow: hidden;
margin-left: -7.14286%;
margin-right: -7.14286%;
display: block
}
.accordion--mobile-full .accordion__item-title {
padding-left: 6.25%;
padding-right: 6.25%
}
.accordion--mobile-full .accordion__item-title:after {
right: 6.25%
}
.accordion--mobile-full .accordion__item-inner {
padding-left: 6.25%;
padding-right: 6.25%
}
}
.accordion__body {
overflow: hidden
}
.accordion__body--hidden {
display: none;
opacity: 0
}
.accordion [aria-expanded="true"] {
background: #f7f7f7
}
.accordion [aria-expanded="true"] .accordion__item-title {
color: #2a8738
}
.accordion [aria-expanded="true"] .accordion__item-title:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px
}
.accordion__item-styleguide .accordion__item-title p {
margin: 0;
font: normal 600 20px "probapro",Geogia,sans-serif
}
.accordion__item-styleguide .accordion__item-inner {
padding: 20px
}
.available-dates {
font: normal 500 18px "probapro",Geogia,sans-serif
}
.available-dates--special-day,.available-dates--weekly-specials {
text-align: center;
color: #fff;
margin-bottom: 8px
}
section.available-dates--promo {
text-align: center;
margin-top: 45px
}
section.lbm-available-dates {
margin-top: 0;
margin-bottom: 0
}
section.day-available-dates {
margin-top: 32px;
margin-bottom: 56px
}
section.weekly-available-dates {
margin-top: 40px;
margin-bottom: 40px
}
.button {
text-align: center
}
.button-primary {
border-radius: 3px;
color: #fff;
background: #2a8738;
margin: 10px 0;
padding: 17px 20px;
display: block;
cursor: pointer;
font: normal 500 18px/18px "probapro",Geogia,sans-serif
}
.button-primary:hover {
background-color: #81c341;
background-image: -webkit-gradient(linear,left top, left bottom,from(#81c341),to(#2a8738));
background-image: -moz- oldlinear-gradient(#81c341,#2a8738);
background-image: linear-gradient(#81c341,#2a8738);
color: #fff
}
.button-primary[disabled],.button-primary.disabled,.checkout__view .button-primary.select-wrapper {
background: #bfbfbf;
cursor: default
}
.button-secondary,.product-detail__servingSize {
border-radius: 3px;
color: #fff;
background: #2a8738;
margin: 10px auto;
padding: 12px 20px;
display: block;
cursor: pointer;
font: normal 500 18px/18px "probapro",Geogia,sans-serif;
text-align: center
}
.button-secondary:hover,.product-detail__servingSize:hover {
background-color: #277C34;
background-image: -webkit-gradient(linear,left top, left bottom,from(#277C34),to(#277C34));
background-image: -moz- oldlinear-gradient(#277C34,#277C34);
background-image: linear-gradient(#277C34,#277C34);
color: #fff
}
.button-secondary[disabled],[disabled].product-detail__servingSize,.button-secondary.disabled,.disabled.product-detail__servingSize,.checkout__view .product-detail__servingSize.select-wrapper,.checkout__view .button-secondary.select-wrapper {
background: #bfbfbf;
cursor: default
}
.button-normal,.our-favorite-way a {
border-radius: 3px;
color: #2a8738;
background: #fff;
margin: 10px auto;
padding: 11px 20px;
display: inline-block;
border: 1px solid #bfbfbf;
cursor: pointer;
font: normal 500 18px/18px "probapro",Geogia,sans-serif;
text-align: center
}
.button-normal:hover,.our-favorite-way a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
background: -moz- oldlinear-gradient(#f7f7f7, #fff);
background: linear-gradient(#f7f7f7, #fff)
}
.button-normal:active,.our-favorite-way a:active {
color: #fff;
background: #2a8738
}
.button-normal[disabled],.our-favorite-way a[disabled],.button-normal.disabled,.our-favorite-way a.disabled,.our-favorite-way .checkout__view a.select-wrapper,.checkout__view .our-favorite-way a.select-wrapper,.checkout__view .button-normal.select-wrapper {
background: #bfbfbf;
cursor: default
}
.button-link {
font: normal 600 14px "probapro",Geogia,sans-serif
}
.button-link:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 8px;
color: #2a8738;
display: inline-block;
margin-left: 7px;
position: relative;
top: -1px
}
.button-back-link {
font: normal 600 14px "probapro",Geogia,sans-serif
}
.button-back-link:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 8px;
color: #2a8738;
display: inline-block;
margin-right: 7px;
position: relative;
top: -1px
}
.button-rating {
font: normal 600 14px "probapro",Geogia,sans-serif;
cursor: pointer
}
.button-rating:focus {
outline: -webkit-focus-ring-color auto 5px
}
.button-rating:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 36px;
color: #bfbfbf;
display: inline-block;
margin-left: 6px;
margin-right: 6px;
position: relative
}
.button-rating.selected:before {
color: #2a8738
}
@media screen and (min-width: 700px) {
.button-rating:before {
content:"";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 42px
}
}
.button-icon,.button-icon-light {
font: normal 600 16px "probapro",Geogia,sans-serif;
cursor: pointer
}
.button-icon .icon,.button-icon-light .icon {
margin-right: 10px;
color: #c4d82d
}
.button-icon {
font: normal 600 16px "probapro",Geogia,sans-serif;
color: #2a8738;
cursor: pointer
}
.button-icon:hover {
color: #81c341
}
.button-icon-light {
font: normal 600 16px "probapro",Geogia,sans-serif;
color: #fff;
cursor: pointer
}
.button-icon-light:hover {
color: #fff
}
.button-icon-light .icon {
margin-right: 10px;
color: #c4d82d
}
.capsule-button {
font: normal 600 14px "probapro",Geogia,sans-serif;
padding: 10px 15px;
margin: 0;
color: #277c34;
border: none;
border-radius: 200px;
background-color: #eee
}
.capsule-button--promo {
background: #f7f7f7;
margin-top: 20px;
display: inline-block
}
.capsule-button--all-stores:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 14px;
margin-right: 5px
}
.capsule-button:hover {
cursor: pointer;
background: #eee;
color: #2a8738
}
.buy-now-button {
max-width: 15rem
}
.checkout-modal {
text-align: center;
background: #fff;
padding: 16px 6.25%;
max-width: 30rem;
margin: 0 auto
}
@media screen and (min-width: 700px) {
.checkout-modal {
padding:32px
}
}
.checkout-modal__cta {
text-align: center;
max-width: 320px;
margin: 0 auto
}
.checkout-modal__cta::after {
clear: both;
content: "";
display: block
}
.checkout-modal__cta button,.checkout-modal__cta a {
display: inline-block;
float: left;
display: block;
margin-right: 4.70665%;
width: 47.64667%
}
.checkout-modal__cta button:last-child,.checkout-modal__cta a:last-child {
margin-right: 0
}
@media screen and (max-width: 43.6875rem) {
.checkout-hero.hero-item .main-title {
padding-top:0
}
.checkout-hero .cta-wrapper {
position: relative
}
.checkout-hero .cta-wrapper__left,.checkout-hero .cta-wrapper__right {
float: none;
width: 100%;
max-width: 320px;
margin: 0 auto
}
.checkout-hero .cta-wrapper__left>.button,.checkout-hero .cta-wrapper__right>.button {
width: 100%;
margin: 0
}
.checkout-hero .cta-wrapper__right {
margin-top: 10px
}
}
.pickup-intro {
margin-top: 0;
margin-bottom: 32px
}
.pickup-intro+div>.state-and-store-selects {
margin-bottom: 32px
}
.pickup-intro+div>.state-and-store-selects .select-wrapper {
margin-bottom: 0
}
@media screen and (min-width: 1200px) {
.pickup-intro+div>.state-and-store-selects {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%;
float: none
}
.pickup-intro+div>.state-and-store-selects:last-child {
margin-right: 0
}
}
.pickup__my-store {
margin-bottom: 0px
}
.pickup__my-store-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: -22px 0 32px;
background: #fff;
border: 2px solid #ffda00;
border-radius: 4px;
padding: 22px
}
.pickup__my-store-wrapper::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.pickup__my-store-wrapper {
-webkit-box-flex:0;
-webkit-flex: 0 0 66.666667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
}
.pickup__my-store-label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
width: 42px;
height: 42px;
background: #ffda00
}
.pickup__my-store-label span {
color: #000;
margin: -5px 0 0 2px;
font-size: 23px
}
.pickup__my-store-warning {
margin: 0;
color: #333;
padding-left: 16px
}
.pickup__my-store-warning p {
margin: 0
}
.pickup__my-store-warning--title p {
font: normal 500 16px "probapro",Geogia,sans-serif
}
.pickup__my-store-warning--title p:first-child {
margin-bottom: 4px
}
.pickup__my-store-warning--text p {
font: normal 400 12px "probapro",Geogia,sans-serif;
padding-top: 20px
}
.pickup-address {
font: normal 500 20px "probapro",Geogia,sans-serif;
display: block
}
.pickup-address-address__separator {
display: none
}
@media screen and (min-width: 700px) {
.pickup-address-address__separator {
display:inline
}
}
.pickup-address__city {
display: block
}
@media screen and (min-width: 700px) {
.pickup-address__city {
display:inline
}
}
.pickup-continue {
text-align: right
}
.pickup-continue button {
display: inline-block
}
@media screen and (min-width: 700px) {
.pickup-half-summary {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.pickup-half-summary:last-child {
margin-right: 0
}
.pickup-half-summary:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.pickup-half-summary {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.pickup-half-summary:last-child {
margin-right: 0
}
}
.pickup-full-summary {
padding-top: 16px
}
.pickup-full-summary::after {
clear: both;
content: "";
display: block
}
.pickup-full-summary p {
white-space: pre-line
}
.checkout__pickup textarea,.checkout__shipping textarea {
height: 140px
}
.checkout-summary {
padding: 0px !important
}
.checkout-summary-table-head-wrap {
display: none
}
@media screen and (min-width: 1200px) {
.checkout-summary-table-head-wrap {
display:block;
padding: 0;
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
padding-left: 20px;
background: #2a8738
}
}
.checkout-summary-section {
border-top: 20px solid #fff;
padding: 20px
}
.checkout-summary-section__description {
text-align: left;
padding-bottom: 16px;
border-bottom: 2px solid #fff;
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
padding-left: 20px
}
@media screen and (min-width: 700px) {
.checkout-summary-section__description {
text-align:center
}
}
@media screen and (min-width: 1200px) {
.checkout-summary-section__description {
border-bottom:none
}
}
.checkout-summary-section__description h4 {
font: normal 500 16px "probapro",Geogia,sans-serif
}
.checkout-summary-price-availability-disclaimer {
background: #fff
}
.checkout-summary-price-availability-disclaimer p {
margin: 0;
padding: 20px 0 0
}
.checkout-summary-totals-summary {
background: #fff;
padding-top: 16px
}
.checkout-summary-totals-summary::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.checkout-summary-totals-summary {
padding-right:20px;
padding-right: 20px;
padding-top: 32px
}
}
.checkout-summary-back-link {
margin-bottom: 32px
}
.checkout-summary-back-link .button {
margin-top: 0
}
@media screen and (min-width: 700px) {
.checkout-summary-back-link {
float:left;
width: 23%
}
.checkout-summary-back-link .button {
display: inline-block
}
}
@media screen and (min-width: 700px) {
.checkout-summary-totals-section {
width:77%;
padding-left: 20px;
float: left
}
}
.checkout-summary-totals-groups {
display: table;
width: 100%
}
.checkout-summary-totals-group {
display: table-row;
text-align: right
}
.checkout-summary-totals-label {
display: table-cell;
padding-bottom: 20px
}
.checkout-summary-totals-label--grand-total {
padding: 8px 0 20px
}
.checkout-summary-totals-label__title {
font: normal 500 20px "probapro",Geogia,sans-serif
}
.checkout-summary-totals-label__description {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.5;
margin: 0
}
.checkout-summary-totals-value {
display: table-cell;
padding-left: 16px;
padding-right: 16px;
font: normal 500 20px "probapro",Geogia,sans-serif;
padding-bottom: 16px
}
.checkout-summary-totals-value--grand-total {
padding-top: 8px;
padding-bottom: 32px;
font: normal 600 24px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.checkout-summary-totals-value {
padding-left:60px;
width: 20%;
padding-right: 7.7%;
text-align: right
}
}
@media screen and (min-width: 1200px) {
.checkout-summary-totals-value {
padding-right:6.45%
}
}
.checkout-summary-payment-breakdown-value {
font: normal 500 16px "probapro",Geogia,sans-serif
}
.checkout-summary-place-order {
padding-bottom: 64px
}
.checkout-summary-place-order__button {
min-width: 100%
}
@media screen and (min-width: 700px) {
.checkout-summary-place-order__button {
float:right;
min-width: 14%
}
}
.conditional-message {
font: normal 500 18px "probapro",Geogia,sans-serif
}
.conditional-message--day-specials {
text-align: center;
margin: 32px
}
.cook-time-servings {
margin-top: 30px;
margin-bottom: 30px
}
@media screen and (min-width: 700px) {
.cook-time-servings {
position:relative;
margin-top: 0;
margin-bottom: 0;
top: -45px;
text-align: right
}
}
.cook-time-servings__time,.cook-time-servings__servings {
display: block
}
@media screen and (min-width: 700px) {
.cook-time-servings__time,.cook-time-servings__servings {
display:inline-block
}
}
.cook-time-servings__time [class*='icon-fm'],.cook-time-servings__servings [class*='icon-fm'] {
margin-right: 13px;
color: #81c341
}
.cook-time-servings__time {
margin-bottom: 10px
}
@media screen and (min-width: 700px) {
.cook-time-servings__time {
margin:0 35px 0 0
}
.cook-time-servings__time:after {
content: "";
display: inline-block;
margin-left: 35px;
height: 16px;
width: 1px;
background-color: #bfbfbf
}
}
.cta-wrapper {
width: 100%
}
@media print {
.cta-wrapper {
display: none
}
}
.cta-wrapper--hero-back-link {
top: 16px;
position: absolute
}
.cta-wrapper>.button {
display: inline-block;
vertical-align: middle
}
@media screen and (min-width: 700px) {
.cta-wrapper>.button {
float:left;
display: block
}
}
.cta-wrapper .cta-wrapper__left {
float: left
}
.cta-wrapper .cta-wrapper__right {
float: right
}
.cta-wrapper .cta-wrapper__right>.button {
width: auto;
padding: 10px 12px;
margin-left: 10px;
float: none;
display: inline-block
}
@media (max-width: 74.9375rem) {
.cta-wrapper .cta-wrapper__right>.button.print-button {
display:none
}
}
.coupon-print-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width: 1200px) {
.coupon-print-container {
display:none
}
}
.disclaimer--bottom,.fm-carousel .slick-slider+.disclaimer {
text-align: center;
padding: 0 20px
}
@media screen and (min-width: 700px) {
.disclaimer--bottom,.fm-carousel .slick-slider+.disclaimer {
padding:0 90px
}
}
.disclaimer--bottom p,.fm-carousel .slick-slider+.disclaimer p {
font: normal 400 14px "probapro",Geogia,sans-serif;
line-height: 1.4
}
@media screen and (min-width: 700px) {
.disclaimer--bottom p,.fm-carousel .slick-slider+.disclaimer p {
line-height:1.83
}
}
.disclaimer--bottom {
text-align: center
}
.disclaimer--bottom p {
font: normal 400 14px "probapro",Geogia,sans-serif
}
#email-signup-footer {
padding: 2em 0
}
#email-signup-footer label {
height: 0
}
#email-signup-footer .input-half {
width: 49%
}
@media (max-width: 768px) {
#email-signup-footer .input-half {
width:100%
}
}
#email-signup-footer .email-signup-headline {
color: white
}
#email-signup-footer .email-signup-description {
width: 50%;
max-width: 950px;
margin: 0 auto
}
@media (max-width: 900px) {
#email-signup-footer .email-signup-description {
width:70%
}
}
#email-signup-footer .email-signup-inputs {
width: 60%;
max-width: 1000px;
margin: 0 auto;
padding: 0 2em
}
@media (max-width: 768px) {
#email-signup-footer .email-signup-inputs {
width:90%
}
}
#email-signup-footer .email-signup__text-input.text-input {
width: 100%
}
#email-signup-footer .name-signup__input-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#email-signup-footer .state-and-store-selects {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#email-signup-footer .state-and-store-selects .state-and-store-selects-option-wrap--state,#email-signup-footer .state-and-store-selects .state-and-store-selects-option-wrap--store {
width: 49%
}
@media (max-width: 768px) {
#email-signup-footer .state-and-store-selects .state-and-store-selects-option-wrap--state,#email-signup-footer .state-and-store-selects .state-and-store-selects-option-wrap--store {
width:100% !important;
margin: 0 !important
}
}
#email-signup-footer .birthday-zip-signup__input-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#email-signup-footer .form-error {
right: 15px;
top: 0;
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%)
}
.email-signup {
padding: 32px 0;
text-align: center
}
.email-signup-headline {
font: normal 600 24px "probapro",Geogia,sans-serif;
color: #fff;
text-align: center;
margin: 8px 0 16px
}
.email-signup-inputs {
text-align: center
}
.email-signup-inputs .text-input {
display: block;
margin-bottom: 16px
}
@media screen and (min-width: 700px) {
.email-signup-inputs .text-input {
margin-bottom:10px
}
}
.email-signup-inputs input {
width: 100%;
margin: 0
}
@media screen and (max-width: 43.6875rem) {
.email-signup__text-input {
margin-top:0
}
}
@media screen and (min-width: 700px) {
.email-signup__text-input {
display:inline-block !important;
float: none !important;
float: left;
display: block;
margin-right: 3.0893%;
width: 100%
}
.email-signup__text-input:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.email-signup__text-input {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.email-signup__text-input:last-child {
margin-right: 0
}
}
.email-signup__instructions {
color: #fff
}
@media screen and (min-width: 700px) {
.email-signup__instructions {
display:inline-block
}
}
.email-signup__submit>.disabled,.checkout__view .email-signup__submit>.select-wrapper {
background: #767676;
color: white !important
}
.email-signup__submit button {
width: 100%;
margin: 8px 0;
background: #767676
}
@media screen and (min-width: 700px) {
.email-signup__submit button {
width:auto;
margin: 8px auto
}
}
.email-signup__error {
text-align: center;
color: #ed1944
}
.email-signup-page {
margin-bottom: 4em
}
.email-signup-page label {
text-align: left;
text-transform: uppercase
}
.email-signup-page .input-half {
width: 49%
}
@media (max-width: 768px) {
.email-signup-page .input-half {
width:100%
}
}
.email-signup-page .email-signup-headline {
color: #2a8738
}
.email-signup-page .email-signup-description {
width: 50%;
max-width: 950px;
margin: 0 auto
}
@media (max-width: 900px) {
.email-signup-page .email-signup-description {
width:70%
}
}
.email-signup-page .email-signup-inputs {
width: 75%;
max-width: 1000px;
margin: 0 auto;
background: #eeeeee;
padding: 2em
}
.email-signup-page .email-signup__text-input.text-input {
width: 100%
}
.email-signup-page .name-signup__input-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.email-signup-page .state-and-store-selects {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.email-signup-page .state-and-store-selects .state-and-store-selects-option-wrap--state,.email-signup-page .state-and-store-selects .state-and-store-selects-option-wrap--store {
width: 49%
}
@media (max-width: 768px) {
.email-signup-page .state-and-store-selects .state-and-store-selects-option-wrap--state,.email-signup-page .state-and-store-selects .state-and-store-selects-option-wrap--store {
width:100%
}
}
.email-signup-page .birthday-zip-signup__input-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.email-signup-page .form-error {
right: 15px;
top: 0;
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%)
}
.error-message {
text-align: center;
border: 1px solid #ed1944;
margin-bottom: 30px
}
.error-message__header {
position: relative;
font-size: 18px;
text-align: left;
background-color: #ed1944;
color: #fff;
padding: 20px 0 20px 60px
}
@media screen and (min-width: 700px) {
.error-message__header {
font:normal 600 24px "probapro",Geogia,sans-serif
}
}
.error-message__header:before {
position: absolute;
margin-right: 20px;
top: 23px;
left: 20px;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px
}
.error-message__body {
padding: 0 20px
}
@media screen and (min-width: 700px) {
.error-message__body {
padding:25px
}
}
.feedback-item {
margin: 40px 0 0;
padding-bottom: 32px;
border-bottom: 1px solid #bfbfbf
}
.feedback-item:last-child {
border-bottom: 0
}
@media screen and (min-width: 700px) {
.feedback-item {
float:left;
display: block;
margin-right: 1.52115%;
width: 74.61971%
}
.feedback-item:last-child {
margin-right: 0
}
}
.feedback-item__header {
margin-bottom: 32px
}
@media screen and (min-width: 700px) {
.feedback-item__header {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.feedback-item__author {
font: normal 600 26px "probapro",Geogia,sans-serif;
margin-right: 16px
}
.feedback-item__date {
margin-top: 4px;
font: italic 400 16px "probapro",Geogia,sans-serif
}
.feedback-item__rating {
margin-top: 16px
}
.feedback-item__rating .separator {
margin: 0 25px;
display: inline-block;
height: 24px;
border-right: solid 1px #bfbfbf
}
@media screen and (max-width: 43.6875rem) {
.feedback-item__rating .separator {
display:none
}
}
@media screen and (min-width: 700px) {
.feedback-item__rating {
margin-top:4px
}
}
.feedback-item__comment {
margin-bottom: 0
}
.feedback-rating {
display: inline-block;
margin: 0 15px 0 0
}
.feedback-rating--readonly .rating__star--fill {
cursor: default
}
.feedback-rating__star {
display: inline-block;
margin: 0 5px;
vertical-align: middle
}
.feedback-rating__star--filled {
position: absolute;
overflow: hidden;
z-index: 2;
white-space: nowrap
}
.feedback-rating__star--filled .icon {
color: #2a8738;
margin-right: 5px
}
.feedback-rating__star--default {
position: absolute;
overflow: hidden;
white-space: nowrap
}
.feedback-rating__star--default .icon {
color: #bfbfbf;
margin-right: 5px
}
.feedback-rating__static {
position: relative;
float: left;
width: 105px;
height: 24px
}
.feedback-rating__dynamic {
position: relative;
top: 6px
}
.feedback-rating__dynamic::after {
clear: both;
content: "";
display: block
}
.feedback-rating__dynamic input {
display: none
}
.feedback-rating__dynamic input:checked ~ label {
color: #2a8738
}
.feedback-rating__dynamic label {
float: right;
color: #bfbfbf
}
.think-deliciously-card__body .feedback-rating {
margin: 0;
display: block
}
.think-deliciously-card__body .feedback-rating__static {
width: 84px;
height: 18px
}
.think-deliciously-card__body .feedback-rating__star--filled {
font-size: 12px
}
.think-deliciously-card__body .feedback-rating__star--default {
font-size: 12px
}
.fm-modal {
position: fixed;
top: 60px;
max-width: 100vw;
max-height: -moz-calc(100vh - 60px);
max-height: calc(100vh - 60px);
overflow-y: auto;
background: transparent;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.45);
z-index: 5
}
.fm-modal>.wrapper,.style-guide .fm-modal>.icon-fonts {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.fm-modal>.wrapper>div,.style-guide .fm-modal>.icon-fonts>div {
position: relative;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: slide-in .5s forwards;
-moz-animation: slide-in .5s forwards;
animation: slide-in .5s forwards
}
@media screen and (min-width: 700px) {
.fm-modal>.wrapper>div,.style-guide .fm-modal>.icon-fonts>div {
height:auto
}
}
.fm-modal>.wrapper>form,.style-guide .fm-modal>.icon-fonts>form {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: slide-in .5s forwards;
-moz-animation: slide-in .5s forwards;
animation: slide-in .5s forwards
}
@media screen and (min-width: 700px) {
.fm-modal--standard>.wrapper>div,.style-guide .fm-modal--standard>.icon-fonts>div {
width:43.75rem;
left: 50%;
margin-left: -21.875rem
}
}
.fm-modal--add-to-basket {
background: rgba(0,0,0,0.2)
}
@media screen and (min-width: 700px) {
.fm-modal--add-to-basket>.wrapper>div,.style-guide .fm-modal--add-to-basket>.icon-fonts>div {
width:370px;
float: right
}
}
@-webkit-keyframes slide-in {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slide-in {
0% {
-moz-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-moz-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slide-in {
0% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0)
}
}
body.fm-modal-open,.fm-modal-open.grid-debugger {
overflow-y: hidden;
position: absolute;
width: 100%
}
@media screen and (min-width: 700px) {
body.fm-modal-open,.fm-modal-open.grid-debugger {
overflow-y:auto
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div#fw-player {
--fw-player-height:256px;
--fw-player-width: 144px
}
}
.grid-filter-menu,.grid-sort-menu {
width: 100%
}
.grid-filter-menu::after,.grid-sort-menu::after {
clear: both;
content: "";
display: block
}
@media print {
.grid-filter-menu,.grid-sort-menu {
display: none
}
}
.grid-filter-menu label input,.grid-sort-menu label input {
width: auto
}
@media screen and (min-width: 700px) {
.grid-filter-menu,.grid-sort-menu {
width:auto
}
.grid-filter-menu .form-group label,.grid-filter-menu .form-group .select-wrapper,.grid-sort-menu .form-group label,.grid-sort-menu .form-group .select-wrapper {
display: inline-block
}
.grid-filter-menu .form-group label,.grid-sort-menu .form-group label {
margin-right: 16px
}
.grid-filter-menu .form-group .select-wrapper,.grid-sort-menu .form-group .select-wrapper {
width: 240px
}
}
@media print {
.grid-filter-menu,.grid-sort-menu {
width: auto
}
.grid-filter-menu .form-group label,.grid-filter-menu .form-group .select-wrapper,.grid-sort-menu .form-group label,.grid-sort-menu .form-group .select-wrapper {
display: inline-block
}
.grid-filter-menu .form-group label,.grid-sort-menu .form-group label {
margin-right: 16px
}
.grid-filter-menu .form-group .select-wrapper,.grid-sort-menu .form-group .select-wrapper {
width: 180px
}
}
@media print and (min-device-width: 1200px) {
.grid-filter-menu .form-group .select-wrapper,.grid-sort-menu .form-group .select-wrapper {
width:220px
}
}
.grid-filter-menu {
float: left
}
@media screen and (min-width: 700px) {
.grid-filter-menu {
margin-right:16px
}
}
@media screen and (min-width: 1200px) {
.grid-sort-menu {
float:right
}
}
.isotope-grid {
opacity: 0
}
.isotope-is-ready {
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 1
}
.little-big-meal-section--timberwolf {
background-color: #eee
}
.lbm-card-block::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 960px) {
.lbm-card-block {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.lb-meals {
background-color: #eee
}
.lb-meals__small-cards {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 40px
}
.lb-meals__small-cards::after {
clear: both;
content: "";
display: block
}
.lb-meals__small-cards::after {
clear: both;
content: "";
display: block
}
.lbm-card {
margin-bottom: 20px;
background-color: #fff
}
@media screen and (min-width: 960px) {
.lbm-card {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%;
margin-bottom: 40px
}
.lbm-card:last-child {
margin-right: 0
}
.lbm-card:nth-child(2n) {
margin-right: 0
}
.lbm-card:nth-child(2n+1) {
clear: left
}
}
.lbm-card__image-section>a,.lbm-card__image-section>div {
display: block;
width: 100%
}
@media screen and (min-width: 700px) {
.lbm-card__image-section>a,.lbm-card__image-section>div {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
}
.lbm-card__tag {
font: normal 500 16px "probapro",Geogia,sans-serif;
padding: 10px 20px;
text-transform: capitalize;
color: #fff;
font-size: 16px;
background-color: #277C34;
width: 100%
}
@media screen and (min-width: 700px) {
.lbm-card__tag {
padding-left:40px
}
}
.lbm-card__image-wrapper {
position: relative;
height: 70vw;
background-color: #f7f7f7;
overflow: hidden
}
@media screen and (min-width: 700px) {
.lbm-card__image-wrapper {
height:auto
}
}
.lbm-card__image {
display: block
}
@media screen and (max-width: 43.6875rem) {
.lbm-card__image {
height:70vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@media screen and (min-width: 700px) {
.lbm-card__image {
max-width:100%
}
}
.lbm-card__info {
position: relative;
padding: 20px
}
.lbm-card__info::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.lbm-card__info {
padding:30px 40px
}
}
.lbm-card__header {
margin-bottom: 30px
}
.lbm-card__header::after {
clear: both;
content: "";
display: block
}
.lbm-card__title {
font: normal 500 40px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.lbm-card__title {
float:left;
display: block;
width: 68.7262%;
min-height: 100px;
line-height: 1;
padding-top: 13px
}
.lbm-card__title:last-child {
width: 65.6369%
}
}
@media screen and (min-width: 700px) {
.lbm-card__title.wide {
width:100%
}
}
@media screen and (min-width: 700px) {
.lbm-card__price-section {
padding:30px 40px 0 0;
float: left;
display: block;
width: 34.3631%;
text-align: right;
position: absolute;
top: 0;
right: 0
}
.lbm-card__price-section:last-child {
width: 31.2738%
}
}
.lbm-card__price-section p {
margin: 0
}
.lbm-card__price {
font: normal 500 48px "probapro",Geogia,sans-serif
}
.lbm-card__sale {
text-transform: uppercase;
font: normal 700 14px "probapro",Geogia,sans-serif
}
.lbm-card__subtitle-section {
margin-right: 0
}
.lbm-card__subtitle-section::after {
clear: both;
content: "";
display: block
}
.lbm-card__subtitle {
font: normal 500 20px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.lbm-card__subtitle {
float:left;
display: block;
width: 68.7262%
}
.lbm-card__subtitle:last-child {
width: 65.6369%
}
}
@media screen and (min-width: 700px) {
.lbm-card__subtitle.wide {
width:100%
}
}
.lbm-card__show-more {
display: inline-block
}
@media screen and (min-width: 700px) {
.lbm-card__show-more {
margin:40px 40px 0 0;
position: absolute;
top: 95px;
right: 0
}
}
.lbm-whatsIncluded {
clear: both
}
.lbm-whatsIncluded__title {
font: normal 600 24px "probapro",Geogia,sans-serif;
position: relative;
margin-bottom: 30px;
padding-left: 30px;
text-align: left
}
.lbm-whatsIncluded__title::before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 18px;
position: absolute;
left: 0;
bottom: 7px;
color: #2a8738
}
.lbm-whatsIncluded__title::after {
content: '';
position: absolute;
left: 0;
bottom: -15px;
width: 90px;
height: 1px;
background-color: #bfbfbf
}
.lbm-whatsIncluded__description {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.5
}
.lbm-ingredients__item {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.5;
position: relative;
margin-bottom: 16px;
padding-left: 10px
}
.lbm-ingredients__item::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 2px;
height: 2px;
background-color: #333
}
.link_list--hidden {
display: none
}
.load-more-button {
text-align: center;
padding-top: 16px
}
@media print {
.load-more-button {
display: none
}
}
@media screen and (min-width: 700px) {
.load-more-button {
padding-top:32px
}
}
.load-more-button__link {
width: 100%
}
@media screen and (min-width: 700px) {
.load-more-button__link {
display:inline-block;
width: 40%
}
}
@media screen and (min-width: 1200px) {
.load-more-button__link {
width:30%
}
}
@media print {
.load-more-button {
padding-top: 32px
}
.load-more-button__link {
display: inline-block;
width: 40%
}
}
@media print and (min-device-width: 1200px) {
.load-more-button__link {
width:30%
}
}
.loading-animation {
min-height: 100px;
min-width: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@-webkit-keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@-moz-keyframes rotator {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-moz-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@-webkit-keyframes colors {
0% {
stroke: #2a8738
}
25% {
stroke: #81c341
}
50% {
stroke: #2a8738
}
75% {
stroke: #81c341
}
100% {
stroke: #2a8738
}
}
@-moz-keyframes colors {
0% {
stroke: #2a8738
}
25% {
stroke: #81c341
}
50% {
stroke: #2a8738
}
75% {
stroke: #81c341
}
100% {
stroke: #2a8738
}
}
@keyframes colors {
0% {
stroke: #2a8738
}
25% {
stroke: #81c341
}
50% {
stroke: #2a8738
}
75% {
stroke: #81c341
}
100% {
stroke: #2a8738
}
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
100% {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg)
}
}
@-moz-keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-moz-transform: rotate(135deg);
transform: rotate(135deg)
}
100% {
stroke-dashoffset: 187;
-moz-transform: rotate(450deg);
transform: rotate(450deg)
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg)
}
100% {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
-moz-transform: rotate(450deg);
transform: rotate(450deg)
}
}
.loading-animation svg {
-webkit-animation: rotator 1.4s linear infinite;
-moz-animation: rotator 1.4s linear infinite;
animation: rotator 1.4s linear infinite
}
.loading-animation circle {
stroke-dasharray: 187;
stroke-dashoffset: 0;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
-moz-animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite
}
.loading-overlay {
position: fixed;
width: 100%;
height: 100vh;
background: rgba(238,238,238,0.4);
top: 0;
left: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
opacity: 0;
pointer-events: none
}
.loading-overlay--show {
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
opacity: 1;
pointer-events: all
}
.loading-overlay--show:after {
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1)
}
.loading-overlay__animation {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 110px;
height: 110px;
background: white;
border-radius: 5px;
-webkit-box-shadow: 0 0 8px rgba(51,51,51,0.5);
box-shadow: 0 0 8px rgba(51,51,51,0.5)
}
body.loading-overlay-lock,.loading-overlay-lock.grid-debugger {
overflow: hidden
}
.map {
min-height: 250px;
width: 100%;
background: #f7f7f7
}
.map-info {
padding: 16px 8px 8px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.map-info-icon {
width: 50px;
height: 50px;
margin-top: 5px
}
.map-info-icon img {
width: 100%
}
.map-info-details {
padding-left: 16px
}
.map-info-details__row {
display: block;
float: left;
clear: left;
font: normal 400 16px/24px "probapro",Geogia,sans-serif
}
.map-info-details__link,.map-info-details__coming-soon {
display: block;
float: left;
clear: left;
padding-top: 8px;
font: normal 700 14px "probapro",Geogia,sans-serif
}
.map-info-details__link:after {
padding-left: 4px;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 10px
}
.my-store-button {
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out
}
@media print {
.my-store-button {
display: none !important
}
}
.my-store-button-wrapper {
margin: 16px 0 0
}
@media screen and (max-width: 43.6875rem) {
.my-store-button-wrapper {
margin:10px 0 0
}
}
.my-store-button--loaded {
opacity: 1
}
.my-store-button-list-button {
display: block;
position: relative;
font: normal 500 14px "probapro",Geogia,sans-serif;
padding-top: 8px;
text-align: left
}
@media screen and (min-width: 700px) {
.my-store-button-list-button {
padding-top:32px;
text-align: center
}
}
.my-store-button-list-button:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px;
color: #81c341;
position: relative;
top: 4px;
padding-right: 8px
}
@media screen and (min-width: 700px) {
.my-store-button-list-button:before {
position:absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
padding-right: 0
}
}
.my-store-button-list-button--active:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px;
color: #2a8738
}
.my-store-button-hero-button {
font: normal 500 14px "probapro",Geogia,sans-serif;
color: #2a8738
}
.my-store-button-hero-button:after {
display: none
}
.my-store-button-hero-button:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 16px;
line-height: 14px;
color: #81c341;
padding-right: 5px;
position: relative;
top: 2px
}
.my-store-button-hero-button--active {
cursor: default
}
.my-store-button-hero-button--active:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 16px
}
.my-store-button-hero-button--as-capsule {
padding: 10px 15px;
border-radius: 200px;
background-color: #f7f7f7;
margin-top: 20px;
display: inline-block
}
.my-store-button-hero-button--as-capsule:not(.my-store-button-hero-button--active):hover {
background: #eee;
color: #2a8738
}
.order-online {
background: white;
position: relative;
z-index: 2
}
.order-online__description {
margin-top: 32px;
padding: 32px 16px;
border-top: 1px solid #bfbfbf
}
.order-online__text {
margin: 0;
font-weight: 400;
font-style: italic
}
.basket-item__image,.step-list__image,.think-deliciously-card__image,.vertical-list__image,.grid-card__image,.product-card__image,.product-detail__image,.promo-card__image {
display: block;
max-width: 100%;
height: auto
}
section[data-bg-color='false'] {
margin: 30px 0
}
@media screen and (min-width: 700px) {
section[data-bg-color='false'] {
margin:60px 0
}
}
section.suppress-margin {
margin: 0
}
section[data-bg-color='true'] {
padding: 30px 0
}
@media screen and (min-width: 700px) {
section[data-bg-color='true'] {
padding:60px 0
}
}
.awards__title,.home-specials-board__title,.ingredient-list__title,.lbm-home-promo__title,.recommendations__title,.step-list__title,.think-deliciously__title,.three-col-list__title,.video-module__title {
font: normal 600 24px "probapro",Geogia,sans-serif;
position: relative;
padding-left: 38px
}
.awards__title:after,.home-specials-board__title:after,.ingredient-list__title:after,.lbm-home-promo__title:after,.recommendations__title:after,.step-list__title:after,.think-deliciously__title:after,.three-col-list__title:after,.video-module__title:after {
content: "";
display: block;
width: 92px;
height: 1px;
margin-top: 18px;
background-color: #bfbfbf;
margin-left: -38px
}
.awards__title [class*='icon-fm'],.home-specials-board__title [class*='icon-fm'],.ingredient-list__title [class*='icon-fm'],.lbm-home-promo__title [class*='icon-fm'],.recommendations__title [class*='icon-fm'],.step-list__title [class*='icon-fm'],.think-deliciously__title [class*='icon-fm'],.three-col-list__title [class*='icon-fm'],.video-module__title [class*='icon-fm'] {
position: absolute;
top: 8px;
left: 0;
font-size: 17px;
margin-right: 20px;
color: #81c341
}
.awards__title,.home-specials-board__title,.lbm-home-promo__title,.think-deliciously__title {
font: italic 400 30px/1 "probapro",Geogia,sans-serif;
text-align: center;
padding: 0 0 40px 0;
letter-spacing: .01em
}
@media screen and (min-width: 1200px) {
.awards__title,.home-specials-board__title,.lbm-home-promo__title,.think-deliciously__title {
font:italic 400 48px/1 "probapro",Geogia,sans-serif
}
}
.awards__title:before,.home-specials-board__title:before,.lbm-home-promo__title:before,.think-deliciously__title:before,.awards__title:after,.home-specials-board__title:after,.lbm-home-promo__title:after,.think-deliciously__title:after {
content: "";
display: block;
width: 55px;
height: 1px;
background-color: #b5b5b5;
position: absolute;
bottom: 12px;
left: 50%
}
.awards__title:before,.home-specials-board__title:before,.lbm-home-promo__title:before,.think-deliciously__title:before {
-webkit-transform: translate3d(-150%, 0, 0);
-moz-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0)
}
.awards__title:after,.home-specials-board__title:after,.lbm-home-promo__title:after,.think-deliciously__title:after {
-webkit-transform: translate3d(120%, 0, 0);
-moz-transform: translate3d(120%, 0, 0);
transform: translate3d(120%, 0, 0)
}
.awards__title [class*='icon-fm'],.home-specials-board__title [class*='icon-fm'],.lbm-home-promo__title [class*='icon-fm'],.think-deliciously__title [class*='icon-fm'] {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
margin: 0;
top: auto;
font-size: 29px;
color: #2a8738
}
@media screen and (min-width: 700px) {
.non-isotope-grid .grid-card-wrapper--1x1,.non-isotope-grid .product-card-wrapper--1x1 {
float:left;
display: block;
margin-right: 3.0893%;
width: 100%
}
.non-isotope-grid .grid-card-wrapper--1x1:last-child,.non-isotope-grid .product-card-wrapper--1x1:last-child {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n) {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.non-isotope-grid .grid-card-wrapper--1x1,.non-isotope-grid .product-card-wrapper--1x1 {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n) {
margin-right: 1.52115%
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n+1) {
clear: none
}
.non-isotope-grid .grid-card-wrapper--1x1:last-child,.non-isotope-grid .product-card-wrapper--1x1:last-child {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(4n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(4n) {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(4n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(4n+1) {
clear: left
}
}
@media print {
.non-isotope-grid .grid-card-wrapper--1x1,.non-isotope-grid .product-card-wrapper--1x1 {
float: left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.non-isotope-grid .grid-card-wrapper--1x1:last-child,.non-isotope-grid .product-card-wrapper--1x1:last-child {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n) {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n+1) {
clear: left
}
}
@media print and (min-device-width: 1200px) {
.non-isotope-grid .grid-card-wrapper--1x1,.non-isotope-grid .product-card-wrapper--1x1 {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n) {
margin-right: 1.52115%
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(3n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(3n+1) {
clear: none
}
.non-isotope-grid .grid-card-wrapper--1x1:last-child,.non-isotope-grid .product-card-wrapper--1x1:last-child {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(4n),.non-isotope-grid .product-card-wrapper--1x1:nth-child(4n) {
margin-right: 0
}
.non-isotope-grid .grid-card-wrapper--1x1:nth-child(4n+1),.non-isotope-grid .product-card-wrapper--1x1:nth-child(4n+1) {
clear: left
}
}
.non-isotope-grid .grid-card-wrapper--2x1,.non-isotope-grid .grid-card-wrapper--2x2,.non-isotope-grid .product-card-wrapper--2x1,.non-isotope-grid .product-card-wrapper--2x2 {
float: left;
display: block;
width: 101.52115%
}
.non-isotope-grid .grid-card-wrapper--2x1:last-child,.non-isotope-grid .grid-card-wrapper--2x2:last-child,.non-isotope-grid .product-card-wrapper--2x1:last-child,.non-isotope-grid .product-card-wrapper--2x2:last-child {
width: 100%
}
@media screen and (min-width: 1200px) {
.non-isotope-grid .grid-card-wrapper--2x1,.non-isotope-grid .grid-card-wrapper--2x2,.non-isotope-grid .product-card-wrapper--2x1,.non-isotope-grid .product-card-wrapper--2x2 {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.non-isotope-grid .grid-card-wrapper--2x1:last-child,.non-isotope-grid .grid-card-wrapper--2x2:last-child,.non-isotope-grid .product-card-wrapper--2x1:last-child,.non-isotope-grid .product-card-wrapper--2x2:last-child {
margin-right: 0
}
}
@media print {
.non-isotope-grid .grid-card-wrapper--2x1,.non-isotope-grid .grid-card-wrapper--2x2,.non-isotope-grid .product-card-wrapper--2x1,.non-isotope-grid .product-card-wrapper--2x2 {
float: left;
display: block;
width: 101.52115%
}
.non-isotope-grid .grid-card-wrapper--2x1:last-child,.non-isotope-grid .grid-card-wrapper--2x2:last-child,.non-isotope-grid .product-card-wrapper--2x1:last-child,.non-isotope-grid .product-card-wrapper--2x2:last-child {
width: 100%
}
}
@media print and (min-device-width: 1200px) {
.non-isotope-grid .grid-card-wrapper--2x1,.non-isotope-grid .grid-card-wrapper--2x2,.non-isotope-grid .product-card-wrapper--2x1,.non-isotope-grid .product-card-wrapper--2x2 {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.non-isotope-grid .grid-card-wrapper--2x1:last-child,.non-isotope-grid .grid-card-wrapper--2x2:last-child,.non-isotope-grid .product-card-wrapper--2x1:last-child,.non-isotope-grid .product-card-wrapper--2x2:last-child {
margin-right: 0
}
}
.isotope-grid .grid-column-width,.isotope-grid .grid-card-wrapper--1x1,.isotope-grid .product-card-wrapper--1x1 {
width: 100%
}
@media screen and (min-width: 700px) {
.isotope-grid .grid-column-width,.isotope-grid .grid-card-wrapper--1x1,.isotope-grid .product-card-wrapper--1x1 {
width:50%
}
}
@media screen and (min-width: 1200px) {
.isotope-grid .grid-column-width,.isotope-grid .grid-card-wrapper--1x1,.isotope-grid .product-card-wrapper--1x1 {
width:25%
}
}
@media print {
.isotope-grid .grid-column-width,.isotope-grid .grid-card-wrapper--1x1,.isotope-grid .product-card-wrapper--1x1 {
width: 50%
}
}
@media print and (min-device-width: 1200px) {
.isotope-grid .grid-column-width,.isotope-grid .grid-card-wrapper--1x1,.isotope-grid .product-card-wrapper--1x1 {
width:25%
}
}
.isotope-grid .grid-card-wrapper--2x1,.isotope-grid .grid-card-wrapper--2x2,.isotope-grid .product-card-wrapper--2x1,.isotope-grid .product-card-wrapper--2x2 {
width: 100%
}
@media screen and (min-width: 1200px) {
.isotope-grid .grid-card-wrapper--2x1,.isotope-grid .grid-card-wrapper--2x2,.isotope-grid .product-card-wrapper--2x1,.isotope-grid .product-card-wrapper--2x2 {
width:50%
}
}
@media print {
.isotope-grid .grid-card-wrapper--2x1,.isotope-grid .grid-card-wrapper--2x2,.isotope-grid .product-card-wrapper--2x1,.isotope-grid .product-card-wrapper--2x2 {
width: 100%
}
}
@media print and (min-device-width: 1200px) {
.isotope-grid .grid-card-wrapper--2x1,.isotope-grid .grid-card-wrapper--2x2,.isotope-grid .product-card-wrapper--2x1,.isotope-grid .product-card-wrapper--2x2 {
width:50%
}
}
.isotope-grid .grid-card-wrapper--1x4,.isotope-grid .product-card-wrapper--1x4 {
width: 100%
}
@media print {
.isotope-grid .grid-card-wrapper--1x4,.isotope-grid .product-card-wrapper--1x4 {
width: 100%
}
}
.footer-social-links__link>a,.subnav .subnav-social-links__link>a,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest {
display: block;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
position: relative
}
.footer-social-links__link>a:hover,.subnav .subnav-social-links__link>a:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest:hover {
color: #81c341;
border: 1px solid #81c341
}
.footer-social-links__link>a:hover>[class*='icon-fm'],.subnav .subnav-social-links__link>a:hover>[class*='icon-fm'],.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook:hover>[class*='icon-fm'],.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter:hover>[class*='icon-fm'],.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram:hover>[class*='icon-fm'],.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube:hover>[class*='icon-fm'],.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest:hover>[class*='icon-fm'] {
-webkit-transition: color .075s ease-out;
-moz-transition: color .075s ease-out;
transition: color .075s ease-out;
color: #81c341
}
.footer-social-links__icon,.subnav .subnav-social-links__icon,.style-guide .icon-fonts__bshadow [class*='icon-fm']:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
-webkit-transition: color .075s ease-out;
-moz-transition: color .075s ease-out;
transition: color .075s ease-out
}
.icon-fm_twitter.footer-social-links__icon,.subnav .icon-fm_twitter.subnav-social-links__icon,.style-guide .icon-fonts__bshadow .icon-fm_twitter[class*='icon-fm']:before {
font-size: 23px
}
.icon-fm_pinterest.footer-social-links__icon,.subnav .icon-fm_pinterest.subnav-social-links__icon,.style-guide .icon-fonts__bshadow .icon-fm_pinterest[class*='icon-fm']:before {
font-size: 28px;
top: 60%
}
.icon-fm_youtube.footer-social-links__icon,.subnav .icon-fm_youtube.subnav-social-links__icon,.style-guide .icon-fonts__bshadow .icon-fm_youtube[class*='icon-fm']:before {
font-size: 25px
}
.icon-fm_instagram.footer-social-links__icon,.subnav .icon-fm_instagram.subnav-social-links__icon,.style-guide .icon-fonts__bshadow .icon-fm_instagram[class*='icon-fm']:before {
font-size: 22px
}
.accordion--recalls {
margin-bottom: 32px
}
@media screen and (min-width: 700px) {
.accordion--recalls {
margin-bottom:80px
}
}
.accordion--recalls .accordion__item-title {
padding-left: 0;
cursor: pointer
}
.accordion--recalls .accordion__item-title__content {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.accordion--recalls .accordion__item-title__content::after {
clear: both;
content: "";
display: block
}
.accordion--recalls .accordion__item-title__date {
font: normal 400 18px "probapro",Geogia,sans-serif;
float: left;
display: block;
margin-right: 1.52115%;
width: 83.07981%;
padding-left: 20px
}
@media screen and (min-width: 1200px) {
.accordion--recalls .accordion__item-title__date {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%;
padding-left: 32px
}
.accordion--recalls .accordion__item-title__date:last-child {
margin-right: 0
}
}
.accordion--recalls .accordion__item-title__date:last-child {
margin-right: 0
}
.accordion--recalls .accordion__item-title__product-name {
font: normal 400 18px "probapro",Geogia,sans-serif;
float: left;
display: block;
margin-right: 1.52115%;
width: 83.07981%;
padding-left: 20px
}
@media screen and (min-width: 1200px) {
.accordion--recalls .accordion__item-title__product-name {
float:left;
display: block;
margin-right: 1.52115%;
width: 66.15962%;
padding: 0
}
.accordion--recalls .accordion__item-title__product-name:last-child {
margin-right: 0
}
}
.accordion--recalls .accordion__item-title__product-name:last-child {
margin-right: 0
}
.accordion--recalls .accordion__item-title__owner {
font-weight: bold
}
.accordion--recalls .accordion__item-title__owner:after {
content: ":\00a0"
}
.accordion--recalls .accordion__body {
display: block;
overflow: hidden;
background: #eee;
-webkit-animation: fadein 300ms ease;
-moz-animation: fadein 300ms ease;
animation: fadein 300ms ease;
background: #f7f7f7
}
.accordion--recalls .accordion__body--hidden {
display: none;
opacity: 0;
-webkit-animation: fadein 300ms ease;
-moz-animation: fadein 300ms ease;
animation: fadein 300ms ease
}
.accordion--recalls [aria-expanded="true"] .accordion__item-title {
color: #333
}
.accordion--recalls [aria-expanded="true"] .accordion__item-title:after {
color: #2a8738
}
.accordion--recalls .accordion__item-inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
padding-left: 5px
}
.accordion--recalls .accordion__item-inner::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.accordion--recalls .accordion__item-inner {
padding-bottom:50px
}
}
.accordion--recalls .product-recalls-header {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
font: normal 600 14px "probapro",Geogia,sans-serif;
padding: 8px 0;
display: none;
color: #fff;
background-color: #2a8738
}
.accordion--recalls .product-recalls-header::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.accordion--recalls .product-recalls-header {
display:block
}
}
.accordion--recalls .product-recalls-header__date {
float: left;
display: block;
margin-right: 1.52115%;
width: 23.85913%;
padding-left: 32px;
text-transform: uppercase
}
.accordion--recalls .product-recalls-header__date:last-child {
margin-right: 0
}
.accordion--recalls .product-recalls-header__title {
float: left;
display: block;
margin-right: 1.52115%;
width: 74.61971%;
text-transform: uppercase
}
.accordion--recalls .product-recalls-header__title:last-child {
margin-right: 0
}
.accordion--recalls .recall-info {
float: left;
display: block;
margin-right: 1.52115%;
width: 83.07981%;
margin-left: 15px;
padding-top: 10px
}
@media screen and (min-width: 1200px) {
.accordion--recalls .recall-info {
margin-left:25.38029%;
float: left;
display: block;
margin-right: 1.52115%;
width: 66.15962%;
padding-right: 0
}
.accordion--recalls .recall-info:last-child {
margin-right: 0
}
}
.accordion--recalls .recall-info:last-child {
margin-right: 0
}
.accordion--recalls .recall-reason__title {
font: normal 600 16px "probapro",Geogia,sans-serif
}
.accordion--recalls .recall-reason__text {
white-space: pre-wrap;
margin-top: 0;
margin-bottom: 20px
}
@media screen and (min-width: 1200px) {
.accordion--recalls .recall-reason__text {
margin-bottom:32px
}
}
.accordion--recalls .recall-contacts__title {
font: normal 600 16px "probapro",Geogia,sans-serif
}
.accordion--recalls .recall-contacts__phone {
white-space: pre-wrap
}
.return-to-top-button {
position: fixed;
bottom: -400px;
right: 0;
opacity: 0;
-webkit-transition: opacity 300ms ease-out;
-moz-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
display: inline-block;
z-index: 3
}
.return-to-top-button--loaded {
opacity: 1;
bottom: 150px
}
@media print {
.return-to-top-button {
display: none
}
}
.return-to-top-button__link {
display: inline-block;
background: white;
color: #2a8738;
font: normal 600 14px "probapro",Geogia,sans-serif;
border: 1px solid #bfbfbf;
border-radius: 0;
padding: 35px 15px 15px;
text-align: center
}
.return-to-top-button__link:hover {
color: #81c341
}
.return-to-top-button__link:before {
position: absolute;
top: 12px;
left: 0;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 20px;
width: 100%
}
.select-wrapper {
margin: 10px 0;
position: relative;
color: #fff;
border-radius: 3px
}
.select-wrapper::after {
clear: both;
content: "";
display: block
}
@media print {
.select-wrapper {
background: none !important
}
.select-wrapper:after {
display: none
}
}
.select-wrapper.disabled,.checkout__view .select-wrapper {
background-color: #767676;
background: #767676
}
.select-wrapper.disabled:after,.checkout__view .select-wrapper:after {
display: none
}
.select-wrapper.disabled:hover,.checkout__view .select-wrapper:hover {
background: none;
background-color: #bfbfbf
}
.select-wrapper.disabled select,.checkout__view .select-wrapper select {
color: #ffffff;
cursor: not-allowed
}
.select-wrapper:after {
content: "";
font-family: 'freshmarket-icons';
font-size: 18px;
line-height: 1;
font-weight: bold;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px
}
.select-wrapper select {
margin: 0
}
.select-primary {
color: #fff;
background: #2a8738
}
@media print {
.select-primary {
margin: 0
}
}
.select-primary select {
color: #fff
}
.select-primary select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff
}
@media print {
.select-primary select {
padding: 0;
color: #333 !important
}
}
.select-primary select optgroup {
font: normal 500 16px "probapro",Geogia,sans-serif;
font-style: italic;
color: #333;
background-color: #fff
}
.select-primary:hover {
background-color: #81c341;
background-image: -webkit-gradient(linear,left top, left bottom,from(#81c341),to(#2a8738));
background-image: -moz- oldlinear-gradient(#81c341,#2a8738);
background-image: linear-gradient(#81c341,#2a8738)
}
.select-primary option {
background-color: #fff
}
.select-normal:after {
color: #2a8738
}
.select-normal:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#bfbfbf));
background: -moz- oldlinear-gradient(#f7f7f7, #bfbfbf);
background: linear-gradient(#f7f7f7, #bfbfbf)
}
.select--error {
margin-bottom: 32px
}
.select--error,.select--error:hover {
color: #fff;
background: #ed1944
}
.select.disabled,.checkout__view .select.select-wrapper {
background: #767676
}
.select.disabled select,.checkout__view .select.select-wrapper select {
cursor: default;
color: #ffffff
}
.select .form-error {
padding: 4px 0 0;
color: #ed1944;
position: absolute;
bottom: -22px;
left: 0;
font: normal 500 14px "probapro",Geogia,sans-serif
}
.share-button {
display: inline-block;
position: relative
}
.share-button>.button {
width: auto;
padding: 10px 12px;
margin-left: 10px;
-webkit-transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
transition: background .2s ease-in
}
.share-button.active ul {
visibility: visible;
opacity: 1
}
.share-button.active>.button,.share-button.active>.button:hover {
background: #2a8738;
color: #fff
}
.share-button ul {
position: absolute;
right: 0;
top: 50px;
background-color: #eee;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
padding: 8px 0
}
.share-button ul:before {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
top: -4px;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #eee
}
.share-button__button {
padding: 7px 10px;
margin: 0;
border: none;
background: transparent;
font-size: 16px;
width: 37px;
height: 37px
}
.share-button__button:hover {
color: inherit;
background: transparent
}
.shopping-basket-header {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
font: normal 600 14px "probapro",Geogia,sans-serif;
padding: 8px 0;
display: none;
color: #fff;
background-color: #2a8738
}
.shopping-basket-header::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.shopping-basket-header {
display:block
}
}
.shopping-basket-header__product {
float: left;
display: block;
margin-right: 1.52115%;
width: 49.23942%;
padding-left: 32px;
text-transform: uppercase
}
.shopping-basket-header__product:last-child {
margin-right: 0
}
.shopping-basket-header__price,.shopping-basket-header__quantity,.shopping-basket-header__subtotal {
float: left;
display: block;
margin-right: 1.52115%;
width: 15.39904%;
text-align: center;
text-transform: uppercase
}
.shopping-basket-header__price:last-child,.shopping-basket-header__quantity:last-child,.shopping-basket-header__subtotal:last-child {
margin-right: 0
}
.basket-item__main-section {
width: 100%;
min-height: 170px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #eee
}
.basket-item__main-section::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.basket-item__main-section {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.basket-item__media-section {
width: 100%;
margin-top: 32px;
margin-right: 1.52115%;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (min-width: 700px) {
.basket-item__media-section {
width:40%;
display: block;
text-align: center
}
}
@media screen and (min-width: 1200px) {
.basket-item__media-section {
width:14.3%;
min-height: 170px;
margin-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.basket-item__media-section>a {
display: block
}
.basket-item__description {
width: auto;
margin: 32px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width: 700px) {
.basket-item__description {
width:60%;
margin: 32px 0
}
}
@media screen and (min-width: 1200px) {
.basket-item__description {
width:86.7%;
margin: 0;
text-align: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.basket-item__title {
width: 100%
}
.basket-item__title .variable-weight {
width: auto
}
@media screen and (min-width: 1200px) {
.basket-item__title {
width:40.5%;
margin-right: 1.799%;
text-align: left
}
}
.basket-item__product-label {
display: none
}
.basket-item__disclaimer {
margin: 16px 16px 16px 0
}
.basket-item__disclaimer .rich-text p {
margin: 0
}
.basket-item__price {
width: 100%;
font: normal 500 20px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.basket-item__price {
width:18.5%;
margin-right: 1.799%
}
}
.basket-item__price-label {
display: none
}
.basket-item__quantity {
width: 100%
}
@media screen and (min-width: 1200px) {
.basket-item__quantity {
width:18.5%;
margin-right: 1.799%
}
}
.basket-item__quantity-label {
text-transform: uppercase
}
@media screen and (min-width: 1200px) {
.basket-item__quantity-label {
display:none
}
}
.basket-item__quantity .select-primary {
width: 100px;
margin: 16px 0
}
@media screen and (min-width: 1200px) {
.basket-item__quantity .select-primary {
margin:0 auto
}
}
.basket-item__subtotal {
width: 100%;
font: normal 500 20px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.basket-item__subtotal {
width:18.5%
}
}
.basket-item__subtotal-label {
font: normal 500 16px "probapro",Geogia,sans-serif;
display: inline-block;
text-transform: uppercase;
margin-right: 10px;
margin-bottom: 0
}
@media screen and (min-width: 700px) {
.basket-item__subtotal-label {
margin-bottom:16px
}
}
@media screen and (min-width: 1200px) {
.basket-item__subtotal-label {
display:none
}
}
.basket-item__name {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin-top: 0
}
.basket-item__serving-size {
margin-bottom: 25px
}
@media screen and (min-width: 1200px) {
.basket-item__serving-size {
margin-bottom:16px
}
}
.basket-item__remove-section {
background-color: #eee;
border-top: 1px solid #fff
}
.basket-item__remove-section::after {
clear: both;
content: "";
display: block
}
.basket-item__remove {
font: normal 500 16px "probapro",Geogia,sans-serif;
line-height: 32px;
padding-left: 40px;
padding-right: 20px;
position: relative;
color: #333
}
@media screen and (min-width: 700px) {
.basket-item__remove {
float:left
}
}
.basket-item__remove:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 10px;
position: absolute;
left: 20px;
color: #2a8738
}
.basket-item__info {
font: normal 500 16px "probapro",Geogia,sans-serif;
line-height: 32px;
padding-left: 40px;
position: relative;
border-top: 1px solid #fff
}
@media screen and (min-width: 700px) {
.basket-item__info {
margin-right:40px;
float: right;
border: none
}
}
.basket-item__info:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 12px;
position: absolute;
left: 20px;
bottom: 0;
color: #2a8738
}
.basket-item .basket-item__messaging {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
.shopping-basket-module .basket-item .basket-item__messaging {
display: none
}
@media screen and (min-width: 1200px) {
.basket-item .basket-item__messaging {
margin-bottom:0
}
}
.basket-item .basket-item__messaging-icon {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
width: 42px;
height: 42px;
background: #ffda00
}
.basket-item .basket-item__messaging-icon span {
color: #000;
margin: -5px 0 0 2px;
font-size: 23px
}
.basket-item .basket-item__messaging-text {
padding-left: 10px;
font: normal 700 16px "probapro",Geogia,sans-serif
}
.basket-item--non-editable {
border-bottom: 1px solid #bfbfbf;
padding-left: 1em
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable {
padding-bottom:20px
}
}
@media screen and (max-width: 74.9375rem) {
.basket-item--non-editable,.basket-item--non-editable .basket-item__description {
margin-top:8px
}
.basket-item--non-editable .basket-item__product-label,.basket-item--non-editable .basket-item__name,.basket-item--non-editable .basket-item__serving-size {
margin-bottom: 0px
}
.basket-item--non-editable .basket-item__serving-size {
margin-top: 0
}
.basket-item--non-editable .basket-item__title {
margin-bottom: 16px
}
.basket-item--non-editable:last-child .basket-item__description {
margin-bottom: 0
}
}
.basket-item--non-editable:last-child {
border-bottom: none
}
.basket-item--non-editable:last-child .basket-item__title p:last-child {
margin-bottom: 0
}
.basket-item--non-editable .basket-item__main-section {
min-height: 0
}
.basket-item--non-editable .basket-item__media-section {
display: none
}
.basket-item--non-editable .basket-item__description {
width: 100%
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable .basket-item__title {
width:61.5%
}
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable .basket-item__subtotal {
text-align:right;
padding-right: 58px
}
}
.basket-item--non-editable .basket-item__quantity-label {
display: inline-block;
padding-right: 8px;
font: normal 500 16px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable .basket-item__quantity-label {
display:none
}
}
.basket-item--non-editable .basket-item__non-editable-qty {
font: normal 500 20px "probapro",Geogia,sans-serif
}
.basket-item--non-editable .basket-item__description {
margin-left: 0;
margin-right: 0
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.basket-item--non-editable .basket-item__description {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.basket-item--non-editable .basket-item__title {
width:42.3%;
margin-right: 1.799%;
text-align: left
}
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable .basket-item__title p {
margin-bottom:8px;
margin-top: 8px
}
.basket-item--non-editable .basket-item__title p:last-child {
margin-bottom: 8px
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.basket-item--non-editable .basket-item__price,.basket-item--non-editable .basket-item__quantity,.basket-item--non-editable .basket-item__subtotal {
width:18.5%;
margin-right: 1.799%;
text-align: center
}
.basket-item--non-editable .basket-item__subtotal {
margin-right: 0;
text-align: right;
margin-right: 6.5%
}
.basket-item--non-editable .basket-item__subtotal .basket-item__subtotal-label {
margin-right: 0
}
}
.basket-item--non-editable .basket-item__product-label,.basket-item--non-editable .basket-item__price-label,.basket-item--non-editable .basket-item__quantity-label,.basket-item--non-editable .basket-item__subtotal-label {
display: block;
text-transform: capitalize;
margin-bottom: 8px
}
@media screen and (min-width: 1200px) {
.basket-item--non-editable .basket-item__product-label,.basket-item--non-editable .basket-item__price-label,.basket-item--non-editable .basket-item__quantity-label,.basket-item--non-editable .basket-item__subtotal-label {
display:none
}
}
.basket-item--not-available-checkout .basket-item__description {
color: #bfbfbf
}
.basket-item__image {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
-ms-flex: none;
flex: none;
max-height: 115px;
height: auto
}
@media screen and (min-width: 700px) and (max-width: 74.9375rem) {
.basket-item__image {
display:inline-block
}
}
.slick-slider {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-slider__slide-image {
width: 100%
}
.slick-slider__slide-title {
font: normal 400 14px "probapro",Geogia,sans-serif;
width: 100%;
text-align: center;
margin: 10px 0
}
@media screen and (min-width: 700px) {
.slick-slider__slide-title {
font:normal 400 21px "probapro",Geogia,sans-serif
}
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
overflow: hidden
}
.slick-track:before,.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
width: 100%;
height: 100%;
min-height: 1px;
position: relative
}
.slick-slide.slick-cloned:nth-child(n+2) {
position: absolute;
visibility: hidden
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,.slick-prev {
position: absolute;
display: block;
padding: 0;
width: 40px;
height: 50px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
border: none;
outline: 0;
z-index: 1;
top: 50%;
-webkit-transform: translate3d(0, -80%, 0);
-moz-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0);
visibility: hidden
}
@media screen and (min-width: 700px) {
.slick-next,.slick-prev {
visibility:visible;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slick-next:before,.slick-prev:before {
content: "";
font-family: 'freshmarket-icons';
font-size: 28px;
line-height: 50px;
color: #fff;
display: block;
width: 40px;
height: 50px;
background-color: rgba(0,0,0,0.5)
}
.slick-next {
right: 0
}
.slick-next:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px
}
.slick-prev:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 24px
}
.slick-dots {
list-style: none;
text-align: center;
position: absolute;
bottom: 32px;
width: 100%
}
@media screen and (min-width: 700px) {
.slick-dots {
bottom:64px
}
}
.slick-dots li {
position: relative;
display: inline-block;
height: 10px;
width: 10px;
padding: 0;
cursor: pointer;
vertical-align: top;
margin: 0 5px
}
@media screen and (min-width: 700px) {
.slick-dots li {
height:20px;
width: 20px
}
}
.slick-dots li.slick-active button:before {
color: #2a8738;
opacity: 1
}
.slick-dots button {
border: 0;
background: 0 0;
display: block;
height: 10px;
width: 10px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
border-radius: 50%
}
@media screen and (min-width: 700px) {
.slick-dots button {
height:20px;
width: 20px
}
}
.slick-dots button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 10px;
height: 10px;
font-size: 20px;
line-height: 10px;
text-align: center;
color: #fff;
opacity: .8;
text-shadow: 0 0 2px rgba(0,0,0,0.8)
}
@media screen and (min-width: 700px) {
.slick-dots button:before {
font-size:40px;
line-height: 20px
}
}
.search-input__input {
width: 100%;
padding-right: 60px
}
.search-input__input-wrapper {
position: relative
}
.search-input__submit {
margin: 0;
width: 100%
}
.search-input__clear {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
font: normal 600 16px "probapro",Geogia,sans-serif;
color: #2a8738;
cursor: pointer
}
.search-input__clear:hover {
color: #81c341
}
.search-input--compact {
display: block
}
@media screen and (min-width: 700px) {
.search-input--compact {
position:relative
}
}
.search-input--compact input {
height: 34px;
border-radius: 0
}
@media screen and (min-width: 700px) {
.search-input--compact input {
height:60px;
padding-right: 112px;
position: relative
}
}
@media screen and (max-width: 43.6875rem) {
.search-input--compact input {
padding-right:40px
}
}
@media screen and (min-width: 700px) {
.fm-modal--search .search-input--compact input {
min-width:425px
}
}
.search-input--compact .icon {
position: absolute;
top: 13px;
right: 13px
}
.search-input--modal {
height: 60px
}
@media screen and (min-width: 700px) {
.search-input--modal .search-input__input-wrapper {
float:right;
right: -20px
}
}
.search-input--modal .search-input__submit {
padding: 10px 20px
}
@media screen and (min-width: 700px) {
.search-input--modal .search-input__submit-wrapper {
position:absolute;
right: -10px;
top: 11px
}
}
.search-input--full {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
@media screen and (min-width: 700px) {
.search-input--full {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
.search-input--full .search-input__input-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-bottom: 16px
}
@media screen and (min-width: 700px) {
.search-input--full .search-input__input-wrapper {
margin-right:32px;
margin-bottom: 0
}
}
.search-input--full .search-input__input {
height: 54px;
background: white;
border: 1px solid #bfbfbf;
color: #333;
padding-right: 80px
}
.search-input__submit-wrap {
background: orange
}
.search-results-item {
padding: 32px 0 16px 0
}
@media screen and (min-width: 700px) {
.search-results-item {
padding:32px 0
}
}
.search-results-item a::after {
clear: both;
content: "";
display: block
}
.search-results-item a,.search-results-item a:hover {
color: #333
}
.search-results-item__title {
font: normal 600 24px "probapro",Geogia,sans-serif;
padding-right: 32px;
text-transform: capitalize;
display: block
}
@media screen and (min-width: 700px) {
.search-results-item__title {
display:inline
}
.search-results-item__title:after {
content: '';
width: 1px;
border-right: 1px solid #bfbfbf;
height: 26px;
position: relative;
top: -1px;
left: 16px
}
}
.search-results-item__category-icon {
color: #2a8738;
font-size: 16px;
padding-right: 8px;
position: relative
}
.search-results-item__category {
font: italic 400 16px "probapro",Geogia,sans-serif;
text-transform: capitalize;
position: relative;
top: -2px
}
.search-results-item__preview {
margin-top: 16px
}
@media screen and (min-width: 700px) {
.search-results-item__preview p:first-of-type {
margin-top:0
}
}
.search-results-item__image {
max-width: 121px;
max-height: 72px
}
@media screen and (min-width: 700px) {
.search-results-item__image {
float:left;
margin-right: 16px;
height: 65px
}
}
.search-results-item .highlight {
font-weight: 700;
font-style: normal
}
.sort-by-dropdown span {
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 14px
}
.sort-by-dropdown .select-wrapper {
margin: 5px 0
}
.feedback-list__header .sort-by-dropdown {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (min-width: 700px) {
.sort-by-dropdown {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.sort-by-dropdown span {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-right: 20px
}
.sort-by-dropdown .select-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 280px
}
}
.state-and-store-selects {
opacity: 0;
-webkit-transition: opacity .075s ease-out;
-moz-transition: opacity .075s ease-out;
transition: opacity .075s ease-out;
text-align: center
}
.state-and-store-selects::after {
clear: both;
content: "";
display: block
}
.state-and-store-selects--loaded {
opacity: 1
}
@media screen and (min-width: 700px) {
.state-and-store-selects-option-wrap:first-child {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.state-and-store-selects-option-wrap:first-child:last-child {
margin-right: 0
}
.state-and-store-selects-option-wrap:last-child {
float: left;
display: block;
margin-right: 3.0893%;
width: 65.6369%
}
.state-and-store-selects-option-wrap:last-child:last-child {
margin-right: 0
}
}
@media screen and (max-width: 43.6875rem) {
.state-and-store-selects--full-mobile .state-and-store-selects-option-wrap {
width:100%;
display: block;
padding: 0;
margin: 16px 0
}
}
@media screen and (min-width: 700px) {
.state-and-store-selects--left-aligned {
text-align:left
}
}
@media screen and (max-width: 43.6875rem) {
.state-and-store-selects-option-wrap {
padding:0
}
}
.state-and-store-selects--align-to-grid .state-and-store-selects-option-wrap {
padding: 0
}
@media screen and (min-width: 700px) {
.state-and-store-selects--align-to-grid .state-and-store-selects-option-wrap {
float:none !important;
display: inline-block !important;
float: left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.state-and-store-selects--align-to-grid .state-and-store-selects-option-wrap:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.state-and-store-selects--align-to-grid .state-and-store-selects-option-wrap {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.state-and-store-selects--align-to-grid .state-and-store-selects-option-wrap:last-child {
margin-right: 0
}
}
@media print {
.state-and-store-selects+.capsule-button {
display: none
}
}
@media print {
.state-and-store-selects.no-store {
display: none
}
}
.steps-title {
font: normal 600 24px "probapro",Geogia,sans-serif;
margin-bottom: 32px
}
.step-list__item {
border: 1px solid #bfbfbf;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 43.6875rem) {
.step-list__item {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.step-list:last-child {
margin-bottom: 0
}
.step-list__left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-repeat: no-repeat;
background-size: cover
}
@media screen and (max-width: 43.6875rem) {
.step-list__left {
background-position:center -moz-calc(50% - 20px);
background-position: center calc(50% - 20px)
}
}
@media screen and (min-width: 700px) {
.step-list__left {
-webkit-flex-shrink:0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-clip-path: polygon(0% 0%, 92% 0, 92% 40%, 100% 50%, 92% 60%, 92% 100%, 0% 100%);
clip-path: polygon(0% 0%, 92% 0, 92% 40%, 100% 50%, 92% 60%, 92% 100%, 0% 100%);
display: block;
background-position: center
}
}
.step-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 20px
}
@media screen and (min-width: 700px) {
.step-list__body {
padding:40px
}
}
.step-list__image {
visibility: hidden;
max-width: 230px;
min-height: 230px
}
.step-list__heading {
font: normal 600 18px "probapro",Geogia,sans-serif
}
.step-list__index {
font: normal 400 18px "probapro",Geogia,sans-serif;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
color: #fff;
background-color: #2a8738;
height: 30px;
width: 30px;
margin-right: 10px
}
.store-detail-overlay {
background: white;
position: relative;
z-index: 2
}
@media screen and (min-width: 700px) {
.store-detail-overlay {
width:initial;
float: right;
margin-right: 16px
}
.store-detail-overlay--in-modal {
float: none;
width: 100%;
margin: 0
}
}
@media screen and (min-width: 1200px) {
.store-detail-overlay {
margin-left:50.76058%;
float: left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.store-detail-overlay:last-child {
margin-right: 0
}
.store-detail-overlay--in-modal {
float: none;
width: 100%;
margin: 0
}
}
.store-detail-overlay .get-derections span {
position: relative;
top: 2px;
left: 4px
}
.store-detail-overlay .simple-link {
font: normal 700 14px/24px "probapro",Geogia,sans-serif
}
.store-detail-overlay-inner {
padding: 32px 0
}
.store-detail-overlay-inner::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.store-detail-overlay-inner {
padding:32px
}
.store-detail-overlay-inner--closed {
padding: 32px
}
}
@media screen and (min-width: 1200px) {
.store-detail-overlay-inner {
padding:64px 32px
}
}
.store-detail-overlay--in-modal .store-detail-overlay-inner {
padding: 0
}
@media screen and (min-width: 700px) {
.store-detail-overlay--in-modal .store-detail-overlay-inner {
padding:0
}
}
.store-detail-overlay-store-details-link {
display: block
}
@media screen and (min-width: 1200px) {
.store-detail-overlay-item-groups {
width:50%;
float: left
}
.store-detail-overlay-item-groups:first-child {
padding-right: 16px
}
}
.store-detail-overlay-group {
margin: 16px 0
}
@media screen and (min-width: 700px) {
.store-detail-overlay-group:first-child {
margin-top:0
}
.store-detail-overlay-group:last-child {
margin-bottom: 6px
}
}
@media screen and (min-width: 1200px) {
.store-detail-overlay-group:last-child {
margin-bottom:0px
}
}
.store-detail-overlay-group--special-hours {
margin-bottom: 32px
}
.store-detail-overlay-group--ctas {
margin-top: 32px;
padding-right: 8px
}
.store-detail-overlay-group__row {
display: block;
font: normal 400 18px/22px "probapro",Geogia,sans-serif;
margin: 0;
padding: 0
}
.store-detail-overlay-group__row p {
margin: 0
}
.store-detail-overlay-group__headline {
font: normal 600 18px/28px "probapro",Geogia,sans-serif
}
.store-detail-overlay-group__headline--closed {
margin-bottom: 16px
}
.store-detail-overlay-group--fb-store-share {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #3b5998;
letter-spacing: 1px;
margin-top: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.store-detail-overlay-group--fb-store-share:hover {
color: #3b5998
}
.store-detail-overlay__close-message {
font-weight: 400;
font-style: italic;
margin-top: 32px
}
.store-detail-overlay__close-cta {
display: inline-block;
margin-right: 16px
}
.store-detail-overlay__close-cta--contact {
margin-right: 0
}
.store-detail-overlay .fb-icon-store-detail {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
height: 100%;
margin-left: 0.25em;
background: #3b5998
}
.store-detail-overlay .fb-icon-store-text {
font-weight: bold
}
.store-detail-overlay .fb-store-link {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
color: #3b5998;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 1px
}
.store-list-item {
padding: 16px 16px;
cursor: pointer
}
.store-list-item::after {
clear: both;
content: "";
display: block
}
.store-list-item .simple-link {
font: normal 700 14px/24px "probapro",Geogia,sans-serif
}
.store-list-item .simple-link:after {
padding-left: 4px;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 10px
}
.store-list-item-status-icon {
float: left;
width: 12.30769%
}
.store-list-item-status-icon img {
max-width: 80%
}
.store-list-item--selected {
background: #fff
}
.store-list-item-address {
float: left;
width: 63.07692%;
padding-right: 8px
}
.store-list-item-address__coming-soon {
display: block;
font: normal 700 18px/24px "probapro",Geogia,sans-serif;
margin: 0 0 4px;
padding: 0
}
.store-list-item-address__row {
display: block;
font: normal 400 18px/22px "probapro",Geogia,sans-serif;
margin: 0;
padding: 0
}
.store-list-item-my-store {
float: left;
width: 24.61538%
}
@media screen and (max-width: 43.6875rem) {
.store-list-item {
padding-left:6.25%;
padding-right: 6.25%
}
.store-list-item-status-icon,.store-list-item-goto-details-link {
display: none
}
.store-list-item-address {
width: 100%;
float: none
}
.store-list-item-my-store {
width: auto;
float: none
}
}
.text-input {
display: inline-block;
position: relative;
text-align: left;
margin: 10px 0
}
.text-input-full-width {
width: 100%
}
.text-input--with-error input {
border: 1px solid #ed1944
}
.think-deliciously-cards {
position: relative;
clear: both
}
@media screen and (min-width: 700px) {
.think-deliciously-card__block {
display:block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.think-deliciously-card__block::after {
clear: both;
content: "";
display: block
}
}
@media screen and (min-width: 700px) {
.think-deliciously-card__block--2-item,.think-deliciously-card__block--4-item {
-webkit-box-pack:center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.think-deliciously-card__wrapper {
width: 100%;
margin-top: 10px
}
@media screen and (max-width: 43.6875rem) {
.think-deliciously-card__wrapper {
height:160px
}
}
@media screen and (min-width: 640px) {
.think-deliciously-card__wrapper {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-top: 3.0893%
}
}
@media screen and (min-width: 1200px) {
.think-deliciously-card__wrapper {
height:auto;
min-height: 0px;
margin-top: 1.52115%
}
}
@media screen and (min-width: 700px) {
.non-isotope-grid .think-deliciously-card__wrapper {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.non-isotope-grid .think-deliciously-card__wrapper:last-child {
margin-right: 0
}
.non-isotope-grid .think-deliciously-card__wrapper:nth-child(3n) {
margin-right: 0
}
.non-isotope-grid .think-deliciously-card__wrapper:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.non-isotope-grid .think-deliciously-card__wrapper {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.non-isotope-grid .think-deliciously-card__wrapper:last-child {
margin-right: 0
}
}
.board-wrapper-recipes .think-deliciously-card__wrapper {
float: left
}
@media screen and (max-width: 43.6875rem) {
.board-wrapper-recipes .think-deliciously-card__wrapper {
height:150px
}
}
@media screen and (min-width: 640px) {
.board-wrapper-recipes .think-deliciously-card__wrapper {
display:block
}
}
@media screen and (min-width: 700px) {
.board-wrapper-recipes .think-deliciously-card__wrapper {
width:33.33%;
padding: 0 1.54465%;
height: 320px
}
}
@media screen and (min-width: 1200px) {
.board-wrapper-recipes .think-deliciously-card__wrapper {
height:150px;
padding: 0 .76058%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
@media screen and (min-width: 700px) {
.think-deliciously-card__block--2-item .think-deliciously-card__wrapper {
width:33.33%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
@media screen and (min-width: 700px) {
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper {
width:25%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper:nth-child(3n) {
margin-right: 1.52115%
}
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper:nth-child(3n+1) {
clear: none
}
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper:nth-child(4n) {
margin-right: 0
}
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper:nth-child(4n+1) {
clear: left
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.think-deliciously-card__block--4-item .think-deliciously-card__wrapper {
margin-right:2.03854%
}
}
.think-deliciously-card__wrapper .button-link {
font: normal 600 14px "probapro",Geogia,sans-serif
}
.think-deliciously-card--generic-toute {
background-color: #eee;
position: relative
}
.think-deliciously-card--generic-toute .think-deliciously-card__heading {
height: auto;
max-height: 2.8em
}
@media screen and (min-width: 1200px) {
.think-deliciously-card--generic-toute .think-deliciously-card__heading {
margin-bottom:10px
}
}
.think-deliciously-card--generic-toute .think-deliciously-card__body {
height: 160px
}
.think-deliciously-card--generic-toute .button-link {
position: relative
}
.think-deliciously-card__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
@media screen and (max-width: 43.6875rem) {
.think-deliciously-card__item {
height:100%
}
}
.board-wrapper-recipes .think-deliciously-card__item {
height: 100%
}
.think-deliciously-card__item-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #eee;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (max-width: 43.6875rem) {
.think-deliciously-card__item-wrapper {
height:100%
}
}
.board-wrapper-recipes .think-deliciously-card__item-wrapper {
height: 100%
}
.think-deliciously-card__left {
min-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 35%;
-moz-box-flex: 1;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 37%
}
.think-deliciously-card__left>a {
display: block
}
@media screen and (min-width: 700px) and (max-width: 74.9375rem) {
.think-deliciously-card__left {
-webkit-box-flex:1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-height: 0
}
}
.think-deliciously-card__image {
visibility: hidden;
width: 30vw;
max-height: 150px
}
@media screen and (min-width: 700px) {
.think-deliciously-card__image {
width:100%;
max-height: 170px
}
}
@media screen and (min-width: 1200px) {
.think-deliciously-card__image {
max-height:100%
}
}
.think-deliciously-card__body {
padding: 14px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 60%;
-moz-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #333 !important
}
@media screen and (min-width: 700px) and (max-width: 74.9375rem) {
.think-deliciously-card__body {
-webkit-box-flex:1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
}
@media screen and (min-width: 1200px) {
.think-deliciously-card__body {
-webkit-box-flex:1;
-webkit-flex: 1 1 60%;
-moz-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%
}
}
.think-deliciously-card__itemInfo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.think-deliciously-card__heading {
font: normal 600 18px "probapro",Geogia,sans-serif;
height: 2.8em;
clear: both
}
.think-deliciously-card__desc {
margin: 5px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.think-deliciously-card__desc span {
vertical-align: middle
}
.think-deliciously-card__desc .icon-fm_clock {
color: #81c341;
margin-right: 10px
}
.think-deliciously-card__ctaLink {
margin: 0;
text-align: left;
color: #277c34
}
.variable-weight {
display: block;
margin: 0;
background-color: #eee;
padding: .5em;
font: normal 500 14px "probapro",Geogia,sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.variable-weight.lead-time {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.variable-weight.lead-time .icon-fm_clock {
margin-right: 12px;
display: inline-block;
font-size: 2em
}
@media screen and (max-width: 43.6875rem) {
.variable-weight.lead-time .icon-fm_clock {
display:none
}
}
@media screen and (max-width: 43.6875rem) {
.variable-weight {
width:20em
}
}
.variable-weight__scale {
display: inline-block;
width: 30px;
margin-top: 4px;
margin-right: 15px
}
@media screen and (max-width: 43.6875rem) {
.variable-weight__scale {
display:none
}
}
.variable-weight__message {
width: 85%;
display: inline-block;
font-size: 14px
}
.vertical-list-wrapper__title {
font: normal 600 24px "probapro",Geogia,sans-serif
}
.vertical-list__item {
padding: 16px 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 43.6875rem) {
.vertical-list__item {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.vertical-list:last-child {
margin-bottom: 0
}
.vertical-list__left {
background-repeat: no-repeat
}
@media screen and (max-width: 43.6875rem) {
.vertical-list__left {
margin-bottom:24px
}
}
@media screen and (min-width: 700px) {
.vertical-list__left {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%;
background-size: cover;
background-position: center;
max-height: 145px
}
.vertical-list__left:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.vertical-list__body {
float:left;
display: block;
margin-right: 1.52115%;
width: 74.61971%;
padding-left: 32px
}
.vertical-list__body:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.vertical-list__image {
visibility:hidden
}
}
.vertical-list__heading {
font: normal 600 18px "probapro",Geogia,sans-serif
}
.vertical-list__index {
display: none
}
.vertical-list__cta {
display: inline-block
}
.video-player .video-player__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.video-player .video-player__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.accordion-module .accordion__item {
margin-bottom: 10px
}
.accordion-module__header-content {
position: relative;
height: 185px;
padding: 0 24px 40px;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f7f7f7;
cursor: pointer
}
.accordion-module__header-content--no-image {
color: #000
}
.accordion-module__header-text {
font: normal 600 50px "probapro",Geogia,sans-serif
}
.accordion-module__header-text:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 30px;
margin-left: 16px
}
[aria-expanded="true"] .accordion-module__header-text:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 30px
}
@media screen and (max-width: 43.6875rem) {
.accordion-module__header-text {
font:normal 600 32px "probapro",Geogia,sans-serif
}
.accordion-module__header-text:after {
font-size: 18px
}
[aria-expanded="true"] .accordion-module__header-text:after {
font-size: 18px
}
}
.accordion-module .accordion__body {
display: block;
overflow: hidden;
background: #eee;
font: normal 400 16px "probapro",Geogia,sans-serif;
-webkit-animation: fadein 300ms ease;
-moz-animation: fadein 300ms ease;
animation: fadein 300ms ease
}
.accordion-module .text-rich-media__text {
padding: 40px 24px 32px
}
@media screen and (max-width: 43.6875rem) {
.accordion-module .text-rich-media__text {
padding-bottom:48px
}
.accordion-module .text-rich-media__text p:last-child,.accordion-module .text-rich-media__text h1:last-child,.accordion-module .text-rich-media__text h2:last-child,.accordion-module .text-rich-media__text h3:last-child {
margin-bottom: 0
}
}
.accordion-module .text-rich-media__text ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
@media screen and (max-width: 43.6875rem) {
.accordion-module .text-rich-media__text ul {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media screen and (min-width: 700px) {
.accordion-module .text-rich-media__text ul {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.accordion-module .text-rich-media__text ul li {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-right: 16px
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.accordion-module .text-rich-media__text ul li {
-webkit-flex-basis:33.33%;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%
}
}
.accordion-module .text-rich-media__text li {
position: relative;
margin-bottom: 16px
}
.accordion-module .text-rich-media__text li:before {
display: none
}
.accordion-module .accordion__body--hidden {
display: none;
opacity: 0;
-webkit-animation: fadein 300ms ease;
-moz-animation: fadein 300ms ease;
animation: fadein 300ms ease
}
@keyframes fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.author-module {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px
}
@media screen and (max-width: 43.6875rem) {
.author-module {
margin-top:50px
}
}
.author-module__image {
width: 75px;
height: 75px;
display: inline-block;
margin-right: 16px;
margin-top: 10px
}
.author-module__image img {
max-width: 100%;
height: auto
}
.author-module__info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.author-module__authorName {
font: normal 600 16px "probapro",Geogia,sans-serif;
margin: 5px 0
}
.author-module__postDate {
font: italic 400 16px "probapro",Geogia,sans-serif;
margin: 0
}
.awards {
position: relative
}
.awards__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.awards .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.awards .rich-text--step-list__direction .wrapper,.awards .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .awards .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.awards__intro {
margin-bottom: 30px;
line-height: 1.5
}
.awards__intro {
text-align: center
}
.awards__item {
float: left;
display: block;
margin-right: 1.52115%;
width: 100%
}
.awards__item:last-child {
margin-right: 0
}
@media screen and (min-width: 700px) {
.awards__item {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.awards__item:last-child {
margin-right: 0
}
.awards__item:nth-child(2n) {
margin-right: 0
}
.awards__item:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.awards__item {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.awards__item:nth-child(2n) {
margin-right: 1.52115%
}
.awards__item:nth-child(2n+1) {
clear: none
}
.awards__item:last-child {
margin-right: 0
}
}
.awards__left {
background: no-repeat center;
min-height: 90px
}
.awards__image {
visibility: hidden
}
.awards__heading {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.5;
text-align: center;
margin: 0
}
.awards__desc {
font: normal 600 14px "probapro",Geogia,sans-serif;
text-align: center;
margin: 5px 0
}
.banner {
text-align: center;
background-position: 50%;
background-repeat: 0;
background-size: cover;
position: relative
}
.banner__anchorID {
position: absolute;
top: -70px
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.banner__anchorID {
top:-15px
}
}
@media print {
.banner {
display: none
}
}
.banner--dark-theme {
background-color: #333;
color: #fff;
position: relative
}
.banner--dark-theme:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(121,79,23,0.3)
}
.banner--light-theme {
background-color: #eee
}
.banner__logo {
max-height: 90px;
max-width: 100%
}
.banner__title {
font: normal 700 30px/1 "probapro",Geogia,sans-serif;
margin-top: 32px;
margin-bottom: 16px
}
@media screen and (min-width: 1200px) {
.banner__title {
font:normal 700 48px/1 "probapro",Geogia,sans-serif
}
}
.banner__intro {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin-top: 8px
}
.banner .wrapper,.banner .style-guide .icon-fonts,.style-guide .banner .icon-fonts {
position: relative
}
.banner .button {
margin-top: 8px;
margin-bottom: 32px
}
@media screen and (min-width: 700px) {
.banner .button {
display:inline-block
}
}
@media print {
.banner .button {
display: inline-block
}
}
.banner .button-link {
margin-bottom: 16px;
font: normal 500 18px "probapro",Geogia,sans-serif;
margin-top: 0
}
.banner .button-link:after {
font-size: 11px
}
.banner--dark-theme .button-link {
color: #fff
}
.banner--dark-theme .button-link:after {
color: #fff
}
.contact-form {
background: #eee;
padding: 32px 0 0
}
.contact-form input {
width: 100%
}
.contact-form .form-error {
color: #ed1944;
position: absolute;
display: block
}
.contact-form .text-centered {
text-align: center
}
.contact-form-title {
font: normal 600 24px "probapro",Geogia,sans-serif;
border-bottom: 1px solid #fff;
padding-bottom: 16px
}
.contact-form-description {
margin: 16px 0 32px
}
.contact-form-description a {
text-decoration: underline
}
.contact-form-subline,.contact-form-contact-information {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin: 32px 0
}
.contact-form-contact-information {
margin-top: 16px
}
@media screen and (min-width: 700px) {
.contact-form-select-store {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.contact-form-select-store .state-and-store-selects-option-wrap {
display: block;
padding: 0
}
@media screen and (min-width: 700px) {
.contact-form-select-store .state-and-store-selects-option-wrap {
padding-left:16px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.contact-form-select-store .state-and-store-selects-option-wrap:first-child {
padding: 0
}
}
.contact-form-input-error {
border-color: 1px solid #ed1944 !important;
color: #ed1944
}
@media screen and (min-width: 700px) {
.contact-form-button-row {
text-align:right
}
.contact-form-button-row .button-primary {
display: inline-block;
margin-top: 0
}
}
.contact-form-submit-error {
color: #ed1944
}
.contact-form-re-captcha-wrap {
-webkit-transform: scale(0.92);
-moz-transform: scale(0.92);
-ms-transform: scale(0.92);
transform: scale(0.92);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
@media screen and (min-width: 700px) {
.contact-form-re-captcha-wrap {
-webkit-transform:none;
-moz-transform: none;
-ms-transform: none;
transform: none
}
}
.application-error {
text-align: center
}
.application-error__message--important {
font-weight: 600;
font-style: normal
}
@media screen and (min-width: 1200px) {
.application-error-buttons {
margin-left:25.38029%;
float: left;
display: block;
margin-right: 1.52115%;
width: 57.69952%
}
.application-error-buttons:last-child {
margin-right: 0
}
}
.application-error-buttons::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.application-error-buttons__button {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.application-error-buttons__button:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.application-error-buttons__button {
float:left;
display: block;
margin-right: 2.63634%;
width: 26.68833%
}
.application-error-buttons__button:last-child {
margin-right: 0
}
}
section.feedback-form {
padding: 64px 0
}
@media screen and (min-width: 320px) {
section.feedback-form {
max-width:100%;
margin-left: auto;
margin-right: auto
}
section.feedback-form::after {
clear: both;
content: "";
display: block
}
}
.feedback-form {
background: #eee;
color: #333
}
@media screen and (min-width: 320px) {
.feedback-form .inner-wrap {
max-width:87.5%;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width: 700px) {
.feedback-form .inner-wrap {
max-width:100%;
margin-left: 20px;
margin-right: 20px
}
}
.feedback-form .inner-wrap .rich-text div p a {
background-color: white;
padding: 5px;
text-decoration: underline
}
.feedback-form__head {
text-align: center;
border-bottom: 1px solid #ccc;
padding-bottom: 27px
}
.feedback-form__head .feedback-rating {
margin-top: 16px;
margin-bottom: 23px
}
.feedback-form__head .rich-text h2 {
font: normal 500 30px "probapro",Geogia,sans-serif
}
.feedback-form__form {
border-bottom: 1px solid #ccc;
margin-top: 24px
}
.feedback-form__form::after {
clear: both;
content: "";
display: block
}
.feedback-form__form.hidden {
display: none
}
.feedback-form__form p.required {
font: normal 600 14px "probapro",Geogia,sans-serif;
margin-top: 0;
margin-bottom: 24px
}
@media screen and (min-width: 700px) {
.feedback-form__form p.required {
float:right
}
}
.feedback-form__form input[type=email],.feedback-form__form input[type=text],.feedback-form__form textarea {
width: 100%
}
.feedback-form__form textarea {
height: 200px
}
.feedback-form__form label {
padding-bottom: 12px
}
.feedback-form__form label.with-message {
padding-bottom: 0;
line-height: 16px
}
.feedback-form__form label.checkbox {
font: normal 400 "16px" "probapro",Geogia,sans-serif;
position: relative;
display: block;
text-transform: none;
padding-top: 24px;
padding-left: 2px;
padding: 24px 2px 38px 2px;
font-weight: normal
}
.feedback-form__form label.checkbox input {
float: left;
margin-top: 6px
}
.feedback-form__form label.checkbox span {
position: relative;
padding-left: 24px;
display: block;
line-height: 21px
}
.feedback-form__form .text-input {
margin-top: 6px
}
.feedback-form__form p.message {
font: normal 400 14px/21px "probapro",Geogia,sans-serif;
margin: 0px
}
.feedback-form__form p.message-emphasis {
font: italic 400 14px/21px "probapro",Geogia,sans-serif;
margin: 0px
}
@media screen and (min-width: 700px) {
.feedback-form__form .button-contain {
padding-top:10px;
float: right
}
}
.feedback-form__form .button-contain input {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none
}
@media screen and (max-width: 43.6875rem) {
.feedback-form__form .button-contain input {
width:100%
}
}
.feedback-form__form button {
width: 100%
}
@media screen and (min-width: 700px) {
.feedback-form__form button {
width:auto;
display: inline-block;
margin-left: 20px
}
}
.feedback-form__preview {
border-bottom: 1px solid #ccc
}
.feedback-form__preview::after {
clear: both;
content: "";
display: block
}
.feedback-form__preview .feedback-item {
margin-top: 30px;
padding-bottom: 44px
}
.feedback-form__help {
margin-top: 40px
}
.feedback-form__help .rich-text h3 {
font: normal 600 24px "probapro",Geogia,sans-serif;
margin-bottom: 0;
text-transform: none
}
.feedback-form__help .rich-text p {
margin-top: 8px;
margin-bottom: 0
}
.feedback-list__title {
font: normal 600 32px "probapro",Geogia,sans-serif;
margin-bottom: 16px
}
@media screen and (min-width: 700px) {
.feedback-list__title {
margin-bottom:8px
}
}
.feedback-list__header::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.feedback-list__header {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
.feedback-list__reviewText {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width: 700px) {
.feedback-list__header .feedback-list__reviewText {
float:left;
display: block;
margin-right: 1.52115%;
width: 74.61971%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.feedback-list__header .feedback-list__reviewText:last-child {
margin-right: 0
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.feedback-list__header .feedback-list__reviewText {
float:left;
display: block;
margin-right: 1.52115%;
width: 57.69952%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.feedback-list__header .feedback-list__reviewText:last-child {
margin-right: 0
}
}
@media screen and (max-width: 43.6875rem) {
.feedback-list__reviewText {
margin-bottom:32px
}
}
.feedback-list__reviewLabel {
font: normal 600 16px "probapro",Geogia,sans-serif;
color: #2a8738
}
.fm-carousel .slick-slider+.disclaimer {
margin-top: 20px
}
.firework-video-module {
padding: 4.5rem 0 3.75rem
}
.firework-video-module .lbm-home-promo__title {
margin-bottom: 1.875rem
}
.footer {
background: #333 url("/assets/images/footer/texture.jpg") repeat-x 50% 0
}
@media print {
.footer {
display: none
}
}
.footer-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer-links__item {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center
}
@media screen and (min-width: 700px) {
.footer-links__item {
-webkit-flex-basis:33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%
}
}
@media screen and (min-width: 1200px) {
.footer-links__item {
-webkit-flex-basis:25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%
}
}
.footer-links__item a {
color: #fff;
display: block;
font: normal 500 16px "probapro",Geogia,sans-serif;
-webkit-transition: color .075s ease-out;
-moz-transition: color .075s ease-out;
transition: color .075s ease-out;
padding: 8px 0;
text-decoration: underline
}
.footer-links__item a:hover {
color: #81c341
}
.footer-copyright {
text-align: center;
color: #bfbfbf;
padding: 32px 0
}
.footer-copyright small {
size: 12px
}
.footer-copyright a {
color: #bfbfbf;
text-decoration: underline
}
.footer-copyright a:hover {
color: #81c341
}
.footer-social-links {
margin-top: 60px;
text-align: center
}
.footer-social-links__link {
display: inline-block;
margin: 0 8px
}
@media screen and (min-width: 700px) {
.footer-social-links__link {
margin:0 16px
}
}
.free-form .rich-text h3,.free-form .rich-text h2 {
font: normal 600 24px "probapro",Geogia,sans-serif;
text-transform: capitalize
}
.free-form .rich-text p {
white-space: pre-wrap;
word-wrap: break-word
}
.free-form--e-receipts .rich-text p {
margin-bottom: 50px
}
.free-form--e-receipts .rich-text p strong {
display: block
}
.free-form--product-recall .rich-text {
margin-top: 32px
}
.free-form--product-recall .rich-text p {
line-height: 1.4;
text-align: center
}
.free-form--our-departments .free-form:first-child {
margin-top: 0
}
.free-form--our-departments .image-module {
margin-bottom: -20px
}
.free-form--contact-us .rich-text {
margin-top: 0
}
.free-form--contact-us .rich-text h3,.free-form--contact-us .rich-text h2 {
margin-top: 32px
}
.free-form--contact-us .rich-text p {
line-height: 1.6;
margin-bottom: 16px
}
.free-form--surplus-property .rich-text {
margin-bottom: 100px
}
.free-form--community-involvement .vertical-list__left {
display: none
}
@media screen and (min-width: 700px) {
.free-form--community-involvement .vertical-list__left {
display:block;
background-position: top;
background-size: 100%
}
}
@media screen and (max-width: 43.6875rem) {
.free-form--our-story .vertical-list__item {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media screen and (max-width: 43.6875rem) {
.free-form--our-story .vertical-list__left {
display:block;
width: 100%;
background-size: cover;
margin-bottom: 16px
}
}
.free-form--corporate-responsibility .rich-text p:nth-child(odd) {
margin-bottom: 56px
}
.free-form--with-tertiary-hero section:first-child {
margin-top: 0
}
.product-grid-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
margin: 15px auto
}
.product-grid-wrapper::after {
clear: both;
content: "";
display: block
}
.product-grid-wrapper::after {
clear: both;
content: "";
display: block
}
.product-small {
margin-top: 10px
}
@media screen and (min-width: 700px) {
.product-small {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%;
margin-top: 3.0893%
}
.product-small:last-child {
margin-right: 0
}
.product-small:nth-child(3n) {
margin-right: 0
}
.product-small:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.product-small {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%;
margin-top: 1.52115%
}
.product-small:nth-child(3n) {
margin-right: 1.52115%
}
.product-small:nth-child(3n+1) {
clear: none
}
.product-small:last-child {
margin-right: 0
}
.product-small:nth-child(4n) {
margin-right: 0
}
.product-small:nth-child(4n+1) {
clear: left
}
}
.product-large {
margin-top: 10px
}
@media screen and (min-width: 1200px) {
.product-large {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.product-large:last-child {
margin-right: 0
}
}
.grid-cards {
position: relative;
clear: both
}
.grid-cards::after {
clear: both;
content: "";
display: block
}
@media print {
.grid-cards {
height: auto !important
}
.grid-cards .grid-column-width {
display: none
}
}
@media screen and (min-width: 700px) {
.grid-cards.isotope-grid {
margin:0 -1.54465%
}
}
@media screen and (min-width: 1200px) {
.grid-cards.isotope-grid {
margin:0 -.76058%
}
}
.grid-card-wrapper {
position: relative;
margin-top: 20px
}
@media print {
.grid-card-wrapper {
page-break-inside: avoid !important;
position: static !important;
height: 270px !important;
width: 25% !important;
float: left;
padding: 0 .76058%
}
.grid-card-wrapper .grid-card__title {
font-size: 16px
}
.grid-card-wrapper .grid-card__subtext p {
font-size: 12px
}
.grid-card-wrapper .grid-card__footer-content {
display: none
}
}
@media screen and (max-width: 43.6875rem) {
.grid-card-wrapper:first-child {
margin-top:0
}
}
@media screen and (min-width: 700px) {
.grid-card-wrapper {
margin-top:10px
}
}
@media screen and (min-width: 700px) {
.isotope-grid .grid-card-wrapper {
margin-top:3.0893%;
padding: 0 1.54465%
}
}
@media screen and (min-width: 1200px) {
.isotope-grid .grid-card-wrapper {
margin-top:1.52115%;
padding: 0 .76058%
}
}
.grid-card-wrapper--2x2 {
height: 382px
}
@media screen and (min-width: 700px) {
.grid-card-wrapper--2x2 {
height:576px
}
}
.grid-card-wrapper--2x2 .grid-card {
min-height: 100%
}
.grid-card {
background-color: #eee;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
min-height: 280px;
padding-top: 77px;
overflow: hidden;
height: 280px
}
.grid-card::after {
clear: both;
content: "";
display: block
}
@media print {
.grid-card {
background: none !important;
padding-top: 0;
min-height: 100%;
height: auto;
border: 1px solid #eee
}
}
.grid-card__image-fallback {
max-width: 100%;
height: auto;
display: none
}
@media print {
.grid-card__image-fallback {
display: block
}
}
@media screen and (min-width: 700px) {
.grid-card-wrapper--2x2 .grid-card {
padding-top:95px
}
}
@media screen and (min-width: 700px) {
.grid-card {
min-height:0
}
}
.grid-card__header {
padding: 15px 50px 15px 20px;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
-webkit-transition: height .3s ease-in-out, background .3s ease-in-out;
-moz-transition: height .3s ease-in-out, background .3s ease-in-out;
transition: height .3s ease-in-out, background .3s ease-in-out
}
@media print {
.grid-card__header {
background-color: transparent !important;
position: static;
max-height: none;
overflow: visible;
padding: 15px 15px 10px
}
}
[data-full-bleed='true'] .grid-card__header {
background-color: transparent
}
.grid-card__title,.grid-card__subtext,.grid-card__subtext .rich-text p {
text-align: center
}
@media screen and (min-width: 700px) {
.grid-card__title,.grid-card__subtext,.grid-card__subtext .rich-text p {
text-align:left
}
}
@media print {
.grid-card__title,.grid-card__subtext,.grid-card__subtext .rich-text p {
color: #333 !important;
opacity: 1 !important
}
}
[data-theme='dark'] .grid-card__title,[data-theme='dark'] .grid-card__subtext,[data-theme='dark'] .grid-card__subtext .rich-text p {
color: #fff
}
[data-organic='true'] .grid-card__title,[data-organic='true'] .grid-card__subtext,[data-organic='true'] .grid-card__subtext .rich-text p {
color: #fff
}
.grid-card__title {
font: normal 500 16px "probapro",Geogia,sans-serif;
font: normal 500 27px "probapro",Geogia,sans-serif
}
@media print {
.grid-card__title {
font: normal 500 16px "probapro",Geogia,sans-serif;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 2.4em;
white-space: normal;
padding-right: 1em
}
.grid-card__title:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.grid-card__title:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.grid-card__title:after {
border-right: 1em solid #fff
}
}
@media print {
.grid-card__title+p {
margin-top: 10px
}
.grid-card__title:after {
right: 0 !important;
bottom: auto !important
}
}
@media screen and (min-width: 700px) {
.grid-card__title {
text-align:left
}
}
.grid-card__subtext {
font: italic 400 20px "probapro",Geogia,sans-serif;
color: #333;
position: relative
}
.grid-card__subtext p {
margin-top: 0
}
@media print {
.grid-card__subtext {
font-size: 13px;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 3.6em;
white-space: normal;
padding-right: 1em
}
.grid-card__subtext:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.grid-card__subtext:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.grid-card__subtext:after {
border-right: 1em solid #fff
}
}
[data-hide-description='true'] .grid-card__subtext {
opacity: 0
}
.grid-card__image {
margin: 0 auto;
max-height: 180px
}
@media print {
.grid-card__image {
display: none
}
}
.grid-card--2x2 .grid-card__image {
max-height: none
}
.grid-card__product-content-section {
width: 100%
}
.grid-card__product-content-section::after {
clear: both;
content: "";
display: block
}
.grid-card__bg-overlay {
position: absolute;
width: 100%;
height: 160px;
top: 0;
background-color: #000;
opacity: .8;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
background: -moz- oldlinear-gradient(top, #000 0%, transparent 100%);
background: linear-gradient(to bottom, #000 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 )
}
@media print {
.grid-card__bg-overlay {
display: none
}
}
.grid-card__footer-content {
z-index: 2;
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
@media screen and (min-width: 700px) {
.grid-card__footer-content {
position:absolute;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
right: 20px
}
}
body.debugger--product-card [data-theme="no-theme"] .grid-card:after,.debugger--product-card.grid-debugger [data-theme="no-theme"] .grid-card:after {
content: "No Theme";
font: normal 500 12px "probapro",Geogia,sans-serif;
background-color: #ed1944;
position: absolute;
top: 0;
right: 0;
padding: 5px 10px;
color: #fff
}
.main-nav {
background: #2a8738;
height: 60px
}
.main-nav a:focus {
outline: 1px solid #c4d82d
}
.main-nav-toggle-menu {
float: left;
color: #fff;
font: normal 500 18px/60px "probapro",Geogia,sans-serif
}
.main-nav-toggle-menu:hover {
color: #fff
}
.main-nav-home {
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.main-nav-home--logo {
width: 100%;
height: 100%;
display: block;
position: relative
}
@media screen and (min-width: 700px) {
.main-nav-home {
opacity:0;
-webkit-transform: translate(-50%, 0) scale(0.9);
-moz-transform: translate(-50%, 0) scale(0.9);
-ms-transform: translate(-50%, 0) scale(0.9);
transform: translate(-50%, 0) scale(0.9);
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
visibility: hidden
}
}
@media screen and (min-width: 700px) {
.main-nav-home--solo-logo {
-webkit-transform:translate(-50%, 0) scale(1);
-moz-transform: translate(-50%, 0) scale(1);
-ms-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
opacity: 1;
visibility: visible
}
}
.main-nav-my-store {
float: left;
color: #fff;
line-height: 60px;
font: normal 500 19px/60px "probapro",Geogia,sans-serif;
opacity: 1;
-webkit-transition: opacity .075s ease-out;
-moz-transition: opacity .075s ease-out;
transition: opacity .075s ease-out
}
@media screen and (min-width: 700px) {
.main-nav-my-store {
padding-left:16px
}
}
.main-nav-my-store:hover {
color: white
}
.main-nav-my-store--loading {
opacity: 0
}
.main-nav-my-store:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 17px;
padding-right: 8px;
position: relative;
top: 1px;
color: #81c341;
float: left
}
.main-nav-my-store-arrow {
float: left;
position: relative
}
.main-nav-my-store-arrow:after {
color: #fff;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 15px;
position: absolute;
top: 2px;
right: -20px
}
.main-nav-my-store-arrow--open:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 15px;
top: 0
}
.main-nav-my-store-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: -moz-calc(50vw - 225px);
max-width: calc(50vw - 225px);
display: block
}
.main-nav-my-store__label {
color: #fff
}
.main-nav-my-store__address {
padding-left: 4px;
color: #fff
}
@media (max-width: 43.6875rem) {
.main-nav-nav-label {
display:none
}
}
.main-nav-basket {
float: right;
position: relative;
color: #fff;
line-height: 60px;
font: normal 500 19px/60px "probapro",Geogia,sans-serif;
cursor: default
}
.main-nav-basket--has-items {
cursor: pointer
}
.main-nav-basket:hover {
color: #fff
}
.main-nav-basket:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 17px;
padding-right: 8px;
position: relative;
top: 1px;
color: #81c341
}
@media screen and (min-width: 700px) {
.main-nav-basket--open:after {
content:"";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 15px;
top: 0
}
}
.main-nav-basket .basket-count {
font: normal 500 16px/60px "probapro",Geogia,sans-serif;
line-height: inherit;
margin-left: 5px;
letter-spacing: 1px
}
.main-nav-my-search {
float: right;
color: #81c341;
line-height: 60px;
font: normal 500 19px/60px "probapro",Geogia,sans-serif;
opacity: 1;
-webkit-transition: opacity .075s ease-out;
-moz-transition: opacity .075s ease-out;
transition: opacity .075s ease-out;
display: none
}
@media screen and (min-width: 700px) {
.main-nav-my-search {
display:block;
padding: 0 8px 0 16px;
margin-right: 36px
}
}
.main-nav-my-search:hover {
color: #81c341
}
.main-nav-my-search--open {
background: #268935
}
.main-nav-my-search .icon {
padding-right: 8px
}
.main-nav-my-search .icon--caret {
color: #fff;
font-size: 15px;
position: relative
}
.main-nav-my-search .icon--caret:after {
content: '';
position: absolute;
width: 1px;
height: 20px;
background-color: #fff;
top: -2px;
margin-left: 32px
}
.main-nav-hamburger {
width: 28px;
height: 60px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
float: left
}
.main-nav-hamburger span {
display: block;
position: absolute;
height: 2px;
width: 15px;
background: #81c341;
opacity: 1;
left: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.main-nav-hamburger span:nth-child(1) {
top: 24px
}
.main-nav-hamburger span:nth-child(2),.main-nav-hamburger span:nth-child(3) {
top: 30px
}
.main-nav-hamburger span:nth-child(4) {
top: 36px
}
body.open-nav .main-nav-hamburger span:nth-child(1),.open-nav.grid-debugger .main-nav-hamburger span:nth-child(1) {
left: 8px;
width: 0%;
opacity: 0
}
body.open-nav .main-nav-hamburger span:nth-child(2),.open-nav.grid-debugger .main-nav-hamburger span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 24px;
top: 29px;
left: -3px
}
body.open-nav .main-nav-hamburger span:nth-child(3),.open-nav.grid-debugger .main-nav-hamburger span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 24px;
top: 29px;
left: -3px
}
body.open-nav .main-nav-hamburger span:nth-child(4),.open-nav.grid-debugger .main-nav-hamburger span:nth-child(4) {
left: 8px;
width: 0%;
opacity: 0
}
.main-nav-mystore-flyout {
background: #fff;
padding: 16px 6.25%
}
@media screen and (max-width: 43.6875rem) {
.main-nav-mystore-flyout {
min-height:650px;
overflow-y: auto
}
}
@media screen and (min-width: 700px) {
.main-nav-mystore-flyout {
padding:32px 32px
}
}
.main-nav-mystore-flyout-not-my-store {
margin: 32px 0 0;
padding: 32px 0 0;
border-top: 1px solid #bfbfbf;
text-align: center
}
.main-nav-mystore-flyout-not-my-store__label {
font: italic 500 16px "probapro",Geogia,sans-serif;
display: inline-block;
padding-right: 32px
}
.main-nav-mystore-flyout-not-my-store__link {
display: inline-block;
margin-top: 0
}
.main-nav-basket-flyout {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 16px;
border-bottom: 1px solid #eee;
color: #2a8738;
text-align: center
}
.main-nav-basket-flyout__message {
font: normal 500 20px "probapro",Geogia,sans-serif;
padding-bottom: 8px;
border-bottom: 2px solid #eee
}
.subnav {
height: 100vh;
background: #333 url("/assets/images/header/subnav-texture.jpg") no-repeat;
background-size: 100% auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: -260px;
width: 260px;
padding: 0 32px;
z-index: 101;
overflow-y: auto
}
.subnav.hidden {
display: none
}
.subnav .search-input__input {
border: none
}
.subnav .search-input--compact {
position: static;
margin: 0
}
.subnav .search-input--compact input {
background: transparent;
height: 45px;
color: #fff;
padding-right: 16px
}
.subnav .search-input--compact .icon {
color: #2a8738;
font-size: 20px;
margin-top: -1px;
cursor: pointer
}
.subnav .search-input--compact ::-webkit-input-placeholder {
color: #fff
}
.subnav .search-input--compact ::-moz-placeholder {
color: #fff
}
.subnav .search-input--compact :-ms-input-placeholder {
color: #fff
}
.subnav .search-input--compact :-moz-placeholder {
color: #fff
}
.subnav .search-input__input-wrapper {
background: rgba(255,255,255,0.13);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.subnav .search-input__icon-submit {
position: relative;
width: 50px;
height: 45px;
cursor: pointer
}
@media screen and (min-width: 700px) {
.subnav {
padding:0;
left: -370px;
width: 370px
}
}
.subnav-container {
width: 100%;
padding: 30px 0;
margin: 0 auto
}
@media screen and (min-width: 700px) {
.subnav-container {
width:260px
}
}
.subnav--link {
display: block
}
.subnav--link a {
display: block;
color: #fff;
font: normal 500 16px/20px "probapro",Geogia,sans-serif;
margin: 8px 0 8px 16px;
margin-right: 1px;
-webkit-transform: color .075s ease-out;
-moz-transform: color .075s ease-out;
-ms-transform: color .075s ease-out;
transform: color .075s ease-out
}
.subnav--link a:hover {
color: #2a8738
}
.subnav--link a:focus {
outline: 1px solid #2a8738;
color: #2a8738
}
.subnav--link:first-child a {
margin-top: 1px
}
.subnav--link:last-child a {
margin-bottom: 20px
}
.subnav .accordion {
margin-top: 12px
}
.subnav .accordion>div {
border-bottom: 1px solid #bfbfbf;
background: transparent
}
.subnav .accordion>div:last-child {
border-bottom: none
}
.subnav .accordion [aria-expanded="true"] {
background: transparent
}
.subnav .accordion__link a,.subnav .accordion__link a:hover {
padding-top: 15px;
padding-bottom: 15px;
color: white;
display: block
}
.subnav .accordion__title {
position: relative;
color: white;
cursor: pointer;
padding-top: 15px;
padding-bottom: 15px
}
.subnav .accordion__title:focus {
outline: 1px solid #2a8738
}
.subnav .accordion__title:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '+';
font: normal 400 34px/54px "probapro",Geogia,sans-serif;
color: #2a8738;
content: '+'
}
.subnav .accordion__title[aria-expanded="true"]:after {
content: '-'
}
.subnav .accordion__body {
display: block
}
.subnav .accordion__body ul {
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
overflow-y: hidden
}
.subnav .subnav-social-links {
margin-top: 32px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.subnav .subnav-social-links__link>a {
-webkit-transform: scale(0.81);
-moz-transform: scale(0.81);
-ms-transform: scale(0.81);
transform: scale(0.81)
}
@media screen and (min-width: 700px) {
.subnav .subnav-social-links__link>a {
-webkit-transform:scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.subnav .subnav-social-links__link:last-child {
padding-right: 0
}
#notification {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #000;
color: #fff;
font-size: 26px;
height: 35px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
#notification p {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.125rem;
font-weight: 400;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 1045px) {
#notification p {
font-size:0.8125rem;
line-height: 1.142857143;
padding-right: 1rem
}
}
#notification span {
margin: 0 10px
}
@media (max-width: 1045px) {
#notification span {
margin:0 5px 0 10px
}
}
#notification span.learn-more-green a {
color: #81c341;
text-decoration: underline
}
#notification #close-notification {
position: absolute;
right: 25px;
font-size: 0.75rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
#notification #close-notification:hover {
cursor: pointer
}
@media (max-width: 768px) {
#notification #close-notification {
right:0
}
}
.notification-spacer {
margin-right: .70rem
}
.notification-hide-mobile {
display: block
}
@media (max-width: 940px) {
.notification-hide-mobile {
display:none !important
}
}
.header {
height: 60px;
position: fixed;
z-index: 100;
top: 0;
width: 100%;
left: 0
}
.header::after {
clear: both;
content: "";
display: block
}
@media print {
.header {
display: none
}
}
.header-fixed {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
-moz-transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -moz-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -moz-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
body.open-nav .header-fixed,.open-nav.grid-debugger .header-fixed {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
-moz-transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -moz-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -moz-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
-webkit-transform: translate(260px, 0);
-moz-transform: translate(260px, 0);
-ms-transform: translate(260px, 0);
transform: translate(260px, 0)
}
@media screen and (min-width: 700px) {
body.open-nav .header-fixed,.open-nav.grid-debugger .header-fixed {
-webkit-transform:translate(370px, 0);
-moz-transform: translate(370px, 0);
-ms-transform: translate(370px, 0);
transform: translate(370px, 0)
}
}
@media (max-width: 1200px) and (orientation: landscape) {
.header-fixed {
position:static
}
}
.header-click-blocker {
z-index: 99;
display: none;
width: 100%;
position: fixed;
top: 60px;
left: 0;
background: rbga(0, 0, 0, 0);
height: 100vh
}
body.open-nav .header-click-blocker,.open-nav.grid-debugger .header-click-blocker {
display: block
}
body.open-nav,.open-nav.grid-debugger {
overflow: hidden
}
.page-content {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
-moz-transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -moz-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
transition: transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -webkit-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95), -moz-transform 0.3s cubic-bezier(0.19, 0.15, 0.36, 0.95);
margin-top: 60px
}
body.open-nav .page-content,.open-nav.grid-debugger .page-content {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
-moz-transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -moz-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
transition: transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -webkit-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97), -moz-transform 0.4s cubic-bezier(0.25, 0.04, 0.22, 0.97);
-webkit-transform: translate(260px, 0);
-moz-transform: translate(260px, 0);
-ms-transform: translate(260px, 0);
transform: translate(260px, 0)
}
@media screen and (min-width: 700px) {
body.open-nav .page-content,.open-nav.grid-debugger .page-content {
-webkit-transform:translate(370px, 0);
-moz-transform: translate(370px, 0);
-ms-transform: translate(370px, 0);
transform: translate(370px, 0)
}
}
.skip-main:focus,.skip-main:active {
height: auto;
left: auto;
position: relative;
text-align: center;
width: auto;
z-index: 999
}
.hero-item {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
text-align: center;
padding: 32px 0 24px
}
.hero-item.application-error,.hero-item.page-not-found {
padding-bottom: 0
}
@media print {
.hero-item {
background: none !important;
padding-top: 0
}
.hero-item .wrapper,.hero-item .style-guide .icon-fonts,.style-guide .hero-item .icon-fonts {
max-width: 100%;
margin-left: 0;
margin-right: 0
}
.hero-item[data-show-logo-print="true"] .hero-logo {
display: block;
position: relative;
top: 30px;
width: 60px;
height: 60px;
margin: 0 0 30px
}
}
.hero-item::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.hero-item {
padding:56px 0 32px
}
}
@media print {
.hero-item .main-title,.hero-item .subtitle {
display: block !important;
text-align: left !important
}
}
@media print {
.hero-item .main-title,.hero-item .available-dates {
text-align: left;
color: #333
}
}
.hero-item .main-title {
text-align: center;
text-transform: uppercase;
font: normal 700 40px/1 "probapro",Geogia,sans-serif;
padding-top: 32px
}
@media screen and (min-width: 1200px) {
.hero-item .main-title {
font:normal 700 60px/1 "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.hero-item .main-title {
padding-top:0
}
}
.hero-item .main-title-primary {
display: block
}
.hero-item .main-title-secondary {
font-weight: 400;
font-style: normal;
letter-spacing: -.045em;
position: relative;
top: -5px
}
@media screen and (min-width: 1200px) {
.hero-item .main-title-secondary {
top:-10px
}
}
.hero-item .main-title+.subtitle {
margin: 16px 0
}
@media screen and (max-width: 43.6875rem) {
.hero-item .main-title+.subtitle {
margin:10px 0
}
}
.hero-item .subtitle {
font: normal 500 20px "probapro",Geogia,sans-serif;
display: inline-block;
text-align: center;
margin-bottom: 16px
}
.hero-item .hero-logo {
width: 130px;
height: 130px;
margin: 0 auto 20px;
display: none
}
@media screen and (min-width: 700px) {
.hero-item .hero-logo {
display:block
}
}
.hero-item .hero-info {
margin-top: 16px
}
.hero-item .hero-info>div {
display: inline-block
}
.hero-item .hero-info span {
vertical-align: middle;
font-size: 16px;
font-weight: normal
}
.hero-item .hero-info span span {
vertical-align: bottom
}
.hero-item .hero-info .icon-fm_clock,.hero-item .hero-info .icon-fm_bell {
color: #81c341;
margin-right: 10px
}
.hero-item .hero-info .separator {
margin: 0 25px;
display: inline-block;
height: 18px;
border-right: solid 1px #bfbfbf
}
.hero-item.homepage-hero .hero-logo {
margin-bottom: 16px
}
@media screen and (min-width: 1200px) {
.hero-item.homepage-hero .hero-logo {
width:130px;
margin-bottom: 56px
}
}
@media screen and (min-width: 1200px) {
.hero-item.homepage-hero .main-title {
font-size:86px
}
}
.hero-item.homepage-hero .homepage-hero__cta {
display: table;
margin: 24px auto 0
}
@media screen and (min-width: 1200px) {
.hero-item.homepage-hero .homepage-hero__cta {
min-width:188px;
margin-top: 32px
}
}
.hero-item .separator {
margin: 0 5px 0 15px;
display: inline-block;
height: 18px;
border-right: solid 1px #bfbfbf;
vertical-align: middle
}
.has-cta .main-title {
padding-top: 48px
}
@media print {
.has-cta .main-title {
padding-top: 20px
}
}
@media screen and (min-width: 700px) {
.has-cta .main-title {
padding-top:0
}
}
.hero-default {
position: relative
}
.hero-default .title {
color: #fff;
font-weight: 800;
min-height: 105px
}
.hero-light {
background-color: #fff;
padding-top: 32px
}
@media screen and (min-width: 700px) {
.hero-light {
padding-top:56px
}
}
.hero-light:before {
display: none
}
.hero-light .title {
color: #2a8738;
font-weight: 800;
min-height: 60px
}
.hero-light .subtitle {
color: #333
}
.hero-light .hero-logo {
width: 100px;
height: 100px
}
@media screen and (max-width: 43.6875rem) {
.hero-light .hero-logo {
display:none
}
}
.hero-no-logo {
padding-top: 32px
}
@media screen and (min-width: 700px) {
.hero-no-logo {
padding-top:64px
}
}
@media screen and (min-width: 1200px) {
.hero-no-logo {
padding-top:128px
}
}
.hero-select-block {
float: left;
display: block;
margin-right: 1.52115%;
width: 49.23942%;
margin-left: 25.38029%
}
.hero-select-block::after {
clear: both;
content: "";
display: block
}
.hero-select-block:last-child {
margin-right: 0
}
.hero-select-block .select-wrapper {
float: left;
display: block;
margin-right: 3.0893%;
width: 100%
}
.hero-select-block .select-wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 700px) {
.hero-select-block .select-wrapper {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.hero-select-block .select-wrapper:last-child {
margin-right: 0
}
.hero-select-block .select-wrapper:nth-child(2n) {
margin-right: 0
}
.hero-select-block .select-wrapper:nth-child(2n+1) {
clear: left
}
}
.home-specials-board {
position: relative
}
.home-specials-board__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.home-specials-board .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.home-specials-board .rich-text--step-list__direction .wrapper,.home-specials-board .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .home-specials-board .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.home-specials-board__intro {
margin-bottom: 30px;
line-height: 1.5
}
.home-specials-board__title {
position: relative;
padding-bottom: 50px
}
.home-specials-board__intro {
text-align: center
}
.home-specials-board__main-cta {
display: table;
margin: 40px auto 0
}
.image-module {
position: relative;
width: 100%;
overflow: hidden;
height: 40vh;
min-height: 240px;
max-height: 470px
}
@media screen and (min-width: 1200px) {
.image-module {
height:520px;
max-height: 520px
}
}
.image-module img {
display: block;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
height: 100%
}
@media screen and (min-width: 700px) {
.image-module img {
height:auto;
width: auto;
min-width: 100%;
min-height: 100%
}
}
@media screen and (min-width: 700px) {
.image-module--rich-media-image {
height:auto
}
}
.ingredient-list {
position: relative
}
.ingredient-list__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.ingredient-list .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.ingredient-list .rich-text--step-list__direction .wrapper,.ingredient-list .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .ingredient-list .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.ingredient-list__intro {
margin-bottom: 30px;
line-height: 1.5
}
.ingredient-list__list {
margin-top: 20px;
display: inline-block
}
.ingredient-list__list .ingredient-list__item {
font: normal 400 16px "probapro",Geogia,sans-serif;
line-height: 1.8;
position: relative;
padding-left: 16px
}
.ingredient-list__list .ingredient-list__item:before {
content: "\2022";
position: absolute;
left: 0
}
.lbm-detail-promo {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 260px
}
.lbm-detail-promo::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.lbm-detail-promo {
min-height:47vh
}
}
@media screen and (min-width: 81.25rem) {
.lbm-detail-promo {
min-height:56vh
}
}
.lbm-detail-promo__logo {
float: left;
margin-top: 20px;
width: 54px
}
@media screen and (min-width: 700px) {
.lbm-detail-promo__logo {
margin-top:40px;
width: 103px
}
}
.lbm-detail-promo--light .lbm-detail-promo__logo use {
fill: #333
}
.lbm-detail-promo--dark .lbm-detail-promo__logo use {
fill: #fff
}
.lbm-detail-promo__price-savings {
float: right;
color: #fff;
margin-top: 0px;
padding: 74px 15px 0 16px
}
@media screen and (min-width: 700px) {
.lbm-detail-promo__price-savings {
margin-top:0px;
padding: 74px 15px 0 16px
}
}
.lbm-detail-promo--light .lbm-detail-promo__price-savings {
color: #333
}
.lbm-detail-promo__price,.lbm-detail-promo__savings {
text-align: right;
display: block
}
.lbm-detail-promo__price {
font: normal 400 30px/1 "probapro",Geogia,sans-serif;
font: normal 400 48px/1 "probapro",Geogia,sans-serif;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
font-weight: 600
}
@media screen and (min-width: 700px) {
.lbm-detail-promo__price {
font:normal 400 48px/1 "probapro",Geogia,sans-serif;
font-weight: 600;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
}
.lbm-detail-promo__savings {
font: normal 700 11px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.lbm-detail-promo__savings {
font:normal 700 16px "probapro",Geogia,sans-serif
}
}
.lbm-home-promo {
position: relative
}
.lbm-home-promo__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.lbm-home-promo .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.lbm-home-promo .rich-text--step-list__direction .wrapper,.lbm-home-promo .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .lbm-home-promo .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.lbm-home-promo__intro {
margin-bottom: 30px;
line-height: 1.5
}
.lbm-home-promo--timberwolf {
background-color: #eee
}
.lbm-home-promo .lbm-whatsIncluded-wrapper {
display: none
}
.lbm-home-promo__title {
position: relative;
padding-bottom: 50px
}
.lbm-home-promo__intro {
text-align: center
}
.loading {
padding: 32px 0;
text-align: center;
min-height: 25vh
}
@media screen and (min-width: 700px) {
.loading {
min-height:40vh
}
}
@media screen and (min-width: 1200px) {
.loading {
min-height:50vh;
padding: 64px 0
}
}
.loading__icon-loading {
height: 110px
}
.loading__message {
color: #333;
font-weight: 500;
font-style: normal
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal .wrapper,.multiple-column-horizontal .style-guide .icon-fonts,.style-guide .multiple-column-horizontal .icon-fonts {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal--2-item .wrapper,.multiple-column-horizontal--2-item .style-guide .icon-fonts,.style-guide .multiple-column-horizontal--2-item .icon-fonts,.multiple-column-horizontal--4-item .wrapper,.multiple-column-horizontal--4-item .style-guide .icon-fonts,.style-guide .multiple-column-horizontal--4-item .icon-fonts {
-webkit-box-pack:center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.multiple-column-horizontal--recipe .multiple-column-horizontal__card-content {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
padding-top: 25px
}
.multiple-column-horizontal--recipe .multiple-column-horizontal__card-item {
background-color: transparent
}
.multiple-column-horizontal--recipe .multiple-column-horizontal__card-title {
color: #333
}
.multiple-column-horizontal--recipe .multiple-column-horizontal__card-cta {
position: static
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal--recipe .multiple-column-horizontal__card-cta {
display:table;
margin: 0 auto
}
}
.multiple-column-horizontal--horizontal-tout.multiple-column-horizontal--2-item .multiple-column-horizontal__card-wrapper {
width: 100%
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal--horizontal-tout.multiple-column-horizontal--2-item .multiple-column-horizontal__card-wrapper {
width:50%
}
}
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-overlay {
background: transparent
}
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-content {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
padding: 10px
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-content {
-webkit-box-flex:0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 10px 0;
background: transparent
}
}
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-title {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
color: #333
}
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-description {
margin-bottom: 10px;
color: #333
}
.multiple-column-horizontal--horizontal-tout .multiple-column-horizontal__card-cta {
margin-top: auto;
margin-bottom: auto
}
.multiple-column-horizontal__card-wrapper {
position: relative;
margin-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.multiple-column-horizontal__card-wrapper--no-desc .multiple-column-horizontal__card-title {
margin-bottom: 15px
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal__card-wrapper {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0
}
.multiple-column-horizontal__card-wrapper:last-child {
margin-right: 0
}
.multiple-column-horizontal__card-wrapper:nth-child(3n) {
margin-right: 0
}
.multiple-column-horizontal__card-wrapper:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-wrapper {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.multiple-column-horizontal__card-wrapper:last-child {
margin-right: 0
}
.multiple-column-horizontal__card-wrapper--cta-only .multiple-column-horizontal__card-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
padding: 0;
left: 0
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
.multiple-column-horizontal__card-wrapper--cta-only .multiple-column-horizontal__card-cta {
position:relative;
top: 30px
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-wrapper--no-desc .multiple-column-horizontal__card-title {
margin-bottom:0
}
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper {
width:25%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper:nth-child(3n) {
margin-right: 1.52115%
}
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper:nth-child(3n+1) {
clear: none
}
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper:nth-child(4n) {
margin-right: 0
}
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper:nth-child(4n+1) {
clear: left
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-wrapper {
margin-right:2.03854%
}
}
.multiple-column-horizontal__card-item {
position: relative
}
.multiple-column-horizontal__card-image-wrapper {
overflow: hidden;
position: relative;
font-size: 0
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-image-wrapper {
height:auto;
width: auto
}
}
.multiple-column-horizontal__card-image {
max-width: 100%;
height: auto;
display: block
}
.multiple-column-horizontal__card-content {
text-align: center;
padding: 20px;
background-color: #eee;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-content {
padding:0 25px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent;
z-index: 3
}
}
.multiple-column-horizontal__card-title {
font: normal 700 30px/1 "probapro",Geogia,sans-serif;
color: #333;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-title {
font:normal 700 48px/1 "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.multiple-column-horizontal__card-title {
font-size:28px
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-title {
font-size:30px;
color: #fff
}
.multiple-column-horizontal__card-title+.multiple-column-horizontal__card-cta {
margin-top: 15px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
}
.multiple-column-horizontal__card-description {
font: normal 500 18px "probapro",Geogia,sans-serif
}
@media screen and (max-width: 43.6875rem) {
.multiple-column-horizontal__card-description {
margin-bottom:10px
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-description {
color:#fff
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-overlay {
position:absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #333;
opacity: .3;
z-index: 1
}
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal--4-item .multiple-column-horizontal__card-title {
font-size:22px
}
}
.multiple-column-horizontal__card-cta {
display: inline-block
}
@media screen and (min-width: 1200px) {
.multiple-column-horizontal__card-cta {
margin:0
}
}
.news-flash {
text-align: center;
padding: 12px 32px
}
.news-flash__message-label {
color: #2a8738
}
.news-flash__message {
display: inline-block
}
.news-flash__message p,.news-flash__message span {
display: inline-block;
margin: 0;
line-height: 1.5
}
.news-flash__message span {
margin: 0 0.25rem
}
.news-flash--timberwolf {
background-color: #eee
}
.news-flash__cta {
padding-left: 16px;
display: inline-block
}
.no-match {
text-align: center
}
.no-match__message--important {
font-weight: 600;
font-style: normal
}
.no-match-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 43.6875rem) {
.no-match-buttons {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media screen and (min-width: 700px) {
.no-match-buttons {
margin-left:17.18155%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (min-width: 1200px) {
.no-match-buttons {
margin-left:25.38029%;
float: left;
display: block;
margin-right: 1.52115%;
width: 57.69952%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.no-match-buttons:last-child {
margin-right: 0
}
}
.no-match-buttons::after {
clear: both;
content: "";
display: block
}
.no-match-buttons__button {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width: 700px) {
.no-match-buttons__button {
float:left;
display: block;
margin-right: 3.73021%;
width: 37.76187%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.no-match-buttons__button:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.no-match-buttons__button {
float:left;
display: block;
margin-right: 2.63634%;
width: 26.68833%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.no-match-buttons__button:last-child {
margin-right: 0
}
}
.our-favorite-way {
text-align: center
}
.our-favorite-way * {
color: white
}
.our-favorite-way .wrapper,.our-favorite-way .style-guide .icon-fonts,.style-guide .our-favorite-way .icon-fonts {
padding: 30px 60px;
background-color: #2a8738
}
@media screen and (min-width: 700px) {
.our-favorite-way .wrapper,.our-favorite-way .style-guide .icon-fonts,.style-guide .our-favorite-way .icon-fonts {
padding:60px 120px
}
}
.our-favorite-way p {
line-height: 1.75
}
.our-favorite-way code {
font: italic 400 16px "probapro",Geogia,sans-serif;
background: transparent;
color: #fff;
padding: 20px 0 0;
margin: 0;
text-align: right;
white-space: normal
}
.our-favorite-way__title,.our-favorite-way h2,.our-favorite-way h3,.our-favorite-way h4,.our-favorite-way h5 {
font: normal 600 21px "probapro",Geogia,sans-serif
}
.our-favorite-way__title:after {
content: "";
display: block;
width: 92px;
height: 1px;
margin-top: 18px;
background-color: #fff;
margin: 16px auto 0;
opacity: .4
}
.product-cards {
position: relative;
clear: both
}
.product-cards::after {
clear: both;
content: "";
display: block
}
@media print {
.product-cards {
height: auto !important
}
.product-cards .grid-column-width {
display: none
}
}
@media screen and (min-width: 700px) {
.product-cards.isotope-grid {
margin:0 -1.54465%
}
}
@media screen and (min-width: 1200px) {
.product-cards.isotope-grid {
margin:0 -.76058%
}
}
.product-card-wrapper {
position: relative;
margin-top: 10px
}
@media print {
.product-card-wrapper {
page-break-inside: avoid !important;
position: static !important;
height: 300px !important;
width: 25% !important;
float: left;
padding: 0 .76058%
}
}
@media screen and (max-width: 43.6875rem) {
.product-card-wrapper:first-child {
margin-top:0
}
}
@media screen and (min-width: 700px) {
.isotope-grid .product-card-wrapper {
margin-top:3.0893%;
padding: 0 1.54465%
}
}
@media screen and (min-width: 1200px) {
.isotope-grid .product-card-wrapper {
margin-top:16px;
padding: 0 .76058%
}
}
.non-isotope-grid .product-card-wrapper {
padding: 0
}
.product-card-wrapper--2x2 {
height: 405px
}
@media screen and (min-width: 700px) {
.product-card-wrapper--2x2 {
height:576px
}
}
.product-card-wrapper--2x2 .product-card {
min-height: 100%
}
.product-card {
background-color: #eee;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
min-height: 300px;
padding-top: 77px;
overflow: hidden;
height: 280px
}
.product-card::after {
clear: both;
content: "";
display: block
}
.product-card[data-is-specials="false"]:hover {
cursor: pointer
}
@media print {
.product-card {
background: none !important;
padding-top: 0;
min-height: 100%;
height: auto;
border: 1px solid #eee
}
}
.product-card.expand .product-card__subtext {
max-height: none
}
.product-card__image-fallback {
max-width: 100%;
height: auto;
display: none
}
@media print {
.product-card__image-fallback {
display: block
}
}
@media screen and (min-width: 700px) {
.product-card-wrapper--2x2 .product-card {
padding-top:95px
}
}
@media screen and (min-width: 700px) {
.product-card {
min-height:0
}
}
.product-card__header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-height: 70px;
padding: 20px 15px 15px 20px;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
background-color: #eee;
-webkit-transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
transition: height 0.3s ease-in-out, background 0.3s ease-in-out
}
.product-card__header a {
max-width: -moz-calc(100% - 40px);
max-width: calc(100% - 40px)
}
@media print {
.product-card__header {
background-color: transparent !important;
position: static;
max-height: none;
overflow: visible;
padding: 15px 15px 10px
}
}
@media screen and (min-width: 700px) {
.product-card-wrapper--2x2 .product-card__header {
max-height:95px
}
}
.expand .product-card__header {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
max-height: none
}
[data-theme="light"] .expand .product-card__header {
background-color: rgba(0,0,0,0.3)
}
[data-theme="dark"] .expand .product-card__header {
background-color: rgba(255,255,255,0.3)
}
[data-organic="true"] .expand .product-card__header {
background-color: #2a8738
}
[data-full-bleed="true"] .product-card__header {
background-color: transparent
}
[data-organic="true"] .product-card__header {
background-color: #2a8738
}
[data-expand-title="true"] .product-card__header:hover {
cursor: pointer
}
.product-card__header>.icon-fm_expand {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
font-size: 12px;
opacity: 0;
cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none
}
@media print {
.product-card__header>.icon-fm_expand {
display: none !important
}
}
.product-card__header>.icon-fm_expand:before {
position: absolute;
bottom: 15px
}
[data-organic="true"] .product-card__header>.icon-fm_expand,[data-theme="dark"] .product-card__header>.icon-fm_expand {
color: white
}
[data-expand-title="true"] .product-card__header>.icon-fm_expand {
opacity: 1;
display: block
}
.product-card__title,.product-card__subtext {
overflow: hidden;
margin: 0
}
@media print {
.product-card__title,.product-card__subtext {
color: #333 !important;
opacity: 1 !important
}
}
.expand .product-card__title,.expand .product-card__subtext {
max-height: none;
overflow: visible
}
[data-theme="dark"] .product-card__title,[data-theme="dark"] .product-card__subtext {
color: #fff
}
[data-organic="true"] .product-card__title,[data-organic="true"] .product-card__subtext {
color: #fff
}
.product-card__title {
vertical-align: top;
color: #333;
font: normal 500 16px "probapro",Geogia,sans-serif;
max-height: 40px;
text-align: left;
width: 100%
}
@media print {
.product-card__title {
font: normal 500 16px "probapro",Geogia,sans-serif;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 2.4em;
white-space: normal;
padding-right: 1em
}
.product-card__title:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.product-card__title:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.product-card__title:after {
border-right: 1em solid #fff
}
}
@media print {
.product-card__title+h6 {
margin-top: 10px
}
.product-card__title:after {
right: 0 !important;
bottom: auto !important
}
}
@media screen and (min-width: 700px) {
.product-card--2x2 .product-card__title {
font:normal 500 27px "probapro",Geogia,sans-serif;
max-height: 64px
}
}
[data-expand-title="true"] .product-card__title:after {
content: "...";
position: absolute;
bottom: 16px;
right: 37px;
line-height: 1
}
[data-expand-dots="false"] .product-card__title:after {
content: none
}
.expand .product-card__title {
max-height: 100%;
overflow: visible
}
.expand .product-card__title:after {
content: none
}
.product-card__scale {
display: inline-block;
width: 25px;
margin-top: 5px;
margin-left: 10px
}
.product-card__scale img {
width: 100%
}
.product-card__scale .icon-fm_clock {
margin-right: 10px;
font-size: 1.5em
}
.product-card__scale .icon-fm_clock.icon-fm_clock--white {
color: #fff
}
.product-card__subtext {
font: italic 400 14px "probapro",Geogia,sans-serif;
max-height: 20px;
white-space: nowrap;
color: #333;
text-align: left;
position: relative;
text-transform: uppercase;
max-width: 90%
}
@media print {
.product-card__subtext {
font-size: 13px;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 3.6em;
white-space: normal;
padding-right: 1em
}
.product-card__subtext:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.product-card__subtext:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.product-card__subtext:after {
border-right: 1em solid #fff
}
}
[data-hide-description="true"] .product-card__subtext {
opacity: 0
}
.expand .product-card__subtext {
overflow: visible;
white-space: normal;
opacity: 1
}
@media screen and (min-width: 700px) {
.product-card--2x2 .product-card__subtext {
font:italic 400 20px "probapro",Geogia,sans-serif;
max-height: 25px
}
}
.product-card__image {
margin: 0 auto;
max-height: 180px
}
@media print {
.product-card__image {
display: none
}
}
.product-card--2x2 .product-card__image {
max-height: none
}
.product-card__product-content-section {
width: 100%
}
.product-card__product-content-section::after {
clear: both;
content: "";
display: block
}
.product-card__aside-content {
position: absolute;
z-index: 3;
padding: 20px 0 0 20px
}
@media print {
.product-card__aside-content {
padding: 10px 15px 0;
top: 0
}
.product-card__aside-content img {
width: 25px
}
}
[data-organic="true"] .product-card__main-content {
padding-top: 10px
}
.product-card__price-section {
padding: 20px 20px;
text-align: left;
position: absolute;
width: 100%;
bottom: 0
}
.product-card__price-section .product-card--2x2,.product-card--2x1 .product-card__price-section {
padding-bottom: 20px
}
@media print {
.product-card__price-section {
position: static;
padding: 0 15px 15px;
bottom: 15px
}
}
.product-card__price,.product-card__sale {
position: relative;
color: #fff;
z-index: 2;
margin: 0
}
.product-card__price {
font: normal 600 24px "probapro",Geogia,sans-serif;
color: #333
}
[data-theme="dark"] .product-card__price {
color: #fff
}
@media screen and (min-width: 700px) {
.product-card--2x2 .product-card__price {
font:normal 500 35px "probapro",Geogia,sans-serif
}
}
@media print {
.product-card__price {
font: normal 500 18px "probapro",Geogia,sans-serif;
color: #333 !important
}
}
.product-card__sale {
text-transform: uppercase;
font: normal 700 14px "probapro",Geogia,sans-serif;
color: #2a8738
}
[data-theme="dark"] .product-card__sale {
color: #fff
}
@media screen and (min-width: 700px) {
.product-card--2x2 .product-card__sale {
font:normal 700 20px "probapro",Geogia,sans-serif
}
}
@media print {
.product-card--2x2 .product-card__sale {
font: normal 700 20px "probapro",Geogia,sans-serif
}
}
@media print {
.product-card__sale,.product-card--2x2 .product-card__sale {
font: normal 500 14px "probapro",Geogia,sans-serif;
text-transform: none;
color: #2a8738 !important
}
}
.product-card__sold-out {
background-color: #ed1944;
color: #fff;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
z-index: 2;
padding: 3px 5px;
font: normal 600 16px "probapro",Geogia,sans-serif
}
@media print {
.product-card__sold-out {
display: none !important
}
}
.product-card__bg-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: #333;
opacity: 0.1;
z-index: 1
}
@media print {
.product-card__bg-overlay {
display: none
}
}
.product-card__add-to-basket {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
z-index: 2;
padding: 20px 20px 12px 20px
}
@media print {
.product-card__add-to-basket {
display: none !important
}
}
.product-card .basket-icon {
color: #333
}
[data-theme="dark"] .product-card .basket-icon {
color: white
}
.product-card .basket-icon[disabled],.product-card .basket-icon.disabled,.product-card .checkout__view .basket-icon.select-wrapper,.checkout__view .product-card .basket-icon.select-wrapper {
color: #bfbfbf;
cursor: default
}
.product-card .basket-icon:after {
font: normal 500 30px "probapro",Geogia,sans-serif;
content: "+";
position: absolute;
top: 45%;
left: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
body.debugger--product-card [data-theme="no-theme"] .product-card:after,.debugger--product-card.grid-debugger [data-theme="no-theme"] .product-card:after {
content: "No Theme";
font: normal 500 12px "probapro",Geogia,sans-serif;
background-color: #ed1944;
position: absolute;
top: 0;
right: 0;
padding: 5px 10px;
color: #fff
}
.expand .product-card__subtext {
width: 90%
}
.board--free-form .grid-card {
position: relative
}
.board--free-form .grid-card .grid-card__title {
max-height: none;
white-space: normal
}
.board--free-form .grid-card .grid-card__price {
font-weight: 500;
font-style: normal
}
.board--product .product-card {
position: relative
}
.board--product .product-card .product-card__title {
max-height: none;
display: inline;
white-space: normal
}
.board--product .product-card .product-card__price {
font-weight: 500;
font-style: normal
}
.board-wrapper-recipes__items,.board-wrapper-products__items {
clear: both
}
.board-wrapper-recipes__items::after,.board-wrapper-products__items::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 640px) {
.board-wrapper-recipes__items,.board-wrapper-products__items {
margin:0 -1.54465%
}
}
@media screen and (min-width: 1200px) {
.board-wrapper-recipes__items,.board-wrapper-products__items {
margin:0 -.76058%
}
}
.board-wrapper-recipes__no-results,.board-wrapper-products__no-results {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin: 32px 0 64px;
text-align: center
}
.board-wrapper-products__no-results {
clear: both
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.board-wrapper-recipes__filters {
overflow:hidden
}
}
.pagination__container {
position: relative
}
.pagination__list {
text-align: center
}
.pagination__list li {
display: inline-block;
padding: 5px
}
.pagination--hide-first-last-arrow li:first-child,.pagination--hide-first-last-arrow li:last-child {
display: none
}
section.product-detail {
margin-top: 0
}
@media screen and (min-width: 700px) {
.product-detail__left,.product-detail__body {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.product-detail__left:last-child,.product-detail__body:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.product-detail__left,.product-detail__body {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.product-detail__left:last-child,.product-detail__body:last-child {
margin-right: 0
}
}
.product-detail__left {
margin-bottom: 30px
}
@media screen and (min-width: 700px) {
.product-detail__left {
margin-bottom:0
}
}
@media screen and (min-width: 1200px) {
.product-detail__body {
padding:0 50px
}
}
.product-detail__heading {
font: normal 600 30px/1 "probapro",Geogia,sans-serif;
color: #2a8738;
margin-bottom: 30px
}
@media screen and (min-width: 1200px) {
.product-detail__heading {
font-size:48px
}
}
@media screen and (min-width: 700px) {
.product-detail__image {
width:100%
}
}
.product-detail__minOrderCopy {
margin-bottom: 16px
}
.product-detail__quantity,.product-detail__amount {
float: left;
min-width: 100px
}
.product-detail__quantity select,.product-detail__amount select {
color: #fff
}
.product-detail__quantity {
margin-right: 3.0893%
}
.product-detail__amount {
min-width: 138px
}
.product-detail__servingSize {
padding: 13px 20px
}
.product-detail__servingSize:hover {
cursor: default;
background-image: none;
background-color: #277C34
}
.product-detail__price {
margin: 15px 0 25px;
font: normal 600 30px "probapro",Geogia,sans-serif
}
.product-detail__avgOrderCopy {
font: normal 400 16px "probapro",Geogia,sans-serif;
margin-bottom: 4px
}
.product-detail__add-to-basket [class*='icon-fm'] {
margin-right: 10px;
font-size: 15px;
color: #c4d82d
}
.product-detail__details {
margin-top: 5px;
font: normal 400 16px/1.5 "probapro",Geogia,sans-serif
}
.product-detail__description {
margin-top: 20px;
line-height: 1.5
}
.product-detail__description-body {
margin-top: 0
}
.product-detail__error-message {
display: block;
margin: 0;
color: #ed1944;
font: normal 500 14px "probapro",Geogia,sans-serif
}
.product-detail--sold-out .product-detail__amount span {
background: #bfbfbf
}
.product-detail--sold-out .product-detail__add-to-basket {
display: inline-block;
margin-right: 16px
}
.product-detail--sold-out .product-detail__sold-out-message {
font: normal 600 16px "probapro",Geogia,sans-serif
}
.promo-card-wrapper .promo-card {
min-height: 100%
}
.promo-card-wrapper--2x2 {
height: 576px
}
@media screen and (max-width: 43.6875rem) {
.promo-card-wrapper--2x1,.promo-card-wrapper--2x2 {
height:562px
}
}
@media print {
.promo-card-wrapper {
overflow: hidden
}
}
.promo-card {
background-color: #eee;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
height: 280px;
padding: 20px
}
.promo-card::after {
clear: both;
content: "";
display: block
}
.promo-card--theme-light {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-align: center;
padding: 0 20px
}
@media screen and (min-width: 700px) {
.promo-card--theme-light {
padding:20px 48px
}
}
.promo-card--silhoutte-img {
color: #333
}
.promo-card--theme-dark {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #333
}
@media screen and (max-width: 43.6875rem) {
.promo-card--theme-dark {
-webkit-box-align:center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
}
@media screen and (min-width: 700px) {
.promo-card--theme-dark {
padding-top:15px
}
}
@media screen and (min-width: 700px) {
.promo-card.promo-card--theme-light.promo-card--2x1,.promo-card.promo-card--2x2.promo-card--silhoutte-img {
padding-bottom:28px
}
}
@media print {
.promo-card {
background: none !important;
padding: 0;
min-height: 100%;
height: auto;
border: 1px solid #eee;
overflow: hidden;
display: block;
text-align: left
}
}
.promo-card__image-fallback {
display: none
}
@media print {
.promo-card__image-fallback {
display: block;
position: relative;
width: 100%;
overflow: hidden
}
}
@media print {
.promo-card__image-fallback img {
max-width: 100%
}
}
.promo-card__content {
z-index: 3;
width: 100%
}
.promo-card--theme-light.promo-card--silhoutte-img .promo-card__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (min-width: 700px) {
.promo-card--theme-light.promo-card--silhoutte-img .promo-card__content {
-webkit-box-pack:justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media print {
.promo-card__content {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
}
.promo-card--theme-light .promo-card__header {
color: #fff
}
.promo-card--theme-dark .promo-card__header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 700px) {
.promo-card--theme-dark .promo-card__header {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media print {
.promo-card__header {
position: static;
max-height: none;
overflow: visible;
padding: 0 15px;
margin: 10px 0;
color: #000
}
}
.promo-card__logo {
width: 75px;
display: block;
margin: 0 auto
}
@media screen and (max-width: 43.6875rem) {
.promo-card__logo {
margin-bottom:8px
}
}
.promo-card__logo img {
max-width: 100%
}
@media screen and (min-width: 700px) {
.promo-card--theme-dark .promo-card__logo {
width:68px;
height: 68px;
margin: 0 16px 0 0
}
}
@media print {
.promo-card__logo {
display: none
}
}
.promo-card__header-content {
width: 100%
}
.promo-card--theme-light .promo-card__title {
font: normal 600 30px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.promo-card--theme-light .promo-card__title {
font:normal 600 34px "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.promo-card--has-logo.promo-card--2x1 .promo-card__title {
font:normal 600 30px "probapro",Geogia,sans-serif
}
}
.promo-card-wrapper .promo-card--theme-dark .promo-card__title {
font: normal 600 30px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.promo-card-wrapper .promo-card--theme-dark .promo-card__title {
font:normal 500 27px "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.promo-card--1x4 .promo-card__title {
font:normal 600 48px "probapro",Geogia,sans-serif
}
}
@media print {
.promo-card__title {
margin-bottom: 10px;
font-size: 18px !important;
max-height: 2.6em !important;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 2.4em;
white-space: normal;
padding-right: 1em
}
.promo-card__title:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.promo-card__title:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.promo-card__title:after {
border-right: 1em solid #fff
}
}
.promo-card__subtext {
position: relative;
font: italic 400 16px "probapro",Geogia,sans-serif
}
.promo-card--theme-light .promo-card__subtext {
font: italic 500 18px "probapro",Geogia,sans-serif
}
.promo-card--1x4 .promo-card__subtext {
font: normal 500 20px "probapro",Geogia,sans-serif
}
@media print {
.promo-card__subtext {
margin-top: 10px !important;
font-size: 14px !important;
font-style: italic !important;
max-height: 5.2em !important;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 4.8em;
white-space: normal;
padding-right: 1em
}
.promo-card__subtext:before {
content: '...' !important;
position: absolute;
right: 0;
bottom: 0
}
.promo-card__subtext:after {
content: '' !important;
position: absolute;
right: 0 !important;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff
}
}
@media print {
.promo-card__subtext:after {
border-right: 1em solid #fff
}
}
.promo-card__title,.promo-card__subtext {
margin: 0
}
.promo-card--theme-light.promo-card--silhoutte-img .promo-card__title,.promo-card--theme-light.promo-card--silhoutte-img .promo-card__subtext {
color: #333
}
@media print {
.promo-card__title,.promo-card__subtext {
color: #000;
font: normal 500 16px "probapro",Geogia,sans-serif
}
}
.promo-card__content-section::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.promo-card--silhoutte-img .promo-card__content-section {
-webkit-box-flex:1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media print {
.promo-card__content-section {
display: none
}
}
.promo-card__promo-content {
margin-top: 24px
}
.rich-text .promo-card__promo-content ul {
padding: 0
}
.rich-text .promo-card__promo-content p,.rich-text .promo-card__promo-content li {
font: normal 500 18px "probapro",Geogia,sans-serif;
margin: 0 0 12px
}
.rich-text .promo-card__promo-content li:before {
content: "\2022";
position: relative;
left: auto;
margin-right: 4px
}
.promo-card__image {
margin: 0 auto;
max-height: 150px
}
@media screen and (max-width: 43.6875rem) {
.promo-card__image {
max-height:220px
}
}
@media screen and (min-width: 700px) {
.promo-card--has-logo .promo-card__image {
max-height:130px
}
}
@media screen and (min-width: 700px) {
.promo-card--theme-light.promo-card--silhoutte-img .promo-card__image {
max-height:250px
}
}
.promo-card__footer {
margin-top: 28px
}
@media screen and (min-width: 700px) {
.promo-card--has-logo.promo-card--2x1 .promo-card__footer {
margin-top:5px
}
}
@media screen and (min-width: 700px) {
.promo-card-wrapper .promo-card--theme-dark .promo-card__footer {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 5px
}
}
@media print {
.promo-card__footer {
margin-top: 0
}
}
.promo-card__price-section {
margin-bottom: 10px
}
@media screen and (min-width: 700px) {
.promo-card-wrapper .promo-card--theme-dark .promo-card__price-section {
margin-bottom:0;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
}
.promo-card__price-section p {
margin: 0
}
@media print {
.promo-card__price-section {
margin-bottom: 0
}
}
.promo-card--theme-light .promo-card__price {
font: normal 500 30px "probapro",Geogia,sans-serif;
margin-bottom: 5px
}
@media screen and (min-width: 700px) {
.promo-card--theme-light .promo-card__price {
font:normal 500 35px "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.promo-card--theme-dark .promo-card__price {
font:normal 500 35px "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.promo-card--theme-light.promo-card--2x1 .promo-card__price {
font:normal 500 26px "probapro",Geogia,sans-serif
}
}
@media print {
.promo-card__price {
font-size: 17px !important;
font-weight: bold !important;
padding: 0 15px;
color: #333;
margin-bottom: 0
}
}
.promo-card--theme-light .promo-card__sale {
font: normal 700 14px "probapro",Geogia,sans-serif;
padding-bottom: 5px
}
@media print {
.promo-card__sale {
display: none
}
}
.promo-card__cta .button {
display: inline-block;
margin: 0
}
@media screen and (min-width: 700px) {
.promo-card--theme-dark .promo-card__cta {
margin-top:-5px
}
}
@media print {
.promo-card__cta {
display: none
}
}
.promo-card__bg-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #333;
opacity: .3;
z-index: 1
}
@media print {
.promo-card__bg-overlay {
display: none
}
}
.recipe-detail-page .hero-item .wrapper .hero-info span,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info span,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info span {
vertical-align: middle
}
.recipe-detail-page .hero-item .wrapper .hero-info .icon-fm_clock,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .icon-fm_clock,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .icon-fm_clock,.recipe-detail-page .hero-item .wrapper .hero-info .icon-fm_bell,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .icon-fm_bell,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .icon-fm_bell {
color: #81c341;
margin-right: 10px
}
.recipe-detail-page .hero-item .wrapper .hero-info .separator,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .separator,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .separator {
margin: 0 25px;
display: inline-block;
height: 18px;
border-right: solid 1px #bfbfbf
}
@media screen and (max-width: 43.6875rem) {
.recipe-detail-page .hero-item .wrapper .hero-info .rating-wrapper__separator,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .rating-wrapper__separator,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .rating-wrapper__separator {
display:none
}
}
.recipe-detail-page .hero-item .wrapper .hero-info .rating-wrapper__content,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .rating-wrapper__content,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .rating-wrapper__content {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media screen and (max-width: 43.6875rem) {
.recipe-detail-page .hero-item .wrapper .hero-info .rating-wrapper__content,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .rating-wrapper__content,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .rating-wrapper__content {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px
}
}
.recipe-detail-page .hero-item .wrapper .hero-info .rating-wrapper__label,.recipe-detail-page .hero-item .style-guide .icon-fonts .hero-info .rating-wrapper__label,.style-guide .recipe-detail-page .hero-item .icon-fonts .hero-info .rating-wrapper__label {
font: normal 600 16px "probapro",Geogia,sans-serif;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
@media print {
.recipe-detail-page .wrapper,.recipe-detail-page .style-guide .icon-fonts,.style-guide .recipe-detail-page .icon-fonts {
max-width: 100%
}
.recipe-detail-page .wrapper .hero__content-wrapper,.recipe-detail-page .style-guide .icon-fonts .hero__content-wrapper,.style-guide .recipe-detail-page .icon-fonts .hero__content-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.recipe-detail-page section .our-favorite-way,.recipe-detail-page section .image-module {
display: none
}
.recipe-detail-page section .ingredient-list {
margin: 0
}
.recipe-detail-page section .step-list {
margin: 0
}
.recipe-detail-page section .rich-text.rich-text--steps {
margin: 0px !important
}
.recipe-detail-page #reviews {
display: none
}
.recipe-detail-page .recipe-detail::after {
content: "For more recipes visit us online at www.thefreshmarket.com";
font-size: 1.25em;
font-weight: bold;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.recipe-detail-page ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.recipe-detail-page ul li {
width: 33%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.125em;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.recipe-detail-page ul li[itemprop="ingredients"]::before {
margin-right: 3px;
position: unset !important;
left: unset !important
}
.recipe-detail-page span.main-title-primary {
font-size: 20px;
text-align: center
}
.recipe-detail-page span.separator {
display: none !important
}
.recipe-detail-page span.icon-fm_ingredients,.recipe-detail-page span.icon-fm_directions {
font-size: 12px !important
}
.recipe-detail-page span.rating-wrapper {
display: none
}
.recipe-detail-page .title {
width: 100%;
min-height: unset !important
}
.recipe-detail-page h1 .main-title {
padding-top: 0px !important
}
.recipe-detail-page .rich-text.deploy-validate {
margin-top: 0px !important
}
.rich-text.deploy-validate div p {
margin: 0 !important;
}
.recipe-detail-page div[filter="ingredients"] p,.recipe-detail-page div[filter="ingredients"] ul {
margin: 5pt 0 0 0
}
.recipe-detail-page div[itemprop="recipeInstructions"] p {
margin: 8px 0
}
.recipe-detail-page .hero-item {
padding: 5px
}
.recipe-detail-page .hero-item .hero-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.recipe-detail-page .ingredient-list__title,.recipe-detail-page .step-list__title {
padding-left: 30px;
padding-top: 3px;
font-size: 16px
}
.recipe-detail-page .ingredient-list__title::after,.recipe-detail-page .step-list__title::after {
width: unset;
margin-top: 5px;
margin-left: -45px
}
.recipe-detail-page span[itemprop="prepTime"] {
margin-right: 20px
}
}
.recommendations {
position: relative
}
.recommendations__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.recommendations .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.recommendations .rich-text--step-list__direction .wrapper,.recommendations .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .recommendations .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.recommendations__intro {
margin-bottom: 30px;
line-height: 1.5
}
.recommendations__title {
padding-left: 0
}
.recommendations__title:after {
margin-left: 0
}
@media screen and (min-width: 700px) {
.recommendations__container {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
}
.recommendations__card-wrapper {
position: relative;
margin-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 700px) {
.recommendations__card-wrapper {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0
}
.recommendations__card-wrapper:last-child {
margin-right: 0
}
.recommendations__card-wrapper:nth-child(3n) {
margin-right: 0
}
.recommendations__card-wrapper:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.recommendations__card-wrapper {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.recommendations__card-wrapper:last-child {
margin-right: 0
}
}
.recommendations__card-item {
position: relative
}
.recommendations__card-image-wrapper {
overflow: hidden;
position: relative;
font-size: 0;
height: 48vw;
background-color: #bfbfbf
}
@media screen and (min-width: 700px) {
.recommendations__card-image-wrapper {
height:160px
}
}
@media screen and (min-width: 1200px) {
.recommendations__card-image-wrapper {
height:380px
}
}
.recommendations__card-image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
object-fit: cover
}
.recommendations__card-content {
text-align: center;
padding: 20px 0 20px 0;
background-color: #eee;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 1200px) {
.recommendations__card-content {
padding:0 25px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent
}
}
.recommendations__card-title {
font: normal 700 30px/1 "probapro",Geogia,sans-serif;
color: #333;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-size: 22px;
margin: 7px 10px 9px 10px
}
@media screen and (min-width: 1200px) {
.recommendations__card-title {
font:normal 700 48px/1 "probapro",Geogia,sans-serif
}
}
@media screen and (min-width: 700px) {
.recommendations__card-title {
margin-left:20px;
margin-right: 20px
}
}
@media screen and (min-width: 1200px) {
.recommendations__card-title {
margin:5px 25px 25px 20px;
font-size: 48px;
color: #fff
}
.recommendations__card-title+.recommendations__card-cta {
margin-top: 5px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
}
.recommendations__card-cta {
display: inline-block
}
.rich-text a {
text-decoration: underline
}
.rich-text h1 {
font: normal 600 24px "probapro",Geogia,sans-serif;
margin: 16px 0
}
.rich-text h2 {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin: 16px 0
}
.rich-text h3 {
text-transform: uppercase;
font: normal 700 14px "probapro",Geogia,sans-serif;
margin: 16px 0
}
.rich-text img {
max-width: 100%
}
.rich-text--steps .wrapper,.rich-text--steps .style-guide .icon-fonts,.style-guide .rich-text--steps .icon-fonts {
max-width: none
}
.rich-text--clear::after {
clear: both;
content: "";
display: block
}
.rich-text ul,.rich-text ol {
padding-left: 1em;
margin: 16px 0
}
.rich-text ul>li,.rich-text ol>li {
margin-bottom: 3px
}
.rich-text ul>li:last-child,.rich-text ol>li:last-child {
margin-bottom: 0
}
.rich-text ul>li>ul,.rich-text ul>li ol,.rich-text ol>li>ul,.rich-text ol>li ol {
margin: 3px 0
}
.rich-text ul>li>ul>li:before,.rich-text ul>li ol>li:before,.rich-text ol>li>ul>li:before,.rich-text ol>li ol>li:before {
content: ''
}
.rich-text ul>li>ul,.rich-text ol>li>ul {
margin: 3px 0;
list-style-type: circle
}
.rich-text ul {
position: relative
}
.rich-text ul li:before {
content: "\2022";
position: absolute;
left: 0
}
.rich-text ol {
list-style-type: decimal
}
.rich-text ol>li {
padding-left: 5px
}
.rich-media-wrapper {
position: relative
}
.rich-media-wrapper .rich-media__anchorID {
position: absolute;
top: -70px
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.rich-media-wrapper .rich-media__anchorID {
top:-15px
}
}
.search-results-list {
margin-top: 47px !important;
min-height: 20vh
}
@media screen and (min-width: 1200px) {
.search-results-list {
margin-top:59px !important
}
}
.search-results-list__header::after {
clear: both;
content: "";
display: block
}
.search-results-list__summary h2 {
font: normal 400 21px "probapro",Geogia,sans-serif
}
.search-results-list__summary h2 em {
font-weight: 600;
font-style: italic
}
@media screen and (min-width: 700px) {
.search-results-list__header .search-results-list__summary {
float:left;
display: block;
margin-right: 1.52115%;
width: 74.61971%
}
.search-results-list__header .search-results-list__summary:last-child {
margin-right: 0
}
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.search-results-list__header .search-results-list__summary {
float:left;
display: block;
margin-right: 1.52115%;
width: 57.69952%
}
.search-results-list__header .search-results-list__summary:last-child {
margin-right: 0
}
}
.search-results-list__container::after {
clear: both;
content: "";
display: block
}
.search-results-list__item {
border-bottom: 1px solid #bfbfbf
}
@media screen and (min-width: 1200px) {
.search-results-list__item {
float:left;
display: block;
margin-right: 1.52115%;
width: 74.61971%
}
.search-results-list__item:last-child {
margin-right: 0
}
}
.search-page-input {
background: #eee;
padding: 32px 0 !important
}
section.shopping-basket-module,section.shopping-basket-error {
margin-top: 0
}
.shopping-basket-module__disclaimer {
text-align: center;
margin: 0;
padding-bottom: 32px;
font: normal 400 20px "probapro",Geogia,sans-serif
}
.shopping-basket-module__container {
margin-top: 20px;
border: 2px solid #333
}
.shopping-basket-module__container__underline {
height: 5px;
width: 100%;
background: #2a8738;
margin-top: 20px
}
.shopping-basket-module__title {
margin-left: 1em;
font-weight: 700
}
.shopping-basket-header {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
font: normal 600 14px "probapro",Geogia,sans-serif;
padding: 8px 0;
display: none;
color: #fff;
background-color: #2a8738
}
.shopping-basket-header::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.shopping-basket-header {
display:block
}
}
.shopping-basket-header__product {
float: left;
display: block;
margin-right: 1.52115%;
width: 49.23942%;
padding-left: 32px;
text-transform: uppercase
}
.shopping-basket-header__product:last-child {
margin-right: 0
}
.shopping-basket-header__price,.shopping-basket-header__quantity,.shopping-basket-header__subtotal {
float: left;
display: block;
margin-right: 1.52115%;
width: 15.39904%;
text-align: center;
text-transform: uppercase
}
.shopping-basket-header__price:last-child,.shopping-basket-header__quantity:last-child,.shopping-basket-header__subtotal:last-child {
margin-right: 0
}
.shopping-basket-bottom {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shopping-basket-bottom::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.shopping-basket-bottom {
display:block
}
}
.shopping-basket-checkout-section {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 16px;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 700px) {
.shopping-basket-checkout-section {
width:70%;
margin-left: auto;
float: right;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media screen and (min-width: 960px) {
.shopping-basket-checkout-section {
width:auto
}
}
@media screen and (min-width: 1200px) {
.shopping-basket-checkout-section {
margin-right:20px
}
}
.shopping-basket-checkout__wrapper {
margin-left: 20px;
margin-bottom: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width: 700px) {
.shopping-basket-checkout__wrapper {
display:block;
margin-left: 0
}
}
.shopping-basket-checkout__quantity {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.shopping-basket-checkout__quantity,.shopping-basket-checkout__shipping {
text-align: right
}
.shopping-basket-checkout__basket-total {
font: normal 500 20px "probapro",Geogia,sans-serif;
margin: 0
}
.shopping-basket-checkout__shipping-total {
font: normal 600 20px "probapro",Geogia,sans-serif;
margin: 0
}
.shopping-basket-checkout__items {
margin: 0;
line-height: 20px
}
.shopping-basket-checkout__price-container {
margin-left: 1em;
width: 90px
}
.shopping-basket-checkout__total-price,.shopping-basket-checkout__total-shipping-cost {
font: normal 600 24px "probapro",Geogia,sans-serif;
max-width: 150px;
margin: 0 20px 16px auto;
text-align: center
}
@media screen and (min-width: 700px) {
.shopping-basket-checkout__total-price,.shopping-basket-checkout__total-shipping-cost {
margin-left:0
}
}
.shopping-basket-checkout__error-message {
position: absolute;
right: 0;
bottom: -12px
}
.shopping-basket-checkout__error-message p {
font: normal 500 14px "probapro",Geogia,sans-serif;
color: #ed1944;
margin: 0
}
.continue-shopping-button {
margin-left: auto;
margin-top: 16px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
@media screen and (min-width: 700px) {
.continue-shopping-button {
margin-top:32px;
margin-left: 0;
float: left;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
}
.checkout-button {
margin-left: auto
}
@media screen and (min-width: 700px) {
.checkout-button {
margin-top:16px;
margin-left: auto
}
}
section.specials-board {
margin: 25px 0
}
@media screen and (min-width: 700px) {
section.specials-board {
margin:45px 0
}
}
@media screen and (min-width: 700px) {
section.specials-board .specials-filter-menu {
float:left
}
}
@media print {
section.specials-board {
margin-left: -.76058%;
margin-right: -.76058%;
margin-top: 0
}
section.specials-board .wrapper,section.specials-board .style-guide .icon-fonts,.style-guide section.specials-board .icon-fonts {
max-width: 100%;
margin: 0 auto
}
}
.step-list {
position: relative
}
.step-list__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.step-list .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.step-list .rich-text--step-list__direction .wrapper,.step-list .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .step-list .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.step-list__intro {
margin-bottom: 30px;
line-height: 1.5
}
@media screen and (min-width: 700px) {
.store-map-and-detail {
position:relative;
padding: 16px 0
}
}
@media screen and (min-width: 700px) {
.store-map-and-detail .map {
height:auto;
position: absolute;
top: 0;
left: 0
}
}
@media screen and (min-width: 700px) {
.store-map-and-detail-group--ctas {
display:inline-block;
padding-right: 0
}
}
@media screen and (min-width: 1200px) {
.store-map-and-detail-group--ctas {
display:block;
padding-right: 8px
}
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail {
position:relative;
padding: 16px 0;
height: 600px
}
}
.stores-locator-map-and-detail-overlay {
background: white;
position: relative;
z-index: 2;
padding: 16px 0
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail-overlay {
float:left;
display: block;
margin-right: 1.52115%;
width: 40.77933%;
height: 568px;
padding: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.stores-locator-map-and-detail-overlay:last-child {
margin-right: 0
}
}
.stores-locator-map-and-detail-options {
padding: 16px 0;
position: relative
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail-options {
padding:16px
}
}
.stores-locator-map-and-detail-options input {
width: 100%;
padding-right: 56px
}
.stores-locator-map-and-detail-options input::-ms-clear {
display: none
}
.stores-locator-map-and-detail-options__search-btn {
display: block;
background: transparent;
height: 40px;
width: 40px;
cursor: pointer;
position: absolute;
right: 8px;
top: 16px
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail-options__search-btn {
right:16px
}
}
.stores-locator-map-and-detail-options__search-btn:after {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 20px;
position: relative;
top: 2px;
right: 4px;
color: #333
}
.stores-locator-map-and-detail-no-results {
font-weight: 700;
font-style: normal;
color: #ed1944
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail-accordion-wrap {
margin-right:-8px;
padding: 0 16px;
overflow-x: hidden;
overflow-y: scroll;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
max-height: 459px
}
}
.stores-locator-map-and-detail-accordion-wrap .accordion__body {
background: #f7f7f7;
-webkit-animation: none;
-moz-animation: none;
animation: none;
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out
}
.stores-locator-map-and-detail-accordion-wrap .accordion__body--hidden {
display: block;
opacity: 1;
-webkit-animation: none;
-moz-animation: none;
animation: none;
overflow: hidden;
max-height: 0;
visibility: hidden
}
.stores-locator-map-and-detail-search-title {
font: normal 400 24px/68px "probapro",Geogia,sans-serif
}
.stores-locator-map-and-detail-sublinks {
padding-bottom: 16px;
max-width: 415px
}
.stores-locator-map-and-detail-sublinks::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail-sublinks {
padding:0 16px 16px
}
}
.stores-locator-map-and-detail-sublinks__link {
width: 50%;
float: left
}
.stores-locator-map-and-detail-sublinks__link a {
font: normal 500 16px/28px "probapro",Geogia,sans-serif;
display: inline-block;
width: 100%
}
.stores-locator-map-and-detail-sublinks__link--full-list {
position: relative;
padding-left: 16px
}
.stores-locator-map-and-detail-sublinks__link--full-list a:before {
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 14px;
position: relative;
left: -6px;
padding-right: 8px;
color: #81c341
}
@media screen and (min-width: 1200px) {
.stores-locator-map-and-detail .map {
height:auto;
position: absolute;
top: 0;
left: 0
}
}
.text-rich-media {
position: relative
}
.text-rich-media__anchorID {
position: absolute;
top: -70px
}
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem) {
.text-rich-media__anchorID {
top:-15px
}
}
.text-rich-media__asset {
min-height: 100px
}
.text-rich-media__asset::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 700px) {
.text-rich-media__asset {
margin-bottom:16px
}
.text-rich-media--one-half .text-rich-media__asset {
width: 50%
}
.text-rich-media--one-third .text-rich-media__asset {
width: 33.33%
}
.text-rich-media--one-fourth .text-rich-media__asset {
width: 25%
}
.text-rich-media--right .text-rich-media__asset {
float: right;
margin-left: 56px
}
.text-rich-media--left .text-rich-media__asset {
float: left;
margin-right: 56px
}
.text-rich-media--Video .text-rich-media__asset {
margin-bottom: 24px
}
}
@media screen and (max-width: 43.6875rem) {
.text-rich-media__asset {
margin-bottom:40px
}
}
.text-rich-media__image img {
max-width: 100%
}
.text-rich-media__caption {
font: italic 400 14px "probapro",Geogia,sans-serif;
margin-top: 5px;
display: block
}
.text-rich-media__content .rich-text p {
margin: 0 0 24px
}
.text-rich-media__content .rich-text p:last-child {
margin-bottom: 0
}
.text-rich-media__content .rich-text h1,.text-rich-media__content .rich-text h2,.text-rich-media__content .rich-text h3 {
font: normal 600 16px "probapro",Geogia,sans-serif;
text-transform: uppercase;
margin-top: 0
}
.text-rich-media__content .rich-text ul li:before,.text-rich-media__content .rich-text ol li:before {
position: relative;
margin-right: 10px
}
.text-rich-media__content .button {
display: inline-block;
margin: 24px 0 0
}
@media screen and (max-width: 43.6875rem) {
.text-rich-media {
display:-webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.think-deliciously {
position: relative
}
.think-deliciously__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.think-deliciously .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.think-deliciously .rich-text--step-list__direction .wrapper,.think-deliciously .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .think-deliciously .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.think-deliciously__intro {
margin-bottom: 30px;
line-height: 1.5
}
.think-deliciously__intro {
text-align: center
}
.think-deliciously .button-primary {
margin-top: 20px
}
@media screen and (min-width: 700px) {
.think-deliciously .button-primary {
display:table;
margin: 40px auto
}
}
section.think-deliciously-card-grid {
margin: 25px 0
}
@media screen and (min-width: 700px) {
section.think-deliciously-card-grid {
margin:45px 0
}
}
.three-col-list--bg-color-gray {
background-color: #eee
}
.three-col-list__title+.rich-text {
margin-top: 16px
}
.three-col-list__ul {
display: block
}
.three-col-list__ul::after {
clear: both;
content: "";
display: block
}
.three-col-list__list-item {
position: relative;
padding-left: 10px;
margin-bottom: 10px
}
@media screen and (min-width: 700px) {
.three-col-list__list-item {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.three-col-list__list-item:last-child {
margin-right: 0
}
.three-col-list__list-item:nth-child(2n) {
margin-right: 0
}
.three-col-list__list-item:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.three-col-list__list-item {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%
}
.three-col-list__list-item:nth-child(2n) {
margin-right: 1.52115%
}
.three-col-list__list-item:nth-child(2n+1) {
clear: none
}
.three-col-list__list-item:last-child {
margin-right: 0
}
.three-col-list__list-item:nth-child(3n) {
margin-right: 0
}
.three-col-list__list-item:nth-child(3n+1) {
clear: left
}
}
.three-col-list__list-item .rich-text p {
margin-top: 0;
margin-bottom: 0
}
.three-col-list__list-item:before {
content: ".";
position: absolute;
left: 0;
top: -4px
}
.three-col-list__intro {
margin-bottom: 0;
}
.three-col-list__ingredients li {
position: relative;
padding-left: 12px
}
@media screen and (min-width: 700px) {
.three-col-list__ingredients li {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.three-col-list__ingredients li:last-child {
margin-right: 0
}
.three-col-list__ingredients li:nth-child(2n) {
margin-right: 0
}
.three-col-list__ingredients li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.three-col-list__ingredients li {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%
}
.three-col-list__ingredients li:nth-child(2n) {
margin-right: 1.52115%
}
.three-col-list__ingredients li:nth-child(2n+1) {
clear: none
}
.three-col-list__ingredients li:last-child {
margin-right: 0
}
.three-col-list__ingredients li:nth-child(3n) {
margin-right: 0
}
.three-col-list__ingredients li:nth-child(3n+1) {
clear: left
}
}
.three-col-list__ingredients li:before {
content: ".";
position: absolute;
left: 0;
line-height: 16px
}
.video-module {
position: relative
}
.video-module__title+:not(.module-wrapper__intro):not(.cook-time-servings) {
margin-top: 30px
}
.video-module .cook-time-servings+.rich-text--step-list__direction {
margin-top: 0
}
.video-module .rich-text--step-list__direction .wrapper,.video-module .rich-text--step-list__direction .style-guide .icon-fonts,.style-guide .video-module .rich-text--step-list__direction .icon-fonts {
max-width: initial;
margin: 0
}
.video-module__intro {
margin-bottom: 30px;
line-height: 1.5
}
.catalog-iframe {
border: none;
width: 100%;
height: 652px;
max-width: 1200px;
display: block;
margin: 0 auto
}
section.checkout {
margin-top: 0
}
.checkout {
margin-top: 0
}
@media screen and (max-width: 43.6875rem) {
.checkout-hero {
top:0
}
}
.checkout__step {
margin-bottom: 10px
}
@media screen and (min-width: 700px) {
.checkout__step {
margin-bottom:20px
}
}
.checkout__step--active .checkout__heading {
background-color: #eee;
color: #333
}
.checkout__step--active .checkout__title:before {
background-color: #2a8738;
color: #fff
}
.checkout__step--active .checkout__body {
-webkit-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
-moz-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
max-height: 9999px
}
.checkout__step--completed .checkout__body {
-webkit-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
-moz-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
max-height: 9999px
}
.checkout__step--completed .checkout__edit {
display: none
}
.checkout__step--completed .checkout__view {
display: block
}
.checkout__step--completed .checkout__edit-button {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.checkout__intro {
margin-bottom: 30px
}
.checkout__heading {
font: normal 600 24px "probapro",Geogia,sans-serif;
position: relative;
border-bottom: 1px solid #fff;
padding: 32px;
background-color: #bfbfbf;
color: #fff
}
.checkout__heading::after {
clear: both;
content: "";
display: block
}
.checkout__title {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.checkout__title:before {
content: attr(data-count);
display: inline-block;
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
color: #bfbfbf;
text-align: center;
font-size: 14px;
line-height: 30px;
margin-right: 10px
}
@media screen and (max-width: 43.6875rem) {
.checkout__title {
font-size:20px
}
}
.checkout__edit-button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 16px;
cursor: pointer;
display: none;
color: #2a8738
}
.checkout__edit-button:after {
display: none
}
.checkout__body {
overflow: hidden;
background-color: #eee;
max-height: 0
}
.checkout__body>div {
padding: 32px
}
.checkout__view {
display: none
}
.checkout__view::after {
clear: both;
content: "";
display: block
}
.checkout__view h3 {
font: normal 500 20px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.checkout__half-summary {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout__half-summary:last-child {
margin-right: 0
}
.checkout__half-summary:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__half-summary {
float:left;
display: block;
margin-right: 1.52115%;
width: 23.85913%
}
.checkout__half-summary:last-child {
margin-right: 0
}
}
.checkout__full-summary {
padding-top: 16px
}
.checkout__full-summary::after {
clear: both;
content: "";
display: block
}
.checkout__full-summary p {
white-space: pre-line
}
.checkout form input[type=text],.checkout form input[type=tel],.checkout form input[type=email] {
width: 100%
}
.checkout form .form-group {
padding-bottom: 20px
}
.checkout__form-heading {
margin-bottom: 20px
}
@media screen and (min-width: 700px) {
.checkout .shipping-city,.checkout .shipping-state,.checkout .shipping-zip {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.checkout .shipping-city:last-child,.checkout .shipping-state:last-child,.checkout .shipping-zip:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout .shipping-city,.checkout .shipping-state,.checkout .shipping-zip {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%
}
.checkout .shipping-city:last-child,.checkout .shipping-state:last-child,.checkout .shipping-zip:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout .country-city,.checkout .state-zip {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.checkout .country-city:last-child,.checkout .state-zip:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.checkout .billing-country,.checkout .billing-city,.checkout .billing-state,.checkout .billing-zip {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout .billing-country:last-child,.checkout .billing-city:last-child,.checkout .billing-state:last-child,.checkout .billing-zip:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout .billing-country,.checkout .billing-city,.checkout .billing-state,.checkout .billing-zip {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout .billing-country:last-child,.checkout .billing-city:last-child,.checkout .billing-state:last-child,.checkout .billing-zip:last-child {
margin-right: 0
}
}
.checkout__shipping-form .checkbox-label,.checkout__billing-form .checkbox-label {
font: normal 700 14px "probapro",Geogia,sans-serif
}
@media screen and (min-width: 700px) {
.checkout__shipping-form .company,.checkout__shipping-form .shipping-address,.checkout__shipping-form .billing-address,.checkout__billing-form .company,.checkout__billing-form .shipping-address,.checkout__billing-form .billing-address {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout__shipping-form .company:last-child,.checkout__shipping-form .shipping-address:last-child,.checkout__shipping-form .billing-address:last-child,.checkout__billing-form .company:last-child,.checkout__billing-form .shipping-address:last-child,.checkout__billing-form .billing-address:last-child {
margin-right: 0
}
.checkout__shipping-form .company:nth-child(2n),.checkout__shipping-form .shipping-address:nth-child(2n),.checkout__shipping-form .billing-address:nth-child(2n),.checkout__billing-form .company:nth-child(2n),.checkout__billing-form .shipping-address:nth-child(2n),.checkout__billing-form .billing-address:nth-child(2n) {
margin-right: 0
}
.checkout__shipping-form .company:nth-child(2n+1),.checkout__shipping-form .shipping-address:nth-child(2n+1),.checkout__shipping-form .billing-address:nth-child(2n+1),.checkout__billing-form .company:nth-child(2n+1),.checkout__billing-form .shipping-address:nth-child(2n+1),.checkout__billing-form .billing-address:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.checkout__shipping-form .company,.checkout__shipping-form .shipping-address,.checkout__shipping-form .billing-address,.checkout__billing-form .company,.checkout__billing-form .shipping-address,.checkout__billing-form .billing-address {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.checkout__shipping-form .company:nth-child(2n),.checkout__shipping-form .shipping-address:nth-child(2n),.checkout__shipping-form .billing-address:nth-child(2n),.checkout__billing-form .company:nth-child(2n),.checkout__billing-form .shipping-address:nth-child(2n),.checkout__billing-form .billing-address:nth-child(2n) {
margin-right: 1.52115%
}
.checkout__shipping-form .company:nth-child(2n+1),.checkout__shipping-form .shipping-address:nth-child(2n+1),.checkout__shipping-form .billing-address:nth-child(2n+1),.checkout__billing-form .company:nth-child(2n+1),.checkout__billing-form .shipping-address:nth-child(2n+1),.checkout__billing-form .billing-address:nth-child(2n+1) {
clear: none
}
.checkout__shipping-form .company:last-child,.checkout__shipping-form .shipping-address:last-child,.checkout__shipping-form .billing-address:last-child,.checkout__billing-form .company:last-child,.checkout__billing-form .shipping-address:last-child,.checkout__billing-form .billing-address:last-child {
margin-right: 0
}
.checkout__shipping-form .company:nth-child(2n),.checkout__shipping-form .shipping-address:nth-child(2n),.checkout__shipping-form .billing-address:nth-child(2n),.checkout__billing-form .company:nth-child(2n),.checkout__billing-form .shipping-address:nth-child(2n),.checkout__billing-form .billing-address:nth-child(2n) {
margin-right: 0
}
.checkout__shipping-form .company:nth-child(2n+1),.checkout__shipping-form .shipping-address:nth-child(2n+1),.checkout__shipping-form .billing-address:nth-child(2n+1),.checkout__billing-form .company:nth-child(2n+1),.checkout__billing-form .shipping-address:nth-child(2n+1),.checkout__billing-form .billing-address:nth-child(2n+1) {
clear: left
}
}
.checkout__shipping-form .continue,.checkout__billing-form .continue {
text-align: right
}
.checkout__shipping-form .continue .button,.checkout__billing-form .continue .button {
margin: 0;
display: inline-block
}
@media screen and (min-width: 700px) {
.checkout__billing-form .email,.checkout__billing-form .phone {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.checkout__billing-form .email:last-child,.checkout__billing-form .phone:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .email,.checkout__billing-form .phone {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%
}
.checkout__billing-form .email:last-child,.checkout__billing-form .phone:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.checkout__billing-form .card-name,.checkout__billing-form .card-type {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout__billing-form .card-name:last-child,.checkout__billing-form .card-type:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .card-name,.checkout__billing-form .card-type {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.checkout__billing-form .card-name:last-child,.checkout__billing-form .card-type:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.checkout__billing-form .card-number {
float:left;
display: block;
margin-right: 3.0893%;
width: 65.6369%
}
.checkout__billing-form .card-number:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .card-number {
float:left;
display: block;
margin-right: 2.29922%;
width: 71.86772%
}
.checkout__billing-form .card-number:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.checkout__billing-form .card-verification {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.checkout__billing-form .card-verification:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .card-verification {
float:left;
display: block;
margin-right: 2.29922%;
width: 25.83307%
}
.checkout__billing-form .card-verification:last-child {
margin-right: 0
}
}
@media screen and (min-width: 700px) {
.checkout__billing-form .expiration-month,.checkout__billing-form .expiration-year {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.checkout__billing-form .expiration-month:last-child,.checkout__billing-form .expiration-year:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .expiration-month,.checkout__billing-form .expiration-year {
float:left;
display: block;
margin-right: 4.70665%;
width: 47.64667%
}
.checkout__billing-form .expiration-month:last-child,.checkout__billing-form .expiration-year:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .card-number-verfication {
float:left;
display: block;
margin-right: 1.52115%;
width: 66.15962%
}
.checkout__billing-form .card-number-verfication:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1200px) {
.checkout__billing-form .month-year {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%;
margin-right: 0
}
.checkout__billing-form .month-year:last-child {
margin-right: 0
}
}
.checkout__billing-form .address-group {
overflow: hidden;
-webkit-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
-moz-transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
transition: max-height 0.3s cubic-bezier(0.42, 0, 1, 1);
max-height: 999px
}
.checkout__billing-form .address-group.hide {
-webkit-transition: none;
-moz-transition: none;
transition: none;
max-height: 0
}
.checkout__billing-form .address-group.hide>div {
display: none
}
.checkout__billing-form .continue {
clear: both
}
.homepage-shop-banner {
width: 50%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 2%;
margin-bottom: -3%
}
.homepage-shop-banner:hover {
cursor: pointer
}
@media (max-width: 701px) {
.homepage-shop-banner {
width:100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: -2%
}
}
.homepage-shop-banner .ribbon {
width: 20%
}
.homepage-shop-banner .ribbon img {
width: 100%
}
@media (max-width: 701px) {
.homepage-shop-banner .ribbon img {
display:none
}
}
.homepage-shop-banner .ribbon .desktop-copy {
position: absolute;
display: block;
width: 5%;
-webkit-transform: translate(15%, -115%);
-moz-transform: translate(15%, -115%);
-ms-transform: translate(15%, -115%);
transform: translate(15%, -115%)
}
.homepage-shop-banner .ribbon .desktop-copy p {
display: block;
font-size: 1vw;
font-weight: 500
}
.homepage-shop-banner .ribbon .desktop-copy p span {
font-weight: 700
}
@media (max-width: 767px) {
.homepage-shop-banner .ribbon .desktop-copy {
display:none
}
}
.homepage-shop-banner .ribbon p {
display: none
}
@media (max-width: 701px) {
.homepage-shop-banner .ribbon p {
display:block;
font-size: 3vw;
color: #333;
text-align: center
}
}
.homepage-shop-banner .ribbon p span {
font-weight: bold
}
@media (max-width: 701px) {
.homepage-shop-banner .ribbon {
width:100%
}
}
.homepage-shop-banner .cards {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 80%;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-moz-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding: 2%
}
@media (max-width: 701px) {
.homepage-shop-banner .cards {
width:100%;
margin: 0 auto
}
}
.homepage-shop-banner .cards .card-1 {
width: 30%;
border-right: 2px solid gray
}
.homepage-shop-banner .cards .card-1 img {
width: 45%;
margin: 0 auto;
display: block
}
@media (max-width: 767px) {
.homepage-shop-banner .cards .card-1 img {
width:50%
}
}
.homepage-shop-banner .cards .card-1 p {
text-align: center;
color: #333;
font-size: 1vw
}
@media (max-width: 701px) {
.homepage-shop-banner .cards .card-1 p {
font-size:3vw
}
}
.homepage-shop-banner .cards .card-2 {
width: 30%;
border-right: 2px solid gray
}
.homepage-shop-banner .cards .card-2 img {
width: 45%;
margin: 0 auto;
display: block
}
@media (max-width: 767px) {
.homepage-shop-banner .cards .card-2 img {
width:50%
}
}
.homepage-shop-banner .cards .card-2 p {
text-align: center;
color: #333;
font-size: 1vw
}
@media (max-width: 701px) {
.homepage-shop-banner .cards .card-2 p {
font-size:3vw
}
}
.homepage-shop-banner .cards .card-3 {
width: 30%
}
.homepage-shop-banner .cards .card-3 img {
width: 45%;
margin: 0 auto;
display: block
}
@media (max-width: 767px) {
.homepage-shop-banner .cards .card-3 img {
width:50%
}
}
.homepage-shop-banner .cards .card-3 p {
text-align: center;
color: #333;
font-size: 1vw
}
@media (max-width: 701px) {
.homepage-shop-banner .cards .card-3 p {
font-size:3vw
}
}
.style-guide .color-list {
margin-top: 20px
}
.style-guide .color-list::after {
clear: both;
content: "";
display: block
}
.style-guide .color-item {
float: left;
display: block;
margin-right: 4.70665%;
width: 47.64667%;
padding: 5px 0
}
.style-guide .color-item:last-child {
margin-right: 0
}
.style-guide .color-item:nth-child(2n) {
margin-right: 0
}
.style-guide .color-item:nth-child(2n+1) {
clear: left
}
@media screen and (min-width: 700px) {
.style-guide .color-item {
float:left;
display: block;
margin-right: 3.0893%;
width: 31.2738%
}
.style-guide .color-item:nth-child(2n) {
margin-right: 3.0893%
}
.style-guide .color-item:nth-child(2n+1) {
clear: none
}
.style-guide .color-item:last-child {
margin-right: 0
}
.style-guide .color-item:nth-child(3n) {
margin-right: 0
}
.style-guide .color-item:nth-child(3n+1) {
clear: left
}
}
.style-guide .color-item__block {
margin: 0 auto;
width: 100%;
height: 60px
}
.style-guide .color-item__block--sea-green {
background: #2a8738
}
.style-guide .color-item__block--sushi {
background: #81c341
}
.style-guide .color-item__block--key-lime {
background: #c4d82d
}
.style-guide .color-item__block--yellow {
background: #ffda00
}
.style-guide .color-item__block--blue {
background: #00a6c9
}
.style-guide .color-item__block--persian-green {
background: #04b59f
}
.style-guide .color-item__block--purple {
background: #7f58a5
}
.style-guide .color-item__block--orange {
background: #f57f29
}
.style-guide .color-item__block--red {
background: #ed1944
}
.style-guide .color-item__block--white {
background: #fff
}
.style-guide .color-item__block--alabaster {
background: #f7f7f7
}
.style-guide .color-item__block--timberwolf {
background: #eee
}
.style-guide .color-item__block--silver {
background: #bfbfbf
}
.style-guide .color-item__block--disabled {
background: #767676
}
.style-guide .color-item__block--mine-shaft {
background: #333
}
.style-guide .color-item__block--black {
background: #000
}
.style-guide .color-item__block--mud {
background: #794f17
}
.style-guide .color-item__code {
font: monospace;
text-align: center;
padding-bottom: 0
}
.style-guide .color-item__name {
font: normal 400 14px "Source Code Pro",monospace;
text-align: center;
padding-top: 0
}
.style-guide .ctas-wrapper::after {
clear: both;
content: "";
display: block
}
@media screen and (min-width: 320px) {
.style-guide .ctas-item {
float:left;
display: block;
margin-right: 1.52115%;
width: 100%
}
.style-guide .ctas-item:last-child {
margin-right: 0
}
}
@media screen and (min-width: 43.6875rem) {
.style-guide .ctas-item {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%;
text-align: center
}
.style-guide .ctas-item:last-child {
margin-right: 0
}
}
.style-guide .icon-fonts__section-title {
margin-bottom: 20px
}
.style-guide .icon-fonts__glyph-list::after {
clear: both;
content: "";
display: block
}
.style-guide .icon-fonts__glyph-item {
margin-bottom: 1.25rem
}
@media screen and (min-width: 700px) {
.style-guide .icon-fonts__glyph-item {
float:left;
display: block;
margin-right: 3.0893%;
width: 48.45535%
}
.style-guide .icon-fonts__glyph-item:last-child {
margin-right: 0
}
.style-guide .icon-fonts__glyph-item:nth-child(2n) {
margin-right: 0
}
.style-guide .icon-fonts__glyph-item:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 1200px) {
.style-guide .icon-fonts__glyph-item {
float:left;
display: block;
margin-right: 1.52115%;
width: 32.31923%
}
.style-guide .icon-fonts__glyph-item:nth-child(2n) {
margin-right: 1.52115%
}
.style-guide .icon-fonts__glyph-item:nth-child(2n+1) {
clear: none
}
.style-guide .icon-fonts__glyph-item:last-child {
margin-right: 0
}
.style-guide .icon-fonts__glyph-item:nth-child(3n) {
margin-right: 0
}
.style-guide .icon-fonts__glyph-item:nth-child(3n+1) {
clear: left
}
}
.style-guide .icon-fonts__bshadow {
font-size: 2rem;
padding: 11px 11px 11px 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.style-guide .icon-fonts__bshadow [class*='icon-fm'] {
margin-right: .625rem;
position: relative
}
.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest {
font-size: 20px;
border-color: #333;
margin-left: -20px
}
.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube:hover,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest:hover {
border-color: #333
}
.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_facebook+span,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_twitter+span,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_instagram+span,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_youtube+span,.style-guide .icon-fonts__bshadow [class*='icon-fm'].icon-fm_pinterest+span {
padding-left: 0
}
.style-guide .icon-fonts__bshadow [class*='icon-fm']:before {
color: #333
}
.style-guide .icon-fonts__bshadow>span:last-child {
padding-left: 20px
}
.style-guide .icon-fonts__fs0 {
display: block;
padding: 10px 0;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf
}
.style-guide .icon-fonts__fs0::after {
clear: both;
content: "";
display: block
}
.style-guide .icon-fonts__unit-right {
float: right
}
@media screen and (min-width: 700px) {
.style-guide .loaders__example {
float:left;
display: block;
margin-right: 1.52115%;
width: 49.23942%
}
.style-guide .loaders__example:last-child {
margin-right: 0
}
}
.style-guide .loaders__example.colored-bg {
background: #eee
}
.style-guide .typography .section-title {
padding-bottom: 20px
}
.style-guide .typography .typography-item {
padding: 16px 0 0;
border-bottom: 1px solid #bfbfbf
}
.style-guide .typography .font-regular-example {
font: normal 400 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-regular-italic-example {
font: italic 400 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-medium-example {
font: normal 500 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-medium-italic-example {
font: italic 500 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-semibold-example {
font: normal 600 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-semibold-italic-example {
font: italic 600 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-bold-example {
font: normal 700 30px "probapro",Geogia,sans-serif
}
.style-guide .typography .font-monotype-example {
font: normal 400 30px "Source Code Pro",monospace
}
.style-guide .typography .header-page-example {
text-transform: uppercase;
font: normal 700 40px/1 "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.style-guide .typography .header-page-example {
font:normal 700 60px/1 "probapro",Geogia,sans-serif
}
}
.style-guide .typography .header-promo-example {
font: normal 700 30px/1 "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.style-guide .typography .header-promo-example {
font:normal 700 48px/1 "probapro",Geogia,sans-serif
}
}
.style-guide .typography .header-section-example {
font: italic 400 30px/1 "probapro",Geogia,sans-serif
}
@media screen and (min-width: 1200px) {
.style-guide .typography .header-section-example {
font:italic 400 48px/1 "probapro",Geogia,sans-serif
}
}
.style-guide .typography .header-promo-sub-example {
font: normal 600 24px "probapro",Geogia,sans-serif
}
.style-guide .typography .header-results-title-example {
font: normal 400 21px "probapro",Geogia,sans-serif
}
.style-guide .typography .header-page-sub-example {
font: normal 500 20px "probapro",Geogia,sans-serif
}
.style-guide .typography .header-card-save-example {
text-transform: uppercase;
font: normal 700 14px "probapro",Geogia,sans-serif
}
.style-guide .typography .header-card-title-example {
font: normal 500 16px "probapro",Geogia,sans-serif
}
.style-guide .typography .header-sub-description-example {
font: italic 400 16px "probapro",Geogia,sans-serif
}
.style-guide .rich-text-example>.wrapper,.style-guide .rich-text-example>.icon-fonts {
margin-bottom: -16px
}
.style-guide .rich-text-example>.wrapper h1,.style-guide .rich-text-example>.icon-fonts h1 {
margin-bottom: 0;
border-bottom: 1px solid #333
}
.style-guide .grid-examples::after {
clear: both;
content: "";
display: block
}
.style-guide .grid-examples .fm-cell {
background: #c4d82d;
padding: 16px;
border: 1px solid #2a8738;
border-top: 0
}
.style-guide .shopping-basket-module .basket-item__remove-section,.style-guide .shopping-basket-module select {
pointer-events: none
}
.style-guide .wrapper>h1,.style-guide .icon-fonts>h1,.style-guide .wrapper>h2,.style-guide .icon-fonts>h2 {
margin: 32px 0 16px
}
.campaign-section__info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media screen and (max-width: 43.6875rem) {
.campaign-section__info {
display:block
}
}
@media screen and (min-width: 700px) {
.campaign-section__logo {
margin-right:45px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
}
.campaign-section__logo img {
height: 97px;
margin-bottom: 10px
}
@media screen and (min-width: 700px) {
.campaign-section__logo img {
height:140px;
margin-bottom: 0
}
}
.campaign-section__date {
min-height: 136px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width: 43.6875rem) {
.campaign-section__date {
min-height:97px;
margin: 30px 0
}
}
@media screen and (min-width: 700px) {
.campaign-section__date {
padding-top:20px;
display: block;
min-height: initial
}
}
@media screen and (max-width: 43.6875rem) {
.campaign-image-wrapper {
height:310px;
overflow: hidden
}
}
@media screen and (min-width: 700px) {
.campaign-image-wrapper {
margin-bottom:-20px
}
}
@media screen and (max-width: 43.6875rem) {
.campaign-image-wrapper .campaign-image {
height:100%;
min-width: 100%;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media screen and (min-width: 700px) {
.campaign-image-wrapper .campaign-image {
width:100%
}
}
.checkout-success {
text-align: center;
padding-bottom: 64px
}
@media screen and (min-width: 700px) {
.checkout-success {
padding-bottom:128px
}
}
.checkout-success__confirmation-number {
display: block;
font-weight: 600;
font-style: normal;
padding-top: 8px
}
.checkout-success__continue-button {
margin-top: 32px
}
@media screen and (min-width: 700px) {
.checkout-success__continue-button {
display:inline-block
}
}
.weekly-fallback-wrapper {
text-align: center
}
.weekly-fallback-message {
font: normal 500 20px "probapro",Geogia,sans-serif
}
.day-fallback-wrapper {
text-align: center
}
.day-fallback-message {
font: normal 500 20px "probapro",Geogia,sans-serif
}
.no-day-specials {
text-align: center
}
.no-day-specials h1 {
font-weight: 700;
font-style: normal;
font-size: -moz-calc(10vw);
font-size: calc(10vw);
color: #2a8738;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1.1
}
@media screen and (min-width: 480px) {
.no-day-specials h1 {
line-height:1;
font-size: 40px
}
}
@media screen and (min-width: 1200px) {
.no-day-specials h1 {
font-size:60px
}
}
.no-day-specials p {
font: normal 500 18px "probapro",Geogia,sans-serif
}
.press-releases-table {
max-width: 100% !important
}
.press-release-header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #2a8738;
padding: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px
}
.press-release-header__archive a {
color: #fff;
text-decoration: underline
}
.ind-release {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
border-bottom: 1px solid black
}
.ind-release-date {
width: 30%
}
.ind-release-title {
width: 50%;
padding-left: 30px
}
.ind-release-more {
width: 150px;
position: absolute;
right: 15px
}
.archive-big-button {
max-width: 15em;
margin-top: 2em
}
.press-release {
max-width: 75%
}
.press-room-contact-individual .press-room-contact {
width: 75%
}
.press-room-contact {
margin: 50px auto;
max-width: 100% !important
}
.press-room-contact-title {
border-bottom: 1px solid black;
padding: 10px
}
.press-room-contact-contacts {
width: 40%
}
.press-room-contact-about {
width: 60%
}
.press-room-contact-cards {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 15px;
margin-top: 15px
}
.press-room-individual-contact-card {
margin-bottom: 45px
}
.press-room-contact-card-name {
font-weight: 700
}
.press-room-contact-card-icons {
color: #2a8738;
font-size: 1.5em
}
.press-room-contact-about p {
margin: 5px
}
.press-room-p-header {
font-weight: 700
}
.press-room-icon {
margin-right: 15px
}
.press-release-photo-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.press-release-image-title {
text-align: center;
font-weight: 700
}
.press-release-ind-item {
width: 33%;
max-height: 14vw;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 1em;
padding-bottom: 1em
}
.press-release-ind-item:focus {
outline: 1px solid white
}
.press-release-image {
overflow: hidden;
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.press-release-ind-image {
max-height: 100%;
max-width: 100%
}
.press-release-image-title-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.press-release-info {
min-height: 1.5em;
font-weight: 700;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.press-release-capsule-holder {
position: absolute;
top: 50px
}
.press-release-download {
font-size: 15px;
margin-left: 20px
}
.release-teaser-image {
width: 100%
}
.media-gallery {
width: 60%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.media-gallery-type {
width: 100%
}
.media-gallery-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto
}
.media-gallery-h2 {
margin-bottom: 30px;
border-bottom: 2px solid #bfbfbf
}
.ind-media-item {
width: 32%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 0.5% 15px 0.5%
}
.media-gallery-image {
width: 100%;
height: 18vw;
overflow: hidden;
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.media-gallery-title-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.media-gallery-ind-image {
height: 100%;
min-width: 100%
}
.media-gallery-info {
min-height: 1.5em;
font-weight: 700
}
.title-bold {
font-weight: 700;
font-size: 1.125em
}
.download-img-link {
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
font-size: 6em;
background: #2a8738;
opacity: 0;
-webkit-transition: 350ms;
-moz-transition: 350ms;
transition: 350ms
}
.download-img-link:hover {
opacity: 0.85
}
@media screen and (max-width: 43.6875rem) {
.press-release-capsule-holder {
top:18px;
left: 5px
}
.press-room-contact-about {
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 50px
}
.press-room-contact-contacts {
width: 100%
}
.ind-release-more {
width: 95%;
position: unset
}
.archive-big-button {
max-width: unset
}
.ind-release {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.ind-release-date {
text-align: center;
width: 100%
}
.ind-release-title {
width: 95%;
text-align: center;
font-weight: 700
}
.press-release-header::after {
content: 'Press Releases';
margin: 0 auto;
font-size: 1.4em
}
.press-release-header__date,.press-release-header__title,.press-release-header__archive {
display: none
}
.press-release-photo-grid {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.media-gallery-image {
height: 40vw
}
.ind-media-item {
width: 99%
}
.press-release-ind-item {
width: 100%;
max-height: 45vw
}
}
.is-vishidden,.offscreen,.tfm-small-test,.tfm-medium-test,.tfm-large-test,.skip-main {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.grid-debugger.debug {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.tfm-small-test,.tfm-medium-test,.tfm-large-test {
display: none
}
@media screen and (min-width: 320px) {
.tfm-small-test {
display:block
}
}
@media screen and (min-width: 700px) {
.tfm-small-test {
display:none
}
}
@media screen and (min-width: 1200px) {
.tfm-small-test {
display:none
}
}
@media screen and (min-width: 700px) {
.tfm-medium-test {
display:block
}
}
@media screen and (min-width: 1200px) {
.tfm-medium-test {
display:none
}
}
@media screen and (min-width: 1200px) {
.tfm-large-test {
display:block
}
}
.subnav-app-download {
margin: 30px 0;
color: #ffffff
}
@media screen and (min-width: 700px) {
.subnav-app-download {
display:block
}
}
.subnav-app-download__statement {
margin-bottom: 15px
}
.subnav-app-download img:first-of-type {
margin-right: 10px
}
@media screen and (min-width: 1200px) {
.subnav-app-download img:first-of-type {
margin-right:20px
}
}
.subnav-app-download img {
height: 30px
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow {
margin-left: -8px;
position: absolute
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
top: 0;
margin-top: -8px
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle,.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #f0f0f0
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae
}
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative
}
.react-datepicker__triangle {
position: absolute;
left: 50px
}
.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
margin-top: -20px
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative
}
.react-datepicker__header__dropdown--select {
margin-top: -16px
}
.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select {
display: inline-block;
margin: 0 2px
}
.react-datepicker__current-month {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem
}
.react-datepicker__current-month--hasYearDropdown {
margin-bottom: 16px
}
.react-datepicker__navigation {
line-height: 1.7rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
width: 0;
border: 0.45rem solid transparent;
z-index: 1
}
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc
}
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3
}
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc
}
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc
}
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc
}
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3
}
.react-datepicker__month-container {
display: inline;
float: left
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem
}
.react-datepicker__day-name,.react-datepicker__day {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem
}
.react-datepicker__day {
cursor: pointer
}
.react-datepicker__day:hover {
border-radius: 0.3rem;
background-color: #f0f0f0
}
.react-datepicker__day--today {
font-weight: bold
}
.react-datepicker__day--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff
}
.react-datepicker__day--highlighted:hover {
background-color: #32be3f
}
.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff
}
.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover {
background-color: #1d5d90
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
background-color: rgba(33,107,165,0.5)
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
background-color: #f0f0f0;
color: #000
}
.react-datepicker__day--disabled {
cursor: default;
color: #ccc
}
.react-datepicker__day--disabled:hover {
background-color: transparent
}
.react-datepicker__input-container {
position: relative;
display: inline-block
}
.react-datepicker__year-read-view {
width: 50%;
left: 25%;
position: absolute;
bottom: 25px;
border: 1px solid transparent;
border-radius: 0.3rem
}
.react-datepicker__year-read-view:hover {
cursor: pointer
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
border-top-color: #b3b3b3
}
.react-datepicker__year-read-view--down-arrow {
border-top-color: #ccc;
margin-bottom: 3px;
left: 5px;
top: 9px;
position: relative;
border-width: 0.45rem
}
.react-datepicker__year-read-view--selected-year {
right: 0.45rem;
position: relative
}
.react-datepicker__year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae
}
.react-datepicker__year-dropdown:hover {
cursor: pointer
}
.react-datepicker__year-dropdown--scrollable {
height: 150px;
overflow-y: scroll
}
.react-datepicker__year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto
}
.react-datepicker__year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem
}
.react-datepicker__year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem
}
.react-datepicker__year-option:hover {
background-color: #ccc
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3
}
.react-datepicker__year-option--selected {
position: absolute;
left: 30px
}
.react-datepicker__close-icon {
background-color: transparent;
border: 0;
cursor: pointer;
display: inline-block;
height: 0;
outline: 0;
padding: 0;
vertical-align: middle
}
.react-datepicker__close-icon::after {
background-color: #216ba5;
border-radius: 50%;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
content: "\00d7";
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 1;
margin: -8px auto 0;
padding: 2px;
position: absolute;
right: 7px;
text-align: center;
top: 50%
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left
}
.react-datepicker__tether-element {
z-index: 2147483647
}
.fm-datepicker-error .react-datepicker__input-container {
border: 1px solid #ed1944
}
.react-datepicker__input-container {
margin-top: 10px;
width: 100%;
border-radius: 3px
}
.react-datepicker__input-container:after {
pointer-events: none;
content: "";
font-family: "freshmarket-icons";
font-weight: normal;
font-size: 14px;
color: #c4d82d;
position: absolute;
right: 12px;
top: 10px
}
.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range {
background-color: #2a8738
}
.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover {
background-color: #2a8738
}
.react-datepicker__day:not(.react-datepicker__day--disabled):hover {
background-color: #c4d82d
}
@font-face {
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/Glyphicons Halflings/Glyphicons Halflings-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Glyphicons Halflings/Glyphicons Halflings-regular.woff2") format("woff2"),url("/assets/fonts/Glyphicons Halflings/Glyphicons Halflings-regular.woff") format("woff"),url("/assets/fonts/Glyphicons Halflings/Glyphicons Halflings-regular.ttf") format("truetype"),url("/assets/fonts/Glyphicons Halflings/Glyphicons Halflings-regular.svg#Glyphicons Halflings") format("svg")
}
@font-face {
font-family: ProbaPro-Medium;
font-style: normal;
font-weight: 500;
src: url("/assets/fonts/ProbaPro-Medium/ProbaPro-Medium-medium.woff2") format("woff2"),url("/assets/fonts/ProbaPro-Medium/ProbaPro-Medium-medium.woff") format("woff")
}
@font-face {
font-family: PropbaPro-Regular;
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/PropbaPro-Regular/PropbaPro-Regular-regular.woff2") format("woff2"),url("/assets/fonts/PropbaPro-Regular/PropbaPro-Regular-regular.woff") format("woff")
}
@font-face {
font-family: icons;
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/icons/icons-regular.woff2") format("woff2"),url("/assets/fonts/icons/icons-regular.woff") format("woff")
}
.unata-widget.unata-login .registration-container {
height: 100%
}
.unata-widget.unata-login .registration-container>.link-group.icon-user.header-link {
height: 100%;
color: #2a8738;
font: normal 500 18px/60px "probapro",Geogia,sans-serif
}
.unata-widget.unata-login .registration-container>.link-group.icon-user.header-link::before {
color: #2a8738;
font-size: 18px;
line-height: 60px
}
.unata-widget.unata-search .search-bar-large form button {
right: 8px
}
.unata-widget.unata-search .search-bar-large form button::before {
font-size: 18px
}
.unata-collection-module .heading-container {
margin-bottom: 1em;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 43.6875rem) {
.unata-collection-module .heading-container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.unata-collection-module .heading-container .unata-cart {
margin-top: 1.5em
}
}
.unata-collection-module .slick-arrow {
visibility: visible
}
.unata-collection-module .slick-arrow::before {
background: none;
color: #333;
font-size: 2em;
-webkit-transition: color 150ms ease-in-out;
-moz-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out
}
.unata-collection-module .slick-arrow[aria-disabled='false']:hover::before {
color: #2a8738
}
.unata-collection-module .slick-arrow[aria-disabled='true'] {
cursor: auto
}
.unata-collection-module .slick-arrow[aria-disabled='true']::before {
color: #888
}