@charset "UTF-8";
/*
 * Style
 */
/* Abstracts */
/*
 * Breakpoints
 */
/*
 * Colours
 */
/* brand */
/* functional */
/* grey tones */
/* insurance */
/*
 * Fonts
 */
@font-face {
  font-family: 'Moderat Regular';
  src: url("/fonts/moderat/Moderat-Regular.eot");
  src: url("/fonts/moderat/Moderat-Regular.woff2") format("woff2"), url("/fonts/moderat/Moderat-Regular.woff") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Moderat Light';
  src: url("/fonts/moderat/Moderat-Light.eot");
  src: url("/fonts/moderat/Moderat-Light.woff2") format("woff2"), url("/fonts/moderat/Moderat-Light.woff") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Moderat Bold';
  src: url("/fonts/moderat/Moderat-Bold.eot");
  src: url("/fonts/moderat/Moderat-Bold.woff2") format("woff2"), url("/fonts/moderat/Moderat-Bold.woff") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SuperValu Icons';
  src: url("/fonts/supervalu-v1.1/supervalu.eot");
  src: url("/fonts/supervalu-v1.1/supervalu.eot#iefix") format("embedded-opentype"), url("/fonts/supervalu-v1.1/supervalu.ttf") format("truetype"), url("/fonts/supervalu-v1.1/supervalu.woff") format("woff"), url("/fonts/supervalu-v1.1/supervalu.svg?#supervalu") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
/*
 * Icons
 */
/*
 * Shadows
 */
/*
 * Transitions
 */
/*
   variable for transition speed and easing only
   define scope of transition (eg. all, background-color) in element css
*/
/* Base */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*
 * Global
 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }

::-ms-reveal {
  display: none; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.5;
  color: #333333; }

main {
  width: 100%;
  min-height: 50vh;
  margin: 0 auto; }

div.container {
  align-self: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px; }
  div.container > div.wrapper {
    display: flex;
    margin: 0 -32px; }
    div.container > div.wrapper *.item {
      flex-basis: 100%;
      flex-grow: 1;
      margin: 32px; }
  @media all and (max-width: 992px) {
    div.container {
      padding: 0 16px; }
      div.container div.wrapper {
        margin: 0 -16px; }
        div.container div.wrapper *.item {
          margin: 16px; } }
  div.container.full-width {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%; }
    div.container.full-width > div.wrapper {
      max-width: 1440px;
      margin-right: auto;
      margin-left: auto; }
    div.container.full-width div.container {
      padding-right: 0;
      padding-left: 0; }
  div.container figure {
    margin: 0; }
  div.container img {
    max-width: 100%;
    height: auto; }

.skip-to-content {
  position: absolute;
  top: -200px;
  left: 0;
  z-index: 9999;
  padding: 0.5rem;
  margin: 0;
  opacity: 0;
  background-color: #A50025;
  color: #ffffff;
  transition: 0.3s ease; }
  .skip-to-content:focus {
    color: #ffffff;
    top: 0;
    opacity: 1; }

/*
 * Icons
 */
span[class*="icon-"] {
  line-height: 1; }
  span[class*="icon-"]::after {
    content: '';
    font-family: "SuperValu Icons";
    font-size: 16px;
    line-height: 1; }

a.button.primary[class*="icon-"]::after,
button.primary[class*="icon-"]::after,
a.button.secondary[class*="icon-"]::after,
button.secondary[class*="icon-"]::after,
a.button.navigation[class*="icon-"]::after {
  content: '';
  margin-left: 12px;
  font-family: "SuperValu Icons";
  font-size: 16px;
  line-height: 1; }

a.pill[class*="icon-"]::after {
  content: '';
  margin-left: 8px;
  font-family: "SuperValu Icons";
  font-size: 12px;
  line-height: 1; }

a.button.primary.spin[class*="icon-"]::after,
button.primary.spin[class*="icon-"]::after,
a.button.secondary.spin[class*="icon-"]::after,
button.secondary.spin[class*="icon-"]::after,
a.button.navigation.spin[class*="icon-"]::after,
a.pill.spin[class*="icon-"]::after {
  animation: spin 1s linear infinite; }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
span.icon-aisles::after,
a.button.primary.icon-aisles::after,
button.primary.icon-aisles::after,
a.button.secondary.icon-aisles::after,
button.secondary.icon-aisles::after,
a.button.navigation.icon-aisles::after,
a.pill.icon-aisles::after {
  content: ""; }
span.icon-arrow-left::after,
a.button.primary.icon-arrow-left::after,
button.primary.icon-arrow-left::after,
a.button.secondary.icon-arrow-left::after,
button.secondary.icon-arrow-left::after,
a.button.navigation.icon-arrow-left::after,
a.pill.icon-arrow-left::after {
  content: ""; }
span.icon-arrow-right::after,
a.button.primary.icon-arrow-right::after,
button.primary.icon-arrow-right::after,
a.button.secondary.icon-arrow-right::after,
button.secondary.icon-arrow-right::after,
a.button.navigation.icon-arrow-right::after,
a.pill.icon-arrow-right::after {
  content: ""; }
span.icon-arrow-up::after,
a.button.primary.icon-arrow-up::after,
button.primary.icon-arrow-up::after,
a.button.secondary.icon-arrow-up::after,
button.secondary.icon-arrow-up::after,
a.button.navigation.icon-arrow-up::after,
a.pill.icon-arrow-up::after {
  content: ""; }
span.icon-arrow-down::after,
a.button.primary.icon-arrow-down::after,
button.primary.icon-arrow-down::after,
a.button.secondary.icon-arrow-down::after,
button.secondary.icon-arrow-down::after,
a.button.navigation.icon-arrow-down::after,
a.pill.icon-arrow-down::after {
  content: ""; }
span.icon-arrow-updown::after,
a.button.primary.icon-arrow-updown::after,
button.primary.icon-arrow-updown::after,
a.button.secondary.icon-arrow-updown::after,
button.secondary.icon-arrow-updown::after,
a.button.navigation.icon-arrow-updown::after,
a.pill.icon-arrow-updown::after {
  content: ""; }
span.icon-chevron-left::after,
a.button.primary.icon-chevron-left::after,
button.primary.icon-chevron-left::after,
a.button.secondary.icon-chevron-left::after,
button.secondary.icon-chevron-left::after,
a.button.navigation.icon-chevron-left::after,
a.pill.icon-chevron-left::after {
  content: ""; }
span.icon-chevron-right::after,
a.button.primary.icon-chevron-right::after,
button.primary.icon-chevron-right::after,
a.button.secondary.icon-chevron-right::after,
button.secondary.icon-chevron-right::after,
a.button.navigation.icon-chevron-right::after,
a.pill.icon-chevron-right::after {
  content: ""; }
span.icon-chevron-up::after,
a.button.primary.icon-chevron-up::after,
button.primary.icon-chevron-up::after,
a.button.secondary.icon-chevron-up::after,
button.secondary.icon-chevron-up::after,
a.button.navigation.icon-chevron-up::after,
a.pill.icon-chevron-up::after {
  content: ""; }
span.icon-chevron-down::after,
a.button.primary.icon-chevron-down::after,
button.primary.icon-chevron-down::after,
a.button.secondary.icon-chevron-down::after,
button.secondary.icon-chevron-down::after,
a.button.navigation.icon-chevron-down::after,
a.pill.icon-chevron-down::after {
  content: ""; }
span.icon-close::after,
a.button.primary.icon-close::after,
button.primary.icon-close::after,
a.button.secondary.icon-close::after,
button.secondary.icon-close::after,
a.button.navigation.icon-close::after,
a.pill.icon-close::after {
  content: ""; }
span.icon-menu-hamburger::after,
a.button.primary.icon-menu-hamburger::after,
button.primary.icon-menu-hamburger::after,
a.button.secondary.icon-menu-hamburger::after,
button.secondary.icon-menu-hamburger::after,
a.button.navigation.icon-menu-hamburger::after,
a.pill.icon-menu-hamburger::after {
  content: ""; }
span.icon-menu-hamburger-2::after,
a.button.primary.icon-menu-hamburger-2::after,
button.primary.icon-menu-hamburger-2::after,
a.button.secondary.icon-menu-hamburger-2::after,
button.secondary.icon-menu-hamburger-2::after,
a.button.navigation.icon-menu-hamburger-2::after,
a.pill.icon-menu-hamburger-2::after {
  content: ""; }
span.icon-menu-kebab::after,
a.button.primary.icon-menu-kebab::after,
button.primary.icon-menu-kebab::after,
a.button.secondary.icon-menu-kebab::after,
button.secondary.icon-menu-kebab::after,
a.button.navigation.icon-menu-kebab::after,
a.pill.icon-menu-kebab::after {
  content: ""; }
span.icon-menu-meatballs::after,
a.button.primary.icon-menu-meatballs::after,
button.primary.icon-menu-meatballs::after,
a.button.secondary.icon-menu-meatballs::after,
button.secondary.icon-menu-meatballs::after,
a.button.navigation.icon-menu-meatballs::after,
a.pill.icon-menu-meatballs::after {
  content: ""; }
span.icon-check::after,
a.button.primary.icon-check::after,
button.primary.icon-check::after,
a.button.secondary.icon-check::after,
button.secondary.icon-check::after,
a.button.navigation.icon-check::after,
a.pill.icon-check::after {
  content: ""; }
span.icon-checkbox-unchecked::after,
a.button.primary.icon-checkbox-unchecked::after,
button.primary.icon-checkbox-unchecked::after,
a.button.secondary.icon-checkbox-unchecked::after,
button.secondary.icon-checkbox-unchecked::after,
a.button.navigation.icon-checkbox-unchecked::after,
a.pill.icon-checkbox-unchecked::after {
  content: ""; }
span.icon-checkbox-checked::after,
a.button.primary.icon-checkbox-checked::after,
button.primary.icon-checkbox-checked::after,
a.button.secondary.icon-checkbox-checked::after,
button.secondary.icon-checkbox-checked::after,
a.button.navigation.icon-checkbox-checked::after,
a.pill.icon-checkbox-checked::after {
  content: ""; }
span.icon-checkbox-mark::after,
a.button.primary.icon-checkbox-mark::after,
button.primary.icon-checkbox-mark::after,
a.button.secondary.icon-checkbox-mark::after,
button.secondary.icon-checkbox-mark::after,
a.button.navigation.icon-checkbox-mark::after,
a.pill.icon-checkbox-mark::after {
  content: ""; }
span.icon-radio-unchecked::after,
a.button.primary.icon-radio-unchecked::after,
button.primary.icon-radio-unchecked::after,
a.button.secondary.icon-radio-unchecked::after,
button.secondary.icon-radio-unchecked::after,
a.button.navigation.icon-radio-unchecked::after,
a.pill.icon-radio-unchecked::after {
  content: ""; }
span.icon-radio-checked::after,
a.button.primary.icon-radio-checked::after,
button.primary.icon-radio-checked::after,
a.button.secondary.icon-radio-checked::after,
button.secondary.icon-radio-checked::after,
a.button.navigation.icon-radio-checked::after,
a.pill.icon-radio-checked::after {
  content: ""; }
span.icon-circle-clear::after,
a.button.primary.icon-circle-clear::after,
button.primary.icon-circle-clear::after,
a.button.secondary.icon-circle-clear::after,
button.secondary.icon-circle-clear::after,
a.button.navigation.icon-circle-clear::after,
a.pill.icon-circle-clear::after {
  content: ""; }
span.icon-circle-check::after,
a.button.primary.icon-circle-check::after,
button.primary.icon-circle-check::after,
a.button.secondary.icon-circle-check::after,
button.secondary.icon-circle-check::after,
a.button.navigation.icon-circle-check::after,
a.pill.icon-circle-check::after {
  content: ""; }
span.icon-circle-remove::after,
a.button.primary.icon-circle-remove::after,
button.primary.icon-circle-remove::after,
a.button.secondary.icon-circle-remove::after,
button.secondary.icon-circle-remove::after,
a.button.navigation.icon-circle-remove::after,
a.pill.icon-circle-remove::after {
  content: ""; }
span.icon-bar-scan::after,
a.button.primary.icon-bar-scan::after,
button.primary.icon-bar-scan::after,
a.button.secondary.icon-bar-scan::after,
button.secondary.icon-bar-scan::after,
a.button.navigation.icon-bar-scan::after,
a.pill.icon-bar-scan::after {
  content: ""; }
span.icon-bin-empty::after,
a.button.primary.icon-bin-empty::after,
button.primary.icon-bin-empty::after,
a.button.secondary.icon-bin-empty::after,
button.secondary.icon-bin-empty::after,
a.button.navigation.icon-bin-empty::after,
a.pill.icon-bin-empty::after {
  content: ""; }
span.icon-bin-solid::after,
a.button.primary.icon-bin-solid::after,
button.primary.icon-bin-solid::after,
a.button.secondary.icon-bin-solid::after,
button.secondary.icon-bin-solid::after,
a.button.navigation.icon-bin-solid::after,
a.pill.icon-bin-solid::after {
  content: ""; }
span.icon-browse::after,
a.button.primary.icon-browse::after,
button.primary.icon-browse::after,
a.button.secondary.icon-browse::after,
button.secondary.icon-browse::after,
a.button.navigation.icon-browse::after,
a.pill.icon-browse::after {
  content: ""; }
span.icon-copy::after,
a.button.primary.icon-copy::after,
button.primary.icon-copy::after,
a.button.secondary.icon-copy::after,
button.secondary.icon-copy::after,
a.button.navigation.icon-copy::after,
a.pill.icon-copy::after {
  content: ""; }
span.icon-download::after,
a.button.primary.icon-download::after,
button.primary.icon-download::after,
a.button.secondary.icon-download::after,
button.secondary.icon-download::after,
a.button.navigation.icon-download::after,
a.pill.icon-download::after {
  content: ""; }
span.icon-edit::after,
a.button.primary.icon-edit::after,
button.primary.icon-edit::after,
a.button.secondary.icon-edit::after,
button.secondary.icon-edit::after,
a.button.navigation.icon-edit::after,
a.pill.icon-edit::after {
  content: ""; }
span.icon-eye-on::after,
a.button.primary.icon-eye-on::after,
button.primary.icon-eye-on::after,
a.button.secondary.icon-eye-on::after,
button.secondary.icon-eye-on::after,
a.button.navigation.icon-eye-on::after,
a.pill.icon-eye-on::after {
  content: ""; }
span.icon-eye-off::after,
a.button.primary.icon-eye-off::after,
button.primary.icon-eye-off::after,
a.button.secondary.icon-eye-off::after,
button.secondary.icon-eye-off::after,
a.button.navigation.icon-eye-off::after,
a.pill.icon-eye-off::after {
  content: ""; }
span.icon-filter::after,
a.button.primary.icon-filter::after,
button.primary.icon-filter::after,
a.button.secondary.icon-filter::after,
button.secondary.icon-filter::after,
a.button.navigation.icon-filter::after,
a.pill.icon-filter::after {
  content: ""; }
span.icon-flag::after,
a.button.primary.icon-flag::after,
button.primary.icon-flag::after,
a.button.secondary.icon-flag::after,
button.secondary.icon-flag::after,
a.button.navigation.icon-flag::after,
a.pill.icon-flag::after {
  content: ""; }
span.icon-heart-empty::after,
a.button.primary.icon-heart-empty::after,
button.primary.icon-heart-empty::after,
a.button.secondary.icon-heart-empty::after,
button.secondary.icon-heart-empty::after,
a.button.navigation.icon-heart-empty::after,
a.pill.icon-heart-empty::after {
  content: ""; }
span.icon-heart-solid::after,
a.button.primary.icon-heart-solid::after,
button.primary.icon-heart-solid::after,
a.button.secondary.icon-heart-solid::after,
button.secondary.icon-heart-solid::after,
a.button.navigation.icon-heart-solid::after,
a.pill.icon-heart-solid::after {
  content: ""; }
span.icon-list-items::after,
a.button.primary.icon-list-items::after,
button.primary.icon-list-items::after,
a.button.secondary.icon-list-items::after,
button.secondary.icon-list-items::after,
a.button.navigation.icon-list-items::after,
a.pill.icon-list-items::after {
  content: ""; }
span.icon-list-large::after,
a.button.primary.icon-list-large::after,
button.primary.icon-list-large::after,
a.button.secondary.icon-list-large::after,
button.secondary.icon-list-large::after,
a.button.navigation.icon-list-large::after,
a.pill.icon-list-large::after {
  content: ""; }
span.icon-list-remove::after,
a.button.primary.icon-list-remove::after,
button.primary.icon-list-remove::after,
a.button.secondary.icon-list-remove::after,
button.secondary.icon-list-remove::after,
a.button.navigation.icon-list-remove::after,
a.pill.icon-list-remove::after {
  content: ""; }
span.icon-list-save::after,
a.button.primary.icon-list-save::after,
button.primary.icon-list-save::after,
a.button.secondary.icon-list-save::after,
button.secondary.icon-list-save::after,
a.button.navigation.icon-list-save::after,
a.pill.icon-list-save::after {
  content: ""; }
span.icon-list-search::after,
a.button.primary.icon-list-search::after,
button.primary.icon-list-search::after,
a.button.secondary.icon-list-search::after,
button.secondary.icon-list-search::after,
a.button.navigation.icon-list-search::after,
a.pill.icon-list-search::after {
  content: ""; }
span.icon-lock::after,
a.button.primary.icon-lock::after,
button.primary.icon-lock::after,
a.button.secondary.icon-lock::after,
button.secondary.icon-lock::after,
a.button.navigation.icon-lock::after,
a.pill.icon-lock::after {
  content: ""; }
span.icon-minus::after,
a.button.primary.icon-minus::after,
button.primary.icon-minus::after,
a.button.secondary.icon-minus::after,
button.secondary.icon-minus::after,
a.button.navigation.icon-minus::after,
a.pill.icon-minus::after {
  content: ""; }
span.icon-pause::after,
a.button.primary.icon-pause::after,
button.primary.icon-pause::after,
a.button.secondary.icon-pause::after,
button.secondary.icon-pause::after,
a.button.navigation.icon-pause::after,
a.pill.icon-pause::after {
  content: ""; }
span.icon-plus::after,
a.button.primary.icon-plus::after,
button.primary.icon-plus::after,
a.button.secondary.icon-plus::after,
button.secondary.icon-plus::after,
a.button.navigation.icon-plus::after,
a.pill.icon-plus::after {
  content: ""; }
span.icon-print::after,
a.button.primary.icon-print::after,
button.primary.icon-print::after,
a.button.secondary.icon-print::after,
button.secondary.icon-print::after,
a.button.navigation.icon-print::after,
a.pill.icon-print::after {
  content: ""; }
span.icon-save::after,
a.button.primary.icon-save::after,
button.primary.icon-save::after,
a.button.secondary.icon-save::after,
button.secondary.icon-save::after,
a.button.navigation.icon-save::after,
a.pill.icon-save::after {
  content: ""; }
span.icon-search::after,
a.button.primary.icon-search::after,
button.primary.icon-search::after,
a.button.secondary.icon-search::after,
button.secondary.icon-search::after,
a.button.navigation.icon-search::after,
a.pill.icon-search::after {
  content: ""; }
span.icon-send::after,
a.button.primary.icon-send::after,
button.primary.icon-send::after,
a.button.secondary.icon-send::after,
button.secondary.icon-send::after,
a.button.navigation.icon-send::after,
a.pill.icon-send::after {
  content: ""; }
span.icon-settings::after,
a.button.primary.icon-settings::after,
button.primary.icon-settings::after,
a.button.secondary.icon-settings::after,
button.secondary.icon-settings::after,
a.button.navigation.icon-settings::after,
a.pill.icon-settings::after {
  content: ""; }
span.icon-share::after,
a.button.primary.icon-share::after,
button.primary.icon-share::after,
a.button.secondary.icon-share::after,
button.secondary.icon-share::after,
a.button.navigation.icon-share::after,
a.pill.icon-share::after {
  content: ""; }
span.icon-sort-grid::after,
a.button.primary.icon-sort-grid::after,
button.primary.icon-sort-grid::after,
a.button.secondary.icon-sort-grid::after,
button.secondary.icon-sort-grid::after,
a.button.navigation.icon-sort-grid::after,
a.pill.icon-sort-grid::after {
  content: ""; }
span.icon-sort-list::after,
a.button.primary.icon-sort-list::after,
button.primary.icon-sort-list::after,
a.button.secondary.icon-sort-list::after,
button.secondary.icon-sort-list::after,
a.button.navigation.icon-sort-list::after,
a.pill.icon-sort-list::after {
  content: ""; }
span.icon-star-empty::after,
a.button.primary.icon-star-empty::after,
button.primary.icon-star-empty::after,
a.button.secondary.icon-star-empty::after,
button.secondary.icon-star-empty::after,
a.button.navigation.icon-star-empty::after,
a.pill.icon-star-empty::after {
  content: ""; }
span.icon-star-filled::after,
a.button.primary.icon-star-filled::after,
button.primary.icon-star-filled::after,
a.button.secondary.icon-star-filled::after,
button.secondary.icon-star-filled::after,
a.button.navigation.icon-star-filled::after,
a.pill.icon-star-filled::after {
  content: ""; }
span.icon-substitute::after,
a.button.primary.icon-substitute::after,
button.primary.icon-substitute::after,
a.button.secondary.icon-substitute::after,
button.secondary.icon-substitute::after,
a.button.navigation.icon-substitute::after,
a.pill.icon-substitute::after {
  content: ""; }
span.icon-substitute-bestmatch::after,
a.button.primary.icon-substitute-bestmatch::after,
button.primary.icon-substitute-bestmatch::after,
a.button.secondary.icon-substitute-bestmatch::after,
button.secondary.icon-substitute-bestmatch::after,
a.button.navigation.icon-substitute-bestmatch::after,
a.pill.icon-substitute-bestmatch::after {
  content: ""; }
span.icon-substitute-none::after,
a.button.primary.icon-substitute-none::after,
button.primary.icon-substitute-none::after,
a.button.secondary.icon-substitute-none::after,
button.secondary.icon-substitute-none::after,
a.button.navigation.icon-substitute-none::after,
a.pill.icon-substitute-none::after {
  content: ""; }
span.icon-substitute-product::after,
a.button.primary.icon-substitute-product::after,
button.primary.icon-substitute-product::after,
a.button.secondary.icon-substitute-product::after,
button.secondary.icon-substitute-product::after,
a.button.navigation.icon-substitute-product::after,
a.pill.icon-substitute-product::after {
  content: ""; }
span.icon-voice::after,
a.button.primary.icon-voice::after,
button.primary.icon-voice::after,
a.button.secondary.icon-voice::after,
button.secondary.icon-voice::after,
a.button.navigation.icon-voice::after,
a.pill.icon-voice::after {
  content: ""; }
span.icon-addresses::after,
a.button.primary.icon-addresses::after,
button.primary.icon-addresses::after,
a.button.secondary.icon-addresses::after,
button.secondary.icon-addresses::after,
a.button.navigation.icon-addresses::after,
a.pill.icon-addresses::after {
  content: ""; }
span.icon-basket::after,
a.button.primary.icon-basket::after,
button.primary.icon-basket::after,
a.button.secondary.icon-basket::after,
button.secondary.icon-basket::after,
a.button.navigation.icon-basket::after,
a.pill.icon-basket::after {
  content: ""; }
span.icon-calendar::after,
a.button.primary.icon-calendar::after,
button.primary.icon-calendar::after,
a.button.secondary.icon-calendar::after,
button.secondary.icon-calendar::after,
a.button.navigation.icon-calendar::after,
a.pill.icon-calendar::after {
  content: ""; }
span.icon-chat::after,
a.button.primary.icon-chat::after,
button.primary.icon-chat::after,
a.button.secondary.icon-chat::after,
button.secondary.icon-chat::after,
a.button.navigation.icon-chat::after,
a.pill.icon-chat::after {
  content: ""; }
span.icon-checkout::after,
a.button.primary.icon-checkout::after,
button.primary.icon-checkout::after,
a.button.secondary.icon-checkout::after,
button.secondary.icon-checkout::after,
a.button.navigation.icon-checkout::after,
a.pill.icon-checkout::after {
  content: ""; }
span.icon-circular::after,
a.button.primary.icon-circular::after,
button.primary.icon-circular::after,
a.button.secondary.icon-circular::after,
button.secondary.icon-circular::after,
a.button.navigation.icon-circular::after,
a.pill.icon-circular::after {
  content: ""; }
span.icon-clickcollect::after,
a.button.primary.icon-clickcollect::after,
button.primary.icon-clickcollect::after,
a.button.secondary.icon-clickcollect::after,
button.secondary.icon-clickcollect::after,
a.button.navigation.icon-clickcollect::after,
a.pill.icon-clickcollect::after {
  content: ""; }
span.icon-clock::after,
a.button.primary.icon-clock::after,
button.primary.icon-clock::after,
a.button.secondary.icon-clock::after,
button.secondary.icon-clock::after,
a.button.navigation.icon-clock::after,
a.pill.icon-clock::after {
  content: ""; }
span.icon-dashboard::after,
a.button.primary.icon-dashboard::after,
button.primary.icon-dashboard::after,
a.button.secondary.icon-dashboard::after,
button.secondary.icon-dashboard::after,
a.button.navigation.icon-dashboard::after,
a.pill.icon-dashboard::after {
  content: ""; }
span.icon-delivery::after,
a.button.primary.icon-delivery::after,
button.primary.icon-delivery::after,
a.button.secondary.icon-delivery::after,
button.secondary.icon-delivery::after,
a.button.navigation.icon-delivery::after,
a.pill.icon-delivery::after {
  content: ""; }
span.icon-dietary::after,
a.button.primary.icon-dietary::after,
button.primary.icon-dietary::after,
a.button.secondary.icon-dietary::after,
button.secondary.icon-dietary::after,
a.button.navigation.icon-dietary::after,
a.pill.icon-dietary::after {
  content: ""; }
span.icon-dropship::after,
a.button.primary.icon-dropship::after,
button.primary.icon-dropship::after,
a.button.secondary.icon-dropship::after,
button.secondary.icon-dropship::after,
a.button.navigation.icon-dropship::after,
a.pill.icon-dropship::after {
  content: ""; }
span.icon-eco::after,
a.button.primary.icon-eco::after,
button.primary.icon-eco::after,
a.button.secondary.icon-eco::after,
button.secondary.icon-eco::after,
a.button.navigation.icon-eco::after,
a.pill.icon-eco::after {
  content: ""; }
span.icon-email::after,
a.button.primary.icon-email::after,
button.primary.icon-email::after,
a.button.secondary.icon-email::after,
button.secondary.icon-email::after,
a.button.navigation.icon-email::after,
a.pill.icon-email::after {
  content: ""; }
span.icon-error::after,
a.button.primary.icon-error::after,
button.primary.icon-error::after,
a.button.secondary.icon-error::after,
button.secondary.icon-error::after,
a.button.navigation.icon-error::after,
a.pill.icon-error::after {
  content: ""; }
span.icon-face-happy::after,
a.button.primary.icon-face-happy::after,
button.primary.icon-face-happy::after,
a.button.secondary.icon-face-happy::after,
button.secondary.icon-face-happy::after,
a.button.navigation.icon-face-happy::after,
a.pill.icon-face-happy::after {
  content: ""; }
span.icon-face-sad::after,
a.button.primary.icon-face-sad::after,
button.primary.icon-face-sad::after,
a.button.secondary.icon-face-sad::after,
button.secondary.icon-face-sad::after,
a.button.navigation.icon-face-sad::after,
a.pill.icon-face-sad::after {
  content: ""; }
span.icon-geolocate::after,
a.button.primary.icon-geolocate::after,
button.primary.icon-geolocate::after,
a.button.secondary.icon-geolocate::after,
button.secondary.icon-geolocate::after,
a.button.navigation.icon-geolocate::after,
a.pill.icon-geolocate::after {
  content: ""; }
span.icon-help::after,
a.button.primary.icon-help::after,
button.primary.icon-help::after,
a.button.secondary.icon-help::after,
button.secondary.icon-help::after,
a.button.navigation.icon-help::after,
a.pill.icon-help::after {
  content: ""; }
span.icon-home::after,
a.button.primary.icon-home::after,
button.primary.icon-home::after,
a.button.secondary.icon-home::after,
button.secondary.icon-home::after,
a.button.navigation.icon-home::after,
a.pill.icon-home::after {
  content: ""; }
span.icon-info::after,
a.button.primary.icon-info::after,
button.primary.icon-info::after,
a.button.secondary.icon-info::after,
button.secondary.icon-info::after,
a.button.navigation.icon-info::after,
a.pill.icon-info::after {
  content: ""; }
span.icon-location::after,
a.button.primary.icon-location::after,
button.primary.icon-location::after,
a.button.secondary.icon-location::after,
button.secondary.icon-location::after,
a.button.navigation.icon-location::after,
a.pill.icon-location::after {
  content: ""; }
span.icon-location-empty::after,
a.button.primary.icon-location-empty::after,
button.primary.icon-location-empty::after,
a.button.secondary.icon-location-empty::after,
button.secondary.icon-location-empty::after,
a.button.navigation.icon-location-empty::after,
a.pill.icon-location-empty::after {
  content: ""; }
span.icon-location-solid::after,
a.button.primary.icon-location-solid::after,
button.primary.icon-location-solid::after,
a.button.secondary.icon-location-solid::after,
button.secondary.icon-location-solid::after,
a.button.navigation.icon-location-solid::after,
a.pill.icon-location-solid::after {
  content: ""; }
span.icon-location-distance::after,
a.button.primary.icon-location-distance::after,
button.primary.icon-location-distance::after,
a.button.secondary.icon-location-distance::after,
button.secondary.icon-location-distance::after,
a.button.navigation.icon-location-distance::after,
a.pill.icon-location-distance::after {
  content: ""; }
span.icon-lost-connection::after,
a.button.primary.icon-lost-connection::after,
button.primary.icon-lost-connection::after,
a.button.secondary.icon-lost-connection::after,
button.secondary.icon-lost-connection::after,
a.button.navigation.icon-lost-connection::after,
a.pill.icon-lost-connection::after {
  content: ""; }
span.icon-loyaltycard::after,
a.button.primary.icon-loyaltycard::after,
button.primary.icon-loyaltycard::after,
a.button.secondary.icon-loyaltycard::after,
button.secondary.icon-loyaltycard::after,
a.button.navigation.icon-loyaltycard::after,
a.pill.icon-loyaltycard::after {
  content: ""; }
span.icon-mail::after,
a.button.primary.icon-mail::after,
button.primary.icon-mail::after,
a.button.secondary.icon-mail::after,
button.secondary.icon-mail::after,
a.button.navigation.icon-mail::after,
a.pill.icon-mail::after {
  content: ""; }
span.icon-mobile::after,
a.button.primary.icon-mobile::after,
button.primary.icon-mobile::after,
a.button.secondary.icon-mobile::after,
button.secondary.icon-mobile::after,
a.button.navigation.icon-mobile::after,
a.pill.icon-mobile::after {
  content: ""; }
span.icon-note::after,
a.button.primary.icon-note::after,
button.primary.icon-note::after,
a.button.secondary.icon-note::after,
button.secondary.icon-note::after,
a.button.navigation.icon-note::after,
a.pill.icon-note::after {
  content: ""; }
span.icon-notifications::after,
a.button.primary.icon-notifications::after,
button.primary.icon-notifications::after,
a.button.secondary.icon-notifications::after,
button.secondary.icon-notifications::after,
a.button.navigation.icon-notifications::after,
a.pill.icon-notifications::after {
  content: ""; }
span.icon-offers::after,
a.button.primary.icon-offers::after,
button.primary.icon-offers::after,
a.button.secondary.icon-offers::after,
button.secondary.icon-offers::after,
a.button.navigation.icon-offers::after,
a.pill.icon-offers::after {
  content: ""; }
span.icon-orders::after,
a.button.primary.icon-orders::after,
button.primary.icon-orders::after,
a.button.secondary.icon-orders::after,
button.secondary.icon-orders::after,
a.button.navigation.icon-orders::after,
a.pill.icon-orders::after {
  content: ""; }
span.icon-payment-outline::after,
a.button.primary.icon-payment-outline::after,
button.primary.icon-payment-outline::after,
a.button.secondary.icon-payment-outline::after,
button.secondary.icon-payment-outline::after,
a.button.navigation.icon-payment-outline::after,
a.pill.icon-payment-outline::after {
  content: ""; }
span.icon-phone::after,
a.button.primary.icon-phone::after,
button.primary.icon-phone::after,
a.button.secondary.icon-phone::after,
button.secondary.icon-phone::after,
a.button.navigation.icon-phone::after,
a.pill.icon-phone::after {
  content: ""; }
span.icon-pickup-info::after,
a.button.primary.icon-pickup-info::after,
button.primary.icon-pickup-info::after,
a.button.secondary.icon-pickup-info::after,
button.secondary.icon-pickup-info::after,
a.button.navigation.icon-pickup-info::after,
a.pill.icon-pickup-info::after {
  content: ""; }
span.icon-recipe-calories::after,
a.button.primary.icon-recipe-calories::after,
button.primary.icon-recipe-calories::after,
a.button.secondary.icon-recipe-calories::after,
button.secondary.icon-recipe-calories::after,
a.button.navigation.icon-recipe-calories::after,
a.pill.icon-recipe-calories::after {
  content: ""; }
span.icon-recipe-chef::after,
a.button.primary.icon-recipe-chef::after,
button.primary.icon-recipe-chef::after,
a.button.secondary.icon-recipe-chef::after,
button.secondary.icon-recipe-chef::after,
a.button.navigation.icon-recipe-chef::after,
a.pill.icon-recipe-chef::after {
  content: ""; }
span.icon-recipe-cooktime::after,
a.button.primary.icon-recipe-cooktime::after,
button.primary.icon-recipe-cooktime::after,
a.button.secondary.icon-recipe-cooktime::after,
button.secondary.icon-recipe-cooktime::after,
a.button.navigation.icon-recipe-cooktime::after,
a.pill.icon-recipe-cooktime::after {
  content: ""; }
span.icon-recipe-ingredients::after,
a.button.primary.icon-recipe-ingredients::after,
button.primary.icon-recipe-ingredients::after,
a.button.secondary.icon-recipe-ingredients::after,
button.secondary.icon-recipe-ingredients::after,
a.button.navigation.icon-recipe-ingredients::after,
a.pill.icon-recipe-ingredients::after {
  content: ""; }
span.icon-recipe-servings::after,
a.button.primary.icon-recipe-servings::after,
button.primary.icon-recipe-servings::after,
a.button.secondary.icon-recipe-servings::after,
button.secondary.icon-recipe-servings::after,
a.button.navigation.icon-recipe-servings::after,
a.pill.icon-recipe-servings::after {
  content: ""; }
span.icon-recipes::after,
a.button.primary.icon-recipes::after,
button.primary.icon-recipes::after,
a.button.secondary.icon-recipes::after,
button.secondary.icon-recipes::after,
a.button.navigation.icon-recipes::after,
a.pill.icon-recipes::after {
  content: ""; }
span.icon-reserve::after,
a.button.primary.icon-reserve::after,
button.primary.icon-reserve::after,
a.button.secondary.icon-reserve::after,
button.secondary.icon-reserve::after,
a.button.navigation.icon-reserve::after,
a.pill.icon-reserve::after {
  content: ""; }
span.icon-rr-coupons::after,
a.button.primary.icon-rr-coupons::after,
button.primary.icon-rr-coupons::after,
a.button.secondary.icon-rr-coupons::after,
button.secondary.icon-rr-coupons::after,
a.button.navigation.icon-rr-coupons::after,
a.pill.icon-rr-coupons::after {
  content: ""; }
span.icon-rr-getpoints::after,
a.button.primary.icon-rr-getpoints::after,
button.primary.icon-rr-getpoints::after,
a.button.secondary.icon-rr-getpoints::after,
button.secondary.icon-rr-getpoints::after,
a.button.navigation.icon-rr-getpoints::after,
a.pill.icon-rr-getpoints::after {
  content: ""; }
span.icon-rr-points::after,
a.button.primary.icon-rr-points::after,
button.primary.icon-rr-points::after,
a.button.secondary.icon-rr-points::after,
button.secondary.icon-rr-points::after,
a.button.navigation.icon-rr-points::after,
a.pill.icon-rr-points::after {
  content: ""; }
span.icon-rr-statements::after,
a.button.primary.icon-rr-statements::after,
button.primary.icon-rr-statements::after,
a.button.secondary.icon-rr-statements::after,
button.secondary.icon-rr-statements::after,
a.button.navigation.icon-rr-statements::after,
a.pill.icon-rr-statements::after {
  content: ""; }
span.icon-rr-usepoints::after,
a.button.primary.icon-rr-usepoints::after,
button.primary.icon-rr-usepoints::after,
a.button.secondary.icon-rr-usepoints::after,
button.secondary.icon-rr-usepoints::after,
a.button.navigation.icon-rr-usepoints::after,
a.pill.icon-rr-usepoints::after {
  content: ""; }
span.icon-rr-vouchers::after,
a.button.primary.icon-rr-vouchers::after,
button.primary.icon-rr-vouchers::after,
a.button.secondary.icon-rr-vouchers::after,
button.secondary.icon-rr-vouchers::after,
a.button.navigation.icon-rr-vouchers::after,
a.pill.icon-rr-vouchers::after {
  content: ""; }
span.icon-special-request::after,
a.button.primary.icon-special-request::after,
button.primary.icon-special-request::after,
a.button.secondary.icon-special-request::after,
button.secondary.icon-special-request::after,
a.button.navigation.icon-special-request::after,
a.pill.icon-special-request::after {
  content: ""; }
span.icon-trolley::after,
a.button.primary.icon-trolley::after,
button.primary.icon-trolley::after,
a.button.secondary.icon-trolley::after,
button.secondary.icon-trolley::after,
a.button.navigation.icon-trolley::after,
a.pill.icon-trolley::after {
  content: ""; }
span.icon-unavailable::after,
a.button.primary.icon-unavailable::after,
button.primary.icon-unavailable::after,
a.button.secondary.icon-unavailable::after,
button.secondary.icon-unavailable::after,
a.button.navigation.icon-unavailable::after,
a.pill.icon-unavailable::after {
  content: ""; }
span.icon-user::after,
a.button.primary.icon-user::after,
button.primary.icon-user::after,
a.button.secondary.icon-user::after,
button.secondary.icon-user::after,
a.button.navigation.icon-user::after,
a.pill.icon-user::after {
  content: ""; }
span.icon-usuals::after,
a.button.primary.icon-usuals::after,
button.primary.icon-usuals::after,
a.button.secondary.icon-usuals::after,
button.secondary.icon-usuals::after,
a.button.navigation.icon-usuals::after,
a.pill.icon-usuals::after {
  content: ""; }
span.icon-blog::after,
a.button.primary.icon-blog::after,
button.primary.icon-blog::after,
a.button.secondary.icon-blog::after,
button.secondary.icon-blog::after,
a.button.navigation.icon-blog::after,
a.pill.icon-blog::after {
  content: ""; }
span.icon-weight::after,
a.button.primary.icon-weight::after,
button.primary.icon-weight::after,
a.button.secondary.icon-weight::after,
button.secondary.icon-weight::after,
a.button.navigation.icon-weight::after,
a.pill.icon-weight::after {
  content: ""; }
span.icon-luggage::after,
a.button.primary.icon-luggage::after,
button.primary.icon-luggage::after,
a.button.secondary.icon-luggage::after,
button.secondary.icon-luggage::after,
a.button.navigation.icon-luggage::after,
a.pill.icon-luggage::after {
  content: ""; }
span.icon-turkey::after,
a.button.primary.icon-turkey::after,
button.primary.icon-turkey::after,
a.button.secondary.icon-turkey::after,
button.secondary.icon-turkey::after,
a.button.navigation.icon-turkey::after,
a.pill.icon-turkey::after {
  content: ""; }
span.icon-social-facebook::after,
a.button.primary.icon-social-facebook::after,
button.primary.icon-social-facebook::after,
a.button.secondary.icon-social-facebook::after,
button.secondary.icon-social-facebook::after,
a.button.navigation.icon-social-facebook::after,
a.pill.icon-social-facebook::after {
  content: ""; }
span.icon-social-instagram::after,
a.button.primary.icon-social-instagram::after,
button.primary.icon-social-instagram::after,
a.button.secondary.icon-social-instagram::after,
button.secondary.icon-social-instagram::after,
a.button.navigation.icon-social-instagram::after,
a.pill.icon-social-instagram::after {
  content: ""; }
span.icon-social-pinterest::after,
a.button.primary.icon-social-pinterest::after,
button.primary.icon-social-pinterest::after,
a.button.secondary.icon-social-pinterest::after,
button.secondary.icon-social-pinterest::after,
a.button.navigation.icon-social-pinterest::after,
a.pill.icon-social-pinterest::after {
  content: ""; }
span.icon-social-twitter::after,
a.button.primary.icon-social-twitter::after,
button.primary.icon-social-twitter::after,
a.button.secondary.icon-social-twitter::after,
button.secondary.icon-social-twitter::after,
a.button.navigation.icon-social-twitter::after,
a.pill.icon-social-twitter::after {
  content: ""; }
span.icon-social-youtube::after,
a.button.primary.icon-social-youtube::after,
button.primary.icon-social-youtube::after,
a.button.secondary.icon-social-youtube::after,
button.secondary.icon-social-youtube::after,
a.button.navigation.icon-social-youtube::after,
a.pill.icon-social-youtube::after {
  content: ""; }
span.icon-social-tiktok::after,
a.button.primary.icon-social-tiktok::after,
button.primary.icon-social-tiktok::after,
a.button.secondary.icon-social-tiktok::after,
button.secondary.icon-social-tiktok::after,
a.button.navigation.icon-social-tiktok::after,
a.pill.icon-social-tiktok::after {
  content: ""; }

/*
 * Type
 */
h1, h2, h3, h4, h5 {
  margin: 0 0 24px 0;
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
  font-weight: normal;
  color: #C8102E; }

h1,
.h1 {
  font-size: 56px;
  line-height: 64px;
  text-align: center; }
  @media all and (max-width: 992px) {
    h1,
    .h1 {
      font-size: 40px;
      line-height: 44px; } }

h2,
.h2 {
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  margin-top: 32px; }
  @media all and (max-width: 992px) {
    h2,
    .h2 {
      font-size: 24px;
      line-height: 28px; } }

h3,
.h3 {
  font-size: 24px;
  line-height: 28px; }

h4,
.h4 {
  font-size: 18px;
  line-height: 24px; }

h5,
.h5 {
  font-size: 16px;
  line-height: 24px; }

p {
  max-width: 840px;
  margin: 0 0 24px 0; }
  p.small {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px; }
  p a {
    color: #C8102E; }
    p a:hover {
      color: #333333; }

strong,
b {
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
  font-weight: normal; }

blockquote {
  max-width: 840px;
  margin: 0 0 24px 0;
  padding-left: 32px;
  border-left: 3px solid #E6EAEB; }
  @media all and (max-width: 992px) {
    blockquote {
      padding-left: 16px; } }

/*
 * Lists
 */
ul,
ol,
dl {
  margin: 16px 0 24px 0;
  padding: 0 0 0 28px; }
  ul li,
  ol li,
  dl li {
    margin-bottom: 16px;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.5; }
    ul li::marker,
    ol li::marker,
    dl li::marker {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
    ul li p,
    ol li p,
    dl li p {
      margin-bottom: 0; }

p ~ ul,
p ~ ol,
p ~ dl {
  max-width: 640px; }

/*
 * Actions
 */
/* text link
 * isolated text link style only
 * see base/_type.scss for paragraph link (p > a)
*/
a {
  color: #C8102E;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:focus, a:active {
    color: #C8102E;
    text-decoration: none; }

/* button */
a.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 16px 16px;
  padding: 11px 24px 13px 24px;
  min-width: 160px;
  max-width: 220px;
  min-height: 43px;
  border-radius: 4px;
  background-color: #15743C;
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
  a.button:first-of-type {
    margin-left: 0; }
  a.button:last-of-type {
    margin-right: 0; }
  a.button:only-of-type {
    margin-right: 0;
    margin-left: 0; }
  @media all and (max-width: 768px) {
    a.button {
      min-width: 90px;
      min-height: 33px;
      margin: 0 8px 16px 8px;
      padding: 8px 24px;
      font-size: 14px; } }
  a.button:hover {
    background-color: #10562D;
    color: #ffffff; }
  a.button:focus, a.button:active {
    background-color: #09341B;
    color: #ffffff; }
  a.button.small {
    min-width: 90px;
    min-height: 33px;
    padding: 8px 24px;
    font-size: 14px; }
  a.button.disabled {
    pointer-events: none; }
  a.button.primary {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    a.button.primary:hover {
      background-color: #10562D;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
      color: #ffffff; }
    a.button.primary:focus, a.button.primary:active {
      background-color: #09341B;
      color: #ffffff; }
    a.button.primary.disabled {
      background-color: #D1D6D8;
      color: #757575; }
  a.button.secondary {
    padding-top: 10px;
    padding-bottom: 12px;
    border: 1px solid #333333;
    background-color: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #333333; }
    a.button.secondary:hover {
      background-color: #333333;
      border-color: transparent;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
      color: #ffffff; }
    a.button.secondary:focus, a.button.secondary:active {
      background-color: #333333;
      color: #ffffff; }
    @media all and (max-width: 768px) {
      a.button.secondary {
        padding-top: 6px;
        padding-bottom: 7px; } }
    a.button.secondary.disabled {
      border-color: #D1D6D8;
      color: #D1D6D8; }
    a.button.secondary.dark {
      border-color: #ffffff;
      color: #ffffff; }
      a.button.secondary.dark:hover {
        background-color: #ffffff;
        color: #333333; }
      a.button.secondary.dark:focus, a.button.secondary.dark:active {
        background-color: #ffffff;
        color: #333333; }
      a.button.secondary.dark.disabled {
        border-color: #757575;
        color: #757575; }
    a.button.secondary.small {
      padding-top: 7px;
      padding-bottom: 7px; }
  a.button.tertiary {
    position: relative;
    padding: 0;
    min-width: 0;
    min-height: 0;
    border-radius: 0;
    background-color: transparent;
    color: #333333;
    text-align: left; }
    a.button.tertiary::after {
      content: "";
      margin-left: 8px;
      font-family: "SuperValu Icons";
      font-size: 16px;
      transform: translateX(0);
      transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    a.button.tertiary:hover {
      color: #C8102E; }
      a.button.tertiary:hover::after {
        transform: translateX(6px); }
        @media all and (max-width: 768px) {
          a.button.tertiary:hover::after {
            transform: translateX(4px); } }
    a.button.tertiary:focus, a.button.tertiary:active {
      color: #C8102E; }
    a.button.tertiary.small {
      min-width: 0;
      min-height: 0;
      padding: 0 0 24px 0;
      font-size: 14px; }
      a.button.tertiary.small:hover::after {
        transform: translateX(4px); }
    a.button.tertiary.disabled {
      color: #D1D6D8; }
      a.button.tertiary.disabled::after {
        color: #D1D6D8; }
  a.button.navigation {
    border: 1px solid transparent;
    background-color: #ffffff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #C8102E; }
    a.button.navigation:hover {
      background-color: #ffffff;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
      color: #C8102E; }
    a.button.navigation:focus, a.button.navigation:active {
      background-color: #F7F8F9; }
    a.button.navigation.transparent {
      border-color: #ffffff;
      background-color: transparent;
      color: #ffffff; }
      a.button.navigation.transparent:hover, a.button.navigation.transparent:focus, a.button.navigation.transparent:active {
        background-color: #A50025; }

/* pill */
a.pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 12px 0;
  padding: 0 24px;
  max-width: 200px;
  height: 31px;
  border: 1px solid #333333;
  border-radius: 16.5px;
  background-color: #ffffff;
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  color: #333333;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: pointer; }
  a.pill:first-of-type {
    margin-left: 0; }
  a.pill:last-of-type {
    margin-right: 0; }
  a.pill:only-of-type {
    margin-right: 0;
    margin-left: 0; }
  @media all and (max-width: 768px) {
    a.pill {
      margin: 0 16px 6px 0; } }
  a.pill:hover {
    border-color: #C8102E;
    background-color: #C8102E;
    color: #ffffff; }
  a.pill:focus, a.pill:active {
    border-color: #A50025;
    background-color: #A50025;
    color: #ffffff; }
  a.pill.active {
    border-color: #C8102E;
    background-color: #C8102E;
    color: #ffffff; }

/*
 * Forms
 */
form {
  width: 100%;
  max-width: 768px; }
  form fieldset {
    margin-bottom: 32px;
    padding: 24px 32px;
    border: none;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    @media all and (max-width: 768px) {
      form fieldset {
        padding: 24px 12px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); } }
  form div.row {
    display: flex;
    width: 100%;
    max-width: 432px; }
    form div.row label {
      display: block;
      margin-bottom: 4px;
      font-size: 14px;
      color: #333333; }
    form div.row.birthday div.select div.error-message {
      width: 200px; }
  form div.field-group {
    margin-bottom: 24px; }
  form h2 {
    text-align: left; }

div.label {
  margin-bottom: 4px;
  font-size: 14px;
  color: #333333; }

div.field {
  position: relative;
  width: 100%;
  margin-right: 16px;
  padding-bottom: 16px; }
  div.field:last-of-type, div.field:only-of-type {
    margin-right: 0; }
  div.field label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #333333; }
  div.field input,
  div.field textarea,
  div.field select,
  div.field button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    background-color: transparent; }
  div.field ::-webkit-input-placeholder {
    color: #757575; }
  div.field ::-moz-placeholder {
    color: #757575; }
  div.field :-ms-input-placeholder {
    color: #757575; }
  div.field :-moz-placeholder {
    color: #757575; }
  div.field.mandatory label::after {
    content: '*';
    margin-left: 0.166em;
    color: #C8102E; }
  div.field.button {
    width: auto;
    max-width: 100%; }
    div.field.button button {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 0 16px 16px 16px;
      padding: 12px 24px 13px 24px;
      min-width: 160px;
      max-width: 220px;
      min-height: 43px;
      border-radius: 4px;
      background-color: #15743C;
      font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.2;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      cursor: pointer; }
      div.field.button button:first-of-type {
        margin-left: 0; }
      div.field.button button:last-of-type {
        margin-right: 0; }
      div.field.button button:only-of-type {
        margin-right: 0;
        margin-left: 0; }
      @media all and (max-width: 768px) {
        div.field.button button {
          min-width: 90px;
          min-height: 33px;
          margin: 0 8px 16px 8px;
          padding: 8px 24px;
          font-size: 14px; } }
      div.field.button button:hover {
        background-color: #10562D;
        color: #ffffff; }
      div.field.button button:focus, div.field.button button:active {
        background-color: #09341B;
        color: #ffffff; }
      div.field.button button.small {
        min-width: 90px;
        min-height: 33px;
        padding: 8px 24px;
        font-size: 14px; }
      div.field.button button:disabled, div.field.button button.disabled {
        pointer-events: none; }
      div.field.button button.primary {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
        div.field.button button.primary:hover {
          background-color: #10562D;
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
          color: #ffffff; }
        div.field.button button.primary:focus, div.field.button button.primary:active {
          background-color: #09341B;
          color: #ffffff; }
        div.field.button button.primary:disabled, div.field.button button.primary.disabled {
          background-color: #D1D6D8;
          color: #757575; }
      div.field.button button.secondary {
        padding-top: 10px;
        padding-bottom: 12px;
        border: 1px solid #333333;
        background-color: transparent;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        color: #333333; }
        div.field.button button.secondary:hover {
          background-color: #333333;
          border-color: transparent;
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
          color: #ffffff; }
        div.field.button button.secondary:focus, div.field.button button.secondary:active {
          background-color: #333333;
          color: #ffffff; }
        @media all and (max-width: 768px) {
          div.field.button button.secondary {
            padding-top: 6px;
            padding-bottom: 7px; } }
        div.field.button button.secondary:disabled, div.field.button button.secondary.disabled {
          border-color: #D1D6D8;
          color: #D1D6D8; }
        div.field.button button.secondary.dark {
          border-color: #ffffff;
          color: #ffffff; }
          div.field.button button.secondary.dark:hover {
            background-color: #ffffff;
            color: #333333; }
          div.field.button button.secondary.dark:focus, div.field.button button.secondary.dark:active {
            background-color: #ffffff;
            color: #333333; }
          div.field.button button.secondary.dark:disabled, div.field.button button.secondary.dark.disabled {
            border-color: #757575;
            color: #757575; }
        div.field.button button.secondary.small {
          padding-top: 7px;
          padding-bottom: 7px; }
  div.field.text input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.text.error input {
    border-color: #D63900; }
  div.field.number input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.number.error input {
    border-color: #D63900; }
  div.field.email input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.email.error input {
    border-color: #D63900; }
  div.field.email div.field-error p.type {
    display: flex;
    align-items: center;
    margin: 0;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 10px;
    color: #D63900; }
    div.field.email div.field-error p.type::before {
      content: "";
      font-family: "SuperValu Icons";
      font-size: 16px;
      margin-right: 0.5em; }
  div.field.email div.field-error p.detail {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px; }
  div.field.tel input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.tel.error input {
    border-color: #D63900; }
  div.field.textarea textarea {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.textarea.error textarea {
    border-color: #C8102E; }
  div.field.select::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 36px;
    font-family: "SuperValu Icons";
    font-size: 16px;
    pointer-events: none; }
  div.field.select select {
    width: 100%;
    padding: 12px 40px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px;
    cursor: pointer; }
  div.field.select.error select {
    border-color: #D63900; }
  div.field.select.consent::after {
    top: 10px; }
  div.field.checkbox {
    position: relative;
    margin-bottom: 4px;
    padding-bottom: 0; }
    div.field.checkbox input {
      position: absolute;
      left: -9999px; }
      div.field.checkbox input ~ label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        cursor: pointer;
        user-select: none; }
        div.field.checkbox input ~ label::before {
          margin-right: 16px;
          font-family: "SuperValu Icons";
          font-size: 24px; }
      div.field.checkbox input:not(:checked) ~ label::before {
        content: "";
        color: #757575; }
      div.field.checkbox input:checked ~ label::before {
        content: "";
        color: #15743C; }
    div.field.checkbox.error input ~ label,
    div.field.checkbox.error input ~ label::before {
      color: #D63900; }
  div.field.radio {
    position: relative; }
    div.field.radio input {
      position: absolute;
      left: -9999px; }
      div.field.radio input ~ label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        cursor: pointer;
        user-select: none; }
        div.field.radio input ~ label::before {
          margin-right: 16px;
          font-family: "SuperValu Icons";
          font-size: 24px; }
      div.field.radio input:not(:checked) ~ label::before {
        content: "";
        color: #757575; }
      div.field.radio input:checked ~ label::before {
        content: "";
        color: #15743C; }
    div.field.radio.error input ~ label,
    div.field.radio.error input ~ label::before {
      color: #D63900; }
  div.field.date input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.date.error input {
    border-color: #D63900; }
  div.field.file input {
    width: 100%;
    padding: 12px 16px 11px 16px;
    border: 1px solid #333333;
    border-radius: 4px; }
  div.field.file.error input {
    border-color: #D63900; }
  div.field.password {
    position: relative; }
    div.field.password input {
      width: 100%;
      padding: 12px 16px 11px 16px;
      border: 1px solid #333333;
      border-radius: 4px; }
    div.field.password span.toggle-password {
      position: absolute;
      top: 25px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 43px;
      height: 43px;
      cursor: pointer; }
      div.field.password span.toggle-password::after {
        content: "";
        font-family: "SuperValu Icons";
        font-size: 18px;
        color: #333333; }
      div.field.password span.toggle-password.hide::after {
        content: ""; }
    div.field.password div.helper-text {
      display: flex;
      align-items: center;
      margin-top: 3px;
      font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
      font-size: 12px;
      color: #757575;
      pointer-events: none; }
    div.field.password.error input {
      border-color: #D63900; }

div.error-message {
  display: flex;
  align-items: center;
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
  font-size: 10px;
  color: #D63900;
  margin-top: 10px;
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  pointer-events: none;
  opacity: 0;
  max-height: 0; }
  div.error-message > span[class^="icon-"] {
    margin-right: 0.5em; }
  div.error-message.row {
    margin-top: -8px;
    margin-bottom: 12px;
    opacity: 1;
    max-height: unset; }
  .error div.error-message {
    opacity: 1;
    max-height: unset; }

/* validation message */
div.validation-message {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  text-align: left; }
  div.validation-message::after {
    content: "";
    font-family: "SuperValu Icons";
    font-size: 24px;
    line-height: 1;
    color: #757575;
    margin-left: 10px; }
  div.validation-message p {
    margin: 0;
    color: #757575; }
  div.validation-message.error p {
    color: #D63900; }
  div.validation-message.error::after {
    content: "";
    color: #D63900; }
  div.validation-message.success p {
    color: #15743C; }
  div.validation-message.success::after {
    content: "";
    color: #15743C; }

/*
 * Tables
 */
.insurance table {
  margin: -8px auto 0 auto;
  border-collapse: separate;
  border-spacing: 0; }
.insurance tr th,
.insurance tr td {
  border: solid 8px white;
  border-style: none solid solid none;
  padding: 11px 24px 13px 24px; }
.insurance tr td {
  border-radius: 16px; }
.insurance tr:first-child td {
  border-top-style: solid; }
.insurance tr td:first-child {
  border-left-style: solid; }
.insurance th {
  background-color: #E6EAEB;
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
.insurance td {
  background-color: #F7F8F9; }

/* Pages */
/**
 * Article
 */
body.article div.container.article-body > div.wrapper {
  max-width: 896px;
  margin-right: auto;
  margin-left: auto; }
  @media all and (max-width: 768px) {
    body.article div.container.article-body > div.wrapper {
      flex-wrap: wrap; } }

/**
 * Autism Friendly Store Locator
 */
body.autism-friendly-store-locator div.autism-friendly-store-body > div.wrapper {
  display: block;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto; }
body.autism-friendly-store-locator div.store-sounds {
  margin-bottom: 64px; }
  body.autism-friendly-store-locator div.store-sounds h2 {
    text-align: center; }
  body.autism-friendly-store-locator div.store-sounds > div.wrapper {
    flex-wrap: wrap;
    justify-content: center; }
  body.autism-friendly-store-locator div.store-sounds div.item {
    flex: 0 1 calc(33.333333333% - 64px);
    display: block; }
    body.autism-friendly-store-locator div.store-sounds div.item h4 {
      margin-bottom: 12px;
      color: #757575; }
    body.autism-friendly-store-locator div.store-sounds div.item audio {
      width: 100%;
      min-width: 200px; }
body.autism-friendly-store-locator div.store-sensory-map {
  margin-bottom: 64px;
  text-align: center; }
  body.autism-friendly-store-locator div.store-sensory-map h2 {
    text-align: center; }
  body.autism-friendly-store-locator div.store-sensory-map > div.wrapper {
    justify-content: center; }
    @media all and (max-width: 768px) {
      body.autism-friendly-store-locator div.store-sensory-map > div.wrapper {
        flex-wrap: wrap; } }
  body.autism-friendly-store-locator div.store-sensory-map div.item {
    margin: 16px; }
    body.autism-friendly-store-locator div.store-sensory-map div.item h5 {
      margin-bottom: 12px;
      color: #757575; }
    @media all and (max-width: 768px) {
      body.autism-friendly-store-locator div.store-sensory-map div.item {
        flex: 0 0 70px; } }
  body.autism-friendly-store-locator div.store-sensory-map a.button {
    margin-top: 64px; }

/**
 * Competition
 */
body.competition header.site {
  margin-bottom: 32px; }
body.competition main {
  max-width: 1440px; }
  body.competition main > div.wrapper {
    display: flex; }
    body.competition main > div.wrapper > div[class^="col-"] {
      display: block;
      width: 100%; }
    body.competition main > div.wrapper div.col-1 {
      flex: 0 0 320px; }
      @media all and (max-width: 992px) {
        body.competition main > div.wrapper div.col-1 {
          display: none; } }
    body.competition main > div.wrapper div.col-2 div.container.rich-text {
      margin-left: 0; }
body.competition form h3 {
  color: #333333; }
body.competition form div.field.accepttcs {
  margin-bottom: 64px; }

/**
 * Food Academy
 */
div.food-academy-store-body > div.wrapper {
  display: block;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto; }

/**   
 * Map
 */
div.food-academy-map {
  flex-direction: column;
  padding-top: 20px; }
  div.food-academy-map.screen-loading .food-academy-store-body {
    display: none; }

/**
 * Meal Planner
 */
body.meal-planner div.meal-planner-filter h1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 768px;
  text-align: center; }
body.meal-planner div.meal-planner-filter div.actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
body.meal-planner div.meal-planner-body > div.wrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  @media all and (max-width: 768px) {
    body.meal-planner div.meal-planner-body > div.wrapper {
      flex-wrap: wrap; } }
@media all and (max-width: 768px) {
  body.meal-planner div.meal-planner-body div.meal-planner-recipe-list {
    order: 2; } }
body.meal-planner div.meal-planner-body div.meal-planner {
  flex: 0 0 448px; }
  @media all and (max-width: 992px) {
    body.meal-planner div.meal-planner-body div.meal-planner {
      flex: 0 1 100%; } }
  @media all and (max-width: 768px) {
    body.meal-planner div.meal-planner-body div.meal-planner {
      order: 1;
      flex: 0 1 448px; } }

/**
 * Partner
 */
body.partner div.page-action div.item {
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 0;
  border-bottom: 1px solid #F7F8F9; }
body.partner div.page-action a.back {
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
  font-size: 14px; }
  body.partner div.page-action a.back:hover {
    text-decoration: none; }
  body.partner div.page-action a.back span[class^="icon-"] {
    margin-right: 8px; }
    body.partner div.page-action a.back span[class^="icon-"]::after {
      font-size: 12px; }
body.partner div.container.layout > div.wrapper {
  display: flex;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  body.partner div.container.layout > div.wrapper div.col-1 {
    flex: 1 1 100%; }
  body.partner div.container.layout > div.wrapper div.col-2 {
    flex: 0 0 384px; }
  @media all and (max-width: 768px) {
    body.partner div.container.layout > div.wrapper {
      flex-wrap: wrap;
      margin-right: -16px;
      margin-left: -16px; }
      body.partner div.container.layout > div.wrapper div[class^="col-"] {
        flex-basis: 100%; }
      body.partner div.container.layout > div.wrapper div.col-1 {
        order: 2; }
      body.partner div.container.layout > div.wrapper div.col-2 {
        order: 1;
        flex-basis: 100%; } }
body.partner div.partner-actions > div.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
body.partner.aer-lingus div.partner-aer-lingus-transfer {
  max-width: 448px; }
  body.partner.aer-lingus div.partner-aer-lingus-transfer h5 {
    color: #333333; }
  body.partner.aer-lingus div.partner-aer-lingus-transfer div.field.aerclub-points-to-transfer {
    width: 80px; }
    body.partner.aer-lingus div.partner-aer-lingus-transfer div.field.aerclub-points-to-transfer ~ div.calculated-points {
      display: flex;
      align-items: center;
      margin-left: 1em;
      padding-bottom: 24px; }
  body.partner.aer-lingus div.partner-aer-lingus-transfer div.actions {
    display: flex; }
body.partner.aer-lingus div.partner-offer.real-rewards-balance {
  text-align: center; }
  body.partner.aer-lingus div.partner-offer.real-rewards-balance h5 {
    color: #757575; }
  body.partner.aer-lingus div.partner-offer.real-rewards-balance span.points {
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 24px;
    color: #C8102E; }
body.partner.aer-lingus div.partner-offer.money-backs-cta {
  text-align: center; }
  body.partner.aer-lingus div.partner-offer.money-backs-cta span[class^="line-"] {
    display: block;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    color: #757575; }
  body.partner.aer-lingus div.partner-offer.money-backs-cta span.line-2 {
    margin-bottom: 24px; }
  body.partner.aer-lingus div.partner-offer.money-backs-cta span.euros {
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 24px;
    color: #C8102E; }

/**
 * Recipe
 */
body.recipe div.recipe-overview {
  text-align: center; }
  body.recipe div.recipe-overview h1 {
    color: #333333; }
  body.recipe div.recipe-overview div.image {
    margin: 32px 0; }
    body.recipe div.recipe-overview div.image img {
      display: block;
      width: 100%;
      height: auto; }
    @media all and (min-width: 768px) {
      body.recipe div.recipe-overview div.image img.desktop {
        display: block; }
      body.recipe div.recipe-overview div.image img.mobile {
        display: none; } }
    @media all and (max-width: 768px) {
      body.recipe div.recipe-overview div.image img.desktop {
        display: none; }
      body.recipe div.recipe-overview div.image img.mobile {
        display: block; } }
  body.recipe div.recipe-overview div.description {
    text-align: center; }
    body.recipe div.recipe-overview div.description > * {
      max-width: 640px;
      margin-right: auto;
      margin-left: auto; }
  body.recipe div.recipe-overview div.details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 512px;
    margin: 0 auto; }
    body.recipe div.recipe-overview div.details > span {
      display: flex;
      align-items: center;
      margin: 0 32px 16px 0; }
      body.recipe div.recipe-overview div.details > span:last-child {
        margin-right: 0; }
      body.recipe div.recipe-overview div.details > span span[class^="icon-"] {
        margin-right: 16px; }
        body.recipe div.recipe-overview div.details > span span[class^="icon-"]::after {
          font-size: 24px; }
body.recipe div.recipe-body {
  margin-bottom: 64px; }
  body.recipe div.recipe-body > div.wrapper {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto; }
    @media all and (max-width: 768px) {
      body.recipe div.recipe-body > div.wrapper {
        flex-wrap: wrap; } }
  body.recipe div.recipe-body div.ingredients h2,
  body.recipe div.recipe-body div.method h2 {
    font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
    color: #333333; }
  @media all and (max-width: 768px) {
    body.recipe div.recipe-body div.method {
      order: 2; } }
  body.recipe div.recipe-body div.ingredients {
    flex: 0 0 448px;
    border-radius: 4px;
    background-color: #F7F8F9; }
    @media all and (max-width: 992px) {
      body.recipe div.recipe-body div.ingredients {
        flex: 0 1 100%; } }
    @media all and (max-width: 768px) {
      body.recipe div.recipe-body div.ingredients {
        order: 1;
        flex: 0 1 448px; } }
    body.recipe div.recipe-body div.ingredients div.ingredient-group h3.h5 {
      color: #333333; }
    body.recipe div.recipe-body div.ingredients div.ingredient-group ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      margin: 0 0 24px 0;
      padding: 0; }
      body.recipe div.recipe-body div.ingredients div.ingredient-group ul li {
        margin: 0;
        padding: 16px 0;
        border-bottom: 1px solid #E6EAEB; }
        body.recipe div.recipe-body div.ingredients div.ingredient-group ul li:first-child {
          padding-top: 0; }

/**
 * Vouchers
 */
body.vouchers {
  background: white; }

/**
 * Page with breadcrumb intro left
 */
body.page-with-breadcrumb-intro-left div.container.page-intro h1,
body.page-with-breadcrumb-intro-left div.container.page-intro p {
  margin-left: 0;
  text-align: left; }

/**
 * Page with sidenav
 */
body.page-with-sidenav header.site {
  margin-bottom: 32px; }
body.page-with-sidenav main {
  max-width: 1440px; }
  body.page-with-sidenav main > div.wrapper {
    display: flex; }
    body.page-with-sidenav main > div.wrapper > div[class^="col-"] {
      display: block;
      width: 100%; }
    body.page-with-sidenav main > div.wrapper div.col-1 {
      flex: 0 0 320px; }
      @media all and (max-width: 992px) {
        body.page-with-sidenav main > div.wrapper div.col-1 {
          display: none; } }
    body.page-with-sidenav main > div.wrapper div.col-2 div.container.page-intro h1,
    body.page-with-sidenav main > div.wrapper div.col-2 div.container.page-intro p {
      margin-left: 0;
      text-align: left; }
    body.page-with-sidenav main > div.wrapper div.col-2 div.container.rich-text {
      margin-left: 0; }

/**
 * Page with two col
 */
body.page-with-two-col div.container.layout > div.wrapper {
  display: flex;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  body.page-with-two-col div.container.layout > div.wrapper div.col-1 {
    flex: 1 1 100%; }
  body.page-with-two-col div.container.layout > div.wrapper div.col-2 {
    flex: 0 0 384px; }
  @media all and (max-width: 768px) {
    body.page-with-two-col div.container.layout > div.wrapper {
      flex-wrap: wrap;
      margin-right: -16px;
      margin-left: -16px; }
      body.page-with-two-col div.container.layout > div.wrapper div[class^="col-"] {
        flex-basis: 100%; }
      body.page-with-two-col div.container.layout > div.wrapper div.col-1 {
        order: 2; }
      body.page-with-two-col div.container.layout > div.wrapper div.col-2 {
        order: 1;
        flex-basis: 100%; } }

/**
 * Login app
 */
main#login-app {
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50vh;
  margin: 0 auto;
  padding: 24px 32px; }
  main#login-app > .wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 30px 16px; }
  main#login-app .form-wrapper {
    max-width: 432px;
    margin: 0 auto; }
    main#login-app .form-wrapper div.not-registered,
    main#login-app .form-wrapper div.registered {
      text-align: center; }
    main#login-app .form-wrapper div.row.accept-terms {
      margin-bottom: 24px; }
    main#login-app .form-wrapper div.row.submit {
      justify-content: center; }
  main#login-app .validation-message-wrapper {
    min-height: 32px; }
  main#login-app h1 {
    text-align: center; }
  main#login-app p.intro {
    text-align: center; }
  main#login-app a.close {
    position: absolute;
    top: 48px;
    right: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #333333; }
    @media all and (max-width: 992px) {
      main#login-app a.close {
        top: 16px;
        right: 16px;
        width: 18px;
        height: 18px; } }
    main#login-app a.close::after {
      content: "";
      font-family: "SuperValu Icons";
      font-size: 24px;
      line-height: 1; }
      @media all and (max-width: 992px) {
        main#login-app a.close::after {
          font-size: 18px; } }
    main#login-app a.close:hover {
      text-decoration: none;
      color: #C8102E; }
    main#login-app a.close > span {
      display: none; }
  main#login-app span.steps-indicator {
    position: absolute;
    top: 48px;
    left: 32px;
    color: #333333; }
    @media all and (max-width: 992px) {
      main#login-app span.steps-indicator {
        top: 12px;
        right: 16px;
        width: 18px;
        height: 18px; } }
  main#login-app ::-ms-reveal {
    display: none; }
  main#login-app .row p {
    font-size: 14px; }
  main#login-app .marketing-statement {
    margin-bottom: 10px;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 14px; }
  main#login-app .marketing-communications {
    margin-bottom: 24px; }
  main#login-app a.resend-verification-email:after {
    content: none; }
  main#login-app a.resend-verification-email.disabled {
    pointer-events: none;
    text-decoration: none;
    color: #D1D6D8; }
  main#login-app .recaptcha-reference {
    display: none; }
  main#login-app.email-verification {
    text-align: center; }
    main#login-app.email-verification .email-verification-success {
      margin: 32px 0; }
      main#login-app.email-verification .email-verification-success:before {
        display: inline-block;
        content: "";
        font-family: "SuperValu Icons";
        font-size: 32px;
        font-weight: bold;
        line-height: 1;
        background: #15743C;
        color: white;
        padding: 18px;
        border-radius: 50%;
        margin: 32px 0; }
      main#login-app.email-verification .email-verification-success h3 {
        color: #333333; }
      main#login-app.email-verification .email-verification-success p {
        margin: 0 auto;
        max-width: 400px; }

/* Components: Global  */
/**
 * Article List
 */
div.container.article-list div.wrapper {
  flex-wrap: wrap; }
  div.container.article-list div.wrapper a.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.article-list div.wrapper a.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.article-list div.wrapper a.item div.text {
      padding: 16px 64px 48px 16px; }
      div.container.article-list div.wrapper a.item div.text p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #333333; }
      div.container.article-list div.wrapper a.item div.text span.date {
        position: absolute;
        bottom: 24px;
        font-size: 14px;
        line-height: 1;
        color: #333333; }
      div.container.article-list div.wrapper a.item div.text span.icon-arrow-right {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        border: 1px solid #333333;
        background-color: #ffffff;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        color: #333333;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.article-list div.wrapper a.item div.text span.icon-arrow-right::after {
          font-size: 12px; }
        div.container.article-list div.wrapper a.item div.text span.icon-arrow-right:hover {
          background-color: #333333;
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
          color: #ffffff; }
    div.container.article-list div.wrapper a.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.article-list div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.article-list div.wrapper a.item {
        flex: 0 1 344px; } }

/**
 * Banner M
 */
div.container.banner-m div.wrapper a.item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px; }
@media all and (max-width: 768px) {
  div.container.banner-m div.wrapper {
    flex-wrap: wrap; }
    div.container.banner-m div.wrapper a.item {
      flex: 0 1 100%; } }

/**
 * Banner M - Red Box
 */
div.container.banner-m-red-box div.wrapper a.item {
  position: relative;
  border-radius: 8px;
  overflow: hidden; }
  div.container.banner-m-red-box div.wrapper a.item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px; }
  div.container.banner-m-red-box div.wrapper a.item div.text {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 18px 16px 22px 16px;
    background-color: #C8102E; }
    div.container.banner-m-red-box div.wrapper a.item div.text h3 {
      margin: 0;
      color: white; }
    div.container.banner-m-red-box div.wrapper a.item div.text span.action {
      display: inline-flex;
      align-items: center;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px;
      color: #ffffff; }
      div.container.banner-m-red-box div.wrapper a.item div.text span.action:after {
        margin-left: 12px;
        font-size: 12px; }
@media all and (max-width: 768px) {
  div.container.banner-m-red-box div.wrapper {
    flex-wrap: wrap; }
    div.container.banner-m-red-box div.wrapper a.item {
      flex: 0 1 100%; } }

/**
 * Breadcrumb
 */
div.breadcrumb > div.wrapper {
  max-width: 1440px;
  margin: 0 auto; }
div.breadcrumb nav.breadcrumb {
  display: flex;
  align-items: center;
  min-height: 50px;
  margin: 0 32px;
  padding: 0;
  border-bottom: 1px solid #E6EAEB;
  overflow: hidden; }
  div.breadcrumb nav.breadcrumb a,
  div.breadcrumb nav.breadcrumb span.current {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #757575;
    text-decoration: none;
    white-space: nowrap; }
  div.breadcrumb nav.breadcrumb a:first-child {
    margin-left: 0; }
  div.breadcrumb nav.breadcrumb span.current {
    color: #333333;
    text-overflow: ellipsis; }
  div.breadcrumb nav.breadcrumb span.delimiter {
    display: block;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background-color: #C8102E; }
  @media all and (max-width: 992px) {
    div.breadcrumb nav.breadcrumb {
      margin: 0 16px; }
      div.breadcrumb nav.breadcrumb a {
        display: none; }
        div.breadcrumb nav.breadcrumb a:last-of-type {
          display: flex;
          margin-left: 0; }
      div.breadcrumb nav.breadcrumb span.current {
        margin-left: 0; }
        div.breadcrumb nav.breadcrumb span.current::before {
          content: '';
          display: block;
          width: 1px;
          height: 12px;
          margin: 0 12px 0 0;
          background-color: #C8102E; }
      div.breadcrumb nav.breadcrumb span.delimiter {
        display: none; } }

/**
 * Card Grey Box
 */
div.container.card-grey-box div.item {
  max-width: 320px;
  border: 1px solid #E6EAEB;
  padding: 32px 24px 0 24px; }
  div.container.card-grey-box div.item h2 {
    color: #757575; }
  div.container.card-grey-box div.item div.content p {
    font-size: 14px;
    line-height: 1.4285714286;
    color: #757575; }
  div.container.card-grey-box div.item div.content a {
    text-decoration: underline; }
    div.container.card-grey-box div.item div.content a:hover {
      text-decoration: none; }

.card-xl-list-alternating div.wrapper {
  display: flex;
  flex-direction: column;
  gap: 84px; }
  .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item {
    display: flex;
    gap: 85px; }
    @media all and (max-width: 992px) {
      .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item {
        flex-direction: column;
        gap: 32px; } }
    .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item .image {
      flex: 1; }
      .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item .image img {
        width: 100%;
        height: auto; }
    .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item .content {
      flex: 1; }
    .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item:nth-child(even) {
      flex-direction: row-reverse; }
      @media all and (max-width: 992px) {
        .card-xl-list-alternating div.wrapper .card-xl-list-alternating-item:nth-child(even) {
          flex-direction: column; } }

/**
 * Card L
 */
div.container.card-l div.wrapper {
  justify-content: center; }
  div.container.card-l div.wrapper div.item {
    display: flex;
    width: 100%;
    max-width: 886px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.card-l div.wrapper div.item div.image {
      width: 50%; }
      div.container.card-l div.wrapper div.item div.image img {
        display: block;
        width: 100%;
        height: auto; }
    div.container.card-l div.wrapper div.item div.text {
      padding: 32px;
      width: 50%; }
      div.container.card-l div.wrapper div.item div.text h2 {
        margin-bottom: 24px;
        text-align: left; }
      div.container.card-l div.wrapper div.item div.text p {
        display: -webkit-box;
        min-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; }
        @media all and (max-width: 992px) {
          div.container.card-l div.wrapper div.item div.text p {
            -webkit-line-clamp: 3; } }
        @media all and (max-width: 768px) {
          div.container.card-l div.wrapper div.item div.text p {
            -webkit-line-clamp: 4; } }
      div.container.card-l div.wrapper div.item div.text div.actions {
        margin-top: 32px; }
        div.container.card-l div.wrapper div.item div.text div.actions a.button {
          margin-bottom: 0;
          margin-left: 0; }
  @media all and (max-width: 768px) {
    div.container.card-l div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-l div.wrapper div.item {
        flex: 0 1 344px;
        flex-wrap: wrap; }
        div.container.card-l div.wrapper div.item div.image {
          width: 100%; }
        div.container.card-l div.wrapper div.item div.text {
          padding: 16px;
          width: 100%; }
          div.container.card-l div.wrapper div.item div.text h2 {
            margin-bottom: 16px; } }

/**
 * Card L
 */
div.container.card-l-red div.wrapper {
  justify-content: center; }
  div.container.card-l-red div.wrapper div.item {
    display: flex;
    width: 100%;
    max-width: 886px;
    overflow: hidden;
    background-color: #C8102E;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.card-l-red div.wrapper div.item div.text {
      padding: 32px; }
      div.container.card-l-red div.wrapper div.item div.text h3 {
        margin-bottom: 24px;
        color: #ffffff; }
      div.container.card-l-red div.wrapper div.item div.text p {
        display: -webkit-box;
        min-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #ffffff; }
        @media all and (max-width: 992px) {
          div.container.card-l-red div.wrapper div.item div.text p {
            -webkit-line-clamp: 3; } }
        @media all and (max-width: 768px) {
          div.container.card-l-red div.wrapper div.item div.text p {
            -webkit-line-clamp: 4; } }
      div.container.card-l-red div.wrapper div.item div.text div.actions {
        margin-top: 32px; }
        div.container.card-l-red div.wrapper div.item div.text div.actions a.button {
          margin-bottom: 0;
          margin-left: 0; }
    div.container.card-l-red div.wrapper div.item div.image {
      flex: 1 0 386px; }
      div.container.card-l-red div.wrapper div.item div.image img {
        display: block;
        width: 100%;
        height: auto; }
  @media all and (max-width: 768px) {
    div.container.card-l-red div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-l-red div.wrapper div.item {
        flex: 0 1 344px;
        flex-wrap: wrap; }
        div.container.card-l-red div.wrapper div.item div.image {
          order: 1;
          flex: 0 0 100%; }
        div.container.card-l-red div.wrapper div.item div.text {
          order: 2;
          padding: 16px; }
          div.container.card-l-red div.wrapper div.item div.text h3 {
            margin-bottom: 16px; } }

/**
 * Card L
 */
div.container.card-l-modal > div.wrapper {
  flex-wrap: wrap; }
  div.container.card-l-modal > div.wrapper .card-l-modal-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 40px 0 80px 0; }
  div.container.card-l-modal > div.wrapper .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; }

div.container.card-l-modal-item {
  padding: 0; }
  div.container.card-l-modal-item div.wrapper {
    display: flex;
    justify-content: center;
    margin: 0; }
    div.container.card-l-modal-item div.wrapper .item {
      margin: 0; }
    div.container.card-l-modal-item div.wrapper .card-l-modal-item-link {
      color: #333333;
      flex: 1; }
      div.container.card-l-modal-item div.wrapper .card-l-modal-item-link:hover {
        text-decoration: none; }
    div.container.card-l-modal-item div.wrapper div.item-content {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      overflow: hidden;
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
      div.container.card-l-modal-item div.wrapper div.item-content:hover {
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
      div.container.card-l-modal-item div.wrapper div.item-content div.image {
        max-width: 237px; }
        div.container.card-l-modal-item div.wrapper div.item-content div.image img {
          display: block;
          width: 100%;
          height: auto; }
      div.container.card-l-modal-item div.wrapper div.item-content div.text {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 16px; }
        div.container.card-l-modal-item div.wrapper div.item-content div.text h3 {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 8px; }
        div.container.card-l-modal-item div.wrapper div.item-content div.text p {
          display: -webkit-box;
          font-size: 16px;
          min-height: 60px;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical; }
          @media all and (max-width: 992px) {
            div.container.card-l-modal-item div.wrapper div.item-content div.text p {
              -webkit-line-clamp: 3; } }
          @media all and (max-width: 768px) {
            div.container.card-l-modal-item div.wrapper div.item-content div.text p {
              -webkit-line-clamp: 4; } }
        div.container.card-l-modal-item div.wrapper div.item-content div.text div.actions {
          margin-top: auto;
          display: flex;
          align-items: flex-end; }
          div.container.card-l-modal-item div.wrapper div.item-content div.text div.actions .arrow-button {
            display: block;
            margin-left: auto;
            width: 24px;
            height: 24px; }
    @media all and (max-width: 768px) {
      div.container.card-l-modal-item div.wrapper {
        flex-wrap: wrap;
        justify-content: center; }
        div.container.card-l-modal-item div.wrapper div.item {
          flex: 0 1 344px;
          flex-wrap: wrap; }
          div.container.card-l-modal-item div.wrapper div.item div.image {
            flex: 0 0 100%; }
          div.container.card-l-modal-item div.wrapper div.item div.text {
            padding: 16px; }
            div.container.card-l-modal-item div.wrapper div.item div.text h3 {
              margin-bottom: 16px; } }
  div.container.card-l-modal-item .modal-container {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s ease, opacity 0.2s ease; }
    div.container.card-l-modal-item .modal-container .modal {
      max-width: 1162px;
      max-height: 90vh;
      overflow-y: auto;
      padding: 64px 57px;
      transform: scale(0.95);
      opacity: 0;
      transition: transform 0.2s ease, opacity 0.2s ease;
      transition-delay: 0.15s; }
      div.container.card-l-modal-item .modal-container .modal p {
        max-width: none; }
      div.container.card-l-modal-item .modal-container .modal .close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        background: transparent;
        border: 0;
        cursor: pointer; }
      div.container.card-l-modal-item .modal-container .modal h2 {
        margin-top: 24px;
        margin-bottom: 16px; }
      div.container.card-l-modal-item .modal-container .modal > .text {
        padding: 0 !important; }
    div.container.card-l-modal-item .modal-container.active {
      visibility: visible;
      opacity: 1; }
      div.container.card-l-modal-item .modal-container.active .modal {
        opacity: 1;
        transform: scale(1); }
  @media all and (max-width: 768px) {
    div.container.card-l-modal-item .modal-container .modal {
      padding: 32px; } }

/**
 * Card M
 */
div.container.card-m div.wrapper {
  flex-wrap: wrap;
  justify-content: center; }
  div.container.card-m div.wrapper div.item {
    flex: 0 1 calc(50% - 64px);
    display: flex;
    width: 100%;
    min-width: 564px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.card-m div.wrapper div.item div.image {
      position: relative;
      flex: 1 0 300px; }
      div.container.card-m div.wrapper div.item div.image img {
        display: block;
        width: 100%;
        height: auto; }
      div.container.card-m div.wrapper div.item div.image h3 {
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        color: #ffffff;
        text-align: center; }
    div.container.card-m div.wrapper div.item div.text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 32px;
      text-align: center; }
      div.container.card-m div.wrapper div.item div.text p {
        min-height: 72px;
        font-size: 18px;
        line-height: 24px; }
      div.container.card-m div.wrapper div.item div.text div.actions {
        display: flex;
        justify-content: center; }
  @media all and (max-width: 768px) {
    div.container.card-m div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-m div.wrapper div.item {
        flex: 0 1 344px;
        min-width: 0;
        flex-wrap: wrap; }
        div.container.card-m div.wrapper div.item div.image {
          flex: 0 0 100%; }
        div.container.card-m div.wrapper div.item div.text {
          padding: 16px; } }

/**
 * Card S
 */
div.container.card-s div.wrapper {
  flex-wrap: wrap;
  justify-content: center; }
  div.container.card-s div.wrapper a.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.card-s div.wrapper a.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.card-s div.wrapper a.item div.text {
      padding: 16px 64px 32px 16px; }
      div.container.card-s div.wrapper a.item div.text p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #333333; }
      div.container.card-s div.wrapper a.item div.text span.icon-arrow-right {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        border: 1px solid #333333;
        background-color: #ffffff;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        color: #333333;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.card-s div.wrapper a.item div.text span.icon-arrow-right::after {
          font-size: 12px; }
        div.container.card-s div.wrapper a.item div.text span.icon-arrow-right:hover {
          background-color: #333333;
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
          color: #ffffff; }
    div.container.card-s div.wrapper a.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.card-s div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-s div.wrapper a.item {
        flex: 0 1 344px; } }

/**
 * Card S
 */
div.container.card-s-block {
  margin: 40px auto; }
  div.container.card-s-block h2 {
    text-align: center;
    margin-bottom: 8px; }
  div.container.card-s-block div.wrapper {
    flex-wrap: wrap; }
    div.container.card-s-block div.wrapper a.item {
      flex: 0 1 calc(33.333333333% - 64px);
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      background-color: #ffffff;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.card-s-block div.wrapper a.item img {
        display: block;
        width: 100%;
        height: auto; }
      div.container.card-s-block div.wrapper a.item div.text {
        padding: 16px 64px 16px 16px; }
        div.container.card-s-block div.wrapper a.item div.text h3 {
          margin-bottom: 16px; }
        div.container.card-s-block div.wrapper a.item div.text p {
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          font-size: 16px;
          color: #333333; }
        div.container.card-s-block div.wrapper a.item div.text span.icon-arrow-right {
          position: absolute;
          right: 16px;
          bottom: 16px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 24px;
          height: 24px;
          border-radius: 12px;
          border: 1px solid #333333;
          background-color: #ffffff;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          color: #333333;
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
          div.container.card-s-block div.wrapper a.item div.text span.icon-arrow-right::after {
            font-size: 12px; }
          div.container.card-s-block div.wrapper a.item div.text span.icon-arrow-right:hover {
            background-color: #333333;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
            color: #ffffff; }
      div.container.card-s-block div.wrapper a.item:hover {
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
    @media all and (max-width: 992px) {
      div.container.card-s-block div.wrapper {
        flex-wrap: wrap;
        justify-content: center; }
        div.container.card-s-block div.wrapper a.item {
          flex: 0 1 344px; } }

/**
 * Card S with button
 */
div.container.card-s-with-button div.wrapper {
  flex-wrap: wrap;
  justify-content: center; }
  div.container.card-s-with-button div.wrapper div.item {
    display: flex;
    flex-direction: column;
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.card-s-with-button div.wrapper div.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.card-s-with-button div.wrapper div.item div.text {
      padding: 16px;
      height: 100%;
      display: flex;
      flex-direction: column; }
      div.container.card-s-with-button div.wrapper div.item div.text ul {
        margin: 0; }
      div.container.card-s-with-button div.wrapper div.item div.text p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #333333; }
      div.container.card-s-with-button div.wrapper div.item div.text div.actions {
        display: flex;
        justify-content: center;
        margin-top: auto; }
    div.container.card-s-with-button div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.card-s-with-button div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-s-with-button div.wrapper div.item {
        flex: 0 1 344px; } }

/**
 * Card S with button Centered
 * with no image
 */
div.container.card-s-with-button-centered div.wrapper {
  flex-wrap: wrap;
  justify-content: center; }
  div.container.card-s-with-button-centered div.wrapper div.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.card-s-with-button-centered div.wrapper div.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.card-s-with-button-centered div.wrapper div.item div.text {
      text-align: center;
      padding: 16px; }
      div.container.card-s-with-button-centered div.wrapper div.item div.text p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #333333; }
      div.container.card-s-with-button-centered div.wrapper div.item div.text div.actions {
        display: flex;
        justify-content: center; }
    div.container.card-s-with-button-centered div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.card-s-with-button-centered div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-s-with-button-centered div.wrapper div.item {
        flex: 0 1 344px; } }

.card-xl-button .wrapper {
  padding: 40px 0; }
.card-xl-button .item {
  display: flex;
  gap: 80px;
  flex-wrap: wrap; }
  @media all and (max-width: 768px) {
    .card-xl-button .item {
      gap: 16px;
      flex-direction: column; } }
  .card-xl-button .item .image {
    flex: 1; }
  .card-xl-button .item .text {
    flex: 1; }
    .card-xl-button .item .text a.button .icon-arrow-right {
      margin-left: 12px; }

/**
 * Card Grey Box
 */
div.container.collapsible-content div.wrapper {
  justify-content: center; }
  div.container.collapsible-content div.wrapper div.item {
    max-width: 880px; }
div.container.collapsible-content h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: #333333;
  text-align: center;
  cursor: pointer; }
  div.container.collapsible-content h3 > span[class^="icon-"] {
    display: inline-block;
    margin-left: 16px; }
    div.container.collapsible-content h3 > span[class^="icon-"]::after {
      font-size: 18px; }
  div.container.collapsible-content h3 ~ div.content {
    overflow: hidden;
    text-align: left;
    transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.collapsible-content h3 ~ div.content > * {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition-delay: 0s; }
div.container.collapsible-content.open h3 span[class^="icon-"] {
  transform: rotate(180deg); }
div.container.collapsible-content.open h3 ~ div.content > * {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.3s; }

/**
 * Hero
 */
div.hero .item img {
  display: block;
  width: 100%;
  height: auto; }
@media all and (min-width: 768px) {
  div.hero .item img.desktop {
    display: block; }
  div.hero .item img.mobile {
    display: none; } }
@media all and (max-width: 767px) {
  div.hero .item img.desktop {
    display: none; }
  div.hero .item img.mobile {
    display: block; } }
div.hero.full-bleed {
  padding: 0; }
  div.hero.full-bleed div.wrapper {
    margin: 0; }
    div.hero.full-bleed div.wrapper .item {
      margin: 0; }

/**
 * Hero Slim
 */
div.hero-slim .item img {
  display: block;
  width: 100%;
  height: auto; }
@media all and (min-width: 768px) {
  div.hero-slim .item img.desktop {
    display: block; }
  div.hero-slim .item img.mobile {
    display: none; } }
@media all and (max-width: 767px) {
  div.hero-slim .item img.desktop {
    display: none; }
  div.hero-slim .item img.mobile {
    display: block; } }
div.hero-slim.full-bleed {
  padding: 0; }
  div.hero-slim.full-bleed div.wrapper {
    margin: 0; }
    div.hero-slim.full-bleed div.wrapper .item {
      margin: 0; }

/**
 * Hero Full
 * includes page header and description
 */
div.hero-full .item img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 48px; }
@media all and (min-width: 768px) {
  div.hero-full .item img.desktop {
    display: block; }
  div.hero-full .item img.mobile {
    display: none; } }
@media all and (max-width: 767px) {
  div.hero-full .item img.desktop {
    display: none; }
  div.hero-full .item img.mobile {
    display: block; } }
div.hero-full .item h1,
div.hero-full .item p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 768px;
  text-align: center; }
div.hero-full.full-bleed {
  padding: 0; }
  div.hero-full.full-bleed div.wrapper {
    margin: 0; }
    div.hero-full.full-bleed div.wrapper .item {
      margin: 0; }

/**
 * Horizontal Rule
 */
hr {
  width: 100%;
  margin: 0;
  border: none;
  border-bottom: 1px solid #E6EAEB; }

/**
 * Hover Message
 */
div.hover-message {
  position: relative;
  margin-left: 12px; }
  div.hover-message a.action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 4px 0 16px 0;
    padding: 8px;
    font-size: 16px;
    border-radius: 4px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #15743C; }
    @media all and (max-width: 768px) {
      div.hover-message a.action {
        font-size: 14px; } }
    div.hover-message a.action:hover {
      background-color: #10562D;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
      color: #ffffff; }
    div.hover-message a.action:active {
      color: #ffffff; }
  div.hover-message div.dialog {
    position: absolute;
    z-index: 2;
    top: 51px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 450px;
    margin: 0;
    padding: 24px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transform: translateX(-32px);
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.hover-message div.dialog h5 {
      margin-bottom: 8px;
      color: #10562D; }
    div.hover-message div.dialog p {
      margin-bottom: 0; }
    div.hover-message div.dialog span.icon-close {
      display: none;
      position: absolute;
      top: 8px;
      right: 8px;
      cursor: pointer; }
    @media all and (max-width: 768px) {
      div.hover-message div.dialog {
        position: fixed;
        max-height: 80%;
        padding-right: 16px;
        padding-left: 16px;
        transform: translateX(-16px);
        padding-top: 40px;
        width: calc(100% - 30px);
        left: 15px;
        right: 15px;
        overflow-y: scroll; }
        div.hover-message div.dialog span.icon-close {
          display: block; } }
  div.hover-message.open a.action {
    background-color: #10562D;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
    color: #ffffff; }
  div.hover-message.open div.dialog {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all; }

div.checkbox label {
  transition: opacity 0.2s ease; }
div.checkbox input[type="checkbox"]:disabled ~ label {
  opacity: 0.5; }

/**
 * Image
 */
div.container.image {
  max-width: 840px;
  text-align: center; }

/**
 * Image Gallery Plain
 */
div.container.image-gallery div.container.image-gallery-plain > div.wrapper {
  flex-wrap: wrap; }
  div.container.image-gallery div.container.image-gallery-plain > div.wrapper *.item {
    flex-basis: calc(50% - 64px); }
  @media all and (max-width: 992px) {
    div.container.image-gallery div.container.image-gallery-plain > div.wrapper {
      justify-content: center; }
      div.container.image-gallery div.container.image-gallery-plain > div.wrapper *.item {
        flex-basis: 100%; } }

/**
 * Layout
 */
section.layout > div.wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px; }
  section.layout > div.wrapper > div.layout-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px; }
  section.layout > div.wrapper div[class^="layout-column-"] {
    flex-grow: 0;
    flex-shrink: 0;
    display: block; }
  @media all and (max-width: 992px) {
    section.layout > div.wrapper {
      padding: 0 16px; }
      section.layout > div.wrapper div.layout-body {
        margin: 0 -16px; } }
section.layout.one-column-layout > div.wrapper > div.layout-body, section.layout.two-column-layout > div.wrapper > div.layout-body, section.layout.three-column-layout > div.wrapper > div.layout-body, section.layout.four-column-layout > div.wrapper > div.layout-body, section.layout.five-column-layout > div.wrapper > div.layout-body, section.layout.six-column-layout > div.wrapper > div.layout-body {
  flex-wrap: wrap; }
section.layout.one-column-layout div[class^="layout-column-"], section.layout.two-column-layout div[class^="layout-column-"], section.layout.three-column-layout div[class^="layout-column-"], section.layout.four-column-layout div[class^="layout-column-"], section.layout.five-column-layout div[class^="layout-column-"], section.layout.six-column-layout div[class^="layout-column-"] {
  flex-basis: calc(100% / 3); }
  @media all and (max-width: 768px) {
    section.layout.one-column-layout div[class^="layout-column-"], section.layout.two-column-layout div[class^="layout-column-"], section.layout.three-column-layout div[class^="layout-column-"], section.layout.four-column-layout div[class^="layout-column-"], section.layout.five-column-layout div[class^="layout-column-"], section.layout.six-column-layout div[class^="layout-column-"] {
      flex-basis: 100% !important; } }
section.layout.one-column-layout div[class^="layout-column-"] {
  flex-basis: calc(100%); }
section.layout.two-column-layout div[class^="layout-column-"] {
  flex-basis: calc(100% / 2); }
section.layout.three-column-layout div[class^="layout-column-"] {
  flex-basis: calc(100% / 3); }
section.layout.four-column-layout div[class^="layout-column-"] {
  flex-basis: calc(100% / 4); }

/**
 * Message
 */
div.message {
  position: relative;
  width: 100%;
  max-width: 660px;
  margin: 0 auto 32px auto;
  padding: 32px 32px 32px 64px;
  border-radius: 8px;
  background-color: #F7F8F9;
  overflow: hidden;
  text-align: left; }
  @media all and (max-width: 768px) {
    div.message {
      margin-bottom: 16px; } }
  div.message::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 8px;
    height: 100%;
    background-color: #E6EAEB; }
  div.message::after {
    content: '';
    position: absolute;
    top: 32px;
    left: 16px;
    font-family: "SuperValu Icons";
    font-size: 24px;
    line-height: 1;
    transform: translateX(50%); }
  div.message h2 {
    margin-bottom: 8px; }
  div.message p {
    margin-bottom: 0;
    color: #333333; }
    div.message p ~ a.button {
      margin-top: 32px;
      margin-bottom: 0; }
      @media all and (max-width: 768px) {
        div.message p ~ a.button {
          margin-top: 16px; } }
  div.message.info::before {
    background-color: #10562D; }
  div.message.info::after {
    content: "";
    color: #10562D; }
  div.message.info h2 {
    color: #10562D; }
  div.message.error::before {
    background-color: #D63900; }
  div.message.error::after {
    content: "";
    color: #D63900; }
  div.message.error h2 {
    color: #D63900; }

/**
 * Message Popover
 */
div.message-popover {
  position: relative;
  max-width: 340px; }
  div.message-popover a.action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px 0;
    padding: 10px 12px 12px 12px;
    min-width: 160px;
    width: 100%;
    max-width: 340px;
    min-height: 43px;
    border: 1px solid #10562D;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    color: #333333;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media all and (max-width: 768px) {
      div.message-popover a.action {
        width: auto;
        min-height: 33px;
        margin: 0 0 16px 0;
        padding: 6px 24px 7px 24px;
        font-size: 14px; } }
    div.message-popover a.action:hover {
      background-color: #10562D;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
      color: #ffffff; }
    div.message-popover a.action:focus, div.message-popover a.action:active {
      background-color: #333333;
      color: #ffffff; }
    div.message-popover a.action span[class^="icon-"] {
      margin-right: 8px; }
  div.message-popover div.dialog {
    position: absolute;
    z-index: 2;
    top: 51px;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 340px;
    margin: 0;
    padding: 40px 24px 24px 24px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transform: translateX(-32px);
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media all and (max-width: 768px) {
      div.message-popover div.dialog {
        padding-right: 16px;
        padding-left: 16px;
        transform: translateX(-16px); } }
    @media all and (max-width: 576px) {
      div.message-popover div.dialog {
        width: 300px; } }
    div.message-popover div.dialog h5 {
      margin-bottom: 8px;
      color: #10562D; }
    div.message-popover div.dialog p {
      margin-bottom: 0; }
    div.message-popover div.dialog span.icon-close {
      position: absolute;
      top: 8px;
      right: 8px;
      cursor: pointer; }
  div.message-popover.open a.action {
    background-color: #10562D;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
    color: #ffffff; }
  div.message-popover.open div.dialog {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all; }

/**
 * Modal
 */
div.overlay {
  position: fixed;
  z-index: 9999998;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  padding: 5vh 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media all and (max-width: 768px) {
    div.overlay {
      padding: 16px; } }

div.modal {
  position: relative;
  z-index: 9999999;
  width: calc(100% - 64px);
  max-width: 620px;
  margin: 32px;
  padding: 56px 64px 24px 32px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
  @media all and (max-width: 768px) {
    div.modal {
      width: calc(100% - 32px);
      margin: 16px;
      padding: 56px 64px 24px 16px; } }
  div.modal.wide {
    max-width: 840px; }
  div.modal > span.icon-close {
    position: absolute;
    top: 24px;
    right: 32px;
    cursor: pointer; }

.fade-enter-active,
.fade-leave-active {
  transition-property: opacity;
  transition-duration: .25s; }

.fade-enter-active {
  transition-delay: .25s; }

.fade-enter,
.fade-leave-active {
  opacity: 0; }

/**
 * My account
 */
div.container.my-account div.actions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px; }

div.profile-communications div.contact-preferences,
div.profile-communications div.my-receipts {
  margin-bottom: 24px; }

/**
 * Page Intro
 */
div.container.page-intro h1,
div.container.page-intro p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 768px;
  text-align: center; }

/**
 * Pagination
 */
div.pagination {
  width: 100%;
  margin: 48px 32px; }
  @media all and (max-width: 992px) {
    div.pagination {
      margin: 16px; } }
  div.pagination ul {
    display: flex;
    justify-content: center;
    margin: 0 0 24px 0;
    padding: 0; }
    div.pagination ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.pagination ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        margin: 4px;
        border: 1px solid #E6EAEB;
        border-radius: 4px;
        background-color: transparent;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px;
        line-height: 1;
        color: #757575;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.pagination ul li a:hover {
          text-decoration: none;
          color: #C8102E; }
        div.pagination ul li a.active {
          border-color: #C8102E;
          background-color: #C8102E;
          color: #ffffff; }
      div.pagination ul li.previous a, div.pagination ul li.next a {
        background-color: #E6EAEB; }
        div.pagination ul li.previous a::after, div.pagination ul li.next a::after {
          content: 'x';
          font-family: "SuperValu Icons";
          font-size: 12px;
          text-align: center;
          color: #757575; }
        div.pagination ul li.previous a:hover::after, div.pagination ul li.next a:hover::after {
          color: #C8102E; }
        div.pagination ul li.previous a span, div.pagination ul li.next a span {
          display: none; }
      div.pagination ul li.previous a::after {
        content: ""; }
      div.pagination ul li.next a::after {
        content: ""; }
  div.pagination a.show-all {
    display: block;
    margin: 0 auto;
    text-align: center; }

/**
 * Recipe Search
 */
div.recipe-search h2 {
  text-align: center; }
div.recipe-search p {
  text-align: center;
  margin: 0 auto 24px auto; }
div.recipe-search form {
  margin: 0 auto;
  max-width: 660px; }
  div.recipe-search form div.row {
    max-width: 100%; }
  div.recipe-search form div.field.text {
    max-width: 100%;
    margin-right: 0;
    padding-bottom: 0; }
    div.recipe-search form div.field.text label {
      display: none; }
    div.recipe-search form div.field.text input {
      height: 44px;
      border-right-width: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  div.recipe-search form div.field.button {
    padding-bottom: 0; }
    div.recipe-search form div.field.button button {
      height: 44px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      @media all and (max-width: 768px) {
        div.recipe-search form div.field.button button {
          padding: 12px 24px 13px 24px;
          font-size: 16px; } }
div.recipe-search div.action {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  text-align: right; }

/**
 * Rich Text
 */
div.container.rich-text {
  max-width: 840px; }
  div.container.rich-text img.imageright {
    float: right;
    margin: 0 0 16px 16px; }
  div.container.rich-text img.imageleft {
    float: left;
    margin: 0 16px 16px 0; }

/**
 * Screen Loading
 */
div.container.screen-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }
  div.container.screen-loading.small {
    height: auto; }
  div.container.screen-loading div.wrapper {
    max-width: 432px;
    text-align: center; }
  div.container.screen-loading h3 {
    color: #333333; }
  div.container.screen-loading div.icon-loader {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px; }
    div.container.screen-loading div.icon-loader div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      border: 2px solid #D1D6D8;
      border-radius: 50%;
      animation: loader-anim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #D1D6D8 transparent transparent transparent; }
      div.container.screen-loading div.icon-loader div:nth-child(1) {
        animation-delay: -0.45s; }
      div.container.screen-loading div.icon-loader div:nth-child(2) {
        animation-delay: -0.3s; }
      div.container.screen-loading div.icon-loader div:nth-child(3) {
        animation-delay: -0.15s; }
@keyframes loader-anim {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/**
 * Sidenav
 */
nav.side {
  margin: 32px;
  padding: 16px 16px 32px 16px;
  max-width: 320px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
  nav.side ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0; }
    nav.side ul li {
      border-bottom: 1px solid #E6EAEB;
      margin: 0;
      padding: 0; }
      nav.side ul li a {
        display: inline-flex;
        align-items: center;
        height: 60px;
        color: #333333;
        text-decoration: none; }
        nav.side ul li a.active {
          font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
          pointer-events: none; }
      nav.side ul li ul {
        margin-bottom: 16px; }
        nav.side ul li ul li {
          margin-bottom: 12px;
          margin-left: 32px;
          border-bottom: none; }
          nav.side ul li ul li a {
            height: auto; }
            nav.side ul li ul li a.active {
              color: #C8102E; }

/**
 * Site Footer
 */
footer.site {
  position: relative;
  margin-top: 128px;
  background-color: #333333; }
  footer.site div.wrapper {
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 16px 48px 16px; }
  footer.site div[class^="col-"] {
    padding: 0 16px; }
  footer.site div.col-1 {
    flex: 0 1 25%; }
  footer.site div.col-2 {
    flex: 1 0 220px; }
  footer.site div.col-3 {
    flex: 1 0 220px;
    border-left: 1px solid #ffffff; }
  footer.site div.col-4 {
    flex: 1 0 220px;
    border-left: 1px solid #ffffff; }
  footer.site div.col-5 {
    flex: 0 1 25%;
    text-align: right; }
  @media all and (max-width: 1200px) {
    footer.site div.wrapper {
      flex-wrap: wrap; }
    footer.site div.col-5 {
      flex: 0 0 100%;
      margin-top: 24px;
      padding-top: 24px;
      text-align: center; } }
  @media all and (max-width: 992px) {
    footer.site div.wrapper {
      flex-wrap: wrap;
      padding-bottom: 60px;
      max-width: 320px; }
    footer.site div[class^="col-"] {
      flex: 0 0 100%;
      padding-right: 0;
      padding-left: 0; }
    footer.site div.col-1 {
      text-align: center; }
    footer.site div.col-3 {
      border-left: none; }
    footer.site div.col-4 {
      border-left: none; }
    footer.site div.col-5 {
      border-top: 1px solid #ffffff; } }
  footer.site nav h3 {
    margin-bottom: 16px;
    font-size: 16px;
    color: #ffffff; }
  footer.site nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer.site nav ul li {
      margin: 0 0 8px 0;
      padding: 0; }
      footer.site nav ul li a {
        font-size: 14px;
        color: #ffffff;
        text-decoration: none; }
  @media all and (max-width: 992px) {
    footer.site nav.about h3, footer.site nav.help h3, footer.site nav.useful h3 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 40px;
      margin: 16px 0 0 0;
      cursor: pointer; }
      footer.site nav.about h3::after, footer.site nav.help h3::after, footer.site nav.useful h3::after {
        content: "";
        display: block;
        font-family: "SuperValu Icons";
        font-size: 12px;
        line-height: 1; }
    footer.site nav.about ul, footer.site nav.help ul, footer.site nav.useful ul {
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: 0.6s ease-out; }
    footer.site nav.about.menu-open h3::after, footer.site nav.help.menu-open h3::after, footer.site nav.useful.menu-open h3::after {
      transform: rotate(180deg); }
    footer.site nav.about.menu-open ul, footer.site nav.help.menu-open ul, footer.site nav.useful.menu-open ul {
      max-height: 600px;
      visibility: visible; } }
  footer.site a.button {
    min-width: 209px;
    margin: 0 0 16px 0; }
  footer.site nav.social {
    position: absolute;
    bottom: 65px;
    right: 24px;
    display: flex;
    align-items: center; }
    @media all and (max-width: 992px) {
      footer.site nav.social {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 24px;
        justify-content: center; } }
    footer.site nav.social h3 {
      margin: 0 8px 0 0;
      font-size: 14px;
      line-height: 1; }
    footer.site nav.social ul {
      display: flex; }
      footer.site nav.social ul li {
        margin: 0 8px; }
        footer.site nav.social ul li a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 24px;
          height: 24px;
          color: #ffffff; }
          footer.site nav.social ul li a::before {
            content: '';
            font-family: 'SuperValu Icons';
            font-size: 24px;
            line-height: 1; }
          footer.site nav.social ul li a > span {
            display: none; }
        footer.site nav.social ul li.facebook a::before {
          content: ""; }
        footer.site nav.social ul li.twitter a::before {
          content: ""; }
        footer.site nav.social ul li.youtube a::before {
          content: ""; }
        footer.site nav.social ul li.instagram a::before {
          content: ""; }
        footer.site nav.social ul li.tiktok a::before {
          content: ""; }

a.button.webchat-start {
  position: fixed;
  bottom: 0;
  right: 0;
  min-width: 88px;
  min-height: 32px;
  padding: 8px 23px;
  z-index: 999999;
  margin-right: 31px;
  margin-bottom: 0;
  background-color: #C8102E;
  border: 1px solid #ffffff;
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 14px;
  cursor: pointer; }
  a.button.webchat-start:hover {
    background-color: #A50025; }
  @media all and (max-width: 992px) {
    a.button.webchat-start {
      margin-right: 16px; } }

footer.site {
  margin-bottom: -33px; }

footer.site ~ div.payment-methods {
  margin-top: 33px; }

@supports (-webkit-touch-callout: none) {
  a.button.webchat-start {
    position: fixed;
    transform: none;
    right: 0;
    bottom: 54px;
    left: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-color: #ffffff; }

  footer.site {
    margin-bottom: 0; }

  footer.site ~ div.payment-methods {
    margin-top: 0; } }
button#ot-sdk-btn.ot-sdk-show-settings {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 16px 0;
  padding: 8px 24px;
  width: auto;
  min-width: 209px;
  min-height: 33px;
  font-size: 14px;
  outline: none;
  border: none;
  border-radius: 4px;
  background-color: #15743C;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: pointer; }
  button#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: #10562D;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
    color: #ffffff; }
  button#ot-sdk-btn.ot-sdk-show-settings:focus, button#ot-sdk-btn.ot-sdk-show-settings:active {
    background-color: #09341B;
    color: #ffffff; }

div.payment-methods div.wrapper {
  display: flex;
  align-items: center;
  max-width: 1440px;
  min-height: 54px;
  padding: 0 24px; }
  @media all and (max-width: 992px) {
    div.payment-methods div.wrapper {
      justify-content: center; } }
div.payment-methods span {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1; }
div.payment-methods img {
  margin: 0 8px; }

/**
 * Site Header
 */
@media all and (min-width: 1201px) {
  header.site {
    width: 100%; }
    header.site nav ul {
      list-style: none;
      display: flex;
      margin: 0;
      padding: 0; }
      header.site nav ul li {
        margin: 0 1.5vw;
        padding: 0; }
        header.site nav ul li:first-child {
          margin-left: 0 !important; }
        header.site nav ul li:last-child {
          margin-right: 0 !important; }
        header.site nav ul li a {
          color: #ffffff;
          text-decoration: none; }
    header.site div.top > div.wrapper,
    header.site div.main > div.wrapper {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 32px; }
    header.site div.top {
      background-color: #A50025; }
      header.site div.top > div.wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 32px; }
      header.site div.top a.store-locator {
        display: inline-flex;
        align-items: center;
        margin-right: auto;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none; }
        header.site div.top a.store-locator::before {
          content: "";
          font-family: 'SuperValu Icons';
          font-size: 16px;
          margin-right: 8px; }
      header.site div.top nav.global ul li a {
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px; }
    header.site div.main {
      background-color: #C8102E; }
      header.site div.main > div.wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 96px; }
      header.site div.main a.logo {
        display: block;
        margin-right: 3vw; }
      header.site div.main nav.primary {
        margin-right: 3vw; }
        header.site div.main nav.primary ul {
          align-items: center; }
          header.site div.main nav.primary ul li {
            position: relative;
            display: flex;
            align-items: center;
            min-height: 96px; }
            header.site div.main nav.primary ul li a {
              font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
              font-size: 18px;
              line-height: 1;
              white-space: pre; }
            header.site div.main nav.primary ul li.home {
              display: none; }
            header.site div.main nav.primary ul li.shopping {
              margin-left: 0; }
              header.site div.main nav.primary ul li.shopping a {
                display: inline-flex;
                align-items: center;
                padding: 12px 24px;
                height: 48px;
                border: 2px solid #ffffff;
                border-radius: 24px; }
                header.site div.main nav.primary ul li.shopping a::before {
                  content: "";
                  font-family: 'SuperValu Icons';
                  font-size: 32px;
                  margin-right: 16px; }
            header.site div.main nav.primary ul li.active::after, header.site div.main nav.primary ul li.open::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 50%;
              display: block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 8px 8px 8px;
              border-color: transparent transparent white transparent;
              transform: translateX(-50%); }
      header.site div.main p.section {
        display: none; }
      header.site div.main a.open-menu {
        display: none; } }
@media all and (max-width: 1200px) {
  header.site {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 48px;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    header.site nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      header.site nav ul li {
        margin: 0;
        padding: 0; }
        header.site nav ul li a {
          color: #ffffff;
          text-decoration: none; }
    header.site div.top > div.wrapper,
    header.site div.main > div.wrapper {
      max-width: 1440px;
      margin: 0 auto;
      padding: 16px; }
    header.site div.top {
      order: 2;
      background-color: #A50025; }
      header.site div.top a.store-locator {
        position: relative;
        display: inline-flex;
        align-items: center;
        margin-bottom: 8px;
        padding-left: 54px;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none; }
        header.site div.top a.store-locator::before {
          content: "";
          position: absolute;
          font-family: 'SuperValu Icons';
          font-size: 16px;
          margin-right: 8px;
          transform: translateX(-50%) translateX(-27px); }
      header.site div.top nav.global ul li a {
        display: inline-block;
        margin-bottom: 8px;
        padding-left: 54px;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px; }
    header.site div.main {
      order: 1;
      background-color: #C8102E; }
      header.site div.main > div.wrapper {
        display: flex;
        flex-direction: column;
        padding: 14px 16px 8px 16px; }
      header.site div.main a.logo {
        order: 1;
        width: 84px;
        margin-bottom: 5px; }
        header.site div.main a.logo img {
          width: 100%;
          height: auto; }
      header.site div.main nav.primary {
        order: 4; }
        header.site div.main nav.primary ul {
          align-items: center; }
          header.site div.main nav.primary ul li {
            border-bottom: 1px solid #A50025; }
            header.site div.main nav.primary ul li:last-child {
              border-bottom: none; }
            header.site div.main nav.primary ul li a {
              position: relative;
              display: flex;
              align-items: center;
              min-height: 48px;
              padding-left: 54px;
              font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
              font-size: 16px;
              line-height: 1;
              white-space: pre; }
          header.site div.main nav.primary ul li.home a::before {
            content: "";
            position: absolute;
            font-family: 'SuperValu Icons';
            font-size: 24px;
            line-height: 1;
            transform: translateX(-50%) translateX(-27px); }
      header.site div.main div.userbox {
        order: 2;
        max-width: 100%;
        padding: 24px 0;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        text-align: center; }
      header.site div.main p.section {
        position: absolute;
        top: 12px;
        right: 54px;
        margin-bottom: 0;
        color: #ffffff; }
      header.site div.main a.open-menu {
        order: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px; }
        header.site div.main a.open-menu span.core,
        header.site div.main a.open-menu span.core:before,
        header.site div.main a.open-menu span.core:after {
          display: block;
          position: absolute;
          width: 22px;
          height: 2px;
          border-radius: 1px;
          background-color: #ffffff; }
        header.site div.main a.open-menu span.core {
          top: 50%;
          margin-top: -1px;
          transition: background-color 150ms cubic-bezier(0.5, 0.15, 0.25, 1); }
          header.site div.main a.open-menu span.core::before {
            content: '';
            top: -7px;
            transition: top 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 300ms, transform 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 0ms, background-color 150ms cubic-bezier(0.5, 0.15, 0.25, 1); }
          header.site div.main a.open-menu span.core::after {
            content: '';
            bottom: -7px;
            transition: bottom 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 300ms, transform 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 0ms, background-color 150ms cubic-bezier(0.5, 0.15, 0.25, 1); }

  body.menu-open header.site {
    max-height: 150vh; }
    body.menu-open header.site div.main a.open-menu span.core {
      background-color: transparent; }
      body.menu-open header.site div.main a.open-menu span.core::before {
        top: 0;
        transform: rotate(45deg);
        transition: top 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 0ms, transform 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 300ms; }
      body.menu-open header.site div.main a.open-menu span.core::after {
        bottom: 0;
        transform: rotate(-45deg);
        transition: bottom 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 0ms, transform 150ms cubic-bezier(0.5, 0.15, 0.25, 1) 300ms; } }
/**
 * Site Header
 */
header.site-ecom {
  width: 100%; }
  header.site-ecom nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0; }
    header.site-ecom nav ul li {
      margin: 0 1.5vw;
      padding: 0; }
      header.site-ecom nav ul li:first-child {
        margin-left: 0 !important; }
      header.site-ecom nav ul li:last-child {
        margin-right: 0 !important; }
      header.site-ecom nav ul li a {
        color: #ffffff;
        text-decoration: none; }
  header.site-ecom div.main {
    background-color: #C8102E; }
    header.site-ecom div.main > div.wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1440px;
      min-height: 96px;
      margin: 0 auto;
      padding: 0 32px; }
    header.site-ecom div.main a.logo {
      display: block;
      margin-right: 3vw; }
    header.site-ecom div.main nav.primary {
      margin-right: 3vw; }
      header.site-ecom div.main nav.primary ul {
        align-items: center; }
        header.site-ecom div.main nav.primary ul li {
          position: relative;
          display: flex;
          align-items: center;
          min-height: 96px; }
          header.site-ecom div.main nav.primary ul li a {
            font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
            font-size: 18px;
            line-height: 1;
            white-space: pre; }
          header.site-ecom div.main nav.primary ul li.shopping {
            margin-left: 0; }
            header.site-ecom div.main nav.primary ul li.shopping a {
              display: inline-flex;
              align-items: center;
              padding: 12px 24px;
              height: 48px;
              border: 2px solid #ffffff;
              border-radius: 24px; }
              header.site-ecom div.main nav.primary ul li.shopping a::before {
                content: "";
                font-family: 'SuperValu Icons';
                font-size: 32px;
                margin-right: 16px; }
          header.site-ecom div.main nav.primary ul li.active::after, header.site-ecom div.main nav.primary ul li.open::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 8px 8px;
            border-color: transparent transparent white transparent;
            transform: translateX(-50%); }
    header.site-ecom div.main p.section {
      display: none; }
    header.site-ecom div.main a.open-menu {
      display: none; }
  header.site-ecom.thryveaimobile {
    width: 100%;
    height: 48px; }
    header.site-ecom.thryveaimobile div.main {
      display: none; }

/**
 * Snackbar
 */
div.snackbar-container {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000; }
  div.snackbar-container div.snackbar {
    left: 50%;
    width: 100%;
    max-width: 320px;
    padding: 16px;
    border-radius: 4px;
    background-color: rgba(51, 51, 51, 0.9);
    text-align: left;
    display: none;
    top: 0;
    margin-top: 30px;
    animation: ease-in-out; }
    div.snackbar-container div.snackbar span[class^="icon-"]::after {
      margin-right: 16px;
      font-size: 24px;
      color: #ffffff; }
    div.snackbar-container div.snackbar span.message {
      color: #ffffff; }
  div.snackbar-container div.snackbar.show {
    display: flex; }

/**
 * Status
 */
div.status {
  margin-bottom: 24px;
  padding: 24px 32px;
  max-width: 768px;
  color: #757575; }
  @media all and (max-width: 768px) {
    div.status {
      padding: 16px; } }
  div.status span {
    max-width: 432px; }

div.steps-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px auto; }
  div.steps-progress div[class^="step-"] {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #757575; }
    div.steps-progress div[class^="step-"]:first-child {
      margin-left: 0; }
    div.steps-progress div[class^="step-"]:last-child {
      margin-right: 0; }
    div.steps-progress div[class^="step-"].active {
      background-color: #C8102E;
      box-shadow: inset 0 0 0 1px transparent; }

/**
 * Store Locator Form
 */
@media all and (max-width: 992px) {
  div.container.store-locator-form > div.wrapper {
    flex-wrap: wrap; } }
div.container.store-locator-form div.store-select,
div.container.store-locator-form div.store-detail {
  padding: 24px 32px 24px 32px;
  border-radius: 8px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
  @media all and (max-width: 992px) {
    div.container.store-locator-form div.store-select,
    div.container.store-locator-form div.store-detail {
      flex: 0 1 100%; } }
div.container.store-locator-form div.store-detail {
  display: flex;
  flex-wrap: wrap; }
  div.container.store-locator-form div.store-detail h3 {
    flex: 0 1 100%; }
  div.container.store-locator-form div.store-detail div.store-info {
    flex: 0 1 192px;
    margin-bottom: 24px;
    padding-right: 32px;
    border-right: 1px solid #E6EAEB; }
    @media all and (max-width: 768px) {
      div.container.store-locator-form div.store-detail div.store-info {
        flex: 1 0 100%;
        padding-right: 0;
        border-right: none; } }
    div.container.store-locator-form div.store-detail div.store-info p.telephone,
    div.container.store-locator-form div.store-detail div.store-info p.manager-name {
      margin-bottom: 0;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
    div.container.store-locator-form div.store-detail div.store-info a.autism-friendly {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 24px 0 0 0;
      padding: 0 24px;
      max-width: 180px;
      height: 33px;
      border-radius: 16.5px;
      background-color: #34577F;
      font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.2;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      cursor: pointer; }
  div.container.store-locator-form div.store-detail div.opening-hours {
    padding-left: 32px; }
    @media all and (max-width: 768px) {
      div.container.store-locator-form div.store-detail div.opening-hours {
        padding-left: 0; } }

/**
 * Store Locator Map
 */
div.container.store-locator-map div.item {
  position: relative;
  width: 100%;
  height: 640px;
  background: #d0d0d0; }
  div.container.store-locator-map div.item #map-canvas {
    width: 100%;
    height: 100%; }
    div.container.store-locator-map div.item #map-canvas div.infoBox h4 {
      margin: 16px 0 16px 16px; }
    div.container.store-locator-map div.item #map-canvas div.infoBox p {
      margin: 0;
      padding: 0;
      width: 340px;
      font-size: 14px; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.image {
        float: left;
        width: 130px;
        height: 130px;
        margin: 0 16px;
        border-radius: 100%;
        overflow: hidden; }
        div.container.store-locator-map div.item #map-canvas div.infoBox p.image img {
          width: 130px; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.address {
        font-weight: bold; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.telephone {
        margin-top: 12px; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.directions {
        margin-top: 12px; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.producer {
        margin-top: 8px; }
        div.container.store-locator-map div.item #map-canvas div.infoBox p.producer a {
          text-decoration: underline; }
      div.container.store-locator-map div.item #map-canvas div.infoBox p.opening-hours {
        display: none; }

/**
 * Subnav
 */
div.subnav {
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); }
  div.subnav > div.wrapper {
    max-width: 1440px;
    margin: 0 auto; }
  div.subnav a.open-subnav {
    position: relative;
    display: none;
    padding: 0 16px;
    color: #333333; }
    div.subnav a.open-subnav > span.active-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 56px;
      width: 100%;
      border-bottom: 1px solid transparent;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      transition: border-bottom-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition-delay: 0.3s; }
    div.subnav a.open-subnav span[class^="icon-"] {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 56px;
      transform: rotate(0); }
    div.subnav a.open-subnav:hover {
      text-decoration: none; }
    @media all and (max-width: 992px) {
      div.subnav a.open-subnav {
        display: flex; } }
  div.subnav nav.sub ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
    div.subnav nav.sub ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.subnav nav.sub ul li a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 56px;
        margin: 0 32px;
        color: #333333;
        text-decoration: none;
        text-align: center; }
        div.subnav nav.sub ul li a.active::after, div.subnav nav.sub ul li a.open::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 4px;
          border-radius: 2px;
          background-color: #C8102E; }
  @media all and (max-width: 992px) {
    div.subnav nav.sub {
      overflow: hidden;
      transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.subnav nav.sub ul {
        flex-wrap: wrap; }
        div.subnav nav.sub ul li {
          flex: 100%; }
          div.subnav nav.sub ul li a {
            margin: 0 16px;
            padding: 0;
            border-bottom: 1px solid #E6EAEB; }
            div.subnav nav.sub ul li a.active, div.subnav nav.sub ul li a.open {
              color: #C8102E; }
              div.subnav nav.sub ul li a.active::after, div.subnav nav.sub ul li a.open::after {
                display: none; }
          div.subnav nav.sub ul li:last-child a {
            margin-bottom: 16px; } }
  div.subnav.open a.open-subnav span.active-item {
    border-bottom-color: #E6EAEB;
    transition: none;
    transition-delay: 0s; }
  div.subnav.open a.open-subnav span[class^="icon-"] {
    transform: rotate(180deg); }

@media all and (min-width: 992px) {
  body.insurance div.subnav nav.sub ul li:last-child {
    margin-left: auto; } }
/**
 * Subnav Insurance
 */
div.subnav-insurance {
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); }
  div.subnav-insurance > div.wrapper {
    max-width: 1440px;
    margin: 0 auto; }
  div.subnav-insurance a.open-subnav {
    position: relative;
    display: none;
    padding: 0 16px;
    color: #333333; }
    div.subnav-insurance a.open-subnav > span.active-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 56px;
      width: 100%;
      border-bottom: 1px solid transparent;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      transition: border-bottom-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition-delay: 0.3s; }
    div.subnav-insurance a.open-subnav span[class^="icon-"] {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 56px;
      transform: rotate(0); }
    div.subnav-insurance a.open-subnav:hover {
      text-decoration: none; }
    @media all and (max-width: 992px) {
      div.subnav-insurance a.open-subnav {
        display: flex; } }
  @media all and (max-width: 992px) {
    div.subnav-insurance nav.sub {
      overflow: hidden;
      transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); } }
  div.subnav-insurance nav.sub ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
    div.subnav-insurance nav.sub ul li {
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0; }
      div.subnav-insurance nav.sub ul li a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 56px;
        margin: 0 32px;
        color: #333333;
        text-decoration: none;
        text-align: center; }
        div.subnav-insurance nav.sub ul li a.active::after, div.subnav-insurance nav.sub ul li a.open::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 4px;
          border-radius: 2px;
          background-color: #C8102E; }
          @media all and (max-width: 992px) {
            div.subnav-insurance nav.sub ul li a.active::after, div.subnav-insurance nav.sub ul li a.open::after {
              height: 0; } }
        div.subnav-insurance nav.sub ul li a:focus + ul {
          opacity: 1;
          transform: translateX(0);
          pointer-events: all; }
      div.subnav-insurance nav.sub ul li.open .open-nav {
        transform: rotate(180deg); }
      div.subnav-insurance nav.sub ul li ul li a.open span {
        position: relative;
        top: 3px; }
      div.subnav-insurance nav.sub ul li ul li a.open:after {
        height: 0; }
      @media all and (max-width: 992px) {
        div.subnav-insurance nav.sub ul li.has-child > a {
          display: flex; }
          div.subnav-insurance nav.sub ul li.has-child > a span:not(.open-nav) {
            flex-grow: 1;
            display: block;
            text-align: left; }
          div.subnav-insurance nav.sub ul li.has-child > a .open-nav::after {
            content: "";
            padding: 8px -8px 8px 8px;
            font-family: "SuperValu Icons";
            font-size: 16px;
            line-height: 1; }
        div.subnav-insurance nav.sub ul li.has-child ul li a {
          margin: 0 32px; } }
      @media all and (min-width: 992px) {
        div.subnav-insurance nav.sub ul li.has-child ul {
          position: absolute;
          z-index: 99998;
          top: 56px;
          left: 16px;
          flex-direction: column;
          align-items: flex-start;
          width: 240px;
          padding-bottom: 4px;
          background-color: #ffffff;
          border-radius: 0 0 8px 8px;
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
          opacity: 0;
          transform: translateX(32px);
          pointer-events: none;
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
          div.subnav-insurance nav.sub ul li.has-child ul::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 16px;
            background: transparent;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
            pointer-events: none; }
          div.subnav-insurance nav.sub ul li.has-child ul li {
            width: 100%;
            padding: 0 16px; }
            div.subnav-insurance nav.sub ul li.has-child ul li a {
              width: 100%;
              min-height: 46px;
              margin: 0;
              text-align: left;
              text-overflow: ellipsis; }
            div.subnav-insurance nav.sub ul li.has-child ul li:not(:last-child)::after {
              content: '';
              display: block;
              width: 100%;
              border-bottom: 1px solid #E6EAEB; } }
      div.subnav-insurance nav.sub ul li.has-child:hover ul {
        opacity: 1;
        transform: translateX(0);
        pointer-events: all; }
    @media all and (max-width: 992px) {
      div.subnav-insurance nav.sub ul {
        overflow: hidden;
        transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        flex-direction: column; }
        div.subnav-insurance nav.sub ul li {
          width: 100%; }
          div.subnav-insurance nav.sub ul li a {
            margin: 0 16px;
            padding: 0;
            border-bottom: 1px solid #E6EAEB; } }
  div.subnav-insurance.open a.open-subnav span.active-item {
    border-bottom-color: #E6EAEB;
    transition: none;
    transition-delay: 0s; }
  div.subnav-insurance.open a.open-subnav span[class^="icon-"] {
    transform: rotate(180deg); }

@media all and (min-width: 992px) {
  body.insurance div.subnav-insurance nav.sub > ul > li:last-child {
    margin-left: auto; } }
/**
 * Userbox
 */
div.userbox {
  position: relative;
  display: flex;
  margin-left: auto; }
  div.userbox a.button.navigation {
    margin: 0 8px; }
    @media all and (min-width: 992px) and (max-width: 1026px) {
      div.userbox a.button.navigation {
        min-width: 0;
        padding-right: 12px;
        padding-left: 12px; } }
    div.userbox a.button.navigation:last-child {
      margin-right: 0; }
  div.userbox a.user {
    color: #ffffff;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 18px; }
    div.userbox a.user span[class^="icon-"] {
      display: inline-block;
      margin-left: 8px; }
    div.userbox a.user:hover {
      text-decoration: none; }
  div.userbox nav.user {
    position: absolute;
    z-index: 9999;
    top: 61px;
    right: 0;
    padding: 0 16px 0 16px;
    width: 240px;
    height: auto;
    max-height: 0;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    transition: max-height 0.6s ease-out; }
    div.userbox nav.user ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      margin: 16px 0 32px 0;
      padding: 0; }
      div.userbox nav.user ul li {
        border-bottom: 1px solid #E6EAEB;
        margin: 0;
        padding: 0; }
        div.userbox nav.user ul li a {
          display: flex;
          align-items: center;
          height: 56px;
          color: #333333;
          text-decoration: none;
          transform: translateX(16px);
          opacity: 0;
          pointer-events: none;
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s; }
        div.userbox nav.user ul li.active a {
          font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
  div.userbox.menu-open a.user span[class^="icon-"] {
    transform: rotate(180deg); }
  div.userbox.menu-open nav.user {
    max-height: 640px; }
    div.userbox.menu-open nav.user ul li a {
      transform: translateX(0);
      opacity: 1;
      pointer-events: all; }
    div.userbox.menu-open nav.user ul li:nth-child(1) a {
      transition-delay: 0s; }
    div.userbox.menu-open nav.user ul li:nth-child(2) a {
      transition-delay: 0.05s; }
    div.userbox.menu-open nav.user ul li:nth-child(3) a {
      transition-delay: 0.1s; }
    div.userbox.menu-open nav.user ul li:nth-child(4) a {
      transition-delay: 0.15s; }
    div.userbox.menu-open nav.user ul li:nth-child(5) a {
      transition-delay: 0.2s; }
    div.userbox.menu-open nav.user ul li:nth-child(6) a {
      transition-delay: 0.25s; }
    div.userbox.menu-open nav.user ul li:nth-child(7) a {
      transition-delay: 0.3s; }
    div.userbox.menu-open nav.user ul li:nth-child(8) a {
      transition-delay: 0.35s; }
    div.userbox.menu-open nav.user ul li:nth-child(9) a {
      transition-delay: 0.4s; }
    div.userbox.menu-open nav.user ul li:nth-child(10) a {
      transition-delay: 0.45s; }
    div.userbox.menu-open nav.user ul li:nth-child(11) a {
      transition-delay: 0.5s; }
  @media all and (max-width: 992px) {
    div.userbox {
      display: block;
      width: 100%;
      max-width: 448px;
      margin-left: 0; }
      div.userbox a.user {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 40px;
        margin: 0 auto 0 0;
        padding: 8px 16px 8px 56px;
        border-radius: 4px;
        background-color: #ffffff;
        color: #C8102E; }
        div.userbox a.user::before {
          content: "";
          position: absolute;
          font-family: "SuperValu Icons";
          font-size: 24px;
          line-height: 1;
          transform: translateX(-50%) translateX(-27px); }
      div.userbox nav.user {
        position: relative;
        top: -4px;
        width: auto;
        padding-top: 4px;
        border-radius: 0 0 4px 4px;
        box-shadow: none; }
        div.userbox nav.user ul li a {
          padding-left: 40px; } }

/**
 * Video
 */
div.container.video {
  max-width: 840px; }
  div.container.video div.item {
    background-color: #333333; }
  div.container.video div.video-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    div.container.video div.video-youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.container.text-button-center .wrapper .item {
  text-align: center; }
  .container.text-button-center .wrapper .item h3 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 24px; }
  .container.text-button-center .wrapper .item p {
    margin: 0 auto;
    max-width: 690px; }
  .container.text-button-center .wrapper .item .button {
    margin-top: 24px; }

.partner-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 80px;
  row-gap: 40px; }
  @media all and (max-width: 768px) {
    .partner-list {
      column-gap: 16px;
      grid-template-columns: repeat(2, 1fr); } }

.container.partner-list-item {
  height: 100%; }
  .container.partner-list-item .wrapper {
    flex-direction: column;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    height: 100%;
    border-radius: 8px;
    background: white;
    overflow: hidden; }
  .container.partner-list-item .image img {
    display: block;
    width: 100%; }
  .container.partner-list-item .content {
    flex: 1;
    padding: 16px; }
    .container.partner-list-item .content h3 {
      font-size: 18px;
      margin-bottom: 16px; }

/* Components: Identity */
/**
 * Delete Account
 */
div.delete-account p {
  text-align: left !important; }

div.delete-account-modal p {
  text-align: left !important; }

/**
 * Mobile number
 */
div.row.mobile-number div.field.select.prefix {
  max-width: 120px; }

/**
 * OIDC
 */
div.container[class*="oidc-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }
  div.container[class*="oidc-"] div.wrapper {
    max-width: 432px;
    text-align: center; }
  div.container[class*="oidc-"] h3 {
    color: #333333; }
  div.container[class*="oidc-"] div.icon-loader {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px; }
    div.container[class*="oidc-"] div.icon-loader div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      border: 2px solid #D1D6D8;
      border-radius: 50%;
      animation: loader-anim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #D1D6D8 transparent transparent transparent; }
      div.container[class*="oidc-"] div.icon-loader div:nth-child(1) {
        animation-delay: -0.45s; }
      div.container[class*="oidc-"] div.icon-loader div:nth-child(2) {
        animation-delay: -0.3s; }
      div.container[class*="oidc-"] div.icon-loader div:nth-child(3) {
        animation-delay: -0.15s; }
@keyframes loader-anim {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
div.container.oidc-error span[class^="icon-"]::after {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 32px;
  color: #C8102E; }

/**
 * Policy View
 */
div.container.policy-view {
  max-width: 840px; }
  div.container.policy-view div.policy-group {
    margin-bottom: 36px; }
    div.container.policy-view div.policy-group h3 {
      margin-bottom: 0; }
  div.container.policy-view div.policy {
    border-bottom: 1px solid #E6EAEB; }
    div.container.policy-view div.policy > h4 {
      position: relative;
      display: block;
      margin-bottom: 0;
      padding: 24px 0;
      cursor: pointer;
      color: #333333; }
      div.container.policy-view div.policy > h4::after {
        content: "";
        position: absolute;
        right: 0;
        margin-left: auto;
        font-family: "SuperValu Icons";
        font-size: 16px;
        line-height: 1; }
    div.container.policy-view div.policy div.policy-content {
      max-height: 0;
      height: auto;
      overflow: hidden;
      transition: max-height 0.6s ease-out; }
    div.container.policy-view div.policy.open > h4::after {
      content: ""; }
    div.container.policy-view div.policy.open div.policy-content {
      max-height: 999px;
      overflow-y: scroll; }

/**
 * User password
 */
div.row.password-helper {
  flex-wrap: wrap; }
  div.row.password-helper div.field.password {
    margin-right: 0;
    padding-bottom: 12px; }
  div.row.password-helper div.password-requirements {
    font-size: 12px;
    line-height: 1.1428571429;
    text-align: left; }
    div.row.password-helper div.password-requirements * {
      transform: translate3d(0, 0, 0); }
    div.row.password-helper div.password-requirements > div.wrapper,
    div.row.password-helper div.password-requirements > div.wrapper > * {
      max-height: 450px;
      pointer-events: none;
      overflow: hidden;
      transition: all 300ms ease-in-out; }
    div.row.password-helper div.password-requirements > div.wrapper {
      padding: 0; }
      div.row.password-helper div.password-requirements > div.wrapper > * {
        opacity: 1;
        transition-delay: 125ms; }
      div.row.password-helper div.password-requirements > div.wrapper > span {
        display: inline-block;
        margin: 12px 0 12px 0; }
    div.row.password-helper div.password-requirements ul {
      list-style-type: none;
      margin: 0 0 12px 0;
      padding: 0;
      text-align: left; }
      div.row.password-helper div.password-requirements ul li {
        position: relative;
        display: block;
        margin: 0 0 6px 0;
        padding: 0 0 0 20px;
        font-size: 12px;
        line-height: 1.1428571429; }
        div.row.password-helper div.password-requirements ul li > span {
          color: #757575; }
        div.row.password-helper div.password-requirements ul li:before {
          content: "";
          position: absolute;
          top: 2px;
          left: 4px;
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #d63900;
          opacity: 1;
          transform: scale(1);
          transition: all 150ms cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.row.password-helper div.password-requirements ul li.success > span {
          text-decoration: line-through;
          color: #333333; }
        div.row.password-helper div.password-requirements ul li.success:before {
          background-color: #15743C; }
    div.row.password-helper div.password-requirements[data-length="0"][data-valid="no"] > div.wrapper, div.row.password-helper div.password-requirements[data-valid="yes"] > div.wrapper {
      max-height: 0;
      pointer-events: none;
      transition-delay: 250ms; }
    div.row.password-helper div.password-requirements[data-length="0"][data-valid="no"] > div.wrapper > *, div.row.password-helper div.password-requirements[data-valid="yes"] > div.wrapper > * {
      opacity: 0; }
    div.row.password-helper div.password-requirements[data-valid="yes"] > div.wrapper {
      transition-delay: 825ms; }
    div.row.password-helper div.password-requirements[data-valid="yes"] > div.wrapper > * {
      transition-delay: 750ms; }

/**
 * brand-banner
 */
div.brand-banner {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 48px auto 24px auto;
  border: 1px solid #E6EAEB; }
  @media all and (max-width: 600px) {
    div.brand-banner {
      margin-bottom: 0;
      padding-top: 5px;
      width: 100%;
      border: 0; } }
  @media all and (max-width: 300px) {
    div.brand-banner {
      max-width: 300px; } }
  div.brand-banner div.brand-header {
    position: absolute;
    top: -20px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -130px;
    width: 260px;
    height: 40px;
    background-color: #ffffff; }
    div.brand-banner div.brand-header > span {
      display: inline-flex;
      align-items: center;
      margin: 0 10px;
      font-size: 18px;
      text-transform: uppercase; }
      div.brand-banner div.brand-header > span > span {
        margin-right: 5px;
        font-size: 30px;
        font-weight: bold;
        color: #C8102E; }
  div.brand-banner div.brand-list {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 10px 0 10px;
    padding: 20px 0 20px 0; }
    div.brand-banner div.brand-list img.brand {
      width: auto;
      margin: 0 15px; }
      div.brand-banner div.brand-list img.brand.mobile {
        display: none; }
      @media all and (max-width: 480px) {
        div.brand-banner div.brand-list img.brand {
          width: auto;
          margin: 0 8px; }
          div.brand-banner div.brand-list img.brand.desktop {
            display: none; }
          div.brand-banner div.brand-list img.brand.mobile {
            display: block; } }
    div.brand-banner div.brand-list ul {
      list-style: none;
      left: 0;
      top: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      padding: 0;
      margin: 0;
      width: 100%; }
      div.brand-banner div.brand-list ul.transition {
        transition: transform 1000ms ease 0s; }
      div.brand-banner div.brand-list ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 30px; }

.login-form .forgot-password {
  justify-content: flex-end;
  text-align: right;
  margin-bottom: 24px;
  padding-right: 16px; }
  .login-form .forgot-password a {
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    text-decoration: underline;
    color: #333333; }
    .login-form .forgot-password a:hover {
      color: #C8102E; }
.login-form .field.password {
  padding-bottom: 12px; }

main#comm-prefs-app {
  color: #333333; }
  main#comm-prefs-app > .wrapper {
    width: 100%;
    max-width: 520px;
    margin: 45px auto 90px auto;
    text-align: center; }
  main#comm-prefs-app h1 {
    color: #a71931;
    font-weight: 500;
    margin: 0 0 24px 0;
    font-size: 30px; }
  main#comm-prefs-app p.intro {
    font-weight: 600; }
  main#comm-prefs-app a {
    color: #a71931;
    text-decoration: underline; }
  main#comm-prefs-app a:hover {
    color: #a71931;
    text-decoration: none; }
  main#comm-prefs-app a.close {
    position: absolute;
    top: -15px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-decoration: none; }
  main#comm-prefs-app a.close::before,
  main#comm-prefs-app a.close::after {
    content: '';
    position: absolute;
    left: 0;
    top: 60px;
    display: block;
    width: 30px;
    height: 2px;
    background-color: black; }
  main#comm-prefs-app a.close::before {
    transform: rotate(45deg); }
  main#comm-prefs-app a.close::after {
    transform: rotate(-45deg); }
  main#comm-prefs-app a.close > span {
    display: none; }
  main#comm-prefs-app form .row {
    max-width: 500px;
    margin: 0 0 30px 0; }
  main#comm-prefs-app form .field label span {
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    font-weight: 600;
    color: #757575; }
    main#comm-prefs-app form .field label span span {
      font-size: 14px;
      font-weight: 500; }

/* Components: Scan to Win */
/**
 * Competition Countdown
 */
div.competition-countdown div.wrapper {
  justify-content: center; }
  div.competition-countdown div.wrapper div.item {
    display: flex;
    justify-content: space-between;
    max-width: 720px;
    padding: 32px;
    border-radius: 4px;
    background-color: #F7F8F9;
    margin-top: 16px;
    margin-bottom: 16px; }
div.competition-countdown div.text {
  flex-basis: 100%; }
  div.competition-countdown div.text h3 {
    margin-bottom: 0; }
  div.competition-countdown div.text h4 {
    margin-bottom: 0;
    color: #333333; }
div.competition-countdown div.timer {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 0 0 0 32px; }
  div.competition-countdown div.timer div.unit {
    margin: 0 12px;
    text-align: center; }
    div.competition-countdown div.timer div.unit:first-child {
      margin-left: 0; }
    div.competition-countdown div.timer div.unit:last-child {
      margin-right: 0; }
    div.competition-countdown div.timer div.unit div.counter {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      background-color: #ffffff;
      border-radius: 4px;
      font-size: 24px;
      line-height: 1;
      color: #C8102E; }
    div.competition-countdown div.timer div.unit div.label {
      margin-top: 4px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 12px;
      line-height: 1.16667;
      color: #757575; }
@media all and (max-width: 576px) {
  div.competition-countdown div.wrapper div.item {
    flex-wrap: wrap;
    padding: 16px; }
    div.competition-countdown div.wrapper div.item div.text {
      text-align: center; }
    div.competition-countdown div.wrapper div.item div.timer {
      margin: 16px auto; } }

/**
 * Message Enter Draw
 */
div.message.enter-draw span.closes,
div.message.enter-draw span.entries {
  display: block;
  margin-bottom: 0; }
div.message.enter-draw span.entries {
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
  color: #10562D; }

/**
 * Prize List
 */
div.prize-list div.wrapper {
  justify-content: center; }
  div.prize-list div.wrapper div.item {
    max-width: 880px; }
div.prize-list h3 {
  text-align: center; }
div.prize-list div.list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 32px; }
  div.prize-list div.list > div.item {
    flex: 0 1 16%;
    width: 140px;
    margin: 2%;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); }
    div.prize-list div.list > div.item img {
      display: block; }
div.prize-list p {
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
@media all and (max-width: 576px) {
  div.prize-list div.card {
    padding: 24px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.prize-list div.card div.list {
      margin-bottom: 16px; }
      div.prize-list div.card div.list > div.item {
        box-shadow: none;
        flex: 0 1 29.333333333%; }
    div.prize-list div.card p {
      font-size: 14px;
      margin-bottom: 0; } }

/**
 * Active Scans
 */
div.scan-count div.wrapper {
  justify-content: center; }
  div.scan-count div.wrapper div.item {
    margin: 0 auto;
    padding: 32px;
    max-width: 720px; }
    @media all and (max-width: 576px) {
      div.scan-count div.wrapper div.item {
        padding: 16px; } }
div.scan-count h2 {
  text-align: center; }
div.scan-count p {
  text-align: center; }
div.scan-count div.actions {
  display: flex;
  justify-content: center; }
  div.scan-count div.actions .add-real-rewards-card {
    max-width: 240px; }
div.scan-count div.number-of-scans {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 18px; }
  div.scan-count div.number-of-scans span.figure {
    display: flex;
    align-items: center;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 56px;
    line-height: 64px; }
    div.scan-count div.number-of-scans span.figure::before {
      position: relative;
      top: 4px;
      margin-right: 16px;
      content: "";
      font-family: "SuperValu Icons";
      font-size: 32px;
      line-height: 1; }
  div.scan-count div.number-of-scans a.info {
    margin-left: 24px;
    color: #333333; }
    div.scan-count div.number-of-scans a.info:hover {
      text-decoration: none; }
  div.scan-count div.number-of-scans + p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #757575; }
div.scan-count p.explainer {
  color: #C8102E; }

/**
 * Status: Draw Entered
 */
div.status-draw-closed {
  max-width: 576px;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 0;
  border-bottom: 1px solid #E6EAEB; }
  div.status-draw-closed div.text {
    display: flex;
    align-items: center;
    margin-bottom: 24px; }
    div.status-draw-closed div.text span[class^="icon-"] {
      flex: 0 0 40px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      div.status-draw-closed div.text span[class^="icon-"]::after {
        font-size: 24px; }
    div.status-draw-closed div.text p {
      margin-bottom: 0; }
  div.status-draw-closed div.action {
    display: flex;
    justify-content: center; }

/**
 * Status: Draw Entered
 */
div.status-draw-entered {
  max-width: 576px;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 0;
  border-bottom: 1px solid #E6EAEB; }
  div.status-draw-entered div.text {
    display: flex;
    align-items: center;
    margin-bottom: 24px; }
    div.status-draw-entered div.text span[class^="icon-"] {
      flex: 0 0 40px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      div.status-draw-entered div.text span[class^="icon-"]::after {
        font-size: 24px;
        color: #15743C; }
    div.status-draw-entered div.text p {
      margin-bottom: 0; }
    div.status-draw-entered div.text ~ p.small {
      margin: 0 0 20px 40px;
      font-size: 14px;
      line-height: 20px;
      color: #757575; }

/**
 * Test of Skill
 */
div.test-of-skill div.wrapper {
  justify-content: center; }
  div.test-of-skill div.wrapper div.item {
    max-width: 576px; }
div.test-of-skill h1.h4 {
  text-align: center; }
div.test-of-skill p.question {
  margin-bottom: 0; }
div.test-of-skill form div.row.terms {
  margin-bottom: 32px;
  padding-top: 32px;
  border-top: 1px solid #E6EAEB; }
div.test-of-skill form div.row.closing-date p {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 20px;
  color: #757575; }
div.test-of-skill form div.row.submit {
  justify-content: center; }
@media all and (max-width: 576px) {
  div.test-of-skill div.wrapper div.item {
    flex-wrap: wrap;
    padding: 16px; }
  div.test-of-skill div.wrapper form div.row.terms {
    margin-bottom: 16px;
    padding-top: 16px; } }

/**
 * Test of Skill Success
 */
div.test-of-skill-success div.wrapper {
  justify-content: center; }
  div.test-of-skill-success div.wrapper div.item {
    max-width: 576px; }
div.test-of-skill-success h1.h4 {
  text-align: center; }
div.test-of-skill-success img {
  display: block;
  margin: 0 auto 32px auto; }

/**
 * Winners List
 */
div.winners-list a.button.tertiary {
  margin-top: 2rem;
  color: white; }
  div.winners-list a.button.tertiary span::after {
    color: white; }
div.winners-list div.wrapper {
  justify-content: center; }
div.winners-list div.item {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 886px;
  overflow: hidden;
  background-color: #C8102E;
  border-radius: 8px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
  div.winners-list div.item div.text {
    order: 1;
    flex: 0 0 52%;
    padding: 32px; }
    div.winners-list div.item div.text h3.h2 {
      max-width: 400px;
      margin-bottom: 24px;
      color: #ffffff; }
    div.winners-list div.item div.text p {
      margin-bottom: 0;
      color: #ffffff; }
    @media all and (max-width: 576px) {
      div.winners-list div.item div.text {
        order: 2;
        flex: 0 0 48%;
        padding: 16px; }
        div.winners-list div.item div.text h3.h2 {
          margin-bottom: 8px;
          font-size: 16px;
          line-height: 20px; }
        div.winners-list div.item div.text p.small {
          font-size: 12px;
          line-height: 18px; } }
  div.winners-list div.item div.image {
    order: 2;
    flex: 0 0 48%;
    height: 100%;
    margin-right: 0;
    margin-left: auto; }
    div.winners-list div.item div.image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media all and (max-width: 576px) {
      div.winners-list div.item div.image {
        order: 1;
        flex: 0 0 52%;
        max-height: 200px; } }

div.winners-list-by-prize {
  display: flex;
  flex-wrap: wrap;
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
  width: 100%; }
  div.winners-list-by-prize .prize-group {
    flex: 1 0 100%;
    margin-bottom: 1rem; }
    div.winners-list-by-prize .prize-group h4 {
      margin-bottom: 1rem; }
    div.winners-list-by-prize .prize-group ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.winners-list-by-prize .prize-group ul li {
        margin-bottom: 1rem;
        padding: 0; }

div.page-action .wrapper .item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 16px 0;
  border-bottom: 1px solid #f7f8f9; }
  div.page-action .wrapper .item a.back {
    font-family: 'Moderat Bold', 'Helvetica', Arial, sans-serif;
    font-size: 14px; }
    div.page-action .wrapper .item a.back span[class^='icon-'] {
      margin-left: 8px;
      margin-right: 8px; }
      div.page-action .wrapper .item a.back span[class^='icon-']:after {
        font-size: 12px; }
    div.page-action .wrapper .item a.back:hover {
      text-decoration: none; }

.winners-content h1.h3,
.winners-content .text {
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
  max-width: 660px; }
.winners-content .image {
  margin-right: auto;
  margin-left: auto;
  max-width: 660px; }
  .winners-content .image img {
    width: 100%; }
.winners-content.show-all h1.h3,
.winners-content.show-all .text {
  max-width: 880px; }
.winners-content.show-all .winners-list-by-prize {
  max-width: 880px; }
  .winners-content.show-all .winners-list-by-prize .prize-group {
    flex-basis: 50%; }
    @media (max-width: 768px) {
      .winners-content.show-all .winners-list-by-prize .prize-group {
        flex-basis: 100%; } }
    .winners-content.show-all .winners-list-by-prize .prize-group:last-child {
      flex-basis: 100%; }
      .winners-content.show-all .winners-list-by-prize .prize-group:last-child ul {
        columns: 2; }
        @media (max-width: 768px) {
          .winners-content.show-all .winners-list-by-prize .prize-group:last-child ul {
            columns: 1; } }

.winners-search h3.h2 {
  text-align: center; }
.winners-search form {
  margin: 0 auto;
  max-width: 660px; }
  .winners-search form .row {
    max-width: 100%; }
    .winners-search form .row.search {
      position: relative; }
      .winners-search form .row.search .field.text {
        max-width: 100%;
        margin-right: 0; }
        .winners-search form .row.search .field.text input {
          padding-right: 44px; }
      .winners-search form .row.search .icon-search {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 44px;
        pointer-events: none; }
    .winners-search form .row.action {
      justify-content: flex-end; }

/* Components: Real Rewards */
/**
 * Real Rewards App Banner
 */
div.app-banner-real-rewards div.item {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  div.app-banner-real-rewards div.item p {
    max-width: 640px;
    margin: 0 auto 32px auto;
    text-align: center; }
  div.app-banner-real-rewards div.item div.actions {
    margin: 0 auto; }

/**
 * Balance
 */
div.balance {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  div.balance div.status {
    margin-right: auto;
    margin-left: auto; }
  div.balance div.wallet {
    display: flex;
    align-items: center;
    max-width: 288px;
    margin: 16px auto;
    text-align: left; }
    div.balance div.wallet span.points {
      flex: 0 0 144px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 24px;
      color: #C8102E;
      text-align: right; }
    div.balance div.wallet span.label {
      margin-left: 16px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
    div.balance div.wallet.real-rewards span.points {
      font-size: 56px; }
  div.balance div.actions {
    margin: 32px auto 0 auto; }
  div.balance div.message {
    margin: 32px auto; }

/**
 * Card Onboarding - Date of Birth
 */
main.card-onboarding {
  position: relative; }
  main.card-onboarding a.back,
  main.card-onboarding a.close {
    position: absolute;
    top: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #333333; }
    main.card-onboarding a.back:hover,
    main.card-onboarding a.close:hover {
      text-decoration: none;
      color: #C8102E; }
    @media all and (max-width: 992px) {
      main.card-onboarding a.back,
      main.card-onboarding a.close {
        top: 16px;
        width: 18px;
        height: 18px; } }
    main.card-onboarding a.back:after,
    main.card-onboarding a.close:after {
      font-family: "SuperValu Icons";
      font-size: 24px;
      line-height: 1; }
      @media all and (max-width: 992px) {
        main.card-onboarding a.back:after,
        main.card-onboarding a.close:after {
          font-size: 18px; } }
    main.card-onboarding a.back > span,
    main.card-onboarding a.close > span {
      display: none; }
  main.card-onboarding a.back {
    left: 32px; }
    @media all and (max-width: 992px) {
      main.card-onboarding a.back {
        left: 16px; } }
    main.card-onboarding a.back:after {
      content: ""; }
  main.card-onboarding a.close {
    right: 32px; }
    @media all and (max-width: 992px) {
      main.card-onboarding a.close {
        right: 16px; } }
    main.card-onboarding a.close:after {
      content: ""; }
  main.card-onboarding h1 {
    text-align: center; }
  main.card-onboarding div.message.session-expired p {
    text-align: left; }
  main.card-onboarding p {
    text-align: center; }
  main.card-onboarding form {
    margin-right: auto;
    margin-left: auto; }
    main.card-onboarding form div.row.submit {
      justify-content: center; }
  main.card-onboarding div.container div.wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 432px; }
  main.card-onboarding div.container.add-card div.existing-card {
    margin-bottom: 32px;
    border-bottom: 1px solid #E6EAEB; }
    main.card-onboarding div.container.add-card div.existing-card > p {
      display: inline-flex;
      align-items: center;
      text-align: left; }
      main.card-onboarding div.container.add-card div.existing-card > p:before {
        content: "";
        display: inline-block;
        margin-right: 16px;
        font-family: "SuperValu Icons";
        font-size: 24px;
        color: #15743C; }
    main.card-onboarding div.container.add-card div.existing-card form div.row.submit {
      justify-content: center; }
  main.card-onboarding div.container.add-card div.new-card {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6EAEB; }
    main.card-onboarding div.container.add-card div.new-card > p {
      display: inline-flex;
      align-items: center;
      text-align: left; }
      main.card-onboarding div.container.add-card div.new-card > p:before {
        content: "";
        display: inline-block;
        margin-right: 16px;
        font-family: "SuperValu Icons";
        font-size: 24px; }
    main.card-onboarding div.container.add-card div.new-card a.button {
      display: flex;
      margin-right: auto;
      margin-left: auto; }
  main.card-onboarding div.container.add-card a.button.skip {
    display: flex;
    margin-right: auto;
    margin-left: auto; }
  main.card-onboarding div.container.store-select div.item {
    position: relative; }
  main.card-onboarding div.container.store-select div.field.store-search input {
    height: 44px;
    padding-right: 60px; }
  main.card-onboarding div.container.store-select div.field.store-search span.icon-search {
    position: absolute;
    z-index: 9999;
    right: 0;
    bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 0 4px 4px 0;
    background-color: #15743C;
    color: white;
    pointer-events: none; }
  main.card-onboarding div.container.store-select div.stores-search-results {
    position: absolute;
    bottom: 16px;
    width: 100%;
    transform: translateY(100%);
    max-height: calc( 54px * 4.5);
    overflow-y: scroll; }
    main.card-onboarding div.container.store-select div.stores-search-results div.store {
      display: flex;
      align-items: center;
      height: 53px;
      margin-bottom: 1px;
      padding: 8px 16px;
      background-color: #F7F8F9;
      cursor: pointer;
      font-size: 14px;
      line-height: 1.2; }
      main.card-onboarding div.container.store-select div.stores-search-results div.store:hover {
        background-color: #15743C;
        color: #ffffff; }
  main.card-onboarding div.container.store-select div.selected-store h4 {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #333333;
    text-align: left; }
    main.card-onboarding div.container.store-select div.selected-store h4:before {
      content: "";
      display: inline-block;
      margin-right: 16px;
      font-family: "SuperValu Icons";
      font-size: 24px;
      color: #15743C; }
  main.card-onboarding div.container.store-select div.selected-store p {
    margin-bottom: 0;
    margin-left: 40px;
    font-size: 14px;
    text-align: left; }
  main.card-onboarding div.container.store-select div.selected-store div.actions {
    margin-top: 32px;
    text-align: center; }
  main.card-onboarding div.container.card-added {
    text-align: center; }

/**
 * History
 */
div.history div.wallets {
  position: relative;
  margin-bottom: 24px;
  padding: 16px 24px;
  min-height: 122px;
  background-color: #F7F8F9; }
  div.history div.wallets div {
    margin-bottom: 8px; }
    div.history div.wallets div:last-child {
      margin-bottom: 0; }
    div.history div.wallets div.card-number span.label {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-weight: normal; }
  div.history div.wallets a.button {
    position: absolute;
    top: 16px;
    right: 24px;
    margin-bottom: 0; }
    @media all and (max-width: 768px) {
      div.history div.wallets a.button {
        position: relative;
        top: auto;
        right: auto; } }
div.history div.history-body div.date {
  margin-bottom: 24px; }
  div.history div.history-body div.date h4 {
    margin-bottom: 8px;
    font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
    font-size: 18px;
    line-height: 21.6px;
    color: #757575; }
  div.history div.history-body div.date div.transactions {
    padding-top: 8px;
    border-radius: 8px;
    background-color: #F7F8F9; }
    @media all and (max-width: 768px) {
      div.history div.history-body div.date div.transactions {
        padding-top: 8px; } }
    div.history div.history-body div.date div.transactions div.line {
      padding: 16px;
      border-bottom: 2px solid #ffffff; }
      @media all and (max-width: 768px) {
        div.history div.history-body div.date div.transactions div.line {
          padding: 8px; } }
      div.history div.history-body div.date div.transactions div.line img {
        display: block;
        width: 48px;
        height: auto;
        margin-right: 16px;
        float: left;
        filter: grayscale(1); }
      div.history div.history-body div.date div.transactions div.line h5 {
        max-width: 768px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px;
        color: #333333; }
      div.history div.history-body div.date div.transactions div.line span.voucher-code {
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 12px;
        line-height: 14px; }
        div.history div.history-body div.date div.transactions div.line span.voucher-code > span {
          margin: 0 0.15em; }
          div.history div.history-body div.date div.transactions div.line span.voucher-code > span:fist-child {
            margin-left: 0; }
          div.history div.history-body div.date div.transactions div.line span.voucher-code > span:last-child {
            margin-right: 0; }
div.history div.history-body div.actions {
  display: flex;
  justify-content: center; }

/**
 * Member Offers
 */
div.container.member-offers {
  padding-top: 60px;
  padding-bottom: 64px;
  background-color: #F7F8F9; }
  div.container.member-offers div.heading {
    max-width: 640px;
    margin: 0 auto;
    text-align: center; }
    div.container.member-offers div.heading p {
      margin-right: auto;
      margin-left: auto; }

/**
 * Offers
 */
div.container.offers-heading {
  text-align: center; }
  div.container.offers-heading p {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto; }
  div.container.offers-heading div.status {
    margin-right: auto;
    margin-left: auto;
    background-color: transparent; }

div.container.offers-list {
  margin-bottom: 32px;
  padding-bottom: 64px;
  border-bottom: 1px solid #E6EAEB; }
  div.container.offers-list div.wrapper {
    flex-wrap: wrap;
    max-width: 928px;
    margin: 0 auto; }
    div.container.offers-list div.wrapper div.item {
      flex: 0 1 calc(25% - 32px);
      position: relative;
      display: flex;
      flex-direction: column;
      border-radius: 8px;
      overflow: hidden;
      margin: 16px;
      padding: 16px;
      background-color: #ffffff;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.offers-list div.wrapper div.item img {
        display: block;
        width: 160px;
        height: 160px;
        object-fit: cover;
        margin: 0 auto 16px auto;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.offers-list div.wrapper div.item div.text {
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.offers-list div.wrapper div.item div.text h4 {
          min-height: 72px;
          font-size: 16px;
          color: #333333; }
        div.container.offers-list div.wrapper div.item div.text p {
          font-size: 12px;
          line-height: 18px;
          color: #757575; }
      div.container.offers-list div.wrapper div.item a.button {
        margin: auto auto 0 auto; }
      div.container.offers-list div.wrapper div.item span.code {
        margin-top: auto;
        margin-bottom: 0;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 18px; }
        div.container.offers-list div.wrapper div.item span.code > span {
          margin: 0 0.15em; }
          div.container.offers-list div.wrapper div.item span.code > span:fist-child {
            margin-left: 0; }
          div.container.offers-list div.wrapper div.item span.code > span:last-child {
            margin-right: 0; }
      div.container.offers-list div.wrapper div.item span.status-used {
        display: none;
        position: absolute;
        top: 20px;
        right: 26px;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1;
        color: #15743C; }
        div.container.offers-list div.wrapper div.item span.status-used span.icon-check {
          margin-right: 8px; }
      div.container.offers-list div.wrapper div.item.used img {
        opacity: 0.2;
        filter: grayscale(100%); }
      div.container.offers-list div.wrapper div.item.used div.text, div.container.offers-list div.wrapper div.item.used span.code {
        opacity: 0.3;
        filter: grayscale(100%); }
      div.container.offers-list div.wrapper div.item.used span.status-used {
        display: block; }
      div.container.offers-list div.wrapper div.item span.status-expired {
        display: none;
        position: absolute;
        top: 20px;
        right: 26px;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1;
        color: #808080; }
        div.container.offers-list div.wrapper div.item span.status-expired span.icon-calendar {
          margin-right: 8px; }
      div.container.offers-list div.wrapper div.item.expired img {
        opacity: 0.2;
        filter: grayscale(100%); }
      div.container.offers-list div.wrapper div.item.expired div.text, div.container.offers-list div.wrapper div.item.expired span.code {
        opacity: 0.3;
        filter: grayscale(100%); }
      div.container.offers-list div.wrapper div.item.expired span.status-expired {
        display: block; }
      div.container.offers-list div.wrapper div.item:hover {
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
      div.container.offers-list div.wrapper div.item.used.expired span.status-used {
        top: 42px; }
    @media all and (max-width: 992px) {
      div.container.offers-list div.wrapper {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -16px; }
        div.container.offers-list div.wrapper div.item {
          flex: 0 1 calc(100% / 3 - 32px);
          margin: 8px; } }
    @media all and (max-width: 768px) {
      div.container.offers-list div.wrapper div.item {
        flex: 0 1 calc(100% / 2 - 12px);
        margin: 4px; }
        div.container.offers-list div.wrapper div.item img {
          width: 120px;
          height: 120px; }
        div.container.offers-list div.wrapper div.item a.button {
          padding-right: 9px;
          padding-left: 9px; } }
  div.container.offers-list.money-backs-group {
    padding-right: 0;
    padding-left: 0; }
    div.container.offers-list.money-backs-group div.validity {
      flex-basis: calc(100% - 64px); }
      @media all and (max-width: 576px) {
        div.container.offers-list.money-backs-group div.validity {
          flex-basis: calc(100% - 32px); } }
    div.container.offers-list.money-backs-group div.item.money-back {
      cursor: pointer; }
      div.container.offers-list.money-backs-group div.item.money-back.active {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); }
        div.container.offers-list.money-backs-group div.item.money-back.active img,
        div.container.offers-list.money-backs-group div.item.money-back.active div.text {
          opacity: 0.3; }
      @media all and (max-width: 576px) {
        div.container.offers-list.money-backs-group div.item.money-back {
          flex: 0 1 calc(100% / 2 - 32px);
          margin: 8px; } }
  div.container.offers-list a.show-more {
    flex: 0 1 886px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: 48px auto 0 auto;
    color: #333333; }
    div.container.offers-list a.show-more span[class^="icon-"]::after {
      font-size: 24px; }
    div.container.offers-list a.show-more:hover {
      text-decoration: none; }

/**
 * Partner Card
 */
div.container.partner-card div.wrapper {
  justify-content: center; }
  div.container.partner-card div.wrapper div.item {
    display: flex;
    width: 100%;
    max-width: 886px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.partner-card div.wrapper div.item div.image {
      width: 50%; }
      div.container.partner-card div.wrapper div.item div.image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    div.container.partner-card div.wrapper div.item div.text {
      padding: 32px;
      width: 50%; }
      div.container.partner-card div.wrapper div.item div.text h2 {
        margin-top: 0;
        margin-bottom: 24px;
        font-size: 140%;
        text-align: left;
        line-height: 1.2; }
      div.container.partner-card div.wrapper div.item div.text p {
        display: -webkit-box;
        min-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
        @media all and (max-width: 992px) {
          div.container.partner-card div.wrapper div.item div.text p {
            -webkit-line-clamp: 3; } }
        @media all and (max-width: 768px) {
          div.container.partner-card div.wrapper div.item div.text p {
            -webkit-line-clamp: 4; } }
      div.container.partner-card div.wrapper div.item div.text div.actions {
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        div.container.partner-card div.wrapper div.item div.text div.actions .button {
          margin: 0; }
  @media all and (max-width: 768px) {
    div.container.partner-card div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.partner-card div.wrapper div.item {
        flex: 0 1 344px;
        flex-wrap: wrap; }
        div.container.partner-card div.wrapper div.item div.image {
          flex-shrink: 1;
          width: 100%; }
        div.container.partner-card div.wrapper div.item div.text {
          padding: 16px;
          width: 100%; }
          div.container.partner-card div.wrapper div.item div.text h2 {
            margin-bottom: 16px; } }

/**
 * Partner Hero
 */
div.partner-hero .item {
  position: relative; }
  div.partner-hero .item div.image img {
    display: block;
    width: 100%;
    height: auto; }
  @media all and (min-width: 992px) {
    div.partner-hero .item div.image img.desktop {
      display: block; }
    div.partner-hero .item div.image img.mobile {
      display: none; } }
  @media all and (max-width: 992px) {
    div.partner-hero .item div.image img.desktop {
      display: none; }
    div.partner-hero .item div.image img.mobile {
      display: block; } }
  div.partner-hero .item div.text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background: transparent url("../images/partner-hero-bg.svg") no-repeat left center;
    background-size: auto 550px; }
    div.partner-hero .item div.text > div.wrapper {
      position: relative;
      z-index: 2;
      flex: 0 1 400px;
      padding: 32px; }
    div.partner-hero .item div.text h1 {
      margin-bottom: 16px;
      font-size: 32px;
      line-height: 1.2;
      color: #ffffff; }
    div.partner-hero .item div.text p {
      margin-bottom: 32px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #ffffff; }
    div.partner-hero .item div.text a.button.tertiary {
      color: #ffffff; }
      div.partner-hero .item div.text a.button.tertiary:hover {
        color: #ffffff; }
    div.partner-hero .item div.text img.real-rewards-logo {
      position: absolute;
      bottom: 32px;
      left: 32px;
      display: block;
      width: 88px;
      height: auto; }
    div.partner-hero .item div.text div.partner-logo {
      position: absolute;
      top: 32px;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 200px;
      height: 80px;
      border-radius: 8px 0px 0px 8px;
      overflow: hidden; }
      div.partner-hero .item div.text div.partner-logo > img {
        object-fit: cover; }
@media all and (max-width: 992px) {
  div.partner-hero > div.wrapper {
    justify-content: center; }
    div.partner-hero > div.wrapper div.item {
      margin: 0 0 32px 0;
      max-width: 375px; }
      div.partner-hero > div.wrapper div.item div.text {
        justify-content: center;
        align-items: flex-end;
        background: transparent url("../images/partner-hero-bg-mobile.svg") no-repeat center bottom;
        background-size: contain; }
        div.partner-hero > div.wrapper div.item div.text > div.wrapper {
          flex-basis: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          min-height: 352px;
          padding: 40% 16px 72px 16px; }
        div.partner-hero > div.wrapper div.item div.text h1 {
          font-size: 24px; }
        div.partner-hero > div.wrapper div.item div.text p {
          margin-bottom: 0;
          font-size: 16px; }
        div.partner-hero > div.wrapper div.item div.text a.button.tertiary {
          position: absolute;
          right: 16px;
          bottom: 16px; }
        div.partner-hero > div.wrapper div.item div.text img.real-rewards-logo {
          bottom: 16px;
          left: 16px; }
        div.partner-hero > div.wrapper div.item div.text div.partner-logo {
          top: 16px; } }

/**
 * Partner List Head
 */
div.partner-list-head div.item {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  div.partner-list-head div.item p {
    max-width: 416px;
    margin: 0 auto 32px auto;
    text-align: center; }

/**
 * Partner Offer
 */
div.partner-offer {
  position: relative;
  max-width: 384px;
  padding: 32px 24px 0 24px;
  border: 1px solid #E6EAEB; }
  @media all and (max-width: 768px) {
    div.partner-offer {
      padding: 16px; } }
  div.partner-offer div.text {
    margin-bottom: 16px; }
    div.partner-offer div.text h2,
    div.partner-offer div.text p {
      color: #757575; }
    div.partner-offer div.text span.valid {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      color: #757575; }
  div.partner-offer div[class^="step-"] {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease-out; }
    div.partner-offer div[class^="step-"] span.code {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px; }
      div.partner-offer div[class^="step-"] span.code > span {
        margin: 0 0.15em; }
        div.partner-offer div[class^="step-"] span.code > span:fist-child {
          margin-left: 0; }
        div.partner-offer div[class^="step-"] span.code > span:last-child {
          margin-right: 0; }
    div.partner-offer div[class^="step-"] > * {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.6s ease-out;
      transition-delay: 0.6s; }
    div.partner-offer div[class^="step-"].active {
      max-height: 300px; }
      div.partner-offer div[class^="step-"].active > * {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0s; }
    div.partner-offer div[class^="step-"] div.actions {
      display: flex; }
      div.partner-offer div[class^="step-"] div.actions a.button:first-child {
        margin-left: 0; }
      div.partner-offer div[class^="step-"] div.actions a.button:last-child {
        margin-right: 0; }
  div.partner-offer div.step-2 div.actions a.button {
    min-width: 120px;
    margin-right: 8px;
    margin-left: 8px; }

/**
 * Partner Vouchers
 */
div.container.partner-vouchers {
  text-align: center; }
  div.container.partner-vouchers div.status {
    margin-right: auto;
    margin-left: auto; }

/**
 * Real Rewards Points Info
 */
div.points-info div.item {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  div.points-info div.item p {
    max-width: 640px;
    margin: 0 auto 32px auto;
    text-align: center; }
  div.points-info div.item img {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 480px; }

/**
 * Real Rewards Hero
 */
div.real-rewards-hero .item {
  position: relative; }
  div.real-rewards-hero .item div.image img {
    display: block;
    width: 100%;
    height: auto; }
  @media all and (min-width: 992px) {
    div.real-rewards-hero .item div.image img.desktop {
      display: block; }
    div.real-rewards-hero .item div.image img.mobile {
      display: none; } }
  @media all and (max-width: 992px) {
    div.real-rewards-hero .item div.image img.desktop {
      display: none; }
    div.real-rewards-hero .item div.image img.mobile {
      display: block; } }
  div.real-rewards-hero .item div.text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background: transparent url("../images/real-rewards-hero-bg.svg") no-repeat right center;
    background-size: auto 550px; }
    div.real-rewards-hero .item div.text > div.wrapper {
      position: relative;
      z-index: 2;
      flex: 0 1 452px;
      padding: 32px; }
    div.real-rewards-hero .item div.text h1 {
      font-size: 32px;
      line-height: 1.2;
      color: #ffffff; }
    div.real-rewards-hero .item div.text p {
      margin-bottom: 32px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #ffffff; }
    div.real-rewards-hero .item div.text div.actions {
      display: flex;
      justify-content: center;
      align-items: center; }
@media all and (max-width: 992px) {
  div.real-rewards-hero > div.wrapper {
    justify-content: center; }
    div.real-rewards-hero > div.wrapper div.item {
      margin: 0 0 32px 0;
      max-width: 576px; }
      div.real-rewards-hero > div.wrapper div.item div.text {
        justify-content: center;
        align-items: flex-end;
        background: transparent url("../images/real-rewards-hero-bg-mobile.svg") no-repeat center bottom;
        background-size: contain; }
        div.real-rewards-hero > div.wrapper div.item div.text > div.wrapper {
          flex-basis: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 40%;
          padding: 16px; }
        div.real-rewards-hero > div.wrapper div.item div.text h1 {
          font-size: 24px; }
        div.real-rewards-hero > div.wrapper div.item div.text p {
          font-size: 16px; }
        div.real-rewards-hero > div.wrapper div.item div.text div.actions {
          flex-wrap: wrap;
          flex-direction: row; } }

/**
 * Real Reards Subnav
 */
div.real-rewards-subnav {
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); }
  div.real-rewards-subnav > div.wrapper {
    max-width: 1440px;
    margin: 0 auto; }
  div.real-rewards-subnav nav.sub ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
    div.real-rewards-subnav nav.sub ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.real-rewards-subnav nav.sub ul li a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 56px;
        margin: 0 32px;
        color: #333333;
        text-decoration: none;
        text-align: center; }
        div.real-rewards-subnav nav.sub ul li a.active::after, div.real-rewards-subnav nav.sub ul li a.open::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          width: 100%;
          height: 4px;
          border-radius: 2px;
          background-color: #C8102E; }
  @media all and (max-width: 992px) {
    div.real-rewards-subnav nav.sub ul li {
      flex: 1 1 25%;
      display: flex;
      justify-content: center;
      border-right: 1px solid #E6EAEB;
      text-align: center; }
      div.real-rewards-subnav nav.sub ul li:last-child {
        border-right: 0; }
      div.real-rewards-subnav nav.sub ul li a {
        flex-direction: column;
        justify-content: center;
        margin: 0 9px;
        font-size: 12px; }
        div.real-rewards-subnav nav.sub ul li a span {
          white-space: nowrap; }
        div.real-rewards-subnav nav.sub ul li a.active, div.real-rewards-subnav nav.sub ul li a.open {
          color: #C8102E; }
          div.real-rewards-subnav nav.sub ul li a.active::after, div.real-rewards-subnav nav.sub ul li a.open::after {
            display: none; }
        div.real-rewards-subnav nav.sub ul li a::before {
          content: '';
          display: block;
          font-family: "SuperValu Icons";
          font-size: 24px;
          line-height: 1; }
      div.real-rewards-subnav nav.sub ul li.real-rewards a::before {
        content: ""; }
      div.real-rewards-subnav nav.sub ul li.my-vouchers a::before {
        content: ""; }
      div.real-rewards-subnav nav.sub ul li.scan-to-win a::before {
        content: ""; }
      div.real-rewards-subnav nav.sub ul li.deals a::before {
        content: ""; } }

/**
 * Receipts
 */
@media all and (max-width: 768px) {
  body.receipt-active {
    overflow: hidden; } }
div.receipts {
  position: relative; }
  div.receipts div.item {
    display: flex;
    align-items: flex-start; }
  div.receipts div.receipt-list-wrapper,
  div.receipts div.receipt-detail {
    margin-bottom: 32px;
    padding: 24px 32px;
    border: none;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    @media all and (max-width: 768px) {
      div.receipts div.receipt-list-wrapper,
      div.receipts div.receipt-detail {
        padding: 24px 12px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); } }
  div.receipts div.receipt-list-wrapper {
    flex: 0 1 768px; }
    @media all and (max-width: 768px) {
      div.receipts div.receipt-list-wrapper {
        position: relative;
        z-index: 2; } }
    div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item {
      position: relative;
      display: flex;
      flex-direction: column;
      margin-top: 16px;
      padding: 16px 0;
      border-bottom: 1px solid #E6EAEB;
      color: #333333;
      text-decoration: none; }
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item:first-child {
        margin-top: 0;
        padding-top: 32px;
        border-top: 1px solid #E6EAEB; }
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item div.date {
        margin-bottom: 4px;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item div.total {
        font-size: 14px;
        color: #757575; }
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item span.icon-chevron-right {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item.active div.date,
      div.receipts div.receipt-list-wrapper div.receipt-list a.receipt-item.active span.icon-chevron-right::after {
        color: #C8102E; }
    div.receipts div.receipt-list-wrapper div.receipt-list div.actions {
      display: flex;
      justify-content: center;
      margin-top: 32px; }
  div.receipts div.receipt-detail {
    position: sticky;
    top: 32px;
    flex: 0 0 375px;
    margin-left: 32px;
    display: none; }
    div.receipts div.receipt-detail.active {
      display: block; }
    @media all and (max-width: 768px) {
      div.receipts div.receipt-detail {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        overflow-y: hidden;
        max-width: 768px;
        margin: 16px; }
        div.receipts div.receipt-detail.active {
          z-index: 3;
          box-shadow: 0 0 50px 100vh rgba(0, 0, 0, 0.3); }
        div.receipts div.receipt-detail .receipt-content {
          overflow-y: auto;
          height: calc(100% - 64px); } }
    div.receipts div.receipt-detail .no-receipt-selected {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50%;
      text-align: center; }
    div.receipts div.receipt-detail div.receipt-heading {
      position: relative; }
      div.receipts div.receipt-detail div.receipt-heading h5 {
        text-align: center; }
      div.receipts div.receipt-detail div.receipt-heading a.close {
        display: none;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 0;
        translate: transformY(-50%); }
        @media all and (max-width: 768px) {
          div.receipts div.receipt-detail div.receipt-heading a.close {
            display: flex; } }
        div.receipts div.receipt-detail div.receipt-heading a.close:hover {
          text-decoration: none; }
    div.receipts div.receipt-detail .receipt-content {
      font-family: monospace; }
      div.receipts div.receipt-detail .receipt-content strong, div.receipts div.receipt-detail .receipt-content b {
        font-family: monospace;
        font-weight: bold; }
      div.receipts div.receipt-detail .receipt-content .receipt > .wrapper {
        margin: 0; }

/**
 * Rewards Summary
 */
div.container.rewards-summary > div.wrapper > div.item {
  display: flex;
  border-bottom: 1px solid #E6EAEB; }
  div.container.rewards-summary > div.wrapper > div.item div[class^="col-"] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    div.container.rewards-summary > div.wrapper > div.item div[class^="col-"][class$="2"] {
      align-items: flex-end; }
  @media all and (max-width: 576px) {
    div.container.rewards-summary > div.wrapper > div.item {
      flex-wrap: wrap; }
      div.container.rewards-summary > div.wrapper > div.item div[class^="col-"] {
        flex: 1 0 100%;
        align-items: center; }
        div.container.rewards-summary > div.wrapper > div.item div[class^="col-"][class$="1"] {
          margin-bottom: 16px; }
        div.container.rewards-summary > div.wrapper > div.item div[class^="col-"][class$="2"] {
          align-items: center; } }
div.container.rewards-summary h3 {
  margin-bottom: 8px; }
div.container.rewards-summary span.card {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 16px; }
  div.container.rewards-summary span.card span[class^="icon-"] {
    margin-right: 16px; }
    div.container.rewards-summary span.card span[class^="icon-"]::after {
      font-size: 24px; }
div.container.rewards-summary.no-card span.card {
  font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
div.container.rewards-summary a.button.add-a-real-rewards-card {
  max-width: 240px; }
div.container.rewards-summary div.wallets {
  margin-bottom: 16px; }
  div.container.rewards-summary div.wallets div.wallet {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    div.container.rewards-summary div.wallets div.wallet:last-child {
      margin-bottom: 0; }
    div.container.rewards-summary div.wallets div.wallet span[class^="icon-"]::after {
      margin-right: 8px;
      font-size: 24px;
      color: #C8102E; }
    div.container.rewards-summary div.wallets div.wallet span.balance {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #C8102E; }
    div.container.rewards-summary div.wallets div.wallet span.target {
      font-size: 16px;
      line-height: 24px; }
    div.container.rewards-summary div.wallets div.wallet span.label {
      margin-left: 8px;
      font-size: 12px;
      line-height: 18px; }
div.container.rewards-summary.no-card div.col-2 {
  justify-content: flex-end; }
div.container.rewards-summary.card-and-wallets span.card {
  margin-bottom: auto; }
  @media all and (max-width: 576px) {
    div.container.rewards-summary.card-and-wallets span.card {
      margin-bottom: 16px; } }
div.container.rewards-summary .actions {
  margin-top: 10px; }

/**
 * Shopping Vouchers
 */
div.container.shopping-vouchers-header {
  text-align: center; }
  div.container.shopping-vouchers-header div.status {
    margin-right: auto;
    margin-left: auto;
    background-color: transparent; }

div.container.shopping-vouchers-list {
  margin-bottom: 32px;
  padding-bottom: 64px;
  border-bottom: 1px solid #E6EAEB; }
  div.container.shopping-vouchers-list > div.wrapper {
    flex-wrap: wrap;
    justify-content: center; }
  div.container.shopping-vouchers-list div.item {
    flex: 0 1 886px;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.shopping-vouchers-list div.item div.image {
      flex: 1 0 220px;
      min-height: 220px; }
      div.container.shopping-vouchers-list div.item div.image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    div.container.shopping-vouchers-list div.item div.text {
      width: 100%;
      padding: 24px; }
      div.container.shopping-vouchers-list div.item div.text h4 {
        margin-bottom: 16px; }
      div.container.shopping-vouchers-list div.item div.text p {
        min-height: 60px; }
      div.container.shopping-vouchers-list div.item div.text a.button {
        margin: 0; }
      div.container.shopping-vouchers-list div.item div.text h5.error {
        margin: 0; }
      div.container.shopping-vouchers-list div.item div.text span.code {
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 18px; }
        div.container.shopping-vouchers-list div.item div.text span.code > span {
          margin: 0 0.15em; }
          div.container.shopping-vouchers-list div.item div.text span.code > span:fist-child {
            margin-left: 0; }
          div.container.shopping-vouchers-list div.item div.text span.code > span:last-child {
            margin-right: 0; }
    div.container.shopping-vouchers-list div.item span.status-used {
      display: none;
      position: absolute;
      bottom: 32px;
      right: 32px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1;
      color: #15743C; }
      @media all and (max-width: 768px) {
        div.container.shopping-vouchers-list div.item span.status-used {
          bottom: 16px;
          right: 16px; } }
      div.container.shopping-vouchers-list div.item span.status-used > span[class^="icon-"] {
        margin-right: 16px; }
    div.container.shopping-vouchers-list div.item.used div.image,
    div.container.shopping-vouchers-list div.item.used div.text {
      opacity: 0.3;
      filter: grayscale(100%); }
    div.container.shopping-vouchers-list div.item.used span.status-used {
      display: block; }
    div.container.shopping-vouchers-list div.item span.status-expired {
      display: none;
      position: absolute;
      bottom: 32px;
      right: 32px;
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1;
      color: #808080; }
      @media all and (max-width: 768px) {
        div.container.shopping-vouchers-list div.item span.status-expired {
          bottom: 16px;
          right: 16px; } }
      div.container.shopping-vouchers-list div.item span.status-expired > span[class^="icon-"] {
        margin-right: 16px; }
    div.container.shopping-vouchers-list div.item.expired div.image,
    div.container.shopping-vouchers-list div.item.expired div.text {
      opacity: 0.3;
      filter: grayscale(100%); }
    div.container.shopping-vouchers-list div.item.expired span.status-expired {
      display: block; }
    div.container.shopping-vouchers-list div.item.expired.used span.status-used {
      right: 170px; }
  div.container.shopping-vouchers-list a.show-more {
    flex: 0 1 886px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: 48px auto 0 auto;
    color: #333333; }
    div.container.shopping-vouchers-list a.show-more span[class^="icon-"]::after {
      font-size: 24px; }
    div.container.shopping-vouchers-list a.show-more:hover {
      text-decoration: none; }
  @media all and (max-width: 768px) {
    div.container.shopping-vouchers-list div.item {
      flex: 0 1 320px;
      flex-wrap: wrap; }
      div.container.shopping-vouchers-list div.item div.image {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 16px 16px 0 16px;
        min-height: auto; }
        div.container.shopping-vouchers-list div.item div.image img {
          width: 120px;
          height: 120px;
          border-radius: 4px; }
      div.container.shopping-vouchers-list div.item div.text {
        padding: 16px; }
        div.container.shopping-vouchers-list div.item div.text h3.h4 {
          margin-bottom: 16px; } }

/**
 * Statements
 */
div.statements div.status {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
div.statements h2 {
  text-align: center; }
div.statements div.wallets {
  position: relative;
  margin-bottom: 8px;
  padding: 16px 24px;
  min-height: 122px;
  background-color: #F7F8F9; }
  div.statements div.wallets div.wallet {
    margin-bottom: 6px; }
    div.statements div.wallets div.wallet.real-rewards {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
      font-size: 18px;
      line-height: 24px; }
  div.statements div.wallets div.card-number {
    position: absolute;
    top: 16px;
    right: 24px; }
  @media all and (max-width: 768px) {
    div.statements div.wallets {
      margin-bottom: 32px; }
      div.statements div.wallets div.card-number {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 12px; } }
  div.statements div.wallets div.action {
    margin-top: 24px; }
div.statements div.statement-body div.line {
  display: flex;
  width: 100%;
  min-height: 56px;
  margin-bottom: 1px;
  padding: 16px 24px;
  background-color: #F7F8F9; }
  div.statements div.statement-body div.line.statement-head {
    align-items: center;
    font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px; }
    div.statements div.statement-body div.line.statement-head > div.date {
      color: #333333; }
  div.statements div.statement-body div.line > div {
    width: 100%;
    margin-right: 24px; }
    div.statements div.statement-body div.line > div:last-child {
      margin-right: 0; }
    div.statements div.statement-body div.line > div.date {
      flex: 0 0 90px;
      color: #757575; }
    div.statements div.statement-body div.line > div.description {
      flex: 1 0 240px; }
    div.statements div.statement-body div.line > div.wallet {
      flex: 1 0 90px;
      text-align: center; }
      div.statements div.statement-body div.line > div.wallet span.label {
        display: none;
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }
@media all and (max-width: 768px) {
  div.statements div.statement-body div.line {
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 8px 16px; }
    div.statements div.statement-body div.line.statement-head {
      display: none; }
    div.statements div.statement-body div.line > div {
      flex: 1 0 100% !important;
      margin-bottom: 6px;
      text-align: left !important; }
      div.statements div.statement-body div.line > div.wallet span.label {
        display: inline; } }
div.statements div.statements-load-more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px; }

/* Components: Real People */
/**
 * Food Academy How to apply
 */
div.container.food-academy-how-to-apply div.wrapper {
  justify-content: center; }
  div.container.food-academy-how-to-apply div.wrapper a.item {
    display: flex;
    width: 100%;
    max-width: 640px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none; }
    div.container.food-academy-how-to-apply div.wrapper a.item:hover {
      text-decoration: none; }
    div.container.food-academy-how-to-apply div.wrapper a.item div.image {
      flex: 1 0 210px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 200px;
      background: #F7F8F9 url("") no-repeat center center;
      background-size: cover; }
      div.container.food-academy-how-to-apply div.wrapper a.item div.image h3.h2 {
        margin-bottom: 0;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase; }
    div.container.food-academy-how-to-apply div.wrapper a.item div.text {
      position: relative;
      padding: 32px 64px 32px 16px; }
      div.container.food-academy-how-to-apply div.wrapper a.item div.text h4 {
        margin-bottom: 24px;
        color: #C8102E; }
      div.container.food-academy-how-to-apply div.wrapper a.item div.text p {
        color: #333333; }
      div.container.food-academy-how-to-apply div.wrapper a.item div.text span.icon-arrow-right {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        border: 1px solid #333333;
        background-color: #ffffff;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        color: #333333;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.food-academy-how-to-apply div.wrapper a.item div.text span.icon-arrow-right::after {
          font-size: 12px; }
        div.container.food-academy-how-to-apply div.wrapper a.item div.text span.icon-arrow-right:hover {
          background-color: #333333;
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
          color: #ffffff; }
    @media all and (max-width: 768px) {
      div.container.food-academy-how-to-apply div.wrapper a.item {
        flex: 0 1 344px;
        flex-wrap: wrap; }
        div.container.food-academy-how-to-apply div.wrapper a.item div.image {
          flex: 0 0 100%; }
        div.container.food-academy-how-to-apply div.wrapper a.item div.text h4 {
          margin-bottom: 16px; } }

/**
 * Real People Landing Intro
 */
div.real-people-landing-intro div.wrapper {
  max-width: 660px;
  margin: 0 auto; }
  div.real-people-landing-intro div.wrapper div.item {
    display: flex;
    align-items: center; }
    @media all and (max-width: 768px) {
      div.real-people-landing-intro div.wrapper div.item {
        flex-wrap: wrap;
        justify-content: center; } }
    div.real-people-landing-intro div.wrapper div.item img {
      margin-left: 32px;
      width: 160px;
      height: auto; }

/**
 * Real People Card
 */
div.real-people-card {
  margin-bottom: 64px;
  max-width: 1120px; }
  div.real-people-card div.wrapper {
    display: flex;
    flex-wrap: wrap; }
    div.real-people-card div.wrapper div.item {
      display: flex;
      flex: 0 0 100%; }
      div.real-people-card div.wrapper div.item div.media,
      div.real-people-card div.wrapper div.item div.text {
        flex: 0 0 50%;
        padding: 32px; }
        div.real-people-card div.wrapper div.item div.media a.button,
        div.real-people-card div.wrapper div.item div.text a.button {
          margin-top: 16px; }
      div.real-people-card div.wrapper div.item div.media img {
        width: 100%;
        height: auto; }
      @media all and (max-width: 768px) {
        div.real-people-card div.wrapper div.item {
          flex-wrap: wrap; }
          div.real-people-card div.wrapper div.item div.media,
          div.real-people-card div.wrapper div.item div.text {
            flex: 0 0 100%;
            padding: 16px; }
          div.real-people-card div.wrapper div.item div.media {
            padding-bottom: 0; } }

/* Components: Recipes */
/**
 * Feature Recipe Hero
 */
div.hero-feature-recipe .item {
  position: relative; }
  div.hero-feature-recipe .item div.image img {
    display: block;
    width: 100%;
    height: auto; }
  @media all and (min-width: 768px) {
    div.hero-feature-recipe .item div.image img.desktop {
      display: block; }
    div.hero-feature-recipe .item div.image img.mobile {
      display: none; } }
  @media all and (max-width: 767px) {
    div.hero-feature-recipe .item div.image img.desktop {
      display: none; }
    div.hero-feature-recipe .item div.image img.mobile {
      display: block; } }
  div.hero-feature-recipe .item div.text {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 32px 24px;
    min-width: 320px;
    border-radius: 8px;
    background-color: #C8102E;
    transform: translate3d(-50%, -50%, 0);
    text-align: center; }
    div.hero-feature-recipe .item div.text h2 {
      margin: 0;
      color: #ffffff; }
    div.hero-feature-recipe .item div.text p {
      color: #ffffff; }
      div.hero-feature-recipe .item div.text p ~ a.button {
        margin-top: 8px; }

/**
 * Meal Planner
 */
div.container.meal-planner div.item {
  padding: 32px;
  background-color: #F7F8F9; }
  @media all and (max-width: 768px) {
    div.container.meal-planner div.item {
      padding: 16px; } }
div.container.meal-planner h3.h4 {
  font-family: "Moderat Regular", "Helvetica", Arial, sans-serif;
  color: #333333; }
div.container.meal-planner div.chosen-recipe-card {
  display: flex;
  height: 120px;
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
  div.container.meal-planner div.chosen-recipe-card img {
    display: block;
    width: auto;
    height: 100%; }
  div.container.meal-planner div.chosen-recipe-card div.text {
    position: relative;
    padding: 16px;
    width: 100%; }
    div.container.meal-planner div.chosen-recipe-card div.text h5 {
      display: -webkit-box;
      width: calc(100% - 32px);
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    div.container.meal-planner div.chosen-recipe-card div.text span.remove {
      position: absolute;
      top: 16px;
      right: 16px;
      color: #333333;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.meal-planner div.chosen-recipe-card div.text span.remove::after {
        font-size: 24px; }
      div.container.meal-planner div.chosen-recipe-card div.text span.remove:hover {
        color: #C8102E; }
div.container.meal-planner div.placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  margin-bottom: 16px;
  border: 1px solid #D1D6D8;
  border-radius: 4px;
  color: #D1D6D8; }
div.container.meal-planner form.send-plan {
  margin-top: 32px; }

/**
 * Meal Planner Recipe List
 */
div.container.meal-planner-recipe-list div.wrapper {
  flex-wrap: wrap; }
  div.container.meal-planner-recipe-list div.wrapper div.item {
    flex: 0 1 calc(50% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #333333; }
    div.container.meal-planner-recipe-list div.wrapper div.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.meal-planner-recipe-list div.wrapper div.item > a.recipe {
      color: #333333; }
      div.container.meal-planner-recipe-list div.wrapper div.item > a.recipe:hover {
        text-decoration: none; }
    div.container.meal-planner-recipe-list div.wrapper div.item div.text {
      position: relative;
      padding: 16px 64px 0 16px; }
      div.container.meal-planner-recipe-list div.wrapper div.item div.text h4 {
        min-height: 48px; }
      div.container.meal-planner-recipe-list div.wrapper div.item div.text span.share {
        position: absolute;
        top: 16px;
        right: 16px;
        cursor: pointer;
        transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.meal-planner-recipe-list div.wrapper div.item div.text span.share::after {
          font-size: 24px; }
        div.container.meal-planner-recipe-list div.wrapper div.item div.text span.share:hover {
          color: #C8102E; }
    div.container.meal-planner-recipe-list div.wrapper div.item div.details {
      display: flex;
      flex-wrap: wrap;
      padding: 16px 16px 24px 16px; }
      div.container.meal-planner-recipe-list div.wrapper div.item div.details > span {
        display: flex;
        align-items: center;
        margin: 0 32px 0 0;
        font-size: 14px; }
        div.container.meal-planner-recipe-list div.wrapper div.item div.details > span:last-child {
          margin-right: 0; }
        div.container.meal-planner-recipe-list div.wrapper div.item div.details > span span[class^="icon-"] {
          margin-right: 8px; }
          div.container.meal-planner-recipe-list div.wrapper div.item div.details > span span[class^="icon-"]::after {
            font-size: 24px; }
    div.container.meal-planner-recipe-list div.wrapper div.item a.button {
      margin: 0 16px 24px 16px; }
    div.container.meal-planner-recipe-list div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.meal-planner-recipe-list div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.meal-planner-recipe-list div.wrapper div.item {
        flex: 0 1 344px; } }

/**
 * Recipe List
 */
div.container.recipe-list div.wrapper {
  flex-wrap: wrap; }
  div.container.recipe-list div.wrapper a.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #333333; }
    div.container.recipe-list div.wrapper a.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.recipe-list div.wrapper a.item div.text {
      position: relative;
      padding: 16px 64px 54px 16px; }
      div.container.recipe-list div.wrapper a.item div.text h3 {
        min-height: 48px; }
      div.container.recipe-list div.wrapper a.item div.text span.share {
        position: absolute;
        top: 16px;
        right: 16px;
        cursor: pointer;
        transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
        div.container.recipe-list div.wrapper a.item div.text span.share::after {
          font-size: 24px; }
        div.container.recipe-list div.wrapper a.item div.text span.share:hover {
          color: #C8102E; }
    div.container.recipe-list div.wrapper a.item div.details {
      position: absolute;
      bottom: 16px;
      left: 16px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      div.container.recipe-list div.wrapper a.item div.details > span {
        display: flex;
        align-items: center;
        margin: 0 32px 0 0;
        font-size: 14px; }
        div.container.recipe-list div.wrapper a.item div.details > span:last-child {
          margin-right: 0; }
        div.container.recipe-list div.wrapper a.item div.details > span span[class^="icon-"] {
          margin-right: 8px; }
          div.container.recipe-list div.wrapper a.item div.details > span span[class^="icon-"]::after {
            font-size: 24px; }
    div.container.recipe-list div.wrapper a.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.recipe-list div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.recipe-list div.wrapper a.item {
        flex: 0 1 344px; } }

/**
 * Related Recipe List
 */
div.container.recipe-list-related {
  margin-top: 16px; }
  div.container.recipe-list-related h3 {
    margin-bottom: 0; }
    @media all and (max-width: 992px) {
      div.container.recipe-list-related h3 {
        text-align: center; } }
  div.container.recipe-list-related div.wrapper {
    flex-wrap: wrap; }
    div.container.recipe-list-related div.wrapper a.item {
      flex: 0 1 calc(33.333333333% - 64px);
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      background-color: #ffffff;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
      color: #333333; }
      div.container.recipe-list-related div.wrapper a.item img {
        display: block;
        width: 100%;
        height: auto; }
      div.container.recipe-list-related div.wrapper a.item div.text {
        position: relative;
        padding: 16px 64px 54px 16px; }
        div.container.recipe-list-related div.wrapper a.item div.text span.share {
          position: absolute;
          top: 16px;
          right: 16px;
          cursor: pointer;
          transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
          div.container.recipe-list-related div.wrapper a.item div.text span.share::after {
            font-size: 24px; }
          div.container.recipe-list-related div.wrapper a.item div.text span.share:hover {
            color: #C8102E; }
      div.container.recipe-list-related div.wrapper a.item div.details {
        position: absolute;
        bottom: 16px;
        left: 16px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        div.container.recipe-list-related div.wrapper a.item div.details > span {
          display: flex;
          align-items: center;
          margin: 0 32px 0 0;
          font-size: 14px; }
          div.container.recipe-list-related div.wrapper a.item div.details > span:last-child {
            margin-right: 0; }
          div.container.recipe-list-related div.wrapper a.item div.details > span span[class^="icon-"] {
            margin-right: 8px; }
            div.container.recipe-list-related div.wrapper a.item div.details > span span[class^="icon-"]::after {
              font-size: 24px; }
      div.container.recipe-list-related div.wrapper a.item:hover {
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
    @media all and (max-width: 992px) {
      div.container.recipe-list-related div.wrapper {
        flex-wrap: wrap;
        justify-content: center; }
        div.container.recipe-list-related div.wrapper a.item {
          flex: 0 1 344px; } }

/**
 * Recipe Search Advanced
 */
div.recipe-search-advanced h2 {
  text-align: center; }
div.recipe-search-advanced form {
  margin: 0 auto;
  max-width: 660px; }
  div.recipe-search-advanced form div.row {
    max-width: 100%; }
  div.recipe-search-advanced form div.field.text {
    max-width: 100%;
    margin-right: 0;
    padding-bottom: 0; }
    div.recipe-search-advanced form div.field.text label {
      display: none; }
    div.recipe-search-advanced form div.field.text input {
      height: 44px;
      border-right-width: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  div.recipe-search-advanced form div.field.button {
    padding-bottom: 0; }
    div.recipe-search-advanced form div.field.button button {
      height: 44px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      @media all and (max-width: 768px) {
        div.recipe-search-advanced form div.field.button button {
          padding: 12px 24px 13px 24px;
          font-size: 16px; } }
div.recipe-search-advanced div.action {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  text-align: right; }

/* Components: Gift Cards */
/**
 * Balance Check
 */
div.container.gift-card-balance-check div.item {
  display: flex;
  justify-content: space-between; }
  div.container.gift-card-balance-check div.item form {
    flex: 0 1 432px; }
  div.container.gift-card-balance-check div.item div.images {
    flex: 0 1 840px;
    display: flex; }
    div.container.gift-card-balance-check div.item div.images img {
      display: block; }
  @media all and (max-width: 992px) {
    div.container.gift-card-balance-check div.item {
      flex-wrap: wrap; }
      div.container.gift-card-balance-check div.item div.images {
        flex-wrap: wrap; } }

div.container.gift-card-balance-check-result div.item {
  padding: 32px;
  border-radius: 8px;
  max-width: 432px;
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
  @media all and (max-width: 992px) {
    div.container.gift-card-balance-check-result div.item {
      padding: 16px; } }

/**
 * Corporate Signup Form
 */
div.container.gift-card-corporate-signup div.section {
  margin-bottom: 32px; }
div.container.gift-card-corporate-signup div.order-details #card-counter div.card div.card-amount {
  flex: 0 0 66.666666666%; }
div.container.gift-card-corporate-signup div.order-details #card-counter div.card span.remove-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 43px;
  margin-top: 25px;
  cursor: pointer; }
  div.container.gift-card-corporate-signup div.order-details #card-counter div.card span.remove-row.icon-bin-empty:after {
    font-size: 18px; }
div.container.gift-card-corporate-signup div.order-details #card-counter div.card:first-child span.remove-row {
  opacity: 0;
  pointer-events: none; }
div.container.gift-card-corporate-signup div.order-details div.summary {
  margin-bottom: 32px; }
  div.container.gift-card-corporate-signup div.order-details div.summary div.row {
    justify-content: space-between;
    margin-bottom: 8px; }
    div.container.gift-card-corporate-signup div.order-details div.summary div.row:first-child {
      border-top: 1px solid #E6EAEB;
      padding-top: 24px; }
    div.container.gift-card-corporate-signup div.order-details div.summary div.row > span.amount {
      text-align: right; }
    div.container.gift-card-corporate-signup div.order-details div.summary div.row.discount {
      color: #C8102E; }
    div.container.gift-card-corporate-signup div.order-details div.summary div.row.grand-total {
      font-family: "Moderat Bold", "Helvetica", Arial, sans-serif; }

/**
 * Card S with button Centered
 * with no image
 */
div.container.gift-cards-actions div.wrapper {
  flex-wrap: wrap; }
  div.container.gift-cards-actions div.wrapper div.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.gift-cards-actions div.wrapper div.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.gift-cards-actions div.wrapper div.item div.text {
      text-align: center;
      padding: 16px; }
      div.container.gift-cards-actions div.wrapper div.item div.text p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #333333; }
      div.container.gift-cards-actions div.wrapper div.item div.text div.actions {
        display: flex;
        justify-content: center; }
      div.container.gift-cards-actions div.wrapper div.item div.text a.button {
        background-color: #C8102E; }
      div.container.gift-cards-actions div.wrapper div.item div.text a.inline {
        color: inherit; }
    div.container.gift-cards-actions div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.gift-cards-actions div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.gift-cards-actions div.wrapper div.item {
        flex: 0 1 344px; } }

/* Components: Insurance */
/**
 * Accordion
 */
div.container.accordion h2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 768px;
  text-align: center; }
div.container.accordion div.wrapper {
  flex-direction: column; }
  div.container.accordion div.wrapper div.item {
    margin-top: 0;
    margin-bottom: 1rem; }
div.container.accordion details {
  border-bottom: 1px solid #E6EAEB; }
  div.container.accordion details summary {
    display: flex;
    align-items: baseline;
    list-style: none;
    padding-bottom: 1rem;
    cursor: pointer; }
    div.container.accordion details summary::-webkit-details-marker {
      display: none; }
    div.container.accordion details summary::after {
      content: "";
      margin-left: auto;
      font-family: "SuperValu Icons";
      font-size: 1rem;
      line-height: 1; }
    div.container.accordion details summary h3 {
      margin-bottom: 0;
      color: #333333; }
  div.container.accordion details[open] summary::after {
    content: ""; }

/**
 * Banner M Mint
 */
div.container.banner-m-mint-box div.wrapper a.item {
  position: relative;
  border-radius: 8px;
  overflow: hidden; }
  div.container.banner-m-mint-box div.wrapper a.item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px; }
  div.container.banner-m-mint-box div.wrapper a.item div.text {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 18px 16px 22px 16px;
    background-color: #6ECEB2; }
    div.container.banner-m-mint-box div.wrapper a.item div.text h3 {
      margin: 0;
      color: white; }
    div.container.banner-m-mint-box div.wrapper a.item div.text span.icon-arrow-right {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      border: 1px solid #ffffff;
      background-color: transparent;
      box-shadow: 0 0 0 #ffffff;
      color: #ffffff;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.banner-m-mint-box div.wrapper a.item div.text span.icon-arrow-right::after {
        font-size: 12px; }
@media all and (max-width: 768px) {
  div.container.banner-m-mint-box div.wrapper {
    flex-wrap: wrap; }
    div.container.banner-m-mint-box div.wrapper a.item {
      flex: 0 1 100%; } }

/**
 * Call To Action
 */
div.container.call-to-action div.wrapper div.item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F7F8F9;
  padding: 32px; }
  div.container.call-to-action div.wrapper div.item p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.2;
    color: #333333; }
  div.container.call-to-action div.wrapper div.item a.button {
    margin-bottom: 0;
    margin-left: 16px; }
  @media all and (max-width: 768px) {
    div.container.call-to-action div.wrapper div.item {
      flex-direction: column;
      padding: 16px; }
      div.container.call-to-action div.wrapper div.item p {
        margin-bottom: 24px; }
      div.container.call-to-action div.wrapper div.item a.button {
        margin-bottom: 8px;
        margin-left: 0; } }

/**
 * Card S Content
 */
div.container.card-s-content > h3 {
  margin-top: 32px;
  text-align: center; }
div.container.card-s-content div.wrapper {
  flex-wrap: wrap;
  justify-content: center; }
  div.container.card-s-content div.wrapper div.item {
    flex: 0 1 calc(33.333333333% - 64px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.card-s-content div.wrapper div.item div.image {
      display: flex;
      justify-content: center;
      padding: 16px; }
    div.container.card-s-content div.wrapper div.item div.text {
      padding: 16px 64px 32px 16px; }
    div.container.card-s-content div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.card-s-content div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.card-s-content div.wrapper div.item {
        flex: 0 1 344px; } }

/**
 * Card L
 */
div.container.card-l-insurance > h3 {
  margin-top: 32px;
  text-align: center; }
div.container.card-l-insurance div.wrapper {
  flex-direction: column;
  align-items: center; }
  div.container.card-l-insurance div.wrapper div.item {
    display: flex;
    width: 100%;
    max-width: 886px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); }
    div.container.card-l-insurance div.wrapper div.item div.image {
      width: 50%; }
      div.container.card-l-insurance div.wrapper div.item div.image img {
        display: block;
        width: auto;
        height: auto;
        object-fit: cover; }
    div.container.card-l-insurance div.wrapper div.item div.text {
      padding: 32px;
      width: 50%; }
      div.container.card-l-insurance div.wrapper div.item div.text h3 {
        margin-bottom: 24px; }
      div.container.card-l-insurance div.wrapper div.item div.text p {
        display: -webkit-box;
        margin: 0 0 20px 0;
        min-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        font-size: 14px;
        line-height: 20px; }
      div.container.card-l-insurance div.wrapper div.item div.text div.actions {
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        div.container.card-l-insurance div.wrapper div.item div.text div.actions .button {
          margin: 0; }
  @media all and (max-width: 768px) {
    div.container.card-l-insurance div.wrapper {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start; }
      div.container.card-l-insurance div.wrapper div.item {
        flex: 0 1 344px;
        flex-wrap: wrap; }
        div.container.card-l-insurance div.wrapper div.item div.image {
          width: 100%; }
        div.container.card-l-insurance div.wrapper div.item div.text {
          padding: 16px;
          width: 100%; }
          div.container.card-l-insurance div.wrapper div.item div.text h3 {
            margin-bottom: 16px; } }

/**
 * Collapsible Group
 */
div.container.collapsible-group div.wrapper div.item {
  padding: 0 32px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px; }
  @media all and (max-width: 768px) {
    div.container.collapsible-group div.wrapper div.item {
      padding: 0 16px; } }
div.container.collapsible-group h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  margin: 0;
  padding: 24px 0;
  width: 100%;
  cursor: pointer; }
div.container.collapsible-group div.row-group {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
  transition-delay: 0ms; }
  div.container.collapsible-group div.row-group div.row {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
    border-bottom: 1px solid #E6EAEB;
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s ease-out;
    transition-delay: 0.6s; }
    div.container.collapsible-group div.row-group div.row:first-of-type {
      padding-top: 0; }
    div.container.collapsible-group div.row-group div.row:last-of-type {
      border-bottom: none; }
    div.container.collapsible-group div.row-group div.row div.text h4 {
      display: inline-flex;
      align-items: center;
      margin-bottom: 8px;
      color: #333333; }
      div.container.collapsible-group div.row-group div.row div.text h4 span[class^="icon-"] {
        margin-right: 8px; }
        div.container.collapsible-group div.row-group div.row div.text h4 span[class^="icon-"]::after {
          font-size: 24px; }
    div.container.collapsible-group div.row-group div.row div.text p {
      margin-bottom: 0;
      max-width: 480px; }
    div.container.collapsible-group div.row-group div.row div.action a.button {
      min-width: 200px;
      max-width: 200px; }
    @media all and (max-width: 768px) {
      div.container.collapsible-group div.row-group div.row {
        flex-wrap: wrap; }
        div.container.collapsible-group div.row-group div.row div.action {
          margin-top: 32px; } }
div.container.collapsible-group.open h2 span[class^="icon-"] {
  transform: rotate(180deg); }
div.container.collapsible-group.open div.row-group {
  max-height: 2000px; }
  div.container.collapsible-group.open div.row-group div.row {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0ms; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(1) {
      transition-delay: 0.2s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(2) {
      transition-delay: 0.4s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(3) {
      transition-delay: 0.6s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(4) {
      transition-delay: 0.8s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(5) {
      transition-delay: 1s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(6) {
      transition-delay: 1.2s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(7) {
      transition-delay: 1.4s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(8) {
      transition-delay: 1.6s; }
    div.container.collapsible-group.open div.row-group div.row:nth-child(9) {
      transition-delay: 1.8s; }

/**
 * Contact Banner
 */
div.contact-banner div.item {
  display: flex; }
  div.contact-banner div.item div.image {
    flex: 0 0 50%; }
  div.contact-banner div.item div.text {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    div.contact-banner div.item div.text h2 {
      margin-bottom: 0; }
    div.contact-banner div.item div.text h3.tel-number a {
      color: #333333; }
    div.contact-banner div.item div.text p {
      font-size: 24px;
      line-height: 28px; }
  @media all and (max-width: 992px) {
    div.contact-banner div.item {
      flex-wrap: wrap; }
      div.contact-banner div.item div.image {
        order: 2;
        flex: 0 0 100%; }
      div.contact-banner div.item div.text {
        order: 1;
        flex: 0 0 100%; } }

/**
 * Insurance Simple Contact Banner
 */
div.container.contact-banner-simple {
  margin-top: 24px; }
  div.container.contact-banner-simple div.wrapper {
    flex-wrap: wrap;
    justify-content: center; }
    div.container.contact-banner-simple div.wrapper div.call {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 24px; }
      div.container.contact-banner-simple div.wrapper div.call h3 {
        font-size: 40px; }
      div.container.contact-banner-simple div.wrapper div.call div.phone {
        display: flex;
        align-items: center;
        column-gap: 24px; }
        div.container.contact-banner-simple div.wrapper div.call div.phone img {
          width: 48px;
          height: 48px; }
        div.container.contact-banner-simple div.wrapper div.call div.phone a {
          font-size: 40px;
          color: #333333;
          font-weight: 700; }
    div.container.contact-banner-simple div.wrapper div.claim {
      display: none;
      flex-direction: column;
      align-items: center; }
      div.container.contact-banner-simple div.wrapper div.claim a {
        font-size: 16px;
        padding: 10px 0;
        min-width: 160px; }
    @media (max-width: 700px) {
      div.container.contact-banner-simple div.wrapper div.claim {
        display: flex; }
      div.container.contact-banner-simple div.wrapper div.call h3 {
        font-size: 24px; }
      div.container.contact-banner-simple div.wrapper div.call div.phone img {
        width: 24px;
        height: 24px; }
      div.container.contact-banner-simple div.wrapper div.call div.phone a {
        font-size: 24px; } }

/**
 * Fine Print
 */
div.container.fine-print h3, div.container.fine-print h4, div.container.fine-print h5 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333; }
div.container.fine-print p {
  margin-bottom: 20px;
  max-width: 1200px;
  font-size: 14px;
  line-height: 20px; }

/**
 * Info Group
 */
div.container.info-group header,
div.container.info-group div.row {
  display: flex; }
  div.container.info-group header h2,
  div.container.info-group div.row h2 {
    font-size: 24px; }
  div.container.info-group header h3,
  div.container.info-group div.row h3 {
    font-size: 18px; }
  div.container.info-group header h2, div.container.info-group header h3,
  div.container.info-group div.row h2,
  div.container.info-group div.row h3 {
    margin: 0;
    color: #333333; }
  div.container.info-group header p,
  div.container.info-group div.row p {
    max-width: 100%; }
  div.container.info-group header div[class^="col-"],
  div.container.info-group div.row div[class^="col-"] {
    padding: 16px; }
    div.container.info-group header div[class^="col-"][class$="1"],
    div.container.info-group div.row div[class^="col-"][class$="1"] {
      flex: 0 1 calc(100% / 3 * 1); }
    div.container.info-group header div[class^="col-"][class$="2"],
    div.container.info-group div.row div[class^="col-"][class$="2"] {
      flex: 0 1 calc(100% / 3 * 2);
      background-color: #F7F8F9;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
  @media all and (max-width: 768px) {
    div.container.info-group header,
    div.container.info-group div.row {
      flex-wrap: wrap; }
      div.container.info-group header div[class^="col-"][class$="1"], div.container.info-group header div[class^="col-"][class$="2"],
      div.container.info-group div.row div[class^="col-"][class$="1"],
      div.container.info-group div.row div[class^="col-"][class$="2"] {
        flex: 0 1 100%; } }
div.container.info-group header div.col-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 8px; }
  div.container.info-group header div.col-2 img {
    margin-right: 8px; }
div.container.info-group div.row div.col-2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  background-color: #E6EAEB; }
  @media all and (max-width: 992px) {
    div.container.info-group div.row div.col-2::after {
      display: none; } }
div.container.info-group div.row:first-of-type div.col-2 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
div.container.info-group div.row:last-of-type div.col-2 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  div.container.info-group div.row:last-of-type div.col-2::after {
    display: none; }

/**
 * Insurance Product Banner
 */
div.insurance-product-banner div.item {
  display: flex; }
  div.insurance-product-banner div.item div.image {
    flex: 0 0 50%; }
  div.insurance-product-banner div.item div.text {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px; }
    div.insurance-product-banner div.item div.text div.tel-number {
      display: flex;
      align-items: center;
      margin-bottom: 16px; }
      div.insurance-product-banner div.item div.text div.tel-number img {
        margin-right: 16px; }
      div.insurance-product-banner div.item div.text div.tel-number a {
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 40px;
        line-height: 44px;
        color: #333333; }
        div.insurance-product-banner div.item div.text div.tel-number a:hover {
          text-decoration: none; }
    div.insurance-product-banner div.item div.text h2 {
      max-width: 576px;
      color: #333333;
      text-align: left; }
    div.insurance-product-banner div.item div.text div.actions {
      display: flex; }
  @media all and (max-width: 992px) {
    div.insurance-product-banner div.item {
      flex-wrap: wrap; }
      div.insurance-product-banner div.item div.image {
        order: 1;
        flex: 0 0 100%; }
        div.insurance-product-banner div.item div.image img {
          display: block;
          width: 50%;
          margin: 0 auto; }
      div.insurance-product-banner div.item div.text {
        order: 2;
        flex: 0 0 100%;
        align-items: center;
        padding-right: 0;
        padding-left: 0; }
        div.insurance-product-banner div.item div.text h2 {
          text-align: center; } }
div.insurance-product-banner.default div.item div.text div.tel-number span {
  color: #C8102E; }
div.insurance-product-banner.car div.item div.text div.tel-number span {
  color: #6ECEB2; }
div.insurance-product-banner.home div.item div.text div.tel-number span {
  color: #a44dc4; }
div.insurance-product-banner.travel div.item div.text div.tel-number span {
  color: #FFBC3D; }
div.insurance-product-banner.van div.item div.text div.tel-number span {
  color: #6ECEB2; }
div.insurance-product-banner.life div.item div.text div.tel-number span {
  color: #79BAE1; }

/**
 * Insurance Product Card
 */
div.container.insurance-product-card div.wrapper {
  flex-wrap: wrap; }
  div.container.insurance-product-card div.wrapper div.item {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
    div.container.insurance-product-card div.wrapper div.item:first-child:nth-last-child(3), div.container.insurance-product-card div.wrapper div.item:first-child:nth-last-child(3) ~ div.item {
      flex: 0 1 calc(33.333333333% - 64px); }
    div.container.insurance-product-card div.wrapper div.item:first-child:nth-last-child(4), div.container.insurance-product-card div.wrapper div.item:first-child:nth-last-child(4) ~ div.item {
      flex: 0 1 calc(25% - 64px); }
    div.container.insurance-product-card div.wrapper div.item.car {
      background-color: rgba(110, 206, 178, 0.25); }
    div.container.insurance-product-card div.wrapper div.item.home {
      background-color: rgba(164, 77, 196, 0.15); }
    div.container.insurance-product-card div.wrapper div.item.travel {
      background-color: rgba(255, 188, 61, 0.15); }
    div.container.insurance-product-card div.wrapper div.item.life {
      background-color: rgba(0, 198, 215, 0.15); }
    div.container.insurance-product-card div.wrapper div.item img {
      display: block;
      width: 100%;
      height: auto; }
    div.container.insurance-product-card div.wrapper div.item div.logo {
      display: flex;
      justify-content: center;
      padding: 32px 16px 32px 16px; }
      div.container.insurance-product-card div.wrapper div.item div.logo img {
        width: 80%; }
    div.container.insurance-product-card div.wrapper div.item div.image {
      margin-bottom: 32px; }
    div.container.insurance-product-card div.wrapper div.item div.text {
      flex-basis: 100%;
      margin-bottom: 32px;
      padding: 0 16px; }
    div.container.insurance-product-card div.wrapper div.item div.actions {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 16px;
      padding: 16px; }
      div.container.insurance-product-card div.wrapper div.item div.actions a.button {
        margin: 0 8px 16px 8px; }
    div.container.insurance-product-card div.wrapper div.item div.tel-number {
      display: flex;
      align-items: center;
      margin-bottom: 32px;
      padding: 0 16px; }
      div.container.insurance-product-card div.wrapper div.item div.tel-number a {
        font-size: 24px;
        line-height: 1; }
      div.container.insurance-product-card div.wrapper div.item div.tel-number span.icon-phone {
        margin-right: 16px; }
        div.container.insurance-product-card div.wrapper div.item div.tel-number span.icon-phone::after {
          font-size: 24px; }
    div.container.insurance-product-card div.wrapper div.item div.actions {
      display: flex;
      justify-content: center;
      padding: 0 16px; }
    div.container.insurance-product-card div.wrapper div.item:hover {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
  @media all and (max-width: 992px) {
    div.container.insurance-product-card div.wrapper {
      flex-wrap: wrap;
      justify-content: center; }
      div.container.insurance-product-card div.wrapper div.item {
        flex: 0 1 344px !important; } }

/**
 * Insurance Product Card v2
 */
div.container.insurance-product-card-v2 {
  margin-bottom: 24px; }
  div.container.insurance-product-card-v2 div.wrapper {
    flex-wrap: wrap;
    justify-content: center; }
    div.container.insurance-product-card-v2 div.wrapper div.card-v2 {
      max-width: 475px;
      flex-basis: calc(33% - 30px);
      flex-grow: unset;
      margin: 0 15px 64px 15px;
      display: flex;
      flex-direction: column;
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      background-color: #ffffff;
      box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.title {
        display: none;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 16px; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image {
        display: flex;
        justify-content: center;
        padding-top: 35px;
        padding-bottom: 15px;
        padding: 35px 25px 15px 25px;
        height: 315px;
        min-height: 315px; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image .content {
          max-width: 270px;
          width: 100%;
          display: flex;
          flex-direction: column; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image .image-wrapper {
          display: flex;
          justify-content: center;
          margin-top: auto; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image .image-wrapper img {
            height: 100%;
            width: auto;
            max-width: 100%;
            object-fit: contain; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2.car .image {
        background-color: #EDF8F5; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2.home .image {
        background-color: #FDF7FF; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2.life .image {
        background-color: #EFFAFC; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2.pet .image {
        background-color: #EDF8F5; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2.travel .image {
        background-color: #FCF6EB; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 img {
        display: block;
        width: 100%;
        height: auto; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.text {
        flex-basis: 100%;
        padding: 25px 32px 8px 32px; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.text ul {
          padding: 0 0 0 16px; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.text li::marker {
          color: #C8102E; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 16px;
        padding: 0 32px; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.actions a.button {
          width: 100%;
          max-width: 245px;
          margin: 0 8px 16px 8px; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.actions a.button.tertiary {
            margin-top: 8px; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.tel-number {
        display: flex;
        align-items: center;
        margin-bottom: 32px;
        padding: 0 16px; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.tel-number a {
          font-size: 24px;
          line-height: 1; }
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.tel-number span.icon-phone {
          margin-right: 16px; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.tel-number span.icon-phone::after {
            font-size: 24px; }
      div.container.insurance-product-card-v2 div.wrapper div.card-v2:hover {
        cursor: pointer;
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); }
      @media (max-width: 900px) {
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 {
          flex-basis: calc(50% - 30px); } }
      @media (max-width: 700px) {
        div.container.insurance-product-card-v2 div.wrapper div.card-v2 {
          flex-basis: 100%;
          margin: 0; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.title {
            display: block; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image {
            padding: 16px 20px;
            height: auto;
            min-height: unset; }
            div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image .image-wrapper {
              max-height: unset; }
            div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.image img.logo {
              display: none; }
          div.container.insurance-product-card-v2 div.wrapper div.card-v2 div.actions {
            margin-top: 24px; } }
    @media (max-width: 700px) {
      div.container.insurance-product-card-v2 div.wrapper {
        margin: 0;
        gap: 24px 16px; } }

/**
 * Insurance Young Drivers
 */
div.insurance-young-drivers {
  position: relative;
  margin-top: 64px;
  margin-bottom: 64px;
  background-color: #C8102E; }
  div.insurance-young-drivers .contact {
    max-width: unset;
    display: flex;
    align-items: center; }
    @media all and (max-width: 768px) {
      div.insurance-young-drivers .contact {
        flex-direction: column; } }
  div.insurance-young-drivers .item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center; }
    @media all and (max-width: 768px) {
      div.insurance-young-drivers .item {
        flex-wrap: wrap; } }
    div.insurance-young-drivers .item .image {
      position: absolute;
      width: 50%; }
      div.insurance-young-drivers .item .image img {
        display: block;
        width: 100%;
        height: auto; }
      @media all and (max-width: 768px) {
        div.insurance-young-drivers .item .image {
          position: relative;
          margin-top: -64px;
          width: 100%; }
          div.insurance-young-drivers .item .image img {
            max-width: 432px;
            margin-right: auto;
            margin-left: auto; } }
    div.insurance-young-drivers .item .card {
      flex: 1 1 auto;
      margin-left: 50%;
      padding: 32px;
      min-height: 364px;
      border-radius: 8px;
      background-color: #ffffff;
      max-width: 600px; }
      div.insurance-young-drivers .item .card div.row {
        max-width: unset; }
      div.insurance-young-drivers .item .card .field.button {
        padding-bottom: 0; }
      @media all and (max-width: 768px) {
        div.insurance-young-drivers .item .card {
          flex-basis: 432px;
          min-height: unset;
          margin-left: 0; } }

/**
 * Message
 */
div.insurance-message {
  position: relative;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding: 32px 32px 32px 64px;
  border-radius: 8px;
  background-color: #F7F8F9;
  overflow: hidden;
  text-align: left; }
  div.insurance-message::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 8px;
    height: 100%;
    background-color: #E6EAEB; }
  div.insurance-message::after {
    content: '';
    position: absolute;
    top: 32px;
    left: 16px;
    font-family: "SuperValu Icons";
    font-size: 24px;
    line-height: 1;
    transform: translateX(50%); }
  div.insurance-message h5 {
    margin-bottom: 8px; }
  div.insurance-message p {
    margin-bottom: 0;
    color: #333333; }
    div.insurance-message p ~ a.button {
      margin-top: 32px;
      margin-bottom: 0; }
      @media all and (max-width: 768px) {
        div.insurance-message p ~ a.button {
          margin-top: 16px; } }
  div.insurance-message.info::before {
    background-color: #10562D; }
  div.insurance-message.info::after {
    content: "";
    color: #10562D; }
  div.insurance-message.info h5 {
    color: #10562D; }
  div.insurance-message.error::before {
    background-color: #D63900; }
  div.insurance-message.error::after {
    content: "";
    color: #D63900; }
  div.insurance-message.error h5 {
    color: #D63900; }
  div.insurance-message.slim {
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px; }
    div.insurance-message.slim::after {
      top: 16px; }
    div.insurance-message.slim p {
      max-width: 100%; }

/**
 * Pill List
 */
div.container.pill-list div.wrapper {
  justify-content: center; }
  div.container.pill-list div.wrapper div.item div.actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

/**
 * Testimonial Carousel
 */
div.testimonial-carousel {
  margin: 64px 32px; }
  @media all and (max-width: 768px) {
    div.testimonial-carousel {
      margin: 32px 16px; } }
  div.testimonial-carousel div.wrapper {
    position: relative;
    max-width: 840px;
    margin: 0 auto; }
  div.testimonial-carousel blockquote {
    position: relative;
    padding-left: 0;
    border-left: none;
    min-height: 72px;
    width: calc(100% - 128px);
    margin: 0 auto; }
    div.testimonial-carousel blockquote::before, div.testimonial-carousel blockquote::after {
      content: '';
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      background: transparent url("") no-repeat center center;
      background-size: contain;
      pointer-events: none; }
    div.testimonial-carousel blockquote::before {
      top: 0;
      left: -8px;
      background-image: url("../images/quote-open.svg");
      transform: translateX(-100%); }
    div.testimonial-carousel blockquote::after {
      bottom: 0;
      right: 8px;
      background-image: url("../images/quote-close.svg");
      transform: translateX(100%); }
    div.testimonial-carousel blockquote + footer {
      display: block;
      width: calc(100% - 128px);
      margin: 0 auto; }
      div.testimonial-carousel blockquote + footer cite.author {
        font-family: "Moderat Bold", "Helvetica", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #C8102E; }
  div.testimonial-carousel div.controls {
    position: absolute;
    z-index: 10;
    top: 72px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none; }
    div.testimonial-carousel div.controls span.previous,
    div.testimonial-carousel div.controls span.next {
      width: 32px;
      height: 32px;
      line-height: 32px;
      pointer-events: all;
      cursor: pointer;
      text-align: center; }
      div.testimonial-carousel div.controls span.previous:hover::after,
      div.testimonial-carousel div.controls span.next:hover::after {
        color: #C8102E; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

/**
 * Video Gallery - YouTube Shorts
 */
div.container.video-gallery-youtube-shorts {
  max-width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: transparent url("../images/bg-video-gallery-youtube-shorts.svg") no-repeat center center;
  background-size: contain; }
  div.container.video-gallery-youtube-shorts > div.wrapper {
    margin-right: auto;
    margin-left: auto; }
  div.container.video-gallery-youtube-shorts h2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 768px;
    text-align: center; }
  div.container.video-gallery-youtube-shorts div.wrapper {
    flex-wrap: wrap;
    justify-content: center; }
    div.container.video-gallery-youtube-shorts div.wrapper div.item {
      flex: 0 1 375px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      div.container.video-gallery-youtube-shorts div.wrapper div.item .video {
        position: relative;
        margin: 52px auto;
        width: 315px;
        height: 560px;
        background-color: black;
        border-radius: 40px;
        box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111; }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video:before, div.container.video-gallery-youtube-shorts div.wrapper div.item .video:after {
          content: '';
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video:before {
          top: 0px;
          width: 56%;
          height: 30px;
          background-color: #1f1f1f;
          border-radius: 0px 0px 40px 40px; }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video div.speaker,
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video div.camera,
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video span {
          position: absolute;
          display: block;
          color: transparent; }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video div.speaker {
          top: 0px;
          left: 50%;
          transform: translate(-50%, 6px);
          height: 8px;
          width: 15%;
          background-color: #101010;
          border-radius: 8px;
          box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2); }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video div.camera {
          left: 10%;
          top: 0px;
          transform: translate(180px, 4px);
          width: 12px;
          height: 12px;
          background-color: #101010;
          border-radius: 12px;
          box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2); }
          div.container.video-gallery-youtube-shorts div.wrapper div.item .video div.camera:after {
            content: '';
            position: absolute;
            background-color: black;
            width: 6px;
            height: 6px;
            top: 2px;
            left: 2px;
            top: 3px;
            left: 3px;
            display: block;
            border-radius: 4px;
            box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5); }
        div.container.video-gallery-youtube-shorts div.wrapper div.item .video iframe {
          border-radius: 40px; }
      div.container.video-gallery-youtube-shorts div.wrapper div.item div.text {
        max-width: 320px;
        margin-right: auto;
        margin-left: auto;
        text-align: center; }
        div.container.video-gallery-youtube-shorts div.wrapper div.item div.text img {
          max-width: 100px;
          margin-bottom: 1rem; }
        div.container.video-gallery-youtube-shorts div.wrapper div.item div.text h3 {
          color: #333333; }
      div.container.video-gallery-youtube-shorts div.wrapper div.item:nth-child(even) div.video {
        order: 2; }
      div.container.video-gallery-youtube-shorts div.wrapper div.item:nth-child(even) div.text {
        order: 1; }

/**
 * Table 3col
 */
div.container.table-3-col h2 {
  text-align: center; }
div.container.table-3-col header,
div.container.table-3-col div.row {
  display: flex; }
  div.container.table-3-col header img,
  div.container.table-3-col div.row img {
    max-width: 40px;
    margin-right: 10px; }
  div.container.table-3-col header h3, div.container.table-3-col header h4,
  div.container.table-3-col div.row h3,
  div.container.table-3-col div.row h4 {
    color: #333333; }
  div.container.table-3-col header div[class^="col-"],
  div.container.table-3-col div.row div[class^="col-"] {
    position: relative;
    flex: 0 1 calc(33.333333333% - 16px);
    margin: 0 8px;
    padding: 16px;
    background-color: #F7F8F9;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
    @media all and (max-width: 768px) {
      div.container.table-3-col header div[class^="col-"],
      div.container.table-3-col div.row div[class^="col-"] {
        flex: 0 1 calc(50% - 16px); } }
div.container.table-3-col header h3 {
  margin-bottom: 0; }
div.container.table-3-col header div[class^="col-"] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 8px; }
div.container.table-3-col div.row div[class^="col-"]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #ffffff; }
  @media all and (max-width: 768px) {
    div.container.table-3-col div.row div[class^="col-"]::after {
      left: 8px;
      width: calc(100% - 16px); } }
div.container.table-3-col div.row:first-of-type div[class^="col-"] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
div.container.table-3-col div.row:last-of-type div[class^="col-"] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  div.container.table-3-col div.row:last-of-type div[class^="col-"]::after {
    display: none; }
div.container.table-3-col div.desktop {
  display: block; }
div.container.table-3-col div.mobile {
  display: none; }
@media all and (max-width: 768px) {
  div.container.table-3-col header,
  div.container.table-3-col div.row {
    display: flex; }
    div.container.table-3-col header h3, div.container.table-3-col header h4, div.container.table-3-col header p,
    div.container.table-3-col div.row h3,
    div.container.table-3-col div.row h4,
    div.container.table-3-col div.row p {
      font-size: 14px;
      line-height: 20px; }
    div.container.table-3-col header div[class^="col-"],
    div.container.table-3-col div.row div[class^="col-"] {
      flex: 0 1 calc(50% - 8px);
      margin: 8px 4px; }
  div.container.table-3-col div.desktop {
    display: none; }
  div.container.table-3-col div.mobile {
    display: block; }
    div.container.table-3-col div.mobile.cols-1-2 .col-3 {
      display: none; }
    div.container.table-3-col div.mobile.cols-1-3 .col-2 {
      display: none; } }

/**
 * Insurance Product Banner
 */
div.insurance-offset-image {
  position: relative;
  padding-top: 18px;
  padding-bottom: 40px; }
  div.insurance-offset-image img {
    display: block;
    max-width: 350px;
    height: auto;
    margin: 48px auto 32px auto; }
  div.insurance-offset-image h1,
  div.insurance-offset-image p {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 768px;
    text-align: center; }
  div.insurance-offset-image h3 {
    color: #333333; }
  div.insurance-offset-image:before {
    content: '';
    background-color: rgba(110, 206, 178, 0.2);
    width: 100%;
    height: 66%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }

/*# sourceMappingURL=style.css.map */