@font-face {
font-family: Roboto;
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.eot);
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.woff2) format("woff2"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.woff) format("woff"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.ttf) format("truetype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Meltow San 200 Handmade';
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.eot);
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.eot?#iefix) format("embedded-opentype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.woff2) format("woff2"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.woff) format("woff"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.ttf) format("truetype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/MeltowSan200-Handmade.svg#MeltowSan200-Handmade) format("svg");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: 'Prequel Rough';
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.eot);
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.eot?#iefix) format("embedded-opentype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.woff2) format("woff2"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.woff) format("woff"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.ttf) format("truetype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/PrequelRough-Regular.svg#PrequelRough-Regular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'City Streetwear US';
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.eot);
src: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.eot?#iefix) format("embedded-opentype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.woff2) format("woff2"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.woff) format("woff"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.ttf) format("truetype"), url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/fonts/CityStreetwearUS-Bold.svg#CityStreetwearUS-Bold) format("svg");
font-weight: 700;
font-style: normal
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
body {
background-color: #fff;
color: #3e441b;
font-family: Roboto, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
margin: 0;
padding: 0
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
hr {
height: 0;
overflow: visible;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
dfn {
font-style: italic
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #3e441b;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:hover {
color: #7b9c48;
text-decoration: underline
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
[tabindex="-1"]:focus {
outline: 0 !important
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
@media (max-width:767px) {
.alignleft {
display: block;
float: none;
margin-right: auto;
margin-left: auto
}
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
@media (max-width:767px) {
.alignright {
display: block;
float: none;
margin-right: auto;
margin-left: auto
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.inner {
max-width: 107.1875rem;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem
}
.inner-bleed {
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem
}
.inner-default {
max-width: 107.1875rem
}
@media only screen and (max-width:1680px) {
.inner-default {
max-width: 71.25rem
}
}
@media only screen and (max-width:1199px) {
.inner-default {
max-width: 60rem
}
}
@media only screen and (max-width:991px) {
.inner-default {
max-width: 45rem
}
}
@media only screen and (max-width:767px) {
.inner-default {
max-width: 33.75rem
}
}
.inner-narrow {
max-width: 92.8125rem
}
@media only screen and (max-width:1440px) {
.inner-narrow {
max-width: 71.25rem
}
}
@media only screen and (max-width:1199px) {
.inner-narrow {
max-width: 60rem
}
}
@media only screen and (max-width:991px) {
.inner-narrow {
max-width: 45rem
}
}
@media only screen and (max-width:767px) {
.inner-narrow {
max-width: 33.75rem
}
}
.inner-medium {
max-width: 75rem
}
@media only screen and (max-width:1366px) {
.inner-medium {
max-width: 71.25rem
}
}
@media only screen and (max-width:1199px) {
.inner-medium {
max-width: 60rem
}
}
@media only screen and (max-width:991px) {
.inner-medium {
max-width: 45rem
}
}
@media only screen and (max-width:767px) {
.inner-medium {
max-width: 33.75rem
}
}
.inner-small {
max-width: 73.125rem
}
@media only screen and (max-width:1199px) {
.inner-small {
max-width: 60rem
}
}
@media only screen and (max-width:991px) {
.inner-small {
max-width: 45rem
}
}
@media only screen and (max-width:767px) {
.inner-small {
max-width: 33.75rem
}
}
.inner-extra-small {
max-width: 67.5rem
}
@media only screen and (max-width:1199px) {
.inner-extra-small {
max-width: 60rem
}
}
@media only screen and (max-width:991px) {
.inner-extra-small {
max-width: 45rem
}
}
@media only screen and (max-width:767px) {
.inner-extra-small {
max-width: 33.75rem
}
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem
}
.row.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.col.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.col-xs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.col-xs-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-xs-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-xs-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-xs-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-xs-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-xs-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-xs-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-xs-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-xs-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-xs-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-xs-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-xs-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 0
}
.col-xs-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 8.33333%
}
.col-xs-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 16.66667%
}
.col-xs-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 25%
}
.col-xs-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 33.33333%
}
.col-xs-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 41.66667%
}
.col-xs-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 50%
}
.col-xs-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 58.33333%
}
.col-xs-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 66.66667%
}
.col-xs-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 75%
}
.col-xs-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 83.33333%
}
.col-xs-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 91.66667%
}
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 100%
}
.col-xs {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end
}
.top-col-xs {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.middle-col-xs {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.bottom-col-xs {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.around-xs {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between
}
.stretch-xs>[class*=col-],
.stretch-xs>[class^=col-] {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.stretch-xs>[class*=col-]>*,
.stretch-xs>[class^=col-]>* {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
@media only screen and (min-width:48em) {
.container {
width: 46rem
}
.col-sm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.col-sm-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-sm-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-sm-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-sm-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-sm-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-sm-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-sm-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 0
}
.col-sm-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 8.33333%
}
.col-sm-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 16.66667%
}
.col-sm-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 25%
}
.col-sm-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 33.33333%
}
.col-sm-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 41.66667%
}
.col-sm-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 50%
}
.col-sm-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 58.33333%
}
.col-sm-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 66.66667%
}
.col-sm-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 75%
}
.col-sm-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 83.33333%
}
.col-sm-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 91.66667%
}
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 100%
}
.col-sm {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end
}
.top-col-sm {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.middle-col-sm {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.bottom-col-sm {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.around-sm {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media only screen and (min-width:62em) {
.container {
width: 61rem
}
.col-md {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.col-md-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-md-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-md-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-md-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-md-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 0
}
.col-md-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 8.33333%
}
.col-md-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 16.66667%
}
.col-md-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 25%
}
.col-md-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 33.33333%
}
.col-md-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 41.66667%
}
.col-md-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 50%
}
.col-md-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 58.33333%
}
.col-md-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 66.66667%
}
.col-md-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 75%
}
.col-md-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 83.33333%
}
.col-md-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 91.66667%
}
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 100%
}
.col-md {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end
}
.top-col-md {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.middle-col-md {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.bottom-col-md {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.around-md {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media only screen and (min-width:75em) {
.container {
width: 71rem
}
.col-lg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.col-lg-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
.col-lg-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
.col-lg-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.col-lg-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 0
}
.col-lg-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 8.33333%
}
.col-lg-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 16.66667%
}
.col-lg-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 25%
}
.col-lg-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 33.33333%
}
.col-lg-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 41.66667%
}
.col-lg-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 50%
}
.col-lg-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 58.33333%
}
.col-lg-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 66.66667%
}
.col-lg-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 75%
}
.col-lg-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 83.33333%
}
.col-lg-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 91.66667%
}
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 1rem;
padding-left: 1rem;
margin-left: 100%
}
.col-lg {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end
}
.top-col-lg {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.middle-col-lg {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.bottom-col-lg {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.around-lg {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.flex-row {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.flex-column {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex-row-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-column-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-nowrap {
-ms-flex-wrap: none;
flex-wrap: nowrap
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.flex-fill {
-webkit-box-flex: 1;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-grow-0 {
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.flex-grow-1 {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0
}
.flex-shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1
}
.justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start
}
.justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center
}
.justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between
}
.justify-content-around {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around
}
.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start
}
.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center
}
.align-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-moz-align-items: baseline;
align-items: baseline
}
.align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch
}
.align-content-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
.align-content-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
.align-content-center {
-ms-flex-line-pack: center;
align-content: center
}
.align-content-between {
-ms-flex-line-pack: space-between;
align-content: space-between
}
.align-content-around {
-ms-flex-line-pack: space-around;
align-content: space-around
}
.align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
.align-self-auto {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
.align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-self-baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.button {
display: inline-block;
border: 1px solid transparent;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
padding: .375rem .75rem;
text-align: center;
text-decoration: none;
text-transform: none;
white-space: normal;
vertical-align: middle;
border-radius: .25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.button.focus,
.button:focus {
outline: 0
}
.button:not(:disabled):not(.disabled) {
cursor: pointer
}
.button.disabled,
.button:disabled {
opacity: .65
}
.button:focus,
.button:hover {
text-decoration: none
}
.button.btn-brown {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-button.png) center no-repeat;
background-size: 100% 100%;
color: #fff;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.5rem;
margin: 0 auto;
padding: .5rem 3rem;
line-height: 1.2
}
@media (max-width:767px) {
.button.btn-brown {
font-size: 2rem
}
}
@media (max-width:576px) {
.button.btn-brown {
font-size: 1.5rem
}
}
.button.btn-light-gray {
background-color: #e5ebda;
color: #3e441b;
margin: 0;
padding: 1rem 1.5625rem
}
@media (max-width:767px) {
.button.btn-light-gray {
padding: .75rem 1rem
}
}
.button.btn-light-gray:focus,
.button.btn-light-gray:hover {
background-color: #7b9c48;
color: #fff
}
.contact-form .wpcf7-text {
display: block;
background-color: transparent;
border: 1px solid #7b9c48;
color: #3e441b;
font-size: 1.2rem;
padding: 1rem;
width: 100%;
border-radius: .25rem;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.contact-form .wpcf7-text:focus,
.contact-form .wpcf7-text:hover {
outline: 0
}
@media (max-width:767px) {
.contact-form .wpcf7-text {
font-size: 1rem;
padding: .375rem .75rem
}
}
.contact-form .wpcf7-textarea {
display: block;
background-color: transparent;
border: 1px solid #7b9c48;
color: #3e441b;
font-size: 1.2rem;
padding: 1rem;
width: 100%;
border-radius: .25rem;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
resize: none
}
.contact-form .wpcf7-textarea:focus,
.contact-form .wpcf7-textarea:hover {
outline: 0
}
.contact-form .wpcf7-acceptance {
color: #3e441b;
font-size: 1.2rem
}
@media (max-width:767px) {
.contact-form .wpcf7-acceptance {
font-size: 1rem
}
}
.contact-form .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0
}
.contact-form .wpcf7-acceptance .wpcf7-list-item input {
position: relative;
visibility: hidden;
margin: 0 5px 0 0;
font-size: 16px;
display: none
}
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item {
width: 46%;
width: calc(50% - 3px);
margin: 0;
position: relative
}
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label {
font-size: 1.375rem;
cursor: pointer;
display: inline-block;
margin-left: 3rem;
vertical-align: top
}
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label a {
color: #7b9c48;
text-decoration: underline
}
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:before {
content: "";
display: block;
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: -7px;
background: 0 0;
border: 1px solid #7b9c48;
border-radius: 5px
}
@media (max-width:991px) {
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:before {
top: 0
}
}
@media (max-width:767px) {
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:before {
top: 0
}
}
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:after {
position: absolute;
content: "";
width: 10px;
height: 20px;
left: 10px;
top: -5px
}
@media (max-width:991px) {
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:after {
top: 0
}
}
@media (max-width:767px) {
.contact-form .wpcf7-acceptance .wpcf7-list-item span.wpcf7-list-item-label:after {
top: 0
}
}
.contact-form .wpcf7-acceptance .wpcf7-list-item input:checked+span.wpcf7-list-item-label:after {
border: solid #7b9c48;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.contact-form .wpcf7-submit {
display: inline-block;
background-color: #7b9c48;
border: 1px solid transparent;
color: #fff;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.625rem;
font-weight: 400;
padding: .8rem 2.5rem;
text-align: center;
text-transform: none;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
letter-spacing: 1px;
margin-top: 1.25rem;
border-radius: .25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.contact-form .wpcf7-submit:hover {
background-color: #fff;
border: 1px solid #7b9c48;
color: #7b9c48;
outline: 0
}
@media (max-width:767px) {
.contact-form .wpcf7-submit {
font-size: 1rem;
margin-top: 1rem
}
}
.contact-form .field-wrap {
margin-bottom: 2rem
}
.contact-form .field-wrap::after {
display: block;
content: "";
clear: both
}
@media (max-width:767px) {
.contact-form .field-wrap {
margin-bottom: 1rem
}
}
.contact-form .field-wrap label {
color: #3e441b;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.625rem;
margin-bottom: .5rem
}
@media (max-width:991px) {
.contact-form .field-wrap label {
font-size: 1.25rem
}
}
@media (max-width:767px) {
.contact-form .field-wrap label {
font-size: 1rem
}
}
.contact-form .field-wrap .field-half {
float: left;
width: 49%;
margin-right: 2%
}
@media (max-width:767px) {
.contact-form .field-wrap .field-half {
float: none;
width: auto;
margin: 0
}
}
.contact-form .field-wrap .field-half:last-child {
margin-right: 0
}
@media (max-width:767px) {
.contact-form .field-wrap .field-half:last-child {
margin-top: 1rem
}
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal
}
.search-form {
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.search-form label {
color: #3e441b;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.5rem;
margin-bottom: .5rem
}
@media (max-width:991px) {
.search-form label {
font-size: 1.25rem
}
}
@media (max-width:767px) {
.search-form label {
font-size: 1rem
}
}
.search-form .search-field-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
position: relative;
width: 80%
}
@media (max-width:991px) {
.search-form .search-field-group {
display: block;
width: auto
}
}
.search-form .search-field-group .fa-search {
color: #3e441b;
font-size: 1.625rem;
position: absolute;
top: 50%;
left: 1rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.search-form .search-field {
display: block;
background-color: transparent;
border: 1px solid #7b9c48;
color: #3e441b;
font-size: 1.375rem;
padding: 1rem;
width: 100%;
border-radius: .25rem;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
text-align: left;
text-indent: 2.5rem
}
.search-form .search-field:focus,
.search-form .search-field:hover {
outline: 0
}
.search-form .search-submit-group {
display: inline-block;
vertical-align: middle;
margin-left: -.9375rem
}
@media (max-width:991px) {
.search-form .search-submit-group {
display: block;
width: auto;
margin-left: 0;
margin-top: 1rem
}
}
.search-form .search-submit {
display: inline-block;
background-color: #7b9c48;
border: 1px solid transparent;
color: #fff;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.625rem;
font-weight: 400;
padding: .8rem 2.5rem;
text-align: center;
text-transform: none;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
letter-spacing: 1px;
border-radius: .25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.search-form .search-submit:focus,
.search-form .search-submit:hover {
background-color: rgba(123, 156, 72, .8);
outline: 0
}
@media (max-width:991px) {
.search-form .search-submit {
font-size: 1.25rem
}
}
@media (max-width:767px) {
.search-form .search-submit {
font-size: 1rem
}
}
.clearfix::after {
display: block;
content: "";
clear: both
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.vertical-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 2
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
@media (min-width:576px) {
.text-sm-left {
text-align: left
}
.text-sm-right {
text-align: right
}
.text-sm-center {
text-align: center
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left
}
.text-md-right {
text-align: right
}
.text-md-center {
text-align: center
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left
}
.text-lg-right {
text-align: right
}
.text-lg-center {
text-align: center
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left
}
.text-xl-right {
text-align: right
}
.text-xl-center {
text-align: center
}
}
.slick-arrow-custom {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
cursor: pointer;
z-index: 1
}
.slick-arrow-custom.slick-arrow-custom-next {
right: -25px
}
.slick-arrow-custom.slick-arrow-custom-prev {
left: -25px
}
.slick-arrow-custom .fas {
font-size: 2rem
}
.slick-arrow-img {
color: #fff;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
cursor: pointer;
z-index: 1
}
.slick-arrow-img.slick-arrow-img-next {
right: -50px
}
.slick-arrow-img.slick-arrow-img-prev {
left: -50px
}
.slick-arrow-img .sa-img {
position: relative;
display: inline-block;
width: 64px;
height: 51px
}
.slick-arrow-img .sa-img.img-prev:before {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/icon-arrow-left.png) no-repeat center
}
.slick-arrow-img .sa-img.img-next:before {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/icon-arrow-right.png) no-repeat center
}
.slick-arrow-img .sa-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-size: contain;
width: 64px;
height: 51px
}
.slick-dots {
bottom: -2rem
}
.slick-dots li {
margin: 0 2px
}
.slick-dots li.slick-active button:before,
.slick-dots li:focus button:before,
.slick-dots li:hover button:before {
color: #7b9c48;
opacity: 1
}
.slick-dots li button:before {
border: 1px solid #7b9c48;
border-radius: 100%;
color: #fff;
font-size: 18px;
opacity: 1
}
.slick-heart .slick-dots {
display: block;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
position: absolute;
top: 50%;
right: 3.4375rem;
bottom: initial;
width: auto;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
@media (max-width:991px) {
.slick-heart .slick-dots {
top: initial;
right: initial;
bottom: 5rem;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
}
.slick-heart .slick-dots li {
position: relative;
display: block;
width: 20px;
height: 20px;
margin: 5px;
padding: 0;
cursor: pointer
}
@media (max-width:991px) {
.slick-heart .slick-dots li {
display: inline-block
}
}
.slick-heart .slick-dots li.slick-active button:before {
content: "\f004";
font-weight: 900;
opacity: 1;
color: #fff
}
.slick-heart .slick-dots li button {
background: 0 0;
border: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
padding: 5px;
width: 20px;
height: 20px;
outline: 0
}
.slick-heart .slick-dots li button:before {
content: "\f004";
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 20px;
font-family: "Font Awesome 5 Free";
line-height: 20px;
width: 20px;
height: 20px;
text-align: center;
opacity: 1
}
.slick-heart .slick-dots li button:focus:before,
.slick-heart .slick-dots li button:hover:before {
font-weight: 900
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.mb-1 {
margin-bottom: 1rem !important
}
.mb-2 {
margin-bottom: 2rem !important
}
.mb-3 {
margin-bottom: 3rem !important
}
.mb-4 {
margin-bottom: 4rem !important
}
.mb-5 {
margin-bottom: 5rem !important
}
.table-responsive {
min-height: .01%;
overflow-x: auto
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>thead {
background-color: #009dd2;
color: #fff
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
text-align: center
}
.table tbody tr:nth-child(odd) {
background-color: #f7fcfe
}
.table tbody tr:nth-child(even) {
background-color: #eef8fc
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
.tab-navs {
border-bottom: 1px solid #c3ebfa;
list-style: none;
margin-bottom: 0;
padding-left: 0
}
.tab-navs>li {
display: block;
float: left;
margin-bottom: -1px !important;
position: relative
}
.tab-navs>li>a {
background-color: #dcf6ff;
border: 1px solid #c8edfb;
border-radius: 4px 4px 0 0;
color: #009dd2;
cursor: pointer;
display: block;
font-family: Roboto, sans-serif;
font-size: 1rem;
font-weight: 600;
margin-right: 5px;
padding: 10px 15px;
position: relative;
text-decoration: none
}
.tab-navs>li.active>a,
.tab-navs>li.active>a:focus,
.tab-navs>li.active>a:hover {
background-color: #009dd2;
border: 1px solid #009dd2;
border-bottom-color: transparent;
color: #fff;
cursor: default
}
.tab-navs>li>a:focus,
.tab-navs>li>a:hover {
background-color: #009dd2;
border: 1px solid #009dd2;
border-bottom-color: transparent;
color: #fff
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
header {
background: #fff;
background-size: cover
}
.header-menu {
position: relative;
text-align: center
}
@media (max-width:991px) {
.header-menu {
padding: 1rem 0
}
}
@media (max-width:991px) {
.header-menu .menu-wrapper {
display: none
}
}
.header-menu .menu-wrapper nav ul {
list-style: none;
margin: 0;
padding: 0
}
@media (min-width:992px) and (max-width:1199px) {
.header-menu .menu-wrapper nav ul {
text-align: center
}
}
.header-menu .menu-wrapper nav ul>li {
display: inline-block;
padding: 0 .75rem;
vertical-align: middle
}
.header-menu .menu-wrapper nav ul>li.home-logo {
position: relative
}
@media (min-width:992px) and (max-width:1199px) {
.header-menu .menu-wrapper nav ul>li.home-logo {
display: none;
visibility: hidden
}
}
.header-menu .menu-wrapper nav ul>li.home-logo a {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/OneHarvest.svg) center no-repeat;
background-size: contain;
width: 10.43rem;
height: auto;
text-indent: -9999px;
font-size: 0;
display: inline-block;
position: relative
}
@media (max-width:1366px) {
.header-menu .menu-wrapper nav ul>li.home-logo a {
width: 8.75rem
}
}
.header-menu .menu-wrapper nav ul>li:last-child {
margin-right: 0
}
.header-menu .menu-wrapper nav ul>li.current-menu-item>a,
.header-menu .menu-wrapper nav ul>li:hover>a {
color: #7b9c48
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu {
background-color: #fff;
border-top: 1px solid #e7edee;
border-bottom: 5px solid #7b9c48;
padding: 2rem;
text-align: center;
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
display: block;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
opacity: 0;
visibility: hidden
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap {
max-width: 600px;
margin: 0 auto
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap .search-form .search-field-group {
width: auto
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap .search-form .search-field {
display: inline-block;
font-size: 1rem;
min-width: 320px;
padding: .75rem 1rem;
text-indent: 2rem;
width: auto
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap .search-form .search-submit-group {
margin-left: 0
}
.header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap .search-form .search-submit {
padding: .375rem .75rem;
font-size: 1.5rem
}
.header-menu .menu-wrapper nav ul>li.search:hover>a {
color: #7b9c48
}
.header-menu .menu-wrapper nav ul>li.search:hover .search-form-menu {
opacity: 1;
visibility: visible
}
.header-menu .menu-wrapper nav ul>li.search>a {
color: #3e441b;
cursor: pointer;
display: inline-block;
font-size: 1.1rem;
line-height: normal;
margin-top: 3px
}
.header-menu .menu-wrapper nav ul>li>a {
color: #3e441b;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.3rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 3.5rem 0;
position: relative;
z-index: 2
}
@media (max-width:1366px) {
.header-menu .menu-wrapper nav ul>li>a {
padding: 2.1875rem 0
}
}
@media (min-width:992px) and (max-width:1199px) {
.header-menu .menu-wrapper nav ul>li>a {
padding: 1rem 0
}
}
@media (max-width:991px) {
.header-menu .menu-wrapper nav ul>li>a {
font-size: 1rem
}
}
.header-menu .mobile-logo {
display: none;
max-width: 120px
}
@media (min-width:992px) and (max-width:1199px) {
.header-menu .mobile-logo {
margin: 1rem auto
}
}
@media (max-width:1199px) {
.header-menu .mobile-logo {
display: block
}
}
@media (max-width:1199px) {
.header-menu .mobile-logo a {
position: relative;
display: inline-block
}
}
.header-menu .mobile-logo a img {
width: 7.5rem
}
.header-menu .mobile-trigger {
color: #3e441b;
cursor: pointer;
display: none;
position: absolute;
top: 2.5rem;
right: 0;
z-index: 5
}
@media (max-width:991px) {
.header-menu .mobile-trigger {
display: inline-block
}
}
.header-menu .mobile-trigger span {
display: inline-block;
font-size: 1rem;
font-weight: 700;
padding-right: .5rem;
text-transform: uppercase
}
.header-menu .mobile-trigger span.mclose {
display: none
}
.header-menu .mobile-trigger i {
position: relative;
top: -5px;
background-color: #3e441b;
display: inline-block;
width: 22px;
height: 4px;
border-radius: 1px
}
.header-menu .mobile-trigger i:before {
top: -8px
}
.header-menu .mobile-trigger i:after {
top: 8px
}
.header-menu .mobile-trigger i:after,
.header-menu .mobile-trigger i:before {
content: '';
position: absolute;
left: 0;
background-color: #3e441b;
display: inline-block;
width: 22px;
height: 4px;
border-radius: 1px
}
.single-post .header-menu .menu-wrapper nav ul>li.current_page_parent>a {
color: #7b9c48
}
.single-recipes .header-menu .menu-wrapper nav ul>li.menu-item-type-post_type_archive>a {
color: #7b9c48
}
.mobile-open.logged-in {
margin-top: 1.87rem
}
.mobile-open.logged-in .header-menu .mobile-logo {
margin-top: 1.87rem
}
.mobile-open.logged-in .header-menu .mobile-trigger {
top: 4rem
}
.mobile-open .header-menu {
background-color: #fff;
width: 100%;
height: 100%;
padding: 1rem;
position: fixed;
top: 0;
left: 0;
z-index: 999;
overflow: auto
}
.mobile-open .header-menu .menu-wrapper {
display: block;
padding-top: 2rem
}
.mobile-open .header-menu .menu-wrapper nav ul {
text-align: center
}
.mobile-open .header-menu .menu-wrapper nav ul>li {
display: block;
margin: 0 auto 1rem
}
.mobile-open .header-menu .menu-wrapper nav ul>li.home-logo {
display: none
}
.mobile-open .header-menu .menu-wrapper nav ul>li.search>a {
display: none
}
.mobile-open .header-menu .menu-wrapper nav ul>li.search .search-form-menu {
opacity: 1;
visibility: visible;
padding: 1rem;
position: relative;
top: initial;
left: initial
}
.mobile-open .header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap {
max-width: initial
}
.mobile-open .header-menu .menu-wrapper nav ul>li.search .search-form-menu .sfm-wrap .search-form .search-field {
display: block;
width: 100%;
min-width: initial
}
.mobile-open .header-menu .menu-wrapper nav ul>li.social {
display: inline-block;
vertical-align: middle
}
.mobile-open .header-menu .menu-wrapper nav ul>li>a {
padding: 0
}
.mobile-open .header-menu .mobile-trigger {
right: 2.5rem
}
.mobile-open .header-menu .mobile-trigger span.mopen {
display: none
}
.mobile-open .header-menu .mobile-trigger span.mclose {
display: inline-block
}
.mobile-open .header-menu .mobile-trigger i {
width: 0
}
.mobile-open .header-menu .mobile-trigger i:after,
.mobile-open .header-menu .mobile-trigger i:before {
top: 0;
width: 22px;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.mobile-open .header-menu .mobile-trigger i:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
.mobile-open .header-menu .mobile-trigger i:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
footer {
background: #fff url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/bg-footer.jpg) 0 0 no-repeat;
background-size: cover;
color: #fff;
padding: 5rem 0;
text-align: center
}
footer .footer-content {
position: relative;
max-width: 47.9rem;
margin: 0 auto;
padding-top: 4rem
}
@media (max-width:575px) {
footer .footer-content {
padding-top: 0
}
}
footer .footer-content .footer-logo {
margin-bottom: 3.1rem
}
footer .footer-content .footer-logo a {
display: inline-block
}
footer .footer-content .footer-logo a img {
width: 11rem
}
footer .footer-content .join-our-team {
position: absolute;
top: 2rem;
right: 0;
max-width: 260px;
margin: 0 auto
}
@media (max-width:575px) {
footer .footer-content .join-our-team {
display: none
}
}
footer .footer-content .join-our-team a {
display: inline-block
}
footer .footer-content .join-our-team a img {
width: 16.25rem
}
footer .footer-content .footer-details a {
color: #fff
}
@media (max-width:575px) {
footer .footer-content .footer-details a {
font-size: 1.25rem
}
}
footer .footer-content .footer-details p.web-design {
margin-bottom: 0
}
footer #return-to-top {
background-color: #7b9c48;
height: 4rem;
width: 4rem;
border-radius: 50%;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
-ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
opacity: 0;
visibility: hidden;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10
}
footer #return-to-top:focus,
footer #return-to-top:hover {
outline: 0;
opacity: .8
}
footer #return-to-top.show {
opacity: 1;
visibility: visible
}
footer #return-to-top .fas {
color: #fff;
display: inline-block;
font-size: 28px;
line-height: 3rem
}
.page-error {
padding: 5rem 0;
position: relative
}
.recipe-content-area {
padding: 3rem 0;
position: relative
}
.recipe-content-area .blog-filter-wrap {
margin-bottom: 3rem
}
.category-filter-wrap .filter-form label {
color: #3e441b;
font-family: Roboto, sans-serif;
font-size: 1.2rem;
font-weight: 400
}
.category-filter-wrap .filter-form .select {
cursor: pointer;
display: inline-block;
margin-left: 1rem;
position: relative;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
@media (max-width:767px) {
.category-filter-wrap .filter-form .select {
display: block;
margin-left: 0;
margin-bottom: 1rem
}
}
.category-filter-wrap .filter-form .select::after {
content: '\f078';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
background: 0 0;
color: #fff;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 55px;
padding: 0 1rem;
pointer-events: none;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.category-filter-wrap .filter-form .select select {
cursor: pointer;
height: 55px;
min-width: 280px
}
@media (max-width:767px) {
.category-filter-wrap .filter-form .select select {
display: block;
width: 100%
}
}
.category-filter-wrap .filter-form select {
background: #7b9c48;
border: 1px solid transparent;
color: #fff;
font-family: Roboto, sans-serif;
font-size: 1rem;
font-weight: 400;
padding: 1rem 1.25rem;
outline: 0;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none
}
.category-button-wrap {
text-align: right
}
.category-button-wrap .button {
padding: 1rem 2rem;
border: 0
}
.recipe-box {
background-color: #7b9c48;
color: #fff;
margin: 0 auto 2rem;
position: relative;
text-align: center;
border-radius: 0;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.recipe-box .recipe-link {
color: #fff;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: .875rem;
font-weight: 400;
outline: 0;
text-decoration: none
}
.recipe-box .recipe-link:focus,
.recipe-box .recipe-link:hover {
outline: 0
}
.recipe-box .recipe-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 15rem;
position: relative;
border-radius: 0
}
@media (max-width:575px) {
.recipe-box .recipe-img {
min-height: 12.5rem
}
}
.recipe-box .recipe-img .recipe-htag {
text-align: center;
position: absolute;
left: 50%;
bottom: -1.2rem;
width: 100%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.recipe-box .recipe-img .recipe-htag h2 {
font-size: 1.3rem
}
@media (max-width:575px) {
.recipe-box .recipe-img .recipe-htag h2 {
font-size: 1rem
}
}
.recipe-box .recipe-img .recipe-htag h2 span {
padding: .5rem 2rem
}
.recipe-box .recipe-content {
padding: 2.5rem 2rem;
position: relative;
z-index: 2
}
@media (max-width:575px) {
.recipe-box .recipe-content {
padding: 2rem 1rem
}
}
.recipe-box .recipe-content h3 {
color: #fff;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.25rem;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
text-transform: uppercase
}
@media (max-width:767px) {
.recipe-box .recipe-content h3 {
font-size: 1.5rem
}
}
#ajax-loading {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #fff url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/loading.gif) center no-repeat;
z-index: 999;
display: none
}
#ajax-loading.active {
display: block
}
.loadmore-wrap {
text-align: center;
padding: 1.875rem 0 0
}
.loadmore-wrap .custom-loadmore {
border: 1px solid #7b9c48;
color: #7b9c48;
border-radius: 0
}
.loadmore-wrap .custom-loadmore:focus,
.loadmore-wrap .custom-loadmore:hover {
background-color: #fff
}
.content-area {
padding: 3rem 0;
position: relative
}
.content-area .info-image {
padding: 3.4rem 0
}
@media (max-width:991px) {
.content-area .info-image {
padding: 2.5rem 0
}
}
@media (max-width:767px) {
.content-area .info-image {
padding: 2rem 0
}
}
.content-area .info-image img {
display: block;
margin: 0 auto
}
.content-area .info-content {
text-align: center
}
.content-area .info-content h3.header-ribbon {
font-size: 2rem;
margin: 0 0 2rem
}
.content-area .info-content p {
color: #3e441b;
font-size: 1.2rem;
margin-bottom: 1.5rem
}
@media (max-width:767px) {
.content-area .info-content p {
font-size: 1rem
}
}
.content-area .info-bottom-content {
text-align: center
}
@media (max-width:767px) {
.content-area .info-bottom-content {
padding-top: 1rem
}
}
.content-area .info-bottom-content p {
color: #3e441b;
font-size: 1.2rem;
margin-bottom: 1.5rem
}
@media (max-width:767px) {
.content-area .info-bottom-content p br {
display: none
}
}
.content-area .infographic-box.even {
margin-bottom: 3rem
}
@media (max-width:767px) {
.content-area .infographic-box.even {
margin-top: 3rem
}
}
.content-area .infographic-box.content {
position: relative
}
.content-area .infographic-box.content.even::after {
content: '';
position: absolute;
top: 0;
left: -19px;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/green-line.png) center no-repeat;
background-size: 100% 100%;
width: 19px;
height: 100%
}
@media (max-width:767px) {
.content-area .infographic-box.content.even::after {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/green-line2.png) center no-repeat;
width: 100%;
height: 19px;
top: -2rem;
left: 0
}
}
.content-area .infographic-box .info-image {
padding: 1rem 0
}
@media (max-width:767px) {
.content-area .infographic-box .info-content {
padding-top: 2rem
}
}
.search-content-narrow {
padding: 3rem 0
}
.search-content-narrow .search-results-box {
background-color: #fff;
color: #7b9c48;
margin: 0 auto 2rem;
position: relative;
text-align: center;
border-radius: 0;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.search-content-narrow .search-results-box .search-results-link {
color: #7b9c48;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.2;
outline: 0;
text-decoration: none;
text-transform: uppercase
}
.search-content-narrow .search-results-box .search-results-link:focus,
.search-content-narrow .search-results-box .search-results-link:hover {
outline: 0
}
@media (max-width:767px) {
.search-content-narrow .search-results-box .search-results-link {
font-size: 1.25rem
}
}
.search-content-narrow .search-results-box .search-results-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 15rem;
position: relative;
border-radius: 0
}
@media (max-width:575px) {
.search-content-narrow .search-results-box .search-results-img {
min-height: 12.5rem
}
}
.search-content-narrow .search-results-box .search-results-content {
padding: 2.5rem 2rem;
position: relative;
z-index: 2
}
@media (max-width:575px) {
.search-content-narrow .search-results-box .search-results-content {
padding: 2rem 1rem
}
}
.search-content-narrow .search-results-box .search-results-content p:last-child {
margin-bottom: 0
}
.search-content-narrow .search-results-box .search-results-content h3 {
color: #3e441b;
display: block;
font-size: 2.5rem;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
text-transform: uppercase
}
@media (max-width:767px) {
.search-content-narrow .search-results-box .search-results-content h3 {
font-size: 1.5rem
}
}
.search-content-narrow .search-form {
text-align: center
}
.section-breadcrumb {
padding: 1rem 0
}
.section-breadcrumb .breadcrumbs a {
cursor: pointer
}
.single-blog-content {
color: #3e441b;
padding: 3rem 0 0
}
@media (max-width:767px) {
.single-blog-content {
font-size: 1rem
}
}
.single-blog-content h3 {
color: #7b9c48;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.25rem;
font-weight: 400;
line-height: normal
}
@media (max-width:767px) {
.single-blog-content h3 {
font-size: 1.5rem
}
}
.single-blog-content a {
color: #7b9c48;
text-decoration: underline
}
.no-results {
padding: 2rem 0
}
.no-results p {
color: #3e441b;
font-size: 1.2rem;
margin-bottom: 1.5rem;
text-align: center
}
@media (max-width:767px) {
.no-results p {
font-size: 1rem
}
}
.no-results p a {
font-weight: 700
}
.page-banner {
background-image: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/banner-default.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
text-align: center
}
@media (min-width:1681px) {
.page-banner {
min-height: 50rem
}
}
@media (max-width:1680px) {
.page-banner {
min-height: 44.0625rem
}
}
@media (max-width:1440px) {
.page-banner {
min-height: 45.9375rem
}
}
@media (max-width:1366px) {
.page-banner {
min-height: 35.3125rem
}
}
@media (max-width:1199px) {
.page-banner {
min-height: 31.25rem
}
}
@media (max-width:767px) {
.page-banner {
min-height: 18.75rem
}
}
.page-banner::before {
content: '';
position: absolute;
top: -5px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.page-banner::before {
height: 1.875rem
}
}
@media (max-width:575px) {
.page-banner::before {
height: 1.5625rem
}
}
.page-banner::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.page-banner::after {
height: 1.875rem
}
}
@media (max-width:575px) {
.page-banner::after {
height: 1.5625rem
}
}
.page-banner.lightgreen-line::after {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/lightgreen-line.png) center no-repeat
}
.page-banner .banner-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.page-banner .banner-inner .banner-video {
display: inline-block;
margin-bottom: 1.875rem
}
@media (max-width:767px) {
.page-banner .banner-inner .banner-video {
margin-bottom: 1.5625rem
}
}
@media (max-width:480px) {
.page-banner .banner-inner .banner-video {
margin-bottom: 1.25rem
}
}
.page-banner .banner-inner img {
display: block;
margin: 0 auto
}
.page-banner .banner-inner img.video-button {
margin: 0 auto;
width: 6.25rem
}
@media (max-width:767px) {
.page-banner .banner-inner img.video-button {
width: 5rem
}
}
.page-banner .banner-inner h1 {
color: #fff;
font-family: "City Streetwear US", sans-serif;
font-size: 5rem;
font-weight: 700;
font-style: normal;
line-height: 1.1;
text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}
@media (max-width:1440px) {
.page-banner .banner-inner h1 {
font-size: 3.75rem
}
}
@media (max-width:767px) {
.page-banner .banner-inner h1 {
font-size: 3.125rem
}
}
@media (max-width:480px) {
.page-banner .banner-inner h1 {
font-size: 1.875rem
}
}
.page-banner .banner-inner h1 span {
display: block;
font-family: "Prequel Rough", sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 1rem
}
.home-banner {
position: relative
}
.home-banner .banner-item {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
text-align: center
}
@media (min-width:1681px) {
.home-banner .banner-item {
min-height: 50rem
}
}
@media (max-width:1680px) {
.home-banner .banner-item {
min-height: 44.0625rem
}
}
@media (max-width:1440px) {
.home-banner .banner-item {
min-height: 45.9375rem
}
}
@media (max-width:1366px) {
.home-banner .banner-item {
min-height: 35.3125rem
}
}
@media (max-width:1199px) {
.home-banner .banner-item {
min-height: 31.25rem
}
}
@media (max-width:767px) {
.home-banner .banner-item {
min-height: 18.75rem
}
}
.home-banner .banner-item.with-line::before {
content: '';
position: absolute;
top: -5px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.home-banner .banner-item.with-line::before {
height: 1.875rem
}
}
@media (max-width:575px) {
.home-banner .banner-item.with-line::before {
height: 1.5625rem
}
}
.home-banner .banner-item.with-line::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.home-banner .banner-item.with-line::after {
height: 1.875rem
}
}
@media (max-width:575px) {
.home-banner .banner-item.with-line::after {
height: 1.5625rem
}
}
.home-banner .banner-item .banner-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.home-banner .banner-item .banner-content img {
display: block;
margin: 0 auto;
max-width: 25rem
}
.home-banner .banner-item .banner-content img.svg {
max-width: 100%;
width: 25rem
}
@media (max-width:1199px) {
.home-banner .banner-item .banner-content img.svg {
width: 18.75rem
}
}
@media (max-width:767px) {
.home-banner .banner-item .banner-content img.svg {
width: 12.5rem
}
}
@media (max-width:1199px) {
.home-banner .banner-item .banner-content img {
max-width: 18.75rem
}
}
@media (max-width:767px) {
.home-banner .banner-item .banner-content img {
max-width: 12.5rem
}
}
.home-banner .slick-dots {
bottom: 3.125rem
}
@media (max-width:767px) {
.home-banner .slick-dots {
bottom: -2rem
}
}
@-webkit-keyframes scrollBounce {
0%,
100% {
-webkit-transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px)
}
}
@keyframes scrollBounce {
0%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
.scroll-down {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/scroll-button.png) center no-repeat;
background-size: 100% 100%;
display: block;
position: absolute;
bottom: -2.8125rem;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 107px;
height: 88px;
z-index: 2
}
.scroll-down a {
display: block;
height: 100%;
width: 100%;
position: relative;
text-align: center;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.scroll-down a:hover::before {
-webkit-animation-name: scrollBounce;
animation-name: scrollBounce;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.scroll-down a::before {
content: '';
position: absolute;
top: 30%;
left: 45%;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/icon-arrow-down.png) center no-repeat;
background-size: 100% 100%;
width: 14px;
height: 26px
}
.scroll-down a img {
display: block;
margin: 0 auto
}
@media (max-width:767px) {
.scroll-down a img {
max-height: 90px
}
}
.home-blogs,
.home-recipes {
padding: 3rem 0 0;
position: relative
}
@media (max-width:767px) {
.home-blogs,
.home-recipes {
padding: 2rem 0 0
}
}
.home-blogs .section-title,
.home-recipes .section-title {
margin: 0 0 3rem
}
@media (max-width:767px) {
.home-blogs .section-title,
.home-recipes .section-title {
margin: 0 0 2rem
}
}
.home-instagram {
padding: 3rem 0;
position: relative
}
@media (max-width:767px) {
.home-instagram {
padding: 2rem 0 0
}
}
.home-instagram .section-title {
color: #3e441b;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.5rem;
font-weight: 400;
line-height: normal;
margin: 0 0 1rem;
text-transform: uppercase
}
@media (max-width:991px) {
.home-instagram .section-title {
text-align: center
}
}
@media (max-width:767px) {
.home-instagram .section-title {
font-size: 1.875rem
}
}
.home-instagram .insta-username {
color: #7b9c48;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.5rem;
font-weight: 400;
line-height: 1;
margin: 0 0 1rem;
text-align: right;
text-transform: uppercase
}
@media (max-width:991px) {
.home-instagram .insta-username {
text-align: center
}
}
@media (max-width:767px) {
.home-instagram .insta-username {
font-size: 1.875rem
}
}
@media (max-width:480px) {
.home-instagram .instagram-photos>[class*=col-]:nth-child(3),
.home-instagram .instagram-photos>[class*=col-]:nth-child(4),
.home-instagram .instagram-photos>[class*=col-]:nth-child(5),
.home-instagram .instagram-photos>[class*=col-]:nth-child(6) {
display: none
}
}
.home-instagram .instagram-photos .instagram-photo-link {
display: block
}
.home-instagram .instagram-photos .instagram-photo-link>img {
display: block;
margin: 0 auto 1rem
}
.header-ribbon {
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.25rem;
font-weight: 400;
margin: 0;
line-height: 1;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 1
}
@media (max-width:991px) {
.header-ribbon {
font-size: 1.875rem
}
}
@media (max-width:767px) {
.header-ribbon {
font-size: 1.5rem
}
}
@media (max-width:767px) {
.header-ribbon.mb-3 {
margin-bottom: 2rem !important
}
}
.header-ribbon span {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-ribbon.svg) center no-repeat;
background-size: cover;
color: #fff;
display: inline-block;
margin: 0;
padding: .5rem 5rem
}
@media (max-width:991px) {
.header-ribbon span {
padding: .5rem 3rem
}
}
@media (max-width:767px) {
.header-ribbon span {
padding: .5rem 2rem
}
}
html[data-useragent*='MSIE 10.0'] .header-ribbon span {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-button.png) center no-repeat;
background-size: cover
}
html[data-useragent*='Mozilla/5.0 (Windows NT 6'] .header-ribbon span {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-button.png) center no-repeat;
background-size: cover
}
html[data-useragent*='Mozilla/5.0 (Windows NT 6.3; WOW64;'] .header-ribbon span {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-button.png) center no-repeat;
background-size: cover
}
html[data-useragent*='Mozilla/5.0 (Windows NT 10.0; WOW64;'] .header-ribbon span {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/brown-button.png) center no-repeat;
background-size: cover
}
.blog-box {
background-color: #fff;
color: #7b9c48;
margin: 0 auto 2rem;
position: relative;
text-align: center;
border-radius: 0;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in
}
.blog-box .blog-link {
color: #7b9c48;
display: block;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.75rem;
font-weight: 400;
line-height: normal;
outline: 0;
text-decoration: none;
text-transform: uppercase
}
.blog-box .blog-link:focus,
.blog-box .blog-link:hover {
outline: 0
}
@media (max-width:767px) {
.blog-box .blog-link {
font-size: 1.25rem
}
}
.blog-box .blog-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 15rem;
position: relative;
border-radius: 0
}
@media (max-width:575px) {
.blog-box .blog-img {
min-height: 12.5rem
}
}
.blog-box .blog-content {
padding: 2.5rem 2rem;
position: relative;
z-index: 2
}
@media (max-width:575px) {
.blog-box .blog-content {
padding: 2rem 1rem
}
}
.blog-box .blog-content p {
margin-bottom: 0
}
.blog-box .blog-content h3 {
color: #3e441b;
display: block;
font-size: 2.25rem;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
text-transform: uppercase
}
@media (max-width:767px) {
.blog-box .blog-content h3 {
font-size: 1.5rem
}
}
.bg-lightgreen {
background-color: #e5ebda
}
.font-s18 {
font-size: 1.125rem
}
@media (max-width:767px) {
.font-s18 {
font-size: 1rem
}
}
.font-s20 {
font-size: 1.25rem
}
@media (max-width:767px) {
.font-s20 {
font-size: 1rem
}
}
.font-s22 {
font-size: 1.375rem
}
@media (max-width:767px) {
.font-s22 {
font-size: 1rem
}
}
.font-s24 {
font-size: 1.5rem
}
@media (max-width:767px) {
.font-s24 {
font-size: 1rem
}
}
.font-s26 {
font-size: 1.5625rem
}
@media (max-width:767px) {
.font-s26 {
font-size: 1rem
}
}
.section-content {
padding: 5rem 0
}
@media (max-width:767px) {
.section-content {
padding: 3rem 0
}
}
.section-content .sbc-content {
padding: 1rem 0
}
.section-locationbox {
padding: 3rem 0 1rem
}
.section-role {
background-color: #e5ebda;
padding: 3rem 0
}
.section-role h2 {
color: #7b9c48;
font-family: Roboto, sans-serif;
font-size: 1.875rem;
font-weight: 700;
margin: 0 0 2rem;
text-align: center
}
.section-role p {
margin: 0 0 .5rem 5rem;
padding: 0 0 0 1rem;
position: relative
}
.section-role p::before {
content: '-';
position: absolute;
left: 0
}
@media (max-width:991px) {
.section-role p {
margin: 0 0 .5rem
}
}
@media (max-width:767px) {
.section-role p {
font-size: 1rem
}
}
.section-join .search-form-wrap {
max-width: 67.1875rem;
margin: 0 auto;
padding: 3rem 0 0
}
@media (max-width:991px) {
.section-join .search-form-wrap .search-submit-group {
text-align: center
}
}
.section-map {
padding: 3rem 0;
position: relative
}
.section-map.pad-t0 {
padding-top: 0
}
.section-map .map-desktop {
position: relative
}
@media (max-width:767px) {
.section-map .map-desktop {
display: none
}
}
.section-map .map-desktop img {
display: block;
margin: 0 auto
}
.section-map .map-desktop .map-popup {
background-color: #e5ebda;
border: 1px solid #7b9c48;
border-radius: .5rem;
color: #3e441b;
display: none;
font-size: 1.375rem;
max-width: 25rem;
margin: 0;
padding: 1.875rem;
position: absolute;
top: 40%;
left: 40%;
-webkit-transform: translate(-40%, -40%);
-ms-transform: translate(-40%, -40%);
transform: translate(-40%, -40%);
width: 100%
}
@media (max-width:767px) {
.section-map .map-desktop .map-popup {
padding: 1.25rem;
font-size: 1rem
}
}
.section-map .map-desktop .map-popup .map-popup-close {
cursor: pointer;
position: absolute;
top: .5rem;
right: 1rem;
z-index: 2
}
.section-map .map-desktop .map-popup h3 {
color: #3e441b;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: normal
}
.section-map .map-desktop .map-popup .mc-farm {
border-top: 1px solid #7b9c48;
padding-top: 1.25rem
}
.section-map .map-desktop .map-popup .mc-farm h3 {
font-size: 1.5rem
}
.section-map .map-desktop .map-popup .mc-farm p {
font-size: 1rem
}
.section-map .map-mobile {
display: none
}
@media (max-width:767px) {
.section-map .map-mobile {
display: block
}
}
.section-map .map-mobile .mm-box {
background-position: center;
background-repeat: no-repeat;
background-size: auto;
min-height: 12.5rem;
margin: 0 auto 2rem;
position: relative;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}
@media (max-width:767px) {
.section-map .map-mobile .mm-box {
margin: 0 auto 1rem
}
}
.section-map .map-mobile .mm-box:hover {
background-color: #3e441b;
background-image: none !important;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none
}
.section-map .map-mobile .mm-box:hover .mm-box-info {
display: block
}
.section-map .map-mobile .mm-box .mm-box-info {
color: #fff;
display: none;
font-size: 1rem;
line-height: normal;
padding: 1rem
}
.section-map .map-mobile .mm-box .mm-box-info h3 {
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.375rem;
font-weight: 400;
margin: 0 0 .5rem;
text-align: center
}
.section-map .map-mobile .mm-box .mm-box-info p {
text-align: center
}
.section-map .map-mobile .mm-box .mm-box-info p:last-child {
margin: 0
}
.section-map .map-mobile .mm-box .mm-box-info ul li {
margin-bottom: .5rem
}
.section-map .map-sidebar .ms-box {
color: #3e441b;
font-size: 1.375rem;
margin: 0 auto 3rem
}
@media (max-width:767px) {
.section-map .map-sidebar .ms-box {
font-size: 1rem;
margin: 0 auto 2rem
}
}
.section-map .map-sidebar .ms-box h3 {
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.875rem;
font-weight: 400;
line-height: normal
}
.section-map .map-sidebar .ms-box p {
margin: 0
}
.box-wrap {
background-color: #7b9c48;
background-size: cover;
color: #fff;
max-width: 34.0625rem;
margin: 1rem auto;
position: relative
}
.box-wrap .box-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 19.0625rem
}
.box-wrap .box-content {
font-size: 1.125rem;
padding: 2.1875rem 2.5rem;
text-align: center
}
@media (max-width:767px) {
.box-wrap .box-content {
padding: 1.5625rem 1.25rem;
font-size: 1rem
}
}
.box-wrap .box-content .box-header {
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: .5rem
}
@media (max-width:767px) {
.box-wrap .box-content .box-header {
font-size: 1.5rem
}
}
.box-wrap .box-content p {
margin: 0 0 .5rem
}
.box-wrap .box-content p:last-child {
margin: 0
}
.box-wrap .box-content p a {
color: #fff;
text-decoration: none
}
.box-wrap .box-content p a:focus,
.box-wrap .box-content p a:hover {
text-decoration: underline
}
.img-link {
display: block;
margin: 1rem 0;
position: relative
}
.img-link .img-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 27.8125rem
}
.product-box {
background-color: #7b9c48;
margin: 1rem auto;
padding: 1.5625rem 1.5625rem 0;
text-align: center
}
@media (max-width:767px) {
.product-box {
max-width: 30.9375rem;
padding: .9375rem .9375rem 0
}
}
.product-box .prod-link {
color: #fff;
display: block;
text-decoration: none
}
.product-box .prod-image {
background-color: #fff
}
.product-box .prod-image img {
display: block;
margin: 0 auto
}
.product-box h3 {
color: #fff;
font-size: 2rem;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-weight: 400;
line-height: normal;
margin: 0;
padding: 1.25rem 1rem
}
@media (max-width:767px) {
.product-box h3 {
font-size: 1.75rem
}
}
.location-box {
background-color: #7b9c48;
color: #fff;
margin: 1.5rem auto
}
.location-box .location-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 17.5rem;
position: relative
}
.location-box .location-image .location-title {
position: absolute;
left: 50%;
bottom: -1.5rem;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 100%
}
.location-box .location-image .location-title h2 {
font-size: 2rem
}
@media (max-width:767px) {
.location-box .location-image .location-title h2 {
font-size: 1.75rem
}
}
.location-box .location-content {
font-size: 1.125rem;
padding: 4.0625rem 2.5rem;
text-align: center
}
@media (max-width:767px) {
.location-box .location-content {
font-size: 1rem;
padding: 3.125rem 1.25rem
}
}
.location-box .location-content p:last-child {
margin: 0
}
.aboutus-content {
padding: 5rem 0;
position: relative
}
@media (max-width:767px) {
.aboutus-content {
padding: 3rem 0
}
}
.aboutus-hcontent {
padding: 3rem 0;
position: relative
}
.aboutus-history {
background-color: #e5ebda;
padding: 5rem 0;
position: relative
}
@media (max-width:767px) {
.aboutus-history {
padding: 4rem 0
}
}
.aboutus-history::before {
content: '';
position: absolute;
top: -15px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line3.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.aboutus-history::before {
height: 1.875rem
}
}
@media (max-width:575px) {
.aboutus-history::before {
height: 1.5625rem
}
}
.aboutus-history::after {
content: '';
position: absolute;
bottom: -15px;
left: 0;
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/white-line4.png) center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 2.25rem
}
@media (max-width:767px) {
.aboutus-history::after {
height: 1.875rem
}
}
@media (max-width:575px) {
.aboutus-history::after {
height: 1.5625rem
}
}
.history-slider {
margin: 0 auto;
margin-top: -30px;
max-width: 56.875rem
}
@media (max-width:1199px) {
.history-slider .slick-arrow-custom {
top: initial;
bottom: -84px
}
}
@media (max-width:767px) {
.history-slider .slick-arrow-custom {
top: initial;
bottom: -84px
}
}
.history-slider .slick-arrow-custom.slick-arrow-custom-prev {
left: -84px
}
@media (max-width:1199px) {
.history-slider .slick-arrow-custom.slick-arrow-custom-prev {
left: initial;
right: 50%
}
}
@media (max-width:767px) {
.history-slider .slick-arrow-custom.slick-arrow-custom-prev {
left: initial;
right: 50%
}
}
.history-slider .slick-arrow-custom.slick-arrow-custom-prev .custom-prev {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/left-arrow.svg) center no-repeat;
background-size: 100% 100%;
display: inline-block;
width: 64px;
height: 51px
}
.history-slider .slick-arrow-custom.slick-arrow-custom-next {
right: -84px
}
@media (max-width:1199px) {
.history-slider .slick-arrow-custom.slick-arrow-custom-next {
right: initial;
left: 50%
}
}
@media (max-width:767px) {
.history-slider .slick-arrow-custom.slick-arrow-custom-next {
right: initial;
left: 50%
}
}
.history-slider .slick-arrow-custom.slick-arrow-custom-next .custom-next {
background: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/right-arrow.svg) center no-repeat;
background-size: 100% 100%;
display: inline-block;
width: 64px;
height: 51px
}
.history-slider .history-box {
background-color: #7b9c48;
color: #fff;
display: block;
font-size: 1.125rem;
font-weight: 500;
margin: 0 auto 1rem;
max-width: 56.875rem
}
@media (max-width:767px) {
.history-slider .history-box {
font-size: 1rem
}
}
.history-slider .history-box.landscape .hb-left,
.history-slider .history-box.landscape .hb-right {
float: none;
width: auto;
height: auto !important
}
.history-slider .history-box.landscape .hb-left {
min-height: 18.75rem
}
@media (max-width:767px) {
.history-slider .history-box.landscape .hb-left {
min-height: 15.625rem
}
}
.history-slider .history-box.landscape .hb-right {
padding: 2.5rem
}
.history-slider .history-box .hb-left,
.history-slider .history-box .hb-right {
display: block;
float: left;
width: 50%
}
@media (max-width:767px) {
.history-slider .history-box .hb-left,
.history-slider .history-box .hb-right {
float: none;
width: auto
}
}
.history-slider .history-box .hb-left {
background-image: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/history-image.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
@media (max-width:767px) {
.history-slider .history-box .hb-left {
background-position: center top;
background-size: 100%;
min-height: 15.625rem
}
}
.history-slider .history-box .hb-right {
padding: 6.5625rem 2.5rem;
text-align: center
}
@media (max-width:767px) {
.history-slider .history-box .hb-right {
padding: 2rem
}
}
.history-slider .history-box .hb-right h3 {
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.5rem;
line-height: normal
}
.aboutus-industry {
padding: 3rem 0;
position: relative
}
.aboutus-industry .industry-link {
color: #fff;
display: inline-block;
text-decoration: none
}
.aboutus-industry .industry-link:focus,
.aboutus-industry .industry-link:hover {
text-decoration: none
}
.aboutus-industry .industry-box {
background-color: #7b9c48;
color: #fff;
font-size: 1.125rem;
margin: 0 auto;
max-width: 34.0625rem;
padding: 1.5625rem;
margin-top: 4.375rem
}
@media (max-width:767px) {
.aboutus-industry .industry-box {
font-size: 1rem;
margin-top: 2rem
}
}
.aboutus-industry .industry-box .ib-image {
background-color: #fff;
height: 13.75rem;
position: relative
}
@media (max-width:767px) {
.aboutus-industry .industry-box .ib-image {
height: 12.5rem
}
}
.aboutus-industry .industry-box .ib-image img {
display: block;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media (max-width:767px) {
.aboutus-industry .industry-box .ib-image img {
max-width: 180px
}
}
.aboutus-industry .industry-box .ib-content {
padding: 1.875rem 1rem;
text-align: center
}
.aboutus-industry .industry-box .ib-content h4 {
color: #fff;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 1.5rem;
line-height: normal;
font-weight: 400;
text-align: center;
text-transform: uppercase;
position: relative
}
@media (max-width:767px) {
.aboutus-industry .industry-box .ib-content h4 {
font-size: 1.5rem
}
}
.aboutus-industry .industry-box .ib-content p:last-child {
margin-bottom: 0
}
.sustain-box h3 {
margin-top: 2rem
}
.contactus-form-content {
padding: 5rem 0
}
@media (max-width:767px) {
.contactus-form-content {
padding: 3rem 0
}
}
.contactus-form-content .cuf-content-wrap {
display: block;
margin: 0 auto
}
.contactus-form-content .cuf-content-wrap .cuf-content {
margin-top: 2.8125rem;
text-align: center
}
.contactus-form-content .cuf-content-wrap .cuf-content p {
color: #3e441b;
margin-bottom: 1.5rem
}
.contactus-form-content .cuf-content-wrap .cuf-content p a {
color: #7b9c48
}
.contactus-form-content .cuf-content-wrap .cuf-form {
margin-top: 3rem
}
@media (max-width:767px) {
.contactus-form-content .cuf-content-wrap .cuf-form {
margin-top: 2rem
}
}
.single-content-area .single-recipe-banner {
background-color: #7b9c48;
border-radius: .25rem;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
overflow: hidden
}
.single-content-area .single-recipe-banner .single-banner-left {
color: #fff;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
padding: 5.625rem 2rem;
text-align: center
}
@media (max-width:767px) {
.single-content-area .single-recipe-banner .single-banner-left {
padding: 5rem 1rem
}
}
@media (max-width:575px) {
.single-content-area .single-recipe-banner .single-banner-left {
padding: 2rem 1rem
}
}
.single-content-area .single-recipe-banner .single-banner-left .recipe-htag {
margin-bottom: 1.5rem
}
.single-content-area .single-recipe-banner .single-banner-left .recipe-htag .header-ribbon {
font-size: 2rem
}
@media (min-width:768px) and (max-width:991px) {
.single-content-area .single-recipe-banner .single-banner-left .recipe-htag .header-ribbon {
font-size: 1.5rem
}
}
@media (max-width:575px) {
.single-content-area .single-recipe-banner .single-banner-left .recipe-htag .header-ribbon {
font-size: 1rem
}
}
@media (min-width:768px) and (max-width:991px) {
.single-content-area .single-recipe-banner .single-banner-left .recipe-htag .header-ribbon span {
display: inline
}
}
.single-content-area .single-recipe-banner .single-banner-left h1 {
border-bottom: 1px solid #fff;
font-size: 2.875rem;
font-weight: 400;
line-height: 1;
margin-bottom: 1.25rem;
padding-bottom: 1rem
}
@media (max-width:767px) {
.single-content-area .single-recipe-banner .single-banner-left h1 {
font-size: 1.875rem
}
}
.single-content-area .single-recipe-banner .single-banner-left .prep-time,
.single-content-area .single-recipe-banner .single-banner-left .serves {
font-size: 1.875rem;
font-weight: 400;
line-height: normal;
margin: 0;
text-transform: uppercase
}
@media (max-width:767px) {
.single-content-area .single-recipe-banner .single-banner-left .prep-time,
.single-content-area .single-recipe-banner .single-banner-left .serves {
font-size: 1.5rem
}
}
.single-content-area .single-recipe-banner .single-banner-right {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
@media (max-width:767px) {
.single-content-area .single-recipe-banner .single-banner-right {
min-height: 18.75rem
}
}
@media (max-width:575px) {
.single-content-area .single-recipe-banner .single-banner-right {
min-height: 12.5rem
}
}
.single-content-area .single-recipe-content {
color: #3e441b;
padding: 3rem 0
}
.single-content-area .single-recipe-content h2 {
color: #7b9c48;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.25rem;
font-weight: 400
}
@media (max-width:767px) {
.single-content-area .single-recipe-content h2 {
font-size: 1.5rem
}
}
.single-content-area .single-recipe-content .recipe-lists {
list-style: none;
margin: 0;
padding: 0
}
.single-content-area .single-recipe-content .recipe-lists li {
margin: 0 0 .5rem 0
}
.single-content-area .single-recipe-content .additional-content {
margin-top: 2rem
}
@media (max-width:767px) {
.single-content-area .single-recipe-content .additional-content {
margin-top: 1rem;
margin-bottom: 1rem
}
}
.single-content-area .single-recipe-content .additional-content h3 {
font-size: 1.75rem
}
@media (max-width:767px) {
.single-content-area .single-recipe-content .additional-content h3 {
font-size: 1.5rem
}
}
.single-content-area .single-recipe-content .additional-content ul {
list-style: none;
margin: 0;
padding: 0
}
.single-content-area .single-recipe-content .additional-content ul li {
margin: 0 0 .5rem 0
}
.single-content-area .single-recipe-content .recipe-steps {
counter-reset: my-awesome-counter;
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.single-content-area .single-recipe-content .recipe-steps li {
counter-increment: my-awesome-counter;
margin: 0 0 1rem 0;
padding-left: 1.5rem;
position: relative
}
.single-content-area .single-recipe-content .recipe-steps li::before {
content: counter(my-awesome-counter);
color: #7b9c48;
font-family: Roboto, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: normal;
position: absolute;
top: 0;
left: 0
}
.single-related-recipes {
padding: 3rem 0;
text-align: center
}
@media (max-width:767px) {
.single-related-recipes {
padding: 0 0 3rem
}
}
.single-related-recipes .srr-title {
border-top: 1px solid #7b9c48;
color: #3e441b;
font-family: "Meltow San 200 Handmade", Roboto, sans-serif;
font-size: 2.5rem;
font-weight: 400;
padding: 4rem 0 2rem
}
@media (max-width:767px) {
.single-related-recipes .srr-title {
font-size: 2rem;
padding: 2rem 0
}
}
.taxonomy-content-area {
padding: 5rem 0;
position: relative
}
@media (max-width:767px) {
.taxonomy-content-area {
padding: 3rem 0
}
}.header-menu .menu-wrapper nav ul>li.home-logo a {
background-image: url(//www.oneharvest.com.au/wp-content/themes/oneharvest/dist/img/OneHarvest-logo-b.png)
}
.box-content-full {}
.box-content-two {
background: #ECEFE4;
font-size: 1.125rem;
padding: 2.1875rem 2.5rem;
text-align: left;
color: #030403;
}
.full_width_box .box-wrap {
max-width: none;
} .cuf-content {
text-align: center;
}
.header-ribbon+p {
text-align: center;
} header.sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
transition: transform 0.3s ease-in-out;
}
header.sticky-header.header--hidden {
transform: translateY(-100%);
}
.home-instagram .insta-username a {
color: #7b9c48;
}
.home-quote-banner .quote-banner-wrap {
display: grid;
grid-template-columns: 1.3fr 0.7fr;
overflow: hidden;
}
.home-quote-banner .quote-banner-left {
color: #fff;
padding: 44px 42px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.home-quote-banner .quote-banner-icon {
line-height: 1;
opacity: 0.9;
}
.home-quote-banner .quote-banner-icon img {
width: 40px;
height: auto;
}
.home-quote-banner .quote-banner-text {
font-size: 34px;
line-height: 1.25;
margin: 0;
}
.home-quote-banner .quote-banner-meta {
margin-top: 14px;
}
.home-quote-banner .quote-banner-name {
font-weight: 800;
font-size: 22px;
margin-bottom: 6px;
}
.home-quote-banner .quote-banner-designation {
font-size: 22px;
opacity: 0.95;
}
.home-quote-banner .quote-banner-right {
min-height: 260px;
padding: 4px;
}
.home-quote-banner .quote-banner-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.quote-banner-icon .dashicons {
font-size: 40px;
width: 40px;
height: 40px;
line-height: 1;
color: #fff;
opacity: 0.9;
}
.quote-banner-icon img {
width: 42px; height: auto;
display: inline-block;
} @media (max-width: 991px) {
.home-quote-banner .quote-banner-wrap {
grid-template-columns: 1fr;
}
.home-quote-banner .quote-banner-left {
padding: 28px 22px;
}
.home-quote-banner .quote-banner-text {
font-size: 24px;
max-width: 100%;
}
.home-quote-banner .quote-banner-right {
min-height: 220px;
}
} .cta-banner {
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cta-banner__content p {
margin-bottom: 40px;
} .cta-banner__overlay {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none; background: linear-gradient(180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 70%,
rgba(25, 25, 25, 1) 100%);
} .cta-banner .inner,
.cta-banner__content {
position: relative;
z-index: 1;
text-align: center;
} .image-with-text {
background: #f4f3ee;
padding: 28px 18px;
}
.image-with-text__wrap {
background: #fff;
border: 1px solid rgba(0, 0, 0, .06);
overflow: hidden;
display: flex;
align-items: stretch;
min-height: 520px;
} .image-with-text__media {
flex: 0 0 50%;
min-width: 0; background-size: cover;
background-position: center;
background-repeat: no-repeat; aspect-ratio: 1 / 1; } .image-with-text__wrap {
align-items: center;
}
.image-with-text__media {
align-self: stretch; } .image-with-text__content {
flex: 1 1 auto;
padding: 72px 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.image-with-text__eyebrow {
margin-left: 4px;
font-family: Roboto, sans-serif;
letter-spacing: .22em;
text-transform: uppercase;
color: #9aa0a6;
margin-bottom: 18px;
}
.image-with-text__title {
font-family: "Prequel Rough", "Times New Roman", serif;
font-size: clamp(34px, 3.2vw, 54px);
font-weight: 500;
letter-spacing: .03em;
margin: 0 0 22px;
color: #1f2328;
}
.image-with-text__text {
font-family: Roboto, Arial, sans-serif;
font-size: 18px;
line-height: 1.9;
color: #8a8f96;
margin: 0 0 42px;
} .image-with-text__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-width: 320px;
padding: 16px 26px;
background: #c7b26a;
color: #fff;
text-decoration: none;
font-family: Roboto, Arial, sans-serif;
font-size: 14px;
letter-spacing: .16em;
text-transform: uppercase;
border: 1px solid rgba(0, 0, 0, .06);
transition: transform .15s ease, filter .15s ease;
}
.image-with-text__btn:hover {
filter: brightness(.95);
}  .image-with-text.is-image-left .image-with-text__wrap {
flex-direction: row;
} .image-with-text.is-image-right .image-with-text__wrap {
flex-direction: row-reverse;
} @media (max-width: 900px) {
.image-with-text__wrap {
flex-direction: column !important;
min-height: auto;
}
.image-with-text__media {
flex: 0 0 auto;
width: 100%;
max-height: none;
aspect-ratio: 1 / 1; }
.image-with-text__content {
padding: 40px 22px;
}
.image-with-text__btn {
min-width: 100%;
}
} .multiblock-banner {
padding: 70px 18px 60px;
} .multiblock-banner__head {
text-align: center;
margin-bottom: 44px;
}
.multiblock-banner__title {
font-family: "Prequel Rough", "Times New Roman", serif;
margin: 0;
font-size: clamp(30px, 3.2vw, 56px);
line-height: 1.15;
} .multiblock-banner__grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 34px;
justify-items: center;
align-items: start;
margin: 0 auto 48px;
text-align: center;
}
.multiblock-banner__item {
width: 100%;
max-width: 170px;
}
.multiblock-banner__icon {
width: 112px;
height: 112px;
margin: 0 auto 14px;
display: grid;
place-items: center;
background-size: cover !important;
background-position: center center !important;
}
.multiblock-banner__icon img {
width: 54px;
height: 54px;
object-fit: contain;
display: block;
}
.multiblock-banner__label {
font-size: 18px;
line-height: 1.2;
} .multiblock-banner__cta {
display: flex;
justify-content: center;
}
.multiblock-banner__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 34px;
border-radius: 999px;
background: #2f2f2f;
color: #fff;
text-decoration: none;
font-weight: 700;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, .18);
transition: transform .15s ease, filter .15s ease;
}
.multiblock-banner__btn:hover {
text-decoration: none;
} @media (max-width: 1100px) {
.multiblock-banner__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
.multiblock-banner__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.multiblock-banner__label {
font-size: 16px;
}
}
@media (max-width: 767px) {
.box-wrap .box-content-two {
padding: 1.5625rem 1.25rem;
font-size: 1rem;
}
} @media (min-width: 1600px) {
.header-menu .menu-wrapper nav ul li:first-child {
padding-left: 100px;
}
}
@media (max-width: 1599px) {
.header-menu .mobile-logo {
display: block;
}
.header-menu .menu-wrapper nav ul>li>a {
padding: 1rem 0;
}
}
@media (min-width: 1280px) and (max-width: 1599px) {
.header-menu .menu-wrapper nav ul>li.home-logo {
display: none;
visibility: hidden;
}
.header-menu .mobile-logo {
margin: 1rem auto;
}
} @media (max-width: 1279px) {
.header-menu .mobile-trigger {
display: inline-block;
}
.header-menu .menu-wrapper {
display: none;
}
.header-menu {
padding: 1rem 0;
}
.header-menu .mobile-logo {
margin: 0;
}
}