@charset "UTF-8";
@import url(//hello.myfonts.net/count/2f1110);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}   @font-face { font-family: "Din Condensed";
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_0_0.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_0_0.eot?#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_0_0.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_0_0.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_0_0.ttf) format("truetype");
}
@font-face { font-family: "Din Pro";
font-weight: 300;
font-style: italic;
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_1_0.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_1_0.eot?#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_1_0.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_1_0.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_1_0.ttf) format("truetype");
}
@font-face { font-family: "Din Pro";
font-weight: 500;
font-style: italic;
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_2_0.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_2_0.eot?#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_2_0.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_2_0.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_2_0.ttf) format("truetype");
}
@font-face { font-family: "Din Pro";
font-weight: 300;
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_3_0.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_3_0.eot?#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_3_0.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_3_0.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_3_0.ttf) format("truetype");
}
@font-face { font-family: "Din Pro";
font-weight: 500;
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_4_0.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_4_0.eot?#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_4_0.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_4_0.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/Din/2F1110_4_0.ttf) format("truetype");
} @font-face {
font-family: "DonIcons";
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.eot);
src: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.eot#iefix) format("embedded-opentype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.woff2) format("woff2"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.ttf) format("truetype"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.woff) format("woff"), url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/fonts/DonIcons/DonIcons.svg#DonIcons) format("svg");
font-weight: normal;
font-style: normal;
}
.i.up::before {
content: "\2303";
}
.i.down::before {
content: "\2304";
}
.i.left::before {
content: "\2039";
}
.i.right::before {
content: "\203A";
}
.i.up-thin::before {
content: "\FE3F";
}
.i.down-thin::before {
content: "\FE40";
}
.i.left-thin::before {
content: "\3008";
}
.i.right-thin::before {
content: "\3009";
}
.i.arrow-up::before {
content: "\2191";
}
.i.arrow-down::before {
content: "\2193";
}
.i.arrow-left::before {
content: "\2190";
}
.i.arrow-right::before {
content: "\2192";
}
.i.fb::before {
content: "\1D5F3";
}
.i.tw::before {
content: "\1F54A";
}
.i.pi::before {
content: "\24C5";
}
.i.pi2::before {
content: "\1D4DF";
}
.i.add::before {
content: "+";
}
.i.env::before {
content: "\2709";
}
.i.nav::before {
content: "\2630";
}          body {
color: #00384B;
}
h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
color: #020F50;
font-weight: 500;
}
h1 {
font-size: calc(30px + (36 - 30) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h1 {
font-size: 30px;
}
}
@media (min-width: 1440px) {
h1 {
font-size: 36px;
}
}
h2 {
font-size: calc(26px + (32 - 26) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h2 {
font-size: 26px;
}
}
@media (min-width: 1440px) {
h2 {
font-size: 32px;
}
}
h3 {
font-size: calc(24px + (29 - 24) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h3 {
font-size: 24px;
}
}
@media (min-width: 1440px) {
h3 {
font-size: 29px;
}
}
h4 {
font-size: calc(16px + (23 - 16) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h4 {
font-size: 16px;
}
}
@media (min-width: 1440px) {
h4 {
font-size: 23px;
}
}
h5 {
font-size: calc(18px + (20 - 18) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h5 {
font-size: 18px;
}
}
@media (min-width: 1440px) {
h5 {
font-size: 20px;
}
}
h6 {
font-size: calc(18px + (20 - 18) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
h6 {
font-size: 18px;
}
}
@media (min-width: 1440px) {
h6 {
font-size: 20px;
}
}
p {
font-size: calc(14px + (16 - 14) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
p {
font-size: 14px;
}
}
@media (min-width: 1440px) {
p {
font-size: 16px;
}
}
a {
color: inherit;
text-decoration: underline;
}
a:hover {
-webkit-transition: linear 250ms;
transition: linear 250ms;
}
ul,
ol,
li {
color: #020F50;
font-weight: 300;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: .5em 0;
}
ul {
list-style-type: disc;
padding-left: 1em;
}
p {
color: #020F50;
font-weight: 300;
line-height: 1.5;
margin: .5em 0;
}
@media (min-width: 600px) {
p {
line-height: 1.5;
}
}
span {
color: #020F50;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.5;
}
@media (min-width: 600px) {
span {
line-height: 1.5;
}
}
strong {
font-weight: 700;
}
ol {
list-style-type: decimal;
padding-left: 1em;
}
blockquote p {
font-size: 1.5rem;
}
sup {
font-size: .65em;
line-height: 1;
vertical-align: top;
}
body {
font-family: "Din Pro", Helvetica, Arial, sans-serif;
overflow-x: hidden;
}
.wrapper {
margin: 0 auto;
}
@media (min-width: 905px) {
.wrapper {
max-width: 1240px;
}
}
@media (min-width: 1240px) {
.wrapper {
max-width: 1240px;
}
}
@media (min-width: 1440px) {
.wrapper {
max-width: 1440px;
}
}
.wrapper .title {
margin-left: .425em;
}
.container {
padding: 1.25em;
}
@media (min-width: 1240px) {
.container {
padding: 0;
}
}
.container--heading {
padding: 0 1em;
}
@media (min-width: 1240px) {
.container--heading {
padding: 0;
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.row--rev {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 905px) {
.row--rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.row--m {
margin: 0 auto;
max-width: 1240px;
}
@media (min-width: 600px) {
.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.row--gap {
-webkit-column-gap: 2em;
column-gap: 2em;
}
.row--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.row--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-auto {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.align-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.valign-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.valign-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.valign-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.valign-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.height100 {
height: auto;
}
@media (min-width: 905px) {
.height100 {
height: 100%;
}
}
.flex-wrap-align-right {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 600px) {
.flex-wrap-align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.wp-block-group {
margin: 0;
}
@media (min-width: 905px) {
.wp-block-group {
margin: 1em auto;
}
}
.wp-block-group h2 {
margin-top: 0;
}
@media (min-width: 905px) {
.wp-block-image img {
width: 100%;
}
}
.wp-block-columns h2 {
margin: .5em 0;
}
.wp-block-quote {
background: #F2F2F2;
max-width: 100%;
padding: 1em;
width: 100%;
}
.wp-block-quote * {
font-weight: 500;
}
.wp-block-quote .has-text-align-center {
margin: 1em auto;
max-width: 75%;
}
.wp-block-quote cite {
display: block;
margin-bottom: 1em;
}
.wp-element-button {
background: #CB122D;
border: 2px solid #CB122D;
border-radius: 8px;
color: #FFFFFF;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
margin: 1em 0;
padding: 12px 20px 10px;
}
.wp-element-button:hover {
background: #E73E52;
position: relative;
}
.wp-element-button:hover:after {
content: '';
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
height: 1px;
position: absolute;
bottom: 10px;
margin: 0 18px;
left: 0;
right: 0;
}
.vertical-centre,
.vertical-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block--flexwrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block--flexwrap .wp-block-column {
-ms-flex-preferred-size: 20% !important;
flex-basis: 20% !important;
width: 15%;
max-width: 145px;
}
@media (min-width: 600px) {
.wp-block--flexwrap .wp-block-column {
max-width: 175px;
}
}
.margin-btm--null {
margin-bottom: 0;
}
.padding--sm {
padding: 1rem;
}
.padding--md {
padding: 2rem;
}
@media print {
@page {
margin: 0;
}
body {
margin: 1.6cm;
}
header, footer {
display: none;
}
#breadcrumbs,
#subscription-block,
#poa-logo,
.related-contents,
.tabs__container {
display: none;
}
}
@media screen and (max-width: 768px) {
.reverse-mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
td, th {
padding: 12px;
}
th:nth-child(1) {
width: 15%;
}
th:nth-child(2) {
width: 30%;
}
th:nth-child(3) {
width: 30%;
}
th:nth-child(4) {
width: 30%;
}
tr:nth-child(odd) {
background-color: #E5E5E5;
}
th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #020F50;
}
th span {
color: white;
font-size: 1em;
font-weight: 500;
line-height: 1.2;
}
.icon {
width: 20px;
height: 20px;
text-decoration: none;
padding-left: 25px;
}
.icon:before {
content: '';
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
width: 22px;
height: 20px;
margin-left: -25px;
}
.icon-sm:before {
width: 18px;
height: 20px;
margin-left: -22.5px;
}
.icon-arrow-down--wh:before {
background-image: url('data:image/svg+xml,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-arrow-up:before {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 10.5L12 3M12 3L19.5 10.5M12 3V21" stroke="%230F172A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-building:before {
background-image: url('data:image/svg+xml,<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>');
}
.icon-building-grey:before {
background-image: url('data:image/svg+xml,<svg fill="none" stroke="%23A5A7AF" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>');
}
.icon-em:before {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 6.75V17.25C21.75 18.4926 20.7426 19.5 19.5 19.5H4.5C3.25736 19.5 2.25 18.4926 2.25 17.25V6.75M21.75 6.75C21.75 5.50736 20.7426 4.5 19.5 4.5H4.5C3.25736 4.5 2.25 5.50736 2.25 6.75M21.75 6.75V6.99271C21.75 7.77405 21.3447 8.49945 20.6792 8.90894L13.1792 13.5243C12.4561 13.9694 11.5439 13.9694 10.8208 13.5243L3.32078 8.90894C2.65535 8.49945 2.25 7.77405 2.25 6.99271V6.75" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-map:before {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 10.5C15 12.1569 13.6569 13.5 12 13.5C10.3431 13.5 9 12.1569 9 10.5C9 8.84315 10.3431 7.5 12 7.5C13.6569 7.5 15 8.84315 15 10.5Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.5 10.5C19.5 17.6421 12 21.75 12 21.75C12 21.75 4.5 17.6421 4.5 10.5C4.5 6.35786 7.85786 3 12 3C16.1421 3 19.5 6.35786 19.5 10.5Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-marker:before {
background-image: url('data:image/svg+xml,<svg fill="none" stroke="#CB122D" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>');
}
.icon-ph:before {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.25 6.75C2.25 15.0343 8.96573 21.75 17.25 21.75H19.5C20.7426 21.75 21.75 20.7426 21.75 19.5V18.1284C21.75 17.6121 21.3987 17.1622 20.8979 17.037L16.4747 15.9312C16.0355 15.8214 15.5734 15.9855 15.3018 16.3476L14.3316 17.6412C14.05 18.0166 13.563 18.1827 13.1223 18.0212C9.81539 16.8098 7.19015 14.1846 5.97876 10.8777C5.81734 10.437 5.98336 9.94998 6.3588 9.6684L7.65242 8.69818C8.01453 8.4266 8.17861 7.96445 8.06883 7.52533L6.96304 3.10215C6.83783 2.60133 6.38785 2.25 5.87163 2.25H4.5C3.25736 2.25 2.25 3.25736 2.25 4.5V6.75Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-ph-grey:before {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23A5A7AF" xmlns="http://www.w3.org/2000/svg"><path d="M2.25 6.75C2.25 15.0343 8.96573 21.75 17.25 21.75H19.5C20.7426 21.75 21.75 20.7426 21.75 19.5V18.1284C21.75 17.6121 21.3987 17.1622 20.8979 17.037L16.4747 15.9312C16.0355 15.8214 15.5734 15.9855 15.3018 16.3476L14.3316 17.6412C14.05 18.0166 13.563 18.1827 13.1223 18.0212C9.81539 16.8098 7.19015 14.1846 5.97876 10.8777C5.81734 10.437 5.98336 9.94998 6.3588 9.6684L7.65242 8.69818C8.01453 8.4266 8.17861 7.96445 8.06883 7.52533L6.96304 3.10215C6.83783 2.60133 6.38785 2.25 5.87163 2.25H4.5C3.25736 2.25 2.25 3.25736 2.25 4.5V6.75Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icon-user-grey:before {
background-image: url('data:image/svg+xml,<svg fill="none" stroke="%23A5A7AF" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>');
}
.icon-lock {
cursor: pointer;
width: 30px;
height: 34px;
text-decoration: none;
position: relative;
}
.icon-lock:before {
content: '';
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
margin: 1.5em .5em;
position: absolute;
width: 26px;
height: 26px;
}
.icon-lock:hover .icon-lock--bubble {
display: block;
}
.icon-lock--bubble {
display: none;
font-size: .9em;
color: #FFFFFF;
background: #020F50;
padding: .5rem .75rem .3rem;
border-radius: 10px;
position: relative;
margin: 30px;
max-width: 600px;
position: absolute;
left: -62px;
top: -55px;
width: 95px;
text-align: center;
}
.icon-lock--bubble:after {
display: block;
width: 0;
content: "";
border: 15px solid transparent;
border-width: 15px 9px 15px 9px;
bottom: -13px;
border-top-color: #020F50;
border-bottom: 0;
left: calc(50% - 15px);
position: absolute;
}
.icon-lock:before {
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="%23CB122D" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path clip-rule="evenodd" fill-rule="evenodd" d="M10 1a4.5 4.5 0 0 0-4.5 4.5V9H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-.5V5.5A4.5 4.5 0 0 0 10 1Zm3 8V5.5a3 3 0 1 0-6 0V9h6Z"></path></svg>');
}
.block--card {
border-radius: 12px;
margin: 3em auto;
}
.block--card__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1rem;
}
@media (min-width: 600px) {
.block--card__wrapper {
margin: 0 auto;
}
}
.block--card__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: .75rem 0;
max-width: 100%;
}
@media (min-width: 600px) {
.block--card__container {
margin: .75em 1.25em .75em 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 18%;
flex: 1 0 18%;
min-width: 211px;
max-width: 211px;
}
}
@media (min-width: 905px) {
.block--card__container {
max-width: 311px;
}
}
.block--card__container:last-child {
margin: .75em 0;
}
.block--card--1x1 {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
height: 180px;
margin: 0;
min-width: 211px;
max-width: 100%;
width: 100%;
position: relative;
text-align: center;
}
@media (min-width: 600px) {
.block--card--1x1 {
height: 408px;
max-width: 311px;
}
}
.block--card--1x1__container {
border-radius: 12px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0) 20%);
margin: 0;
height: 100%;
width: 100%;
}
.block--card--1x1-title {
color: #FFFFFF;
font-size: 1.5em;
position: absolute;
bottom: 0;
left: 50%;
max-width: 250px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.trademark {
font-size: .65em;
line-height: 1;
vertical-align: top;
}
.facet__filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.facet__filters .facetwp-facet {
margin-right: 1em;
margin-bottom: 0.5em !important;
}
.facet__selection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fs-label-wrap {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
background-position-x: 90%;
background-position-y: 12px;
border: 1px solid #A5A7AF !important;
border-radius: 25px;
color: #020F50;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
margin: 0;
padding: 12px 45px 8px 30px;
}
.fs-label-wrap .fs-label {
padding: 0 !important;
}
.fs-label-wrap .fs-arrow {
display: none;
}
.fs-dropdown {
border: 1px solid #020F50;
border-radius: 12px;
-webkit-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.12);
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
margin: .5em 0;
padding: .5em;
width: auto !important;
}
.fs-dropdown .fs-option {
padding: .25em 1em .25em .5em;
white-space: nowrap;
}
.fs-dropdown .fs-options {
max-height: 100% !important;
max-width: 100% !important;
}
.fs-dropdown .fs-no-results,
.fs-dropdown .fs-search {
display: none;
pointer-events: none;
}
.facetwp-dropdown {
margin-right: 0;
}
.facet__selection {
margin-top: 1em;
}
.facetwp-selections .facetwp-selection-label {
display: none;
}
.facetwp-selections .facetwp-selection-value {
margin-right: 0 !important;
}
.facetwp-selections ul li {
border: 1px solid #020F50;
border-radius: 10px;
padding: .35em .75em .15em;
margin-right: .75em;
}
.fs-wrap {
width: 100% !important;
}
.facetwp-selections .facetwp-selection-value {
background-position: 100% 45%;
}
.gm-style-iw-chr {
position: absolute;
top: 0;
right: 0;
}
.gm-style-iw-d {
padding-left: .5rem;
padding-bottom: 0;
padding-right: 1rem;
padding-top: 1.5rem;
}
.facetwp-infowindow--copy {
margin-bottom: 0;
margin-top: 0;
}
.facetwp-infowindow .distributor_address {
padding-top: 0;
}
.facetwp-infowindow .distributor_ph_number {
border-bottom: none;
}
.location-results {
z-index: 1;
}
.facetwp-page {
text-decoration: none;
}
.facetwp-page.active {
color: #A5A7AF;
font-weight: 400 !important;
}
.rmp-rating-widget .rmp-icon--full-highlight {
color: #FFD43A;
}
.rmp-rating-widget__results__votes {
display: none;
}
.gform_wrapper {
width: 100%;
}
.gform_required_legend {
display: none;
}
.gform_title {
font-size: calc(24px + (29 - 24) * ((100vw - 0px) / (1440 - 0)));
}
@media (max-width: 0px) {
.gform_title {
font-size: 24px;
}
}
@media (min-width: 1440px) {
.gform_title {
font-size: 29px;
}
}
.gform_footer {
padding-bottom: 3em !important;
}
.contact-form-fields .gfield_label, .contact-form-fields .gfield_required {
color: #020F50 !important;
line-height: 1;
margin-bottom: 2px !important;
padding-left: 0 !important;
}
.contact-form-fields input[type="text"],
.contact-form-fields textarea {
padding: 0.75em !important;
}
.contact-form-fields .gfield_validation_message,
.contact-form-fields .validation_message {
color: #CB122D !important;
border: none !important;
font-size: 0.75em !important;
padding: 0.5em 1em !important;
}
.contact-form-fields .gfield_error [aria-invalid="true"] {
border: 2px solid #CB122D !important;
}
.gform_validation_errors {
border: 2px solid #CB122D !important;
padding: 12px !important;
}
input::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
.gform_wrapper.gravity-theme .gf_step {
background: #E5E5E5;
border-radius: 24px;
padding-right: 1rem;
position: relative;
}
.gform_wrapper.gravity-theme .gf_step:after {
font: 1em DonIcons;
vertical-align: middle;
content: "\203A";
margin: 0 0.5em 0 1em;
color: #202549;
position: absolute;
right: -30px;
top: 12px;
}
.gform_wrapper.gravity-theme .gf_step .gf_step_label {
padding-left: 0;
}
.gform_wrapper.gravity-theme .gf_step_number {
border: none !important;
font-size: 1.5em !important;
}
.gform_wrapper.gravity-theme .gf_step_completed,
.gform_wrapper.gravity-theme .gf_step_active {
background: #CB122D;
color: #FFFFFF !important;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number,
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
background: #CB122D !important;
color: #FFFFFF !important;
}
.gform_wrapper.gravity-theme .gf_step_previous .gf_step_number::after,
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after,
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
display: none !important;
}
#gf_step_2_5:after,
#gf_step_2_6 {
display: none;
}
.gform_validation_errors {
display: none;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
border: none !important;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
padding-top: 0 !important;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
padding-right: 0 !important;
}
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
}
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox] + label {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 25px;
margin-bottom: 0.5rem;
position: relative;
overflow: hidden;
padding-left: 35px;
vertical-align: middle;
}
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox] + label:before,
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox] + label:after {
content: '';
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: .2s;
transition: .2s;
} body #gform_wrapper_2 .gfield_checkbox input[type=checkbox]:not(:checked) + label:after {
width: 20px;
height: 20px;
border: 2px solid #A5A7AF;
border-radius: 4px;
top: 0px;
}
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox]:checked + label:after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid #020F50;
border-radius: 4px;
background-color: #020F50;
z-index: 0;
} body #gform_wrapper_2 .gfield_checkbox input[type=checkbox]:not(:checked) + label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
body #gform_wrapper_2 .gfield_checkbox input[type=checkbox]:checked + label:before {
background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.33301 5.66666L3.99967 8.33332L10.6663 1.66666" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: 15px;
top: 2px;
left: 4px;
width: 15px;
height: 13px;
margin-top: 3px;
}
.gform_wrapper.gravity-theme .gf_page_steps {
border-bottom: 0 !important;
white-space: nowrap;
}
.gform_wrapper.gravity-theme .gf_step_pending,
.gform_wrapper.gravity-theme .gf_step_completed {
display: none !important;
}
@media (min-width: 905px) {
.gform_wrapper.gravity-theme .gf_step_pending,
.gform_wrapper.gravity-theme .gf_step_completed {
display: inline-block !important;
}
}
.gform_wrapper.gravity-theme .gf_step_active {
display: inline-block;
}
.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
padding: 8px 16px !important;
}
@media (min-width: 905px) {
.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
padding: 16px !important;
}
}
.gform_wrapper.gravity-theme h1 {
font-weight: 700;
line-height: 1.2;
margin-bottom: .5em;
margin-top: 0;
}
.gform_wrapper.gravity-theme h4 {
line-height: 1.2;
}
#input_2_32 input {
visibility: hidden;
}
#input_2_32 label {
border: 1px solid #020F50;
border-radius: 25px;
margin-bottom: 1rem;
margin-left: -1rem;
min-width: 420px;
padding: 1rem 2rem;
text-align: center;
}
.gform_page_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gform_ajax_spinner {
margin-left: 10px;
border: 5px solid rgba(255, 255, 255, 0.3);
border-left: 5px solid #cb122d;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 40px;
height: 40px;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
background: transparent !important;
}
#gform_wrapper_3 {
height: 70px;
}
#gform_confirmation_wrapper_1 {
padding: 4rem 0;
text-align: center;
width: 100%;
}
@media (min-width: 905px) {
#gform_confirmation_wrapper_1 {
padding: 6rem 2rem;
}
}
#gform_confirmation_wrapper_1 #gform_confirmation_message_1 {
font-size: 1.5rem;
}
#gform_fields_3 {
position: relative;
}
#gform_confirmation_message_3 {
color: #FFFFFF !important;
font-size: 1.25rem;
margin-bottom: 0;
}
#validation_message_3_3 {
color: #FFFFFF !important;
padding: 8px 0 0 0 !important;
position: absolute;
bottom: -90px;
}
#magic-login-shortcode {
width: 100% !important;
}
#magic-login-shortcode .magic-login-submit {
margin: 10px auto 0 !important;
max-width: 400px;
}
#magic-login-shortcode .magic-login-form-header {
text-align: center;
width: 100%;
}
#magic-login-shortcode .message {
font-size: calc(16px + (23 - 16) * ((100vw - 0px) / (1440 - 0)));
border: none !important;
color: #020F50;
font-weight: 500;
margin: 0;
text-align: center;
}
@media (max-width: 0px) {
#magic-login-shortcode .message {
font-size: 16px;
}
}
@media (min-width: 1440px) {
#magic-login-shortcode .message {
font-size: 23px;
}
}
#magicloginform {
text-align: center;
width: 100%;
}
#magicloginform label {
display: none !important;
}
#magic-register {
font-weight: 300;
max-width: 400px;
margin: 0;
width: 100%;
}
.mp_wrapper .mp-form-label label {
display: none !important;
}
.hide-if-no-js {
display: none !important;
}
#mepr_loginform > div:nth-of-type(3),
.mp-spacer,
.mepr-login-actions {
display: none !important;
}
#mepr_loginform,
.mepr-login-actions {
text-align: center;
}
.mepr-link-span {
line-height: 1;
}
.mepr-link-span a {
text-decoration: none;
}
#user_login,
#user_pass {
margin: 0 auto !important;
max-width: 400px;
padding: 1em;
}
.pum-theme-504 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
margin: 0;
-webkit-transition: background 150ms linear;
transition: background 150ms linear;
}
.pum-theme-504 .pum-content + .pum-close:hover, .pum-theme-lightbox .pum-content + .pum-close:hover {
background: #F2F2F2;
}
.favourite-icon-heart {
display: block;
background-color: #FFFFFF;
background-position: center;
background-repeat: no-repeat;
background-size: 65%;
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 8.25C21 5.76472 18.9013 3.75 16.3125 3.75C14.3769 3.75 12.7153 4.87628 12 6.48342C11.2847 4.87628 9.62312 3.75 7.6875 3.75C5.09867 3.75 3 5.76472 3 8.25C3 15.4706 12 20.25 12 20.25C12 20.25 21 15.4706 21 8.25Z" stroke="%23E73E52" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
border-radius: 50%;
height: 15px;
width: 15px;
padding: .5em;
position: absolute;
left: .5em;
top: .5em;
}
.favourite-icon-heart--full {
display: block;
background-color: #FFFFFF;
background-position: center;
background-repeat: no-repeat;
background-size: 65%;
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 8.25C21 5.76472 18.9013 3.75 16.3125 3.75C14.3769 3.75 12.7153 4.87628 12 6.48342C11.2847 4.87628 9.62312 3.75 7.6875 3.75C5.09867 3.75 3 5.76472 3 8.25C3 15.4706 12 20.25 12 20.25C12 20.25 21 15.4706 21 8.25Z" stroke="%23E73E52" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
border-radius: 50%;
height: 15px;
width: 15px;
padding: .5em;
position: absolute;
left: .5em;
top: .5em;
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="%23E73E52" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"></path></svg>');
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-prev,
.slick-next {
background: #FFFFFF;
font-size: 16px;
line-height: 0;
position: absolute;
top: 45%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 25px;
z-index: 1;
}
[dir='rtl'] .slick-prev {
right: 25px;
left: auto;
}
.slick-prev:before {
content: '\2190';
}
[dir='rtl'] .slick-prev:before {
content: '\2192';
}
.slick-next {
right: 25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: 25px;
}
.slick-next:before {
content: '\2192';
}
[dir='rtl'] .slick-next:before {
content: '\2190';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 15px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 45px;
height: 5px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
background: #FFFFFF;
border-radius: 25px;
content: '';
font-size: 26px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 5px;
text-align: center;
opacity: 1;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 1;
background: #CB122D;
}
.slick-dots li button:hover:after {
display: none;
}
.custom-next:before,
.custom-prev:before {
content: '';
background-image: url('data:image/svg+xml,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 1" stroke="%23020F50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-position: center;
background-size: 35%;
background-color: #FFFFFF;
background-repeat: no-repeat;
border-radius: 4px;
border: 2px solid #CB122D;
position: absolute;
width: 32px;
height: 32px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 2;
}
.custom-next:hover:before,
.custom-prev:hover:before {
background-color: #E5E5E5;
}
.custom-next {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#breadcrumbs {
display: block;
margin: 1em;
}
@media (min-width: 905px) {
#breadcrumbs {
margin: 1em 1em 1.5em;
}
}
#breadcrumbs a {
text-decoration: none;
}
#breadcrumbs span {
color: #34AFF7;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 1.125em;
font-weight: 500;
}
#breadcrumbs > a:after {
font: 0.5em DonIcons;
vertical-align: middle;
content: "\203A";
margin: 0 0.5em 0 1em;
color: #202549;
}
#breadcrumbs a:last-child span {
color: #020F50;
}
#breadcrumbs a:last-child:after {
display: none;
}
button {
background: #CB122D;
border: 2px solid #CB122D;
border-radius: 8px;
color: #FFFFFF;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
margin: 1em 0;
padding: 12px 20px 10px;
width: 100%;
}
@media (min-width: 600px) {
button {
width: auto;
}
}
button:before {
display: none !important;
}
button:hover {
background: #E73E52;
position: relative;
}
button:disabled {
background: #A5A7AF;
border: 2px solid #A5A7AF;
color: #5B5E6D;
}
button:disabled:after {
display: none;
}
button:focus {
border: 2px solid #34AFF7;
}
button:visited {
background: #34AFF7;
border: 2px solid #B0DCFF;
}
.btn--outline {
background: #FFFFFF;
border: 2px solid #CB122D;
border-radius: 8px;
color: #020F50;
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
padding: 12px 20px 10px;
}
.btn--outline:hover {
background: #E5E5E5;
}
.btn--outline:hover:after {
content: '';
background: #CB122D;
border-bottom: 1px solid #CB122D;
height: 1px;
position: absolute;
bottom: 10px;
margin: 0 18px;
left: 0;
right: 0;
}
.btn--outline:disabled {
background: #E5E5E5;
border: 2px solid #5B5E6D;
color: #5B5E6D;
}
.btn--outline:disabled:after {
display: none;
}
.btn--outline:focus {
border: 2px solid #34AFF7;
}
.btn--outline:visited {
background: #34AFF7;
border: 2px solid #B0DCFF;
}
.btn--full-width {
width: 100%;
}
.card {
border-radius: 12px;
}
.card__count {
text-align: right;
}
.card__wrapper {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto;
}
.card__wrapper--1x1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 2em;
}
@media (min-width: 1440px) {
.card__wrapper--1x1 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto e2em;
}
}
.card__wrapper--overflow {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
padding-top: .5rem;
padding-bottom: .5em;
scrollbar-color: #CB122D transparent;
}
.card__wrapper--overflow::-webkit-scrollbar-thumb {
height: 100px;
}
@media (min-width: 1240px) {
.card__wrapper--overflow a:last-child {
margin-right: 15em;
}
}
@media (min-width: 1728px) {
.card__wrapper--overflow a:last-child {
margin-right: 15%;
}
}
.card__wrapper--120 {
margin: 0;
}
.card__title {
color: #FFFFFF;
line-height: 1.25;
margin-top: .25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: wrap;
}
@media (min-width: 600px) {
.card__title {
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
}
.card--1x1 {
background-repeat: no-repeat;
background-size: 100%;
background-position: 60%;
-webkit-box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
min-width: 308px;
height: 140px;
width: 100%;
position: relative;
text-align: center;
-webkit-transition: background-size 150ms linear;
transition: background-size 150ms linear;
}
@media (min-width: 600px) {
.card--1x1 {
background-position: 50%;
height: 308px;
}
}
@media (min-width: 1440px) {
.card--1x1 {
min-width: 345px;
height: 320px;
}
}
.card--1x1:hover {
background-size: 105%;
}
.card--1x1-title {
padding-top: 1.88rem;
background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 50%);
height: 90%;
width: 100%;
}
.card--1x1-title h4 {
color: #020F50;
line-height: 1.2;
margin: 0 auto;
max-width: 220px;
}
.card--1x1__container {
margin-bottom: 1.25em;
margin-right: 1.25em;
text-decoration: none;
}
@media (min-width: 1440px) {
.card--1x1__container:nth-child(4n) {
margin-right: 0;
}
}
.card--1x2, .card--1x2--sm {
-webkit-box-shadow: 0 4px 18px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 18px 6px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 120px;
max-width: 100%;
width: 100%;
position: relative;
-webkit-transition: -webkit-box-shadow 150ms linear;
transition: -webkit-box-shadow 150ms linear;
transition: box-shadow 150ms linear;
transition: box-shadow 150ms linear, -webkit-box-shadow 150ms linear;
}
@media (min-width: 1240px) {
.card--1x2, .card--1x2--sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 338px;
min-width: 268px;
height: 383px;
white-space: wrap;
}
}
.card--1x2__container, .card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: .5em 0;
text-decoration: none;
}
@media (min-width: 600px) {
.card--1x2__container, .card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 48%;
flex: 1 0 48%;
margin: .5em;
}
}
@media (min-width: 1240px) {
.card--1x2__container, .card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 23%;
flex: 1 0 23%;
margin: .75em;
max-width: 285px;
}
.card--1x2__container:nth-child(4n), .card--1x2--sm__container:nth-child(4n) {
margin-right: 0;
}
.card--1x2__container:nth-child(4n + 1), .card--1x2--sm__container:nth-child(4n + 1) {
margin-left: -.25em;
}
}
@media (min-width: 1440px) {
.card--1x2__container, .card--1x2--sm__container {
max-width: 338px;
}
}
.card--1x2__container:hover .card--1x2, .card--1x2--sm__container:hover .card--1x2 {
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
}
.card--1x2__img, .card--1x2--sm__img {
background-color: #E5E5E5;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
height: 120px;
max-width: 120px;
width: 120px;
}
@media (min-width: 1240px) {
.card--1x2__img, .card--1x2--sm__img {
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
max-height: 213px;
min-height: 213px;
width: 100%;
max-width: 100%;
}
}
.card--1x2__text, .card--1x2--sm__text {
width: 65%;
padding: 1em;
}
@media (min-width: 600px) {
.card--1x2__text, .card--1x2--sm__text {
width: 80%;
}
}
@media (min-width: 905px) {
.card--1x2__text, .card--1x2--sm__text {
width: 75%;
}
}
@media (min-width: 1240px) {
.card--1x2__text, .card--1x2--sm__text {
width: 90%;
}
}
.card--1x2__excerpt, .card--1x2--sm__excerpt {
color: #020F50;
display: none;
margin: 0;
max-width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 600px) {
.card--1x2__excerpt, .card--1x2--sm__excerpt {
display: inline-block;
max-width: 475px;
}
}
@media (min-width: 905px) {
.card--1x2__excerpt, .card--1x2--sm__excerpt {
max-width: 375px;
}
}
@media (min-width: 1240px) {
.card--1x2__excerpt, .card--1x2--sm__excerpt {
max-width: 90%;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.card--1x2__title, .card--1x2--sm__title {
color: #020F50;
line-height: 1.25;
margin-top: .25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: wrap;
}
@media (min-width: 600px) {
.card--1x2__title, .card--1x2--sm__title {
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
}
.card--1x2__title--long, .card--1x2--sm__title--long {
margin-top: 0;
text-overflow: none;
white-space: wrap;
}
.card--1x2--sm {
background: #FFFFFF;
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 120px;
max-width: 100%;
width: 100%;
position: relative;
-webkit-transition: -webkit-box-shadow 150ms linear;
transition: -webkit-box-shadow 150ms linear;
transition: box-shadow 150ms linear;
transition: box-shadow 150ms linear, -webkit-box-shadow 150ms linear;
}
@media (min-width: 1240px) {
.card--1x2--sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 305px;
min-width: 255px;
height: 383px;
white-space: wrap;
}
}
.card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: .5em 0;
text-decoration: none;
}
@media (min-width: 600px) {
.card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 48%;
flex: 1 0 48%;
margin: .5em;
}
}
@media (min-width: 1240px) {
.card--1x2--sm__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 23%;
flex: 1 0 23%;
margin: .75em;
max-width: 252px;
}
.card--1x2--sm__container:nth-child(4n + 1) {
margin-left: -.25em;
}
}
@media (min-width: 1440px) {
.card--1x2--sm__container {
max-width: 338px;
}
}
.card--1x2--sm__container:hover .card--1x2 {
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
}
.card--2x1 {
background: #CB122D;
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 120px;
max-width: 100%;
width: 100%;
position: relative;
-webkit-transition: -webkit-box-shadow 150ms linear;
transition: -webkit-box-shadow 150ms linear;
transition: box-shadow 150ms linear;
transition: box-shadow 150ms linear, -webkit-box-shadow 150ms linear;
}
@media (min-width: 1240px) {
.card--2x1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
min-width: 268px;
height: 383px;
white-space: wrap;
}
}
.card--2x1__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: .5em 0;
max-width: 700px;
text-decoration: none;
}
@media (min-width: 600px) {
.card--2x1__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 48%;
flex: 1 0 48%;
margin: .5em;
max-width: 100%;
}
}
@media (min-width: 1240px) {
.card--2x1__container {
-webkit-box-flex: 1;
-ms-flex: 1 0 48%;
flex: 1 0 48%;
margin: .75em;
max-width: 48.625%;
}
.card--2x1__container:nth-child(4n + 1) {
margin-left: -.25em;
}
}
.card--2x1__container:hover .card--1x2 {
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.16);
}
.card--2x1__img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
height: 120px;
max-width: 120px;
width: 120px;
}
@media (min-width: 1240px) {
.card--2x1__img {
background-size: 100%;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
height: 240px;
width: 100%;
max-width: 100%;
}
}
.card--2x1__text {
width: 65%;
padding: 1em;
}
@media (min-width: 600px) {
.card--2x1__text {
width: 80%;
}
}
@media (min-width: 905px) {
.card--2x1__text {
width: 75%;
}
}
@media (min-width: 1240px) {
.card--2x1__text {
width: 90%;
}
}
.card--2x1__title {
color: #FFFFFF;
line-height: 1.25;
margin-top: .25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: wrap;
}
@media (min-width: 600px) {
.card--2x1__title {
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
}
.card--2x1__excerpt {
color: #FFFFFF;
display: none;
margin: 0;
max-width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 600px) {
.card--2x1__excerpt {
display: inline-block;
max-width: 475px;
}
}
@media (min-width: 905px) {
.card--2x1__excerpt {
max-width: 375px;
}
}
@media (min-width: 1240px) {
.card--2x1__excerpt {
max-width: 90%;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 600pxpx) {
.card--2x1-mob {
height: 158px;
width: 308px;
}
}
.card_navigation__container {
margin-right: 1.5em;
text-decoration: none;
}
.card_navigation__container--sm {
margin-right: 1em;
text-decoration: none;
}
.card_navigation--1x1 {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
-webkit-box-shadow: -4px 2px 12px -2px rgba(0, 0, 0, 0.15);
box-shadow: -4px 2px 12px -2px rgba(0, 0, 0, 0.15);
margin-right: 1em;
min-width: 200px;
height: 308px;
width: 100%;
position: relative;
text-align: center;
}
.card_navigation--1x1-title {
color: #020F50;
margin: 0;
padding-top: 2.5rem;
height: 100%;
width: 100%;
z-index: 33;
}
.card_navigation--1x1-120 {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 65%;
-webkit-box-shadow: -4px 2px 12px -2px rgba(0, 0, 0, 0.15);
box-shadow: -4px 2px 12px -2px rgba(0, 0, 0, 0.15);
margin-right: 0;
height: 120px;
width: 120px;
position: relative;
text-align: center;
}
.card_navigation--1x1-120-title {
color: #020F50;
font-size: .9em;
margin: 0 auto;
padding-top: 1em;
height: 100%;
width: 100%;
max-width: 95px;
text-align: center;
}
.carousel_full-width--img {
background-position: left;
background-size: cover;
height: 200px;
width: 100%;
}
@media (min-width: 905px) {
.carousel_full-width--img {
height: 400px;
}
}
input,
textarea {
border-radius: 8px;
border: 1px solid #A5A7AF;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 300;
margin: 1em 0;
outline: 0;
padding: 16px 12px;
}
textarea {
padding: 20px 16px;
}
input[type=button],
input[type=submit],
input[type=reset] {
background: #CB122D;
border: 2px solid #CB122D;
border-radius: 8px;
color: #FFFFFF;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 300;
margin: 0;
padding: 12px 20px 10px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
background-position-x: 85%;
background-position-y: 12px;
border: 1px solid #A5A7AF;
border-radius: 25px;
color: #020F50;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 500;
line-height: 24px;
margin: 0 1em;
padding: 12px 45px 8px 30px;
} @-webkit-keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#hamburgerCheckbox {
position: absolute;
top: 0px;
right: 17.5px;
opacity: 0;
height: 45px;
width: 45px;
z-index: 1;
}
.hamburger-lines {
background: #CB122D;
border-radius: 6px;
display: block;
margin: 0;
padding: 0.75rem 0.65rem;
height: 20px;
width: 25px;
position: absolute;
position: absolute;
top: 1rem;
right: 1rem;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 600px) {
.hamburger-lines {
display: none;
}
}
.hamburger-lines .line {
background: #FFFFFF;
border-radius: 5px;
display: block;
height: 3px;
margin: 0;
width: 100%;
}
.hamburger-lines .line1 {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.hamburger-lines .line2 {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.hamburger-lines .line3 {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
margin-left: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
margin-left: 3px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
margin-left: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
nav.nav-mob {
display: none;
position: absolute;
left: -1rem;
top: 65px;
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
z-index: 9999;
}
nav.nav-mob.active {
display: block;
-webkit-animation: opacity 350ms linear normal;
animation: opacity 350ms linear normal;
}
nav.nav-mob .navbar {
background: #CB122D;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 25px;
height: 88vh;
width: 100vw;
padding-left: 1.25rem;
padding-bottom: 1rem;
overflow: auto;
}
@media (min-width: 600px) {
nav.nav-mob .navbar {
padding-left: 0;
}
}
section.instagram__reel {
background: #E5E5E5;
padding: 2em 0;
text-align: center;
}
.header_menu {
padding-left: 0;
}
@media (min-width: 905px) {
.header_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.header_menu--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: opacity 200ms linear;
transition: opacity 200ms linear;
width: 100%;
}
@media (min-width: 905px) {
.header_menu--wrapper {
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 1em;
}
}
.header_menu--wrapper.active {
height: 100%;
}
.header_menu--wrapper.active .btm-navigation {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.header_menu--wrapper.active .header-navigation {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.header_menu--wrapper.active hgroup {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header_menu li {
padding: .25em 0;
}
@media (min-width: 905px) {
.header_menu li {
padding: 1.25em 1em;
}
}
.header_menu li a {
font-size: 1.45em;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
}
.header-navigation {
width: 100%;
}
.label {
background: transparent;
border: 2px solid transparent;
border-radius: 8px;
color: #CB122D;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
line-height: 24px;
padding: 12px 20px 10px;
}
.label:hover {
border: 2px solid #CB122D;
position: relative;
}
.label:hover:after {
content: '';
background: #CB122D;
border-bottom: 1px solid #CB122D;
height: 1px;
position: absolute;
bottom: 8px;
margin: 0 18px;
left: 0;
right: 0;
}
.label.disabled {
color: #A5A7AF;
}
.label.disabled:after {
display: none;
}
.label:focus {
border: 2px solid #34AFF7;
}
.label:visited {
background: #34AFF7;
border: 2px solid #B0DCFF;
color: #34AFF7;
}
nav .footer_menu,
nav .header_menu {
list-style-type: none;
}
.post-filter select {
width: 9em;
}
.scrollTop {
background-color: #CB122D;
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 15.75L12 8.25L19.5 15.75" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: 45%;
background-position: 45%;
border-radius: 8px;
height: 15px;
width: 15px;
padding: .75em;
position: fixed;
right: 2em;
bottom: 1em;
}
@media (min-width: 1440px) {
.scrollTop {
right: 2.5em;
}
}
.scrollTop:hover {
background-color: #34AFF7;
}
#share-buttons {
margin-bottom: 2em;
text-align: center;
}
.share-button {
border-radius: 50%;
display: inline-block;
line-height: 0;
margin: .5em;
padding: .35em;
height: 1.5em;
width: 1.5em;
}
.share-button--facebook {
background: #1778f2;
fill: #ffffff;
}
.share-button--pinterest {
background-color: #e60122;
fill: #ffffff;
}
.share-button--x {
background-color: #000000;
fill: #ffffff;
}
.horizontal_slider {
overflow-x: hidden;
position: relative;
}
@media (min-width: 1240px) {
.horizontal_slider {
overflow-x: visible;
}
}
.horizontal_slider--all-product {
margin-bottom: 2em;
}
.horizontal_slider .container--overflow {
width: 100%;
}
@media (min-width: 1240px) {
.horizontal_slider .container--overflow {
width: 110%;
}
}
@media (min-width: 1440px) {
.horizontal_slider .container--overflow {
width: 120%;
}
}
.horizontal_slider__next, .horizontal_slider__prev {
line-height: 0;
margin: 0;
max-width: 37.5px;
padding: 0.475rem 0.525rem;
position: absolute !important;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.horizontal_slider__next svg, .horizontal_slider__prev svg {
height: 18px;
width: 16px;
}
.horizontal_slider__next {
right: 0;
}
.horizontal_slider__prev {
left: 0%;
}
@media (min-width: 1240px) {
.horizontal_slider__prev {
left: 1%;
}
}
@media (min-width: 1440px) {
.horizontal_slider__prev {
left: -3%;
}
}
.horizontal_slider--all-product {
max-width: "1440px";
}
@media (min-width: 1440px) {
.horizontal_slider--all-product {
max-width: "1240px";
}
}
.horizontal_slider--all-product .horizontal_slider__next,
.horizontal_slider--all-product .horizontal_slider__prev {
top: 35%;
}
@media (min-width: 1440px) {
.horizontal_slider--all-product .horizontal_slider__next,
.horizontal_slider--all-product .horizontal_slider__prev {
display: none;
}
}
.sub-menu {
background: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.15);
display: grid;
grid-template-rows: repeat(5, -webkit-min-content);
grid-template-rows: repeat(5, min-content);
grid-auto-flow: column;
list-style-type: none;
margin-left: -2em;
padding-left: 0;
padding-right: 3em;
position: absolute;
top: 100px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 250ms ease-in;
transition: all 250ms ease-in;
opacity: 0;
z-index: -1;
}
.sub-menu li {
padding: 0 2em;
}
.sub-menu li a {
color: #020F50;
font-size: 1.125em;
}
.menu-item-has-children:hover .sub-menu {
padding-bottom: .5em;
padding-top: .5em;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
z-index: 1;
}
.tabs {
display: none;
list-style-type: none;
padding: 0;
width: 100%;
}
@media (min-width: 600px) {
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tabs__item {
cursor: pointer;
background: #CB122D;
border-right: 1px solid #fff;
color: #FFFFFF;
font-size: .9em;
line-height: 2;
padding: .325em 1em;
vertical-align: middle;
margin: 0;
min-width: 130px;
width: 100%;
white-space: nowrap;
opacity: .5;
}
.tabs__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
height: 100%;
width: 100%;
}
.tabs__item:focus, .tabs__item:hover {
opacity: 1;
}
.tabs__item:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.tabs__item:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.tabs__item--active {
opacity: 1 !important;
}
article {
padding: 1em;
}
@media (min-width: 1240px) {
article {
padding: 0;
}
}
footer {
background: #020F50;
padding: 1.5em;
}
footer * {
color: #FFFFFF;
}
footer .footer_menu {
list-style-type: none;
padding: 0;
}
footer .footer_menu li {
padding-bottom: .5em;
}
footer .footer_menu li a {
font-weight: 300;
font-size: 1em;
text-decoration: none;
}
footer .footer__logo-asset {
padding: 1em;
max-width: 80px;
}
@media (min-width: 600px) {
footer .footer__logo-asset {
max-width: 120px;
}
}
footer .footer-links {
list-style-type: none;
padding-left: 0;
}
footer .footer-links li a {
text-decoration: none;
}
footer .footer .align-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 600px) {
footer .footer .align-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 600px) {
footer #btn-scrollTop {
display: none;
}
}
header {
background: #020F50;
z-index: 99;
}
header * {
color: #FFFFFF;
}
header hgroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
header .wrapper {
position: relative;
padding: .5em .75rem;
}
@media (min-width: 905px) {
header .wrapper {
padding: 0;
}
}
@media (min-width: 905px) {
header .wrapper .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
header .wrapper .row hgroup:last-child {
margin-left: auto;
}
header .wrapper .row .header-logo {
max-width: 102px;
padding: .5rem;
}
@media (min-width: 905px) {
header .wrapper .row .header-logo {
max-width: 140px;
}
}
@media (min-width: 1240px) {
header .wrapper .row .header-logo {
padding: 0;
}
}
header .user-logged {
background: #F2F2F2;
border-radius: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: .8em;
height: 42.5px;
margin-bottom: 1.5em;
margin-top: 1.5em;
padding: .5em 1em;
width: 100%;
}
@media (min-width: 600px) {
header .user-logged {
margin-bottom: 0;
margin-top: 0;
margin-right: 1em;
width: auto;
}
}
header .user-logged__account {
cursor: pointer;
display: block;
color: #020F50;
font-weight: 500;
line-height: 1.25;
}
header .user-logged__account--name {
color: #5B5E6D;
}
header .user-logged__avatar {
background: #CB122D;
border-radius: 50px;
color: #FFFFFF;
line-height: 2.25;
text-align: center;
height: 24px;
width: 24px;
margin-right: .5em;
padding: .25em;
}
header .btm-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 5%;
margin-top: 85%;
}
header .btm-navigation a {
text-decoration: none;
}
header .btm-navigation span {
font-size: 1.45em;
font-weight: 400;
padding-bottom: 1em;
line-height: 1;
}
@media (min-width: 905px) {
header .btm-navigation {
background: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.15);
display: block;
margin-top: 0;
padding: .5rem 1.5rem;
position: absolute;
right: 0;
top: 107px;
z-index: 9;
}
header .btm-navigation span {
color: #020F50;
font-size: 1em;
font-weight: 500;
line-height: 1;
padding-bottom: 0;
}
header .btm-navigation .bar {
display: inline-block;
background: #020F50;
width: 1px;
height: 22px;
margin: 0 5px;
vertical-align: middle;
}
}
header .user-nav-dropdown {
margin: 0 auto;
height: 0; max-height: 0px;
width: 220px;
padding: 1.25em 2.25em;
background: #FFFFFF;
-webkit-box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.08);
position: absolute;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom: 0;
z-index: -1;
top: 25px;
right: 10px;
-webkit-transition: max-height 250ms linear;
transition: max-height 250ms linear;
}
@media (min-width: 905px) {
header .user-nav-dropdown {
top: 75px;
}
}
header .user-nav-dropdown a {
color: #020F50;
display: block;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 1.325em;
font-weight: 500;
padding: .25em 0;
opacity: 0;
-webkit-transition: opacity 250ms linear;
transition: opacity 250ms linear;
}
header .user-nav-dropdown.active {
height: auto;
z-index: 11;
max-height: 100px;
top: 107px;
}
header .user-nav-dropdown.active a {
opacity: 1;
}
.default-page-template {
padding: 2em 1em 2em;
}
.default-page-template__title {
margin-bottom: 1em;
margin-top: 1.5em;
}
.default-ourstory-template {
padding: 0;
}
.default-ourstory-template__title {
margin-bottom: 1em;
margin-top: 1.5em;
}
.default-ourstory-template .wp-block-columns h1, .default-ourstory-template .wp-block-columns h2, .default-ourstory-template .wp-block-columns h3, .default-ourstory-template .wp-block-columns h4, .default-ourstory-template .wp-block-columns p, .default-ourstory-template .wp-block-columns ul, .default-ourstory-template .wp-block-columns ol, .default-ourstory-template .wp-block-columns li {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 600px) {
.default-ourstory-template .wp-block-columns h1, .default-ourstory-template .wp-block-columns h2, .default-ourstory-template .wp-block-columns h3, .default-ourstory-template .wp-block-columns h4, .default-ourstory-template .wp-block-columns p, .default-ourstory-template .wp-block-columns ul, .default-ourstory-template .wp-block-columns ol, .default-ourstory-template .wp-block-columns li {
padding-left: 0;
padding-right: 0;
}
}
.block {
margin-bottom: 2em;
}
.block-align-center {
text-align: center;
}
.cards-featured,
.cards-grid {
margin: 0 1em;
}
@media (min-width: 905px) {
.cards-featured,
.cards-grid {
margin: 2em auto;
max-width: 1440px;
}
}
.cards-featured .container,
.cards-grid .container {
padding: 0 0 3em;
}
.cards-featured--float-left,
.cards-grid--float-left {
float: left;
margin-bottom: .5em;
margin-top: 1.5em;
}
.cards-featured--float-right,
.cards-grid--float-right {
margin: 2.5em 2em 1em;
float: right;
text-decoration: none;
}
.cards-featured--float-right span,
.cards-grid--float-right span {
color: #CB122D;
font-size: 1em;
font-weight: 500;
}
.total_post {
padding-bottom: 2em;
padding-top: 1em;
}
.distributor__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 905px) {
.distributor__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.distributor__search-bar {
background-image: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/img/subscription_form-bg.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 3em 0 0;
width: 100%;
}
@media (min-width: 905px) {
.distributor__search-bar {
background-position: center;
}
}
.distributor__search-bar > .row {
padding: 6em 1em;
}
@media (min-width: 905px) {
.distributor__search-bar > .row {
padding: 0;
}
}
.distributor__search-bar .short-text {
color: #ffffff;
font-size: .9rem;
margin: 0;
margin-top: 4rem;
}
@media (min-width: 600px) {
.distributor__search-bar .short-text {
margin-top: 0;
}
}
.distributor__search-title {
color: #FFFFFF;
font-size: 1.785em;
line-height: 1.25;
margin: 0;
padding: 0;
}
@media (min-width: 905px) {
.distributor__search-title {
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
margin: 1em 0;
padding: 3em 2em;
}
}
.distributor__search-form {
padding: 0 1.75em 5em;
}
@media (min-width: 905px) {
.distributor__search-form {
-webkit-box-flex: 1;
-ms-flex: 1 0 60%;
flex: 1 0 60%;
padding: 0;
}
}
.distributor__search-form form {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.distributor__search-form input[type="email"] {
padding: 0.5rem 1rem !important;
width: 400px !important;
}
@media (min-width: 600px) {
.distributor__search-form input[type="email"] {
padding: 1rem !important;
width: 500px !important;
}
}
.distributor__search-form input[type="submit"] {
padding: 0.35em 2.5em !important;
}
@media (min-width: 600px) {
.distributor__search-form input[type="submit"] {
padding: 0.65em 1.5em !important;
}
}
.distributor__search-form .gform_wrapper.gravity-theme .validation_message {
background: transparent;
color: #FFFFFF;
margin-left: -10px;
margin-top: 15px;
}
@media (min-width: 600px) {
.distributor__search-form .gform_wrapper.gravity-theme .validation_message {
position: absolute;
margin-left: -5px;
margin-top: 0;
padding-bottom: 0;
}
}
.subscription__input {
margin-right: 1em;
min-width: 300px;
}
#post-404 {
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 85vh;
}
.cards-grid--all-products .card--1x2__img {
background-size: cover;
background-position: 50% 100%;
}
.blogpost__banner {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 22.5em;
width: 100%;
}
.blogpost__container {
background: #F2F2F2;
border-radius: 16px;
margin: -5em 0 3em;
padding: 1em;
position: relative;
}
@media (min-width: 600px) {
.blogpost__container {
margin: -5em 1em 3em;
padding: 1em 3em;
}
}
.blogpost__container img {
margin-bottom: 2em;
}
.blogpost__title {
text-align: center;
}
.blogpost__tag-container {
padding-bottom: 2em;
}
.blogpost__tag {
border: 1px solid #020F50;
border-radius: 8px;
background: #FFFFFF;
display: inline-block;
font-weight: 500;
line-height: 1;
margin-bottom: 12px;
margin-right: 12px;
padding: .5em .75em;
}
.post__tag-container {
max-height: 45px;
overflow: hidden;
padding-bottom: 0em;
}
.post__tag {
border: 1px solid #020F50;
border-radius: 8px;
background: #FFFFFF;
display: inline-block;
font-weight: 500;
line-height: 1;
margin-bottom: 12px;
margin-right: 12px;
padding: .5em .75em;
}
.post__tag--empty {
display: block;
padding: .25em;
}
.page-template-tmpl_cookt-page header .wrapper .row,
.page-template-cookt header .wrapper .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page header .wrapper .row,
.page-template-cookt header .wrapper .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.page-template-tmpl_cookt-page header .wrapper .row .header-logo,
.page-template-cookt header .wrapper .row .header-logo {
max-width: 100px;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page header .wrapper .row .header-logo,
.page-template-cookt header .wrapper .row .header-logo {
max-width: 140px;
}
}
.page-template-tmpl_cookt-page .header_menu li,
.page-template-cookt .header_menu li {
padding: 0 1em;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page .header_menu li,
.page-template-cookt .header_menu li {
padding: 1em;
}
}
.page-template-tmpl_cookt-page .header_menu li a,
.page-template-cookt .header_menu li a {
font-size: 1em;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page .header_menu li a,
.page-template-cookt .header_menu li a {
font-size: 1.45em;
}
}
.page-template-tmpl_cookt-page .card--1x2__title,
.page-template-cookt .card--1x2__title {
white-space: normal;
overflow: hidden;
text-overflow: initial;
max-width: 100%;
}
.page-template-tmpl_cookt-page .card--1x2__excerpt,
.page-template-cookt .card--1x2__excerpt {
max-width: 100%;
}
.cookt-page-template .hero_background_image {
background-image: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/img/cookt/hero-bg-mob.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 50%;
height: 464px;
position: relative;
}
@media (min-width: 905px) {
.cookt-page-template .hero_background_image {
background-image: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/img/cookt/hero-bg.jpg);
background-position: 100% 100%;
height: 770px;
}
}
.cookt-page-template .hero_background_image:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3); }
.cookt-page-template .hero_heading_image {
position: absolute;
left: 50%;
top: 11%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (min-width: 1240px) {
.cookt-page-template .hero_heading_image {
top: 22%;
left: 25%;
}
}
.cookt-page-template .hero_heading_image img {
width: 270px;
}
@media (min-width: 905px) {
.cookt-page-template .hero_heading_image img {
max-width: 600px;
width: 100%;
}
}
@media (min-width: 1240px) {
.cookt-page-template .hero_heading_image img {
max-width: 600px;
}
}
.cookt-page-template .hero_scroll {
position: absolute;
left: 50%;
bottom: 8.5%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
}
.cookt-page-template .hero_scroll p {
color: #FFFFFF;
}
.cookt-page-template .checkmark-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style-type: none;
padding: 0;
}
@media (min-width: 905px) {
.cookt-page-template .checkmark-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.cookt-page-template .checkmark-list li {
color: #020F50;
display: block;
font-size: 1.5em;
font-weight: 700;
padding-right: 1.25em;
}
.cookt-page-template .checkmark-list li:before {
content: '';
background-image: url('data:image/svg+xml,<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14L10 22L30 2" stroke="%23CB122D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: 20px;
width: 28px;
padding-right: .25em;
}
.cookt-page-template .checkmark-list_container {
margin: 0 auto;
max-width: 800px;
padding: 1.5em 1em;
}
@media (min-width: 905px) {
.cookt-page-template .checkmark-list_container {
padding: 3em 0;
text-align: center;
}
}
.cookt-page-template .checkmark-list_container a {
text-decoration: none;
}
.cookt-page-template .checkmark-list_container .red {
color: #CB122D;
font-weight: 700;
}
@media (min-width: 600px) {
.cookt-page-template .checkmark-list_container .red {
padding-left: 2em;
}
}
.cookt-page-template .checkmark-list-cta {
padding-top: 1.5em;
text-align: center;
}
.cookt-page-template .checkmark-list-cta .range-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.cookt-page-template .checkmark-list-cta .range-cta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.cookt-page-template .carousel {
background: #F2F2F2;
}
.cookt-page-template .carousel .slick-next,
.cookt-page-template .carousel .slick-prev {
display: none !important;
}
@media (min-width: 600px) {
.cookt-page-template .carousel .slick-next,
.cookt-page-template .carousel .slick-prev {
display: inline !important;
}
}
.cookt-page-template .carousel .testimonial {
padding: 2.5em 1em;
}
@media (min-width: 600px) {
.cookt-page-template .carousel .testimonial {
padding: 2.5em 0;
}
}
.cookt-page-template .carousel .testimonial h3 {
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
}
.cookt-page-template .carousel .testimonial p {
color: #CB122D;
}
.cookt-page-template .carousel .testimonial_container {
margin: 0 auto;
max-width: 700px;
text-align: center;
}
.cookt-page-template .product_cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 1em 1em 3em;
}
.cookt-page-template .subscribe-form {
background-position: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 3em;
}
.cookt-page-template .subscribe-form * {
color: #FFFFFF;
}
.cookt-page-template .card__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-tmpl_find-a-distributor .facetwp-facet-distributor_search input {
min-width: 340px;
}
.page-template-tmpl_find-a-distributor #facetwp-map {
width: 100% !important;
}
@media (min-width: 1240px) {
.page-template-tmpl_find-a-distributor #facetwp-map {
width: 95% !important;
}
}
.page-template-tmpl_find-a-distributor .facetwp-map-filtering {
display: none;
}
.distributor__account {
display: inline-block;
float: right;
}
.distributor__block .fwpl-col {
position: relative;
}
.distributor__block .fwpl-item {
padding-left: 1em;
}
.distributor__block .facetwp-facet input.facetwp-search {
min-width: 300px;
}
.distributor_favourite {
margin-bottom: 1rem;
}
.distributor__label {
color: #A5A7AF;
font-weight: 500;
margin-bottom: 2em;
}
.distributor_name {
font-size: 1.25em;
margin-top: 1em;
}
.distributor_address, .distributor_ph_number {
color: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1em;
font-weight: 300;
}
.distributor_address {
padding-top: 1em;
}
.distributor_address:before {
content: '';
background-image: url('data:image/svg+xml,<svg fill="none" stroke="%23CB122D" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 110%;
display: inline-block;
height: 26px;
width: 24px;
margin-right: .8em;
}
.distributor_favourite_btn {
position: absolute;
right: 0;
top: 0;
margin-right: 1em;
}
.distributor_favourite_btn .simplefavorite-button {
position: absolute;
right: 25px;
top: -10px;
opacity: 1;
}
.distributor_favourite_btn .simplefavorite-button .favourite-icon-heart {
background: none;
}
.distributor_favourite_btn .simplefavorite-button .favourite-icon-heart:before {
content: "+";
color: #020F50;
font-size: 1.75rem;
}
.distributor_favourite_btn .simplefavorite-button.active {
position: absolute;
right: 25px;
top: -10px;
opacity: 1;
}
.distributor_favourite_btn .simplefavorite-button.active .favourite-icon-heart--full {
background: none;
}
.distributor_favourite_btn .simplefavorite-button.active .favourite-icon-heart--full:before {
content: "\2212";
color: #020F50;
font-size: 1.75rem;
}
.distributor_ph_number {
border-bottom: 1px solid #A5A7AF;
padding-bottom: 1em;
padding-top: .5em;
}
.distributor_ph_number:before {
content: '';
background-image: url('data:image/svg+xml,<svg fill="none" stroke="%23CB122D" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 110%;
display: inline-block;
height: 26px;
width: 24px;
margin-right: .8em;
}
.page-template--contact-us-container {
background: #F2F2F2;
border-radius: 8px;
padding: .5em 1.25em;
}
.row__sites {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1em auto;
max-width: 1100px;
padding: 0;
}
@media (min-width: 905px) {
.row__sites {
padding: 1.75em;
}
}
.row__sites .site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 300px;
}
.row__sites .site__title {
margin-bottom: .5em;
margin-top: 1.25em;
}
.row__sites .site__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: .5em;
max-width: 255px;
}
.row__contact .contact {
padding: 1em;
}
.row__contact .contact__title {
margin-bottom: .5em;
margin-top: 1.25em;
}
.row__contact .contact__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: .5em;
}
.row__contact-form {
margin: 0 auto;
max-width: 1100px;
}
.my-profile-template {
padding: 1em;
}
.my-profile-template .row {
-webkit-column-gap: 3em;
column-gap: 3em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 2em;
}
@media (min-width: 905px) {
.my-profile-template .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.my-profile-template .my-profile-name {
margin: 1em 0 .25em;
}
.my-profile-template .my-profile-business-item {
margin-right: 1em;
}
.my-profile-template .my-profile-business-name {
margin: 0;
}
.my-profile-template .my-profile-info {
background: #F2F2F2;
border-radius: 6px;
padding: 1.5em;
margin: 1em 0;
}
.my-profile-template .my-profile-info--tier {
padding-top: .5em;
}
.my-profile-template .my-profile-info--tier p {
margin: .5em 0 0;
}
.my-profile-template .my-profile-position {
color: #5B5E6D;
font-weight: 700;
}
.my-profile-template .favorites-section {
display: none;
}
.my-profile-template .favorites-section--active {
display: block;
}
.my-profile-template .favorites-tab {
white-space: nowrap;
}
.my-profile-template .favorites-tab--button {
margin-right: .5em;
opacity: .7;
}
@media (min-width: 600px) {
.my-profile-template .favorites-tab--button {
margin-right: 1em;
}
}
.my-profile-template .favorites-tab--button--active {
opacity: 1;
}
.my-profile-template .favorites-distributor_address {
display: block;
width: 100%;
height: 20px;
padding-left: 25px;
padding-bottom: .5em;
}
.my-profile-template .favorites-distributor_address:before {
content: '';
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 10.5C15 12.1569 13.6569 13.5 12 13.5C10.3431 13.5 9 12.1569 9 10.5C9 8.84315 10.3431 7.5 12 7.5C13.6569 7.5 15 8.84315 15 10.5Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.5 10.5C19.5 17.6421 12 21.75 12 21.75C12 21.75 4.5 17.6421 4.5 10.5C4.5 6.35786 7.85786 3 12 3C16.1421 3 19.5 6.35786 19.5 10.5Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
width: 22px;
height: 20px;
margin-left: -30px;
}
.my-profile-template .favorites-distributor_ph_number {
width: 20px;
height: 20px;
padding-left: 25px;
}
.my-profile-template .favorites-distributor_ph_number:before {
content: '';
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.25 6.75C2.25 15.0343 8.96573 21.75 17.25 21.75H19.5C20.7426 21.75 21.75 20.7426 21.75 19.5V18.1284C21.75 17.6121 21.3987 17.1622 20.8979 17.037L16.4747 15.9312C16.0355 15.8214 15.5734 15.9855 15.3018 16.3476L14.3316 17.6412C14.05 18.0166 13.563 18.1827 13.1223 18.0212C9.81539 16.8098 7.19015 14.1846 5.97876 10.8777C5.81734 10.437 5.98336 9.94998 6.3588 9.6684L7.65242 8.69818C8.01453 8.4266 8.17861 7.96445 8.06883 7.52533L6.96304 3.10215C6.83783 2.60133 6.38785 2.25 5.87163 2.25H4.5C3.25736 2.25 2.25 3.25736 2.25 4.5V6.75Z" stroke="%23CB122D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
width: 20px;
height: 20px;
margin-left: -28px;
}
.my-profile-template .favorites-excerpt {
display: none;
overflow: hidden;
}
@media (min-width: 905px) {
.my-profile-template .favorites-excerpt {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
.my-profile-template .favorites-post .favorites-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.my-profile-template .favorites-post .favorites-list li {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
border-radius: 12px;
border: none;
-webkit-box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
box-shadow: -4px 4px 12px 4px rgba(0, 0, 0, 0.08);
margin-bottom: 1em;
margin-right: 0.1em;
max-height: 100px;
max-width: 100%;
overflow: hidden;
padding: 0 0 2em;
position: relative;
}
@media (min-width: 905px) {
.my-profile-template .favorites-post .favorites-list li {
margin-right: 1em;
max-width: 44%;
}
.my-profile-template .favorites-post .favorites-list li:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 1440px) {
.my-profile-template .favorites-post .favorites-list li {
max-width: 49%;
}
}
.my-profile-template .favorites-post .favorites-list li img {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
max-height: 132px;
}
.my-profile-template .favorites-post .favorites-list li .favorites-title {
font-size: 1.125em;
font-weight: 500;
padding: 1em .5em 0 0;
}
@media (min-width: 600px) {
.my-profile-template .favorites-post .favorites-list li .favorites-title {
padding: .5em .5em 0 0;
}
}
.my-profile-template .favorites-post .favorites-list li .simplefavorite-button.active {
position: absolute;
left: 0;
top: 0;
}
.my-profile-template .favorites-distributor .favorites-list {
padding: 0;
}
@media (min-width: 600px) {
.my-profile-template .favorites-distributor .favorites-list {
max-width: 95%;
}
}
.my-profile-template .favorites-distributor .favorites-list li {
border-bottom: 1px solid #A5A7AF;
border-top: none;
position: relative;
}
.my-profile-template .favorites-distributor .favorites-list li:last-child {
border-bottom: none;
}
.my-profile-template .favorites-distributor .favorites-list li .favorites-title {
font-size: 1.125em;
font-weight: 500;
padding: 0;
}
.my-profile-template .favorites-distributor .favorites-list li .simplefavorite-button.active {
position: absolute;
right: 50px;
top: 12.5px;
opacity: 1;
}
.my-profile-template .favorites-distributor .favorites-list li .simplefavorite-button.active .favourite-icon-heart--full {
background: none;
top: -.75em;
}
@media (min-width: 600px) {
.my-profile-template .favorites-distributor .favorites-list li .simplefavorite-button.active .favourite-icon-heart--full {
top: -.5em;
}
}
.my-profile-template .favorites-distributor .favorites-list li .simplefavorite-button.active .favourite-icon-heart--full:before {
content: "\2212";
color: #020F50;
font-size: 1.75rem;
}
.my-profile-template .favorites-distributor .favorites-list li .row {
padding-bottom: 0;
}
.simplefavorite-button {
cursor: pointer;
}
.default-ourstory-template .wp-block-group {
margin: 3em 0;
}
.plate_solution--post-wrapper .row {
-webkit-column-gap: 4em;
column-gap: 4em;
}
.plate_solution--post-wrapper .row .flexrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.plate_solution--post-wrapper .row .flexrow .col {
padding-right: 1em;
}
.plate_solution--post-wrapper * {
color: #222222;
}
.plate_solution--post-wrapper .rmp-widgets-container {
text-align: center !important;
}
.plate_solution--post-wrapper .js-rmp-rating-icon:before {
background: #FFFFFF;
}
.featured__media {
margin: 0 auto;
max-width: 640px;
}
.featured__media #page-image {
border: transparent;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 100em;
float: none;
width: 100%;
margin-bottom: 1em;
}
.featured__media .embed-container {
position: relative;
padding-bottom: 56%;
overflow: hidden;
max-width: 100%;
height: auto;
top: 0;
left: 0;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.featured__media .embed-container iframe,
.featured__media .embed-container object,
.featured__media .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overview {
background: #F2F2F2;
border-radius: 8px;
padding: 2em 3em;
margin: 2em auto;
max-width: 100%;
}
.overview__container {
max-width: 700px;
}
.overview__features {
margin: 1.5em auto;
text-align: center;
}
.overview__heading {
margin-top: 0;
}
.overview__label {
color: #CB122D;
display: block;
font-weight: 500;
font-size: 1.25em;
}
.overview__value {
color: #020F50;
font-weight: 500;
font-size: 1.75em;
}
.ingredients__heading {
padding-left: .65em;
}
.ingredients__item {
border-bottom: 1px solid #A5A7AF;
padding: .65em;
}
.ingredients__item-label {
padding-left: 2px;
}
.product {
padding: 1.25em;
}
@media (min-width: 1240px) {
.product {
padding: 0;
}
}
.product p {
color: #222222;
}
.product__directory {
margin-top: 2em;
}
.product__packshot {
max-width: 660px;
padding: 0;
width: 100%;
}
.product__packshot img {
width: 100%;
}
.product__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product__rating_num {
color: #CB122D;
font-weight: 500;
font-size: 2rem;
padding-right: .5em;
padding-top: .25em;
}
.product__title {
float: left;
margin-bottom: .5em;
}
.product__subheading {
font-size: 1.25rem;
}
.product__print-share {
float: right;
margin-top: 1.375em;
width: 12.5%;
}
.product__desc {
clear: both;
}
.product__directory-search .gd-search-field-search {
max-width: 250px;
}
.product__directory-search .geodir_submit_search {
background: #CB122D !important;
border: #CB122D 1px solid !important;
max-width: 100px;
}
.product__directory-search .geodir_submit_search:hover:after {
display: none;
}
.product__directory-search .geodir-ft-bold,
.product__directory-search .gd-search-field-near {
display: none;
}
.product__feature-list li {
color: #222222;
}
.product__item--list li {
margin: .25em 0;
}
.product__nutrition-table th {
color: #FFFFFF;
}
.product__nutrition-table td:nth-child(2),
.product__nutrition-table td:nth-child(3) {
font-weight: 300;
text-align: center;
}
.product__serving-container {
padding-bottom: .5em;
}
.product__serving-container span {
color: #222222;
}
.product__serving-container span:first-child {
padding-right: 1.5em;
}
.product .row {
padding: 1.5em 0;
}
.product .row .col-6 p {
margin-bottom: 0;
}
.nips {
color: #222222;
font-size: 1em;
}
.nips__wrapper {
overflow-x: auto;
}
.nips th {
text-align: center;
}
.nips td {
text-align: center;
}
.nips td:first-child {
text-align: left;
}
.ico-print,
.ico-share {
max-width: 24px;
margin-left: .5em;
}
.ico-print:hover,
.ico-share:hover {
stroke: #020F50;
}
@media (min-width: 905px) {
#allergen_info {
margin-top: 5rem;
}
}
@media (min-width: 600px) {
#page-image {
width: 100%;
height: 367px;
}
}
@media (min-width: 1240px) {
#page-image {
height: 467px;
}
}
.page-template-cookt header .wrapper .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product__cookt-logo {
display: block;
max-width: 100px;
}
.product__poa-logo {
display: block;
margin-top: 1em;
max-width: 500px;
}
.product__title_cookt {
margin-top: .75em;
}
.product .row {
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
}
.product__cookt-prep--img {
margin-top: .5em;
width: 100%;
}
#cookt-inspirations {
padding-top: .5em;
}
#cookt-inspirations .col-6 img {
width: 96.5%;
}
.product__cookt_rating {
margin-top: 1.5em;
}
.product_toolkits .resources {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.product_toolkits .resources {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.product_toolkits .resources__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 2em;
max-width: 100%;
text-align: center;
}
@media (min-width: 600px) {
.product_toolkits .resources__item {
max-width: 250px;
}
}
@media (min-width: 1240px) {
.product_toolkits .resources__item {
max-width: 25%;
}
}
.product_toolkits .resources__item .file {
text-decoration: none;
}
.product_toolkits .resources__item .thumbnail {
margin: 0;
max-width: 200px;
}
@media (min-width: 600px) {
.product_toolkits .resources__item .thumbnail {
max-width: 250px;
}
}
@media (min-width: 1440px) {
.product_toolkits .resources__item .thumbnail {
max-width: 250px;
}
}
.registration-page-template .container {
padding: 1.5em;
}
#registration-banner {
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
height: 100%;
width: 100%;
}