@charset "UTF-8";
@layer defaults, theme-defaults;
@font-face {
  font-family: "[Storbie] Arimo";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Arimo/Arimo-VariableFont_wght.woff2") format("woff2"), url("/fonts/Arimo/Arimo-VariableFont_wght.ttf") format("truetype");
  size-adjust: 105%;
}
@font-face {
  font-family: "[Local] Arimo";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Arimo"), local("Arimo Regular", local("Arimo-Regular"));
  size-adjust: 105%;
}
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Arimo/Arimo-VariableFont_wght.woff2") format("woff2"), url("/fonts/Arimo/Arimo-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Arimo";
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Arimo/Arimo-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Arimo/Arimo-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 105%;
}
@font-face {
  font-family: "[Local] Arimo";
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Arimo"), local("Arimo Regular", local("Arimo-Regular"));
  size-adjust: 105%;
}
@font-face {
  font-family: "Arimo";
  font-style: italic;
  font-weight: 400;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Arimo/Arimo-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Arimo/Arimo-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Asap";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Asap/Asap-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Asap/Asap-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 106%;
}
@font-face {
  font-family: "[Local] Asap";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Asap"), local("Asap Regular", local("Asap-Regular"));
  size-adjust: 106%;
}
@font-face {
  font-family: "Asap";
  font-style: normal;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Asap/Asap-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Asap/Asap-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Asap";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 106%;
}
@font-face {
  font-family: "[Local] Asap";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Asap"), local("Asap Regular", local("Asap-Regular"));
  size-adjust: 106%;
}
@font-face {
  font-family: "Asap";
  font-style: italic;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Asap/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Cabin";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cabin/Cabin-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Cabin/Cabin-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 104%;
}
@font-face {
  font-family: "[Local] Cabin";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Cabin"), local("Cabin Regular", local("Cabin-Regular"));
  size-adjust: 104%;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cabin/Cabin-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Cabin/Cabin-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Cabin";
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cabin/Cabin-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Cabin/Cabin-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 104%;
}
@font-face {
  font-family: "[Local] Cabin";
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Cabin"), local("Cabin Regular", local("Cabin-Regular"));
  size-adjust: 104%;
}
@font-face {
  font-family: "Cabin";
  font-style: italic;
  font-weight: 400;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cabin/Cabin-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Cabin/Cabin-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Crimson Pro";
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crimson-Pro/CrimsonPro-VariableFont_wght.woff2") format("woff2"), url("/fonts/Crimson-Pro/CrimsonPro-VariableFont_wght.ttf") format("truetype");
  size-adjust: 115%;
}
@font-face {
  font-family: "[Local] Crimson Pro";
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Crimson Pro"), local("Crimson Pro Regular", local("Crimson-Pro-Regular"));
  size-adjust: 115%;
}
@font-face {
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 400;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crimson-Pro/CrimsonPro-VariableFont_wght.woff2") format("woff2"), url("/fonts/Crimson-Pro/CrimsonPro-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Crimson Pro";
  font-style: italic;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crimson-Pro/CrimsonPro-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Crimson-Pro/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 115%;
}
@font-face {
  font-family: "[Local] Crimson Pro";
  font-style: italic;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Crimson Pro"), local("Crimson Pro Regular", local("Crimson-Pro-Regular"));
  size-adjust: 115%;
}
@font-face {
  font-family: "Crimson Pro";
  font-style: italic;
  font-weight: 400;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crimson-Pro/CrimsonPro-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Crimson-Pro/CrimsonPro-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Dosis";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Dosis/Dosis-VariableFont_wght.woff2") format("woff2"), url("/fonts/Dosis/Dosis-VariableFont_wght.ttf") format("truetype");
  size-adjust: 114%;
}
@font-face {
  font-family: "[Local] Dosis";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Dosis"), local("Dosis Regular", local("Dosis-Regular"));
  size-adjust: 114%;
}
@font-face {
  font-family: "Dosis";
  font-style: normal;
  font-weight: 400;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Dosis/Dosis-VariableFont_wght.woff2") format("woff2"), url("/fonts/Dosis/Dosis-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montserrat/Montserrat-VariableFont_wght.woff2") format("woff2"), url("/fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
  size-adjust: 93%;
}
@font-face {
  font-family: "[Local] Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat Regular", local("Montserrat-Regular"));
  size-adjust: 93%;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montserrat/Montserrat-VariableFont_wght.woff2") format("woff2"), url("/fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 93%;
}
@font-face {
  font-family: "[Local] Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Montserrat"), local("Montserrat Regular", local("Montserrat-Regular"));
  size-adjust: 93%;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 99%;
}
@font-face {
  font-family: "[Local] Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans Regular", local("Noto-Sans-Regular"));
  size-adjust: 99%;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 99%;
}
@font-face {
  font-family: "[Local] Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Noto Sans"), local("Noto Sans Regular", local("Noto-Sans-Regular"));
  size-adjust: 99%;
}
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito/Nunito-VariableFont_wght.woff2") format("woff2"), url("/fonts/Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
  size-adjust: 104.3%;
}
@font-face {
  font-family: "[Local] Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: local("Nunito"), local("Nunito Regular", local("Nunito-Regular"));
  size-adjust: 104.3%;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito/Nunito-VariableFont_wght.woff2") format("woff2"), url("/fonts/Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Nunito";
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito/Nunito-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Nunito/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 104.3%;
}
@font-face {
  font-family: "[Local] Nunito";
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: local("Nunito"), local("Nunito Regular", local("Nunito-Regular"));
  size-adjust: 104.3%;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito/Nunito-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Nunito/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Nunito Sans";
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito-Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff2") format("woff2"), url("/fonts/Nunito-Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  size-adjust: 104.3%;
}
@font-face {
  font-family: "[Local] Nunito Sans";
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: local("Nunito Sans"), local("Nunito Sans Regular", local("Nunito-Sans-Regular"));
  size-adjust: 104.3%;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito-Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff2") format("woff2"), url("/fonts/Nunito-Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Nunito Sans";
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito-Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff2") format("woff2"), url("/fonts/Nunito-Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  size-adjust: 104.3%;
}
@font-face {
  font-family: "[Local] Nunito Sans";
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: local("Nunito Sans"), local("Nunito Sans Regular", local("Nunito-Sans-Regular"));
  size-adjust: 104.3%;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Nunito-Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff2") format("woff2"), url("/fonts/Nunito-Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Open-Sans/OpenSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Open-Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Open Sans"), local("Open Sans Regular", local("Open-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Open-Sans/OpenSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Open-Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Open-Sans/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Open-Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Open Sans"), local("Open Sans Regular", local("Open-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Open-Sans/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Open-Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu Sans";
  font-style: normal;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu-Sans/UbuntuSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Ubuntu-Sans/UbuntuSans-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 104%;
}
@font-face {
  font-family: "[Local] Ubuntu Sans";
  font-style: normal;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu Sans"), local("Ubuntu Sans Regular", local("Ubuntu-Sans-Regular"));
  size-adjust: 104%;
}
@font-face {
  font-family: "Ubuntu Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu-Sans/UbuntuSans-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Ubuntu-Sans/UbuntuSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu Sans";
  font-style: italic;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu-Sans/UbuntuSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Ubuntu-Sans/UbuntuSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  size-adjust: 104%;
}
@font-face {
  font-family: "[Local] Ubuntu Sans";
  font-style: italic;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu Sans"), local("Ubuntu Sans Regular", local("Ubuntu-Sans-Regular"));
  size-adjust: 104%;
}
@font-face {
  font-family: "Ubuntu Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 100 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu-Sans/UbuntuSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"), url("/fonts/Ubuntu-Sans/UbuntuSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Urbanist/Urbanist-VariableFont_wght.woff2") format("woff2"), url("/fonts/Urbanist/Urbanist-VariableFont_wght.ttf") format("truetype");
  size-adjust: 107%;
}
@font-face {
  font-family: "[Local] Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Urbanist"), local("Urbanist Regular", local("Urbanist-Regular"));
  size-adjust: 107%;
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Urbanist/Urbanist-VariableFont_wght.woff2") format("woff2"), url("/fonts/Urbanist/Urbanist-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Urbanist";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 107%;
}
@font-face {
  font-family: "[Local] Urbanist";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Urbanist"), local("Urbanist Regular", local("Urbanist-Regular"));
  size-adjust: 107%;
}
@font-face {
  font-family: "Urbanist";
  font-style: italic;
  font-weight: 400;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Cardo";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Bold.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Bold.ttf") format("truetype");
  size-adjust: 113%;
}
@font-face {
  font-family: "[Local] Cardo";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Cardo"), local("Cardo Regular", local("Cardo-Regular"));
  size-adjust: 113%;
}
@font-face {
  font-family: "Cardo";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Bold.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Cardo";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Italic.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Italic.ttf") format("truetype");
  size-adjust: 113%;
}
@font-face {
  font-family: "[Local] Cardo";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Cardo"), local("Cardo Regular", local("Cardo-Regular"));
  size-adjust: 113%;
}
@font-face {
  font-family: "Cardo";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Italic.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Cardo";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Regular.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Regular.ttf") format("truetype");
  size-adjust: 113%;
}
@font-face {
  font-family: "[Local] Cardo";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Cardo"), local("Cardo Regular", local("Cardo-Regular"));
  size-adjust: 113%;
}
@font-face {
  font-family: "Cardo";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Cardo/Cardo-Regular.woff2") format("woff2"), url("/fonts/Cardo/Cardo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Black.woff2") format("woff2"), url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Black.woff2") format("woff2"), url("/fonts/Lato/Lato-Black.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-BlackItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-BlackItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Bold.woff2") format("woff2"), url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Bold.woff2") format("woff2"), url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-BoldItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-BoldItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Italic.woff2") format("woff2"), url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Italic.woff2") format("woff2"), url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Light.woff2") format("woff2"), url("/fonts/Lato/Lato-Light.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Light.woff2") format("woff2"), url("/fonts/Lato/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-LightItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-LightItalic.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-LightItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Regular.woff2") format("woff2"), url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Regular.woff2") format("woff2"), url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Thin.woff2") format("woff2"), url("/fonts/Lato/Lato-Thin.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-Thin.woff2") format("woff2"), url("/fonts/Lato/Lato-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Lato";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-ThinItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-ThinItalic.ttf") format("truetype");
  size-adjust: 108%;
}
@font-face {
  font-family: "[Local] Lato";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Lato"), local("Lato Regular", local("Lato-Regular"));
  size-adjust: 108%;
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Lato/Lato-ThinItalic.woff2") format("woff2"), url("/fonts/Lato/Lato-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Bold.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Bold.ttf") format("truetype");
  size-adjust: 93%;
}
@font-face {
  font-family: "[Local] Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Libre Baskerville"), local("Libre Baskerville Regular", local("Libre-Baskerville-Regular"));
  size-adjust: 93%;
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Bold.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Libre Baskerville";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Italic.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Italic.ttf") format("truetype");
  size-adjust: 93%;
}
@font-face {
  font-family: "[Local] Libre Baskerville";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Libre Baskerville"), local("Libre Baskerville Regular", local("Libre-Baskerville-Regular"));
  size-adjust: 93%;
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Italic.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Regular.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Regular.ttf") format("truetype");
  size-adjust: 93%;
}
@font-face {
  font-family: "[Local] Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Libre Baskerville"), local("Libre Baskerville Regular", local("Libre-Baskerville-Regular"));
  size-adjust: 93%;
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Libre-Baskerville/LibreBaskerville-Regular.woff2") format("woff2"), url("/fonts/Libre-Baskerville/LibreBaskerville-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Bold.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Bold.ttf") format("truetype");
  size-adjust: 109%;
}
@font-face {
  font-family: "[Local] Quattrocento Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento Sans"), local("Quattrocento Sans Regular", local("Quattrocento-Sans-Regular"));
  size-adjust: 109%;
}
@font-face {
  font-family: "Quattrocento Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Bold.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-BoldItalic.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-BoldItalic.ttf") format("truetype");
  size-adjust: 109%;
}
@font-face {
  font-family: "[Local] Quattrocento Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento Sans"), local("Quattrocento Sans Regular", local("Quattrocento-Sans-Regular"));
  size-adjust: 109%;
}
@font-face {
  font-family: "Quattrocento Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-BoldItalic.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Italic.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Italic.ttf") format("truetype");
  size-adjust: 109%;
}
@font-face {
  font-family: "[Local] Quattrocento Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento Sans"), local("Quattrocento Sans Regular", local("Quattrocento-Sans-Regular"));
  size-adjust: 109%;
}
@font-face {
  font-family: "Quattrocento Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Italic.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Regular.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Regular.ttf") format("truetype");
  size-adjust: 109%;
}
@font-face {
  font-family: "[Local] Quattrocento Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento Sans"), local("Quattrocento Sans Regular", local("Quattrocento-Sans-Regular"));
  size-adjust: 109%;
}
@font-face {
  font-family: "Quattrocento Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento-Sans/QuattrocentoSans-Regular.woff2") format("woff2"), url("/fonts/Quattrocento-Sans/QuattrocentoSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Shadows Into Light";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Shadows-Into-Light/ShadowsIntoLight-Regular.woff2") format("woff2"), url("/fonts/Shadows-Into-Light/ShadowsIntoLight-Regular.ttf") format("truetype");
  size-adjust: 126%;
}
@font-face {
  font-family: "[Local] Shadows Into Light";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Shadows Into Light"), local("Shadows Into Light Regular", local("Shadows-Into-Light-Regular"));
  size-adjust: 126%;
}
@font-face {
  font-family: "Shadows Into Light";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Shadows-Into-Light/ShadowsIntoLight-Regular.woff2") format("woff2"), url("/fonts/Shadows-Into-Light/ShadowsIntoLight-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Bold.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Bold.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-BoldItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-BoldItalic.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-BoldItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Italic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Italic.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Italic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Light.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Light.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-LightItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-LightItalic.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-LightItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Medium.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Medium.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Medium.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-MediumItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-MediumItalic.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-MediumItalic.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Regular.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype");
  size-adjust: 103%;
}
@font-face {
  font-family: "[Local] Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Ubuntu"), local("Ubuntu Regular", local("Ubuntu-Regular"));
  size-adjust: 103%;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Ubuntu/Ubuntu-Regular.woff2") format("woff2"), url("/fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Fredoka One";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Fredoka-One/FredokaOne-Regular.woff2") format("woff2"), url("/fonts/Fredoka-One/FredokaOne-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Fredoka One";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Fredoka One"), local("Fredoka One Regular", local("Fredoka-One-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Fredoka One";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Fredoka-One/FredokaOne-Regular.woff2") format("woff2"), url("/fonts/Fredoka-One/FredokaOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Bold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Bold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Bold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-SemiBold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-SemiBold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-SemiBold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Medium.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Medium.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Medium.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Regular.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Regular.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-VariableFont_wght.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-VariableFont_wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-VariableFont_wght.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] ABeeZee";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ABeeZee/ABeeZee-Regular.woff2") format("woff2"), url("/fonts/ABeeZee/ABeeZee-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] ABeeZee";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("ABeeZee"), local("ABeeZee Regular", local("ABeeZee-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "ABeeZee";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ABeeZee/ABeeZee-Regular.woff2") format("woff2"), url("/fonts/ABeeZee/ABeeZee-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] ABeeZee";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ABeeZee/ABeeZee-Italic.woff2") format("woff2"), url("/fonts/ABeeZee/ABeeZee-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] ABeeZee";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("ABeeZee"), local("ABeeZee Regular", local("ABeeZee-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "ABeeZee";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ABeeZee/ABeeZee-Italic.woff2") format("woff2"), url("/fonts/ABeeZee/ABeeZee-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Medium.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Medium.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Medium.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ThinItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ThinItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ThinItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Bold.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Bold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Bold.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Italic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Italic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Thin.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Thin.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Thin.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Regular.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Regular.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-SemiBold.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-SemiBold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-SemiBold.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-LightItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-LightItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-LightItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-MediumItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-MediumItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-MediumItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ExtraLight.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ExtraLight.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ExtraLight.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-SemiBoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-BoldItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-BoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-BoldItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Light.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Light.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Light.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ExtraLightItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ExtraLightItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-ExtraLightItalic.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-VariableFont_wght.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-VariableFont_wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-VariableFont_wght.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Italic-VariableFont_wght.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Josefin Sans"), local("Josefin Sans Regular", local("Josefin-Sans-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Josefin-Sans/JosefinSans-Italic-VariableFont_wght.woff2") format("woff2"), url("/fonts/Josefin-Sans/JosefinSans-Italic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-BlackItalic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-BlackItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: italic;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-BlackItalic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Black.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Black.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: normal;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Black.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Black.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-BoldItalic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-BoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-BoldItalic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Italic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Italic.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Bold.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Bold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Bold.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Overlock";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Regular.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Overlock";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Overlock"), local("Overlock Regular", local("Overlock-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Overlock";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Overlock/Overlock-Regular.woff2") format("woff2"), url("/fonts/Overlock/Overlock-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Simonetta";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Black.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Black.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Simonetta";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Simonetta"), local("Simonetta Regular", local("Simonetta-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Simonetta";
  font-style: normal;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Black.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Black.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Simonetta";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Italic.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Simonetta";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Simonetta"), local("Simonetta Regular", local("Simonetta-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Simonetta";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Italic.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Simonetta";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Regular.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Simonetta";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Simonetta"), local("Simonetta Regular", local("Simonetta-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Simonetta";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-Regular.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Simonetta";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-BlackItalic.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-BlackItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Simonetta";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Simonetta"), local("Simonetta Regular", local("Simonetta-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Simonetta";
  font-style: italic;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Simonetta/Simonetta-BlackItalic.woff2") format("woff2"), url("/fonts/Simonetta/Simonetta-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Crete Round";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crete-Round/CreteRound-Italic.woff2") format("woff2"), url("/fonts/Crete-Round/CreteRound-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Crete Round";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Crete Round"), local("Crete Round Regular", local("Crete-Round-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Crete Round";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crete-Round/CreteRound-Italic.woff2") format("woff2"), url("/fonts/Crete-Round/CreteRound-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Crete Round";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crete-Round/CreteRound-Regular.woff2") format("woff2"), url("/fonts/Crete-Round/CreteRound-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Crete Round";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Crete Round"), local("Crete Round Regular", local("Crete-Round-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Crete Round";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Crete-Round/CreteRound-Regular.woff2") format("woff2"), url("/fonts/Crete-Round/CreteRound-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Fugaz One";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Fugaz-One/FugazOne-Regular.woff2") format("woff2"), url("/fonts/Fugaz-One/FugazOne-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Fugaz One";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Fugaz One"), local("Fugaz One Regular", local("Fugaz-One-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Fugaz One";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Fugaz-One/FugazOne-Regular.woff2") format("woff2"), url("/fonts/Fugaz-One/FugazOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Montez";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montez/Montez-Regular.woff2") format("woff2"), url("/fonts/Montez/Montez-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Montez";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Montez"), local("Montez Regular", local("Montez-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Montez";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Montez/Montez-Regular.woff2") format("woff2"), url("/fonts/Montez/Montez-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Sorts Mill Goudy";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Regular.woff2") format("woff2"), url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Sorts Mill Goudy";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Sorts Mill Goudy"), local("Sorts Mill Goudy Regular", local("Sorts-Mill-Goudy-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Sorts Mill Goudy";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Regular.woff2") format("woff2"), url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Sorts Mill Goudy";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Italic.woff2") format("woff2"), url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Sorts Mill Goudy";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Sorts Mill Goudy"), local("Sorts Mill Goudy Regular", local("Sorts-Mill-Goudy-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Sorts Mill Goudy";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Italic.woff2") format("woff2"), url("/fonts/Sorts-Mill-Goudy/SortsMillGoudy-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Marck Script";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Marck-Script/MarckScript-Regular.woff2") format("woff2"), url("/fonts/Marck-Script/MarckScript-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Marck Script";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Marck Script"), local("Marck Script Regular", local("Marck-Script-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Marck Script";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Marck-Script/MarckScript-Regular.woff2") format("woff2"), url("/fonts/Marck-Script/MarckScript-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Varela Round";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Varela-Round/VarelaRound-Regular.woff2") format("woff2"), url("/fonts/Varela-Round/VarelaRound-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Varela Round";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Varela Round"), local("Varela Round Regular", local("Varela-Round-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Varela Round";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Varela-Round/VarelaRound-Regular.woff2") format("woff2"), url("/fonts/Varela-Round/VarelaRound-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento/Quattrocento-Bold.woff2") format("woff2"), url("/fonts/Quattrocento/Quattrocento-Bold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Quattrocento";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento"), local("Quattrocento Regular", local("Quattrocento-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Quattrocento";
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento/Quattrocento-Bold.woff2") format("woff2"), url("/fonts/Quattrocento/Quattrocento-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Quattrocento";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento/Quattrocento-Regular.woff2") format("woff2"), url("/fonts/Quattrocento/Quattrocento-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Quattrocento";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Quattrocento"), local("Quattrocento Regular", local("Quattrocento-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Quattrocento";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Quattrocento/Quattrocento-Regular.woff2") format("woff2"), url("/fonts/Quattrocento/Quattrocento-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Chelsea Market";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Chelsea-Market/ChelseaMarket-Regular.woff2") format("woff2"), url("/fonts/Chelsea-Market/ChelseaMarket-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Chelsea Market";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Chelsea Market"), local("Chelsea Market Regular", local("Chelsea-Market-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Chelsea Market";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Chelsea-Market/ChelseaMarket-Regular.woff2") format("woff2"), url("/fonts/Chelsea-Market/ChelseaMarket-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Special Elite";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Special-Elite/SpecialElite-Regular.woff2") format("woff2"), url("/fonts/Special-Elite/SpecialElite-Regular.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Special Elite";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Special Elite"), local("Special Elite Regular", local("Special-Elite-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Special Elite";
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Special-Elite/SpecialElite-Regular.woff2") format("woff2"), url("/fonts/Special-Elite/SpecialElite-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Black.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Black.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Black.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Black.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ThinItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ThinItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ThinItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraBold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraBold.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraBold.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-MediumItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-MediumItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-MediumItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-BlackItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-BlackItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-BlackItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-BoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-BoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-BoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraBoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-SemiBoldItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Thin.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Thin.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Thin.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Italic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Italic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Italic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-LightItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-LightItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-LightItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraLight.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraLight.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraLight.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Light.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Light.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: normal;
  font-weight: 400;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-Light.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-Light.ttf") format("truetype");
}
@font-face {
  font-family: "[Storbie] Rokkitt";
  font-style: italic;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraLightItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraLightItalic.ttf") format("truetype");
  size-adjust: 100%;
}
@font-face {
  font-family: "[Local] Rokkitt";
  font-style: italic;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: local("Rokkitt"), local("Rokkitt Regular", local("Rokkitt-Regular"));
  size-adjust: 100%;
}
@font-face {
  font-family: "Rokkitt";
  font-style: italic;
  font-weight: 400;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/Rokkitt/Rokkitt-ExtraLightItalic.woff2") format("woff2"), url("/fonts/Rokkitt/Rokkitt-ExtraLightItalic.ttf") format("truetype");
}
.gallery2 .item-inline-edit-button, #checkoutPage .button-small, #checkoutPage.page-payment-incomplete .payment-incomplete-option .button, #checkoutPage #checkout .order-button-section button, #checkoutPage .checkout-layout .button-small, #checkoutPage .checkout-layout .button, .waitingPage #content a.button, .message-block .message-text a.message-button, .pop-up a.button-small, .pop-up a.button, #checkoutPage .cartCodes .field .applyVoucherCouponButton,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton, .cart .checkoutButton, .message-page .button {
  white-space: nowrap;
  text-decoration: none;
  padding: 0 1em;
  border: none;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
  vertical-align: middle;
}
.gallery2 .item-inline-edit-button .verb, #checkoutPage .button-small .verb, #checkoutPage.page-payment-incomplete .payment-incomplete-option .button .verb, #checkoutPage #checkout .order-button-section button .verb, #checkoutPage .checkout-layout .button .verb, .waitingPage #content a.button .verb, .message-block .message-text a.message-button .verb, .pop-up a.button-small .verb, .pop-up a.button .verb, #checkoutPage .cartCodes .field .applyVoucherCouponButton .verb,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton .verb, .cart .checkoutButton .verb, .message-page .button .verb {
  font-weight: 400;
  font-style: italic;
}
.gallery2 .item-inline-edit-button em, #checkoutPage .button-small em, #checkoutPage.page-payment-incomplete .payment-incomplete-option .button em, #checkoutPage #checkout .order-button-section button em, #checkoutPage .checkout-layout .button-small em, #checkoutPage .checkout-layout .button em, .waitingPage #content a.button em, .message-block .message-text a.message-button em, .pop-up a.button-small em, .pop-up a.button em, #checkoutPage .cartCodes .field .applyVoucherCouponButton em,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton em, .cart .checkoutButton em, .message-page .button em {
  font-weight: normal;
}

.content-store-finder .location-summary .store-name h3 {
  color: var(--primary-color);
  line-height: 1.2;
  margin: 0 0 0.25em;
}

.ab-group-location button.change-location-button {
  border: none;
  padding: 0;
  margin: 0;
  display: inline;
  outline: none;
  box-shadow: none;
  line-height: inherit;
  background: none;
}
.ab-group-location button.change-location-button:hover {
  cursor: pointer;
}

.store-location-details .delivery-methods, .store-finder.location-selector .product-availability, .content-store-finder .location-summary .product-availability {
  color: var(--primary-color);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: -1em;
}
.store-location-details .delivery-methods > div, .store-finder.location-selector .product-availability > div, .content-store-finder .location-summary .product-availability > div {
  display: inline-flex;
  margin-right: 1em;
  margin: 0.5em 1em 0 0;
  text-transform: uppercase;
}
.store-location-details .delivery-methods > div .se-icon, .store-finder.location-selector .product-availability > div .se-icon, .content-store-finder .location-summary .product-availability > div .se-icon {
  transform: scale(1.7);
  margin-right: 0.25em;
}
.store-location-details .delivery-methods > div.out-of-stock, .store-finder.location-selector .product-availability > div.out-of-stock, .content-store-finder .location-summary .product-availability > div.out-of-stock {
  color: #CF290C;
}
.store-location-details .delivery-methods > div.cart-warning, .store-finder.location-selector .product-availability > div.cart-warning, .content-store-finder .location-summary .product-availability > div.cart-warning {
  padding: 0.2em 0.5em;
  background-color: #FFF4F4;
  color: #CF290C;
  border-radius: 3px;
}
.store-location-details .delivery-methods > div.cart-warning .se-icon, .store-finder.location-selector .product-availability > div.cart-warning .se-icon, .content-store-finder .location-summary .product-availability > div.cart-warning .se-icon {
  transform: scale(1.2);
}
.store-location-details .delivery-methods > div.break, .store-finder.location-selector .product-availability > div.break, .content-store-finder .location-summary .product-availability > div.break {
  flex-basis: 100%;
  width: 0;
  margin: 0;
  padding: 0;
}

.s2-management-style-guide section.buttons .management-plain-button, .s2-management-style-guide section.buttons .management-secondary-button, .s2-management-style-guide section.buttons .management-primary-button, .dialog-2 .footer button.close-button, .dialog-2 .footer input[type=submit],
.dialog-2 .footer button:not(.close-button), #agreeTerms.legal .agree-terms {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
}
.s2-management-style-guide section.buttons .management-plain-button:disabled, .s2-management-style-guide section.buttons .management-secondary-button:disabled, .s2-management-style-guide section.buttons .management-primary-button:disabled, .dialog-2 .footer button.close-button:disabled, .dialog-2 .footer input[type=submit]:disabled,
.dialog-2 .footer button:disabled:not(.close-button), #agreeTerms.legal .agree-terms:disabled {
  color: #8c8c8c !important;
  border-color: #f1f1f1 !important;
  background-color: #f1f1f1 !important;
}
.s2-management-style-guide section.buttons .management-plain-button, .s2-management-style-guide section.buttons .management-secondary-button, .s2-management-style-guide section.buttons .management-primary-button, .dialog-2 .footer button.close-button, .dialog-2 .footer input[type=submit],
.dialog-2 .footer button:not(.close-button), #agreeTerms.legal .agree-terms {
  line-height: 1.1875;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  background: none;
  white-space: normal;
  border: none;
  height: auto;
  vertical-align: baseline;
  box-shadow: none;
}

:root {
  --grey-tint-light: #f9f9f9;
  --grey-tint: #f1f1f1;
  --grey-light: #c4c4c4;
  --grey-mid: #8c8c8c;
  --grey-dark: #666666;
  --grey-very-dark: #333333;
  --error-primary: #CF290C;
  --body-text-color: #464646;
}

.designStyleManage,
.manage-themed {
  /*
     --grey-light: #c4c4c4;    
      --grey-mid: #8c8c8c;    
      --grey-very-dark: #333333;
      --grey-dark: #666666;
      --error-primary: #CF290C;
  */
  --body-text-color: #1d4a5b;
  --primary-color: #17aacc;
  --primary-color-shade: #0089a7;
  --primary-color-tint: rgb(231.8, 246.5, 249.9);
  --primary-color-rollover: rgb(12.9587004405, 196.9788223769, 239.5412995595);
  --primary-color-shade-rollover: rgb(0, 157.9191616766, 192.5);
  --primary-color-solid-tint: #e9f5f9;
  --primary-color-transparent-tint: rgba(23, 170, 204, 0.1);
  --primary-color-transparent-tint-on-dark: rgba(233, 245, 249, 0.8);
  --link-color-default: #17aacc;
  --link-color-default-rollover: #65d3f0;
  --fontsize-h1: 2.1875rem;
  --fontsize-h2: 1.875rem;
  --fontsize-h3: 1.5rem;
  --fontsize-h4: 1.25rem;
  --fontsize-h5: 0.6875rem;
  --fontsize-h2-large: 2.1875rem;
  --fontsize-h3-large: 1.875rem;
  --fontsize-xxlarge: 1.875rem;
  --fontsize-xlarge: 1.5rem;
  --fontsize-large: 1.125rem;
  --fontsize: 0.875rem;
  --fontsize-small: 0.75rem;
  --fontsize-xsmall: 0.625rem;
  --heading-default-weight: 600;
  --heading-regular-weight: 600;
  --heading-semibold-weight: 600;
  --heading-bold-weight: 600;
  --heading-line-height: 1.2;
  --heading-font-stack: [Storbie] Noto Sans, Noto Sans, Lato, sans-serif;
  --heading-default-color: #464646;
  --body-default-weight: 400;
  --body-regular-weight: 400;
  --body-light-weight: 300;
  --body-semibold-weight: 500;
  --body-bold-weight: 600;
  --body-font-stack: [Storbie] Noto Sans, Noto Sans, Lato, sans-serif;
  --body-line-height: 1.2;
}

:root {
  --button-color: var(--primary-color);
  --tag-text-color: #fff;
  --tag-background-color: var(--grey-mid);
  --tag-background-color-some-on: var(--grey-dark);
  --tag-background-color-on: var(--grey-very-dark);
  --tag-background-color-hover: color-mix(in srgb, var(--grey-dark) 80%, white 20%);
  --tag-font-size: 0.7rem;
  --theme-error-color: var(--error-primary);
  --label-text-transform: uppercase;
  --label-font-size: 0.7rem;
  --label-font-weight: 400;
  --label-color: var(--grey-dark);
  /* Form controls - general */
  --form-control-bg: #fff;
  --form-control-border: 1px solid #c1c1c1;
  --form-control-text: var(--body-text-color);
  --form-control-radius: 0;
  --form-control-padding: 0.3em 0.5em;
  --form-control-focus-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
  --form-control-max-width: 100%;
  --form-control-box-sizing: border-box;
  --form-control-width: revert;
  --form-control-font-size: 1em;
  --form-control-bg-invalid: #fee;
  --form-field-top-margin: 0.5em;
  --form-field-bottom-margin: 0.75em;
  --form-top-label-bottom-margin: 0.75em;
  --form-label-text-transform: var(--label-text-transform);
  --form-label-font-size: var(--label-font-size);
  --form-label-font-weight: var(--label-font-weight);
  --form-label-color: var(--label-color);
  /* Text inputs */
  --input-text-bg: var(--form-control-bg);
  --input-text-border: var(--form-control-border);
  --input-text-width: var(--form-control-width);
  /* Select boxes */
  --select-bg: var(--form-control-bg);
  --select-border: var(--form-control-border);
  --select-arrow-color: var(--color-primary);
  --select-width: var(--form-control-width);
  /* Yes/No controls */
  --yesno-switch-off: rgba(0, 0, 0, 0.2);
  --yesno-switch-on: var(--primary-color);
  /* Textareas */
  --textarea-bg: var(--form-control-bg);
  --textarea-border: var(--form-control-border);
  --textarea-width: var(--form-control-width);
  /* Management Tables */
  --management-table-width: 100%;
  --management-table-label-text-transform: var(--label-text-transform);
  --management-table-label-font-size: var(--label-font-size);
  --management-table-label-font-weight: var(--label-font-weight);
  --management-table-label-color: var(--label-color);
  --management-table-cell-font-size: 0.8rem;
  --management-table-cell-font-weight: 400;
  --management-table-cell-color: var(--body-text-color);
  /* Textbox */
  --suggestion-selected-bg: var(--grey-mid);
}

/* Generated by icons.tt t4 template. Do not edit directly. */
/* 
ICON LIST
align-center align-left align-right arrow-circled-left arrow-circled-right arrow-down arrow-height arrow-left-taper 
arrow-right-taper arrow-sort arrow-thin-down arrow-thin-left arrow-thin-right arrow-thin-up arrow-up arrow-width bag 
bargraph bell bin bold bottles bulb burger calendar cart-empty cart-in checkmark clipboard clock cog copy crossmark 
crown dollar dolly dropzone ellipsis exclamationmark exclamationmark-triangle eye eye-slash facebook field-text file 
filter flag folder frame globe group hand-heart hero heros house image images images-carousel input instagram italic 
letter-t link list locationpin magnifyingglass mail megaphone minus network paint-roller pencil people person phone 
plug plus pointer privacy pushpin questionmark register repeat-dollar ruler-triangle scissors scissors-closed shapes 
shop star switch text twitter video wireframe 
*/
.sb-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  line-height: 1;
  background-size: 100% 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(1.3);
  transform-origin: center center;
}

/* remove default scaling */
.sb-icon.scale100,
.sb-icon.scaleNone {
  transform: none;
}

.sb-icon.scale180,
.sb-icon.scaleLarge {
  transform: scale(1.8);
}

.sb-icon-align-center {
  background-image: url("/common/icons/align-center.svg");
}

.sb-icon-align-left {
  background-image: url("/common/icons/align-left.svg");
}

.sb-icon-align-right {
  background-image: url("/common/icons/align-right.svg");
}

.sb-icon-arrow-circled-left {
  background-image: url("/common/icons/arrow-circled-left.svg");
}

.sb-icon-arrow-circled-right {
  background-image: url("/common/icons/arrow-circled-right.svg");
}

.sb-icon-arrow-down {
  background-image: url("/common/icons/arrow-down.svg");
}

.sb-icon-arrow-height {
  background-image: url("/common/icons/arrow-height.svg");
}

.sb-icon-arrow-left-taper {
  background-image: url("/common/icons/arrow-left-taper.svg");
}

.sb-icon-arrow-right-taper {
  background-image: url("/common/icons/arrow-right-taper.svg");
}

.sb-icon-arrow-sort {
  background-image: url("/common/icons/arrow-sort.svg");
}

.sb-icon-arrow-thin-down {
  background-image: url("/common/icons/arrow-thin-down.svg");
}

.sb-icon-arrow-thin-left {
  background-image: url("/common/icons/arrow-thin-left.svg");
}

.sb-icon-arrow-thin-right {
  background-image: url("/common/icons/arrow-thin-right.svg");
}

.sb-icon-arrow-thin-up {
  background-image: url("/common/icons/arrow-thin-up.svg");
}

.sb-icon-arrow-up {
  background-image: url("/common/icons/arrow-up.svg");
}

.sb-icon-arrow-width {
  background-image: url("/common/icons/arrow-width.svg");
}

.sb-icon-bag {
  background-image: url("/common/icons/bag.svg");
}

.sb-icon-bargraph {
  background-image: url("/common/icons/bargraph.svg");
}

.sb-icon-bell {
  background-image: url("/common/icons/bell.svg");
}

.sb-icon-bin {
  background-image: url("/common/icons/bin.svg");
}

.sb-icon-bold {
  background-image: url("/common/icons/bold.svg");
}

.sb-icon-bottles {
  background-image: url("/common/icons/bottles.svg");
}

.sb-icon-bulb {
  background-image: url("/common/icons/bulb.svg");
}

.sb-icon-burger {
  background-image: url("/common/icons/burger.svg");
}

.sb-icon-calendar {
  background-image: url("/common/icons/calendar.svg");
}

.sb-icon-cart-empty {
  background-image: url("/common/icons/cart-empty.svg");
}

.sb-icon-cart-in {
  background-image: url("/common/icons/cart-in.svg");
}

.sb-icon-checkmark {
  background-image: url("/common/icons/checkmark.svg");
}

.sb-icon-clipboard {
  background-image: url("/common/icons/clipboard.svg");
}

.sb-icon-clock {
  background-image: url("/common/icons/clock.svg");
}

.sb-icon-cog {
  background-image: url("/common/icons/cog.svg");
}

.sb-icon-copy {
  background-image: url("/common/icons/copy.svg");
}

.sb-icon-crossmark {
  background-image: url("/common/icons/crossmark.svg");
}

.sb-icon-crown {
  background-image: url("/common/icons/crown.svg");
}

.sb-icon-dollar {
  background-image: url("/common/icons/dollar.svg");
}

.sb-icon-dolly {
  background-image: url("/common/icons/dolly.svg");
}

.sb-icon-dropzone {
  background-image: url("/common/icons/dropzone.svg");
}

.sb-icon-ellipsis {
  background-image: url("/common/icons/ellipsis.svg");
}

.sb-icon-exclamationmark {
  background-image: url("/common/icons/exclamationmark.svg");
}

.sb-icon-exclamationmark-triangle {
  background-image: url("/common/icons/exclamationmark-triangle.svg");
}

.sb-icon-eye {
  background-image: url("/common/icons/eye.svg");
}

.sb-icon-eye-slash {
  background-image: url("/common/icons/eye-slash.svg");
}

.sb-icon-facebook {
  background-image: url("/common/icons/facebook.svg");
}

.sb-icon-field-text {
  background-image: url("/common/icons/field-text.svg");
}

.sb-icon-file {
  background-image: url("/common/icons/file.svg");
}

.sb-icon-filter {
  background-image: url("/common/icons/filter.svg");
}

.sb-icon-flag {
  background-image: url("/common/icons/flag.svg");
}

.sb-icon-folder {
  background-image: url("/common/icons/folder.svg");
}

.sb-icon-frame {
  background-image: url("/common/icons/frame.svg");
}

.sb-icon-globe {
  background-image: url("/common/icons/globe.svg");
}

.sb-icon-group {
  background-image: url("/common/icons/group.svg");
}

.sb-icon-hand-heart {
  background-image: url("/common/icons/hand-heart.svg");
}

.sb-icon-hero {
  background-image: url("/common/icons/hero.svg");
}

.sb-icon-heros {
  background-image: url("/common/icons/heros.svg");
}

.sb-icon-house {
  background-image: url("/common/icons/house.svg");
}

.sb-icon-image {
  background-image: url("/common/icons/image.svg");
}

.sb-icon-images {
  background-image: url("/common/icons/images.svg");
}

.sb-icon-images-carousel {
  background-image: url("/common/icons/images-carousel.svg");
}

.sb-icon-input {
  background-image: url("/common/icons/input.svg");
}

.sb-icon-instagram {
  background-image: url("/common/icons/instagram.svg");
}

.sb-icon-italic {
  background-image: url("/common/icons/italic.svg");
}

.sb-icon-letter-t {
  background-image: url("/common/icons/letter-t.svg");
}

.sb-icon-link {
  background-image: url("/common/icons/link.svg");
}

.sb-icon-list {
  background-image: url("/common/icons/list.svg");
}

.sb-icon-locationpin {
  background-image: url("/common/icons/locationpin.svg");
}

.sb-icon-magnifyingglass {
  background-image: url("/common/icons/magnifyingglass.svg");
}

.sb-icon-mail {
  background-image: url("/common/icons/mail.svg");
}

.sb-icon-megaphone {
  background-image: url("/common/icons/megaphone.svg");
}

.sb-icon-minus {
  background-image: url("/common/icons/minus.svg");
}

.sb-icon-network {
  background-image: url("/common/icons/network.svg");
}

.sb-icon-paint-roller {
  background-image: url("/common/icons/paint-roller.svg");
}

.sb-icon-pencil {
  background-image: url("/common/icons/pencil.svg");
}

.sb-icon-people {
  background-image: url("/common/icons/people.svg");
}

.sb-icon-person {
  background-image: url("/common/icons/person.svg");
}

.sb-icon-phone {
  background-image: url("/common/icons/phone.svg");
}

.sb-icon-plug {
  background-image: url("/common/icons/plug.svg");
}

.sb-icon-plus {
  background-image: url("/common/icons/plus.svg");
}

.sb-icon-pointer {
  background-image: url("/common/icons/pointer.svg");
}

.sb-icon-privacy {
  background-image: url("/common/icons/privacy.svg");
}

.sb-icon-pushpin {
  background-image: url("/common/icons/pushpin.svg");
}

.sb-icon-questionmark {
  background-image: url("/common/icons/questionmark.svg");
}

.sb-icon-register {
  background-image: url("/common/icons/register.svg");
}

.sb-icon-repeat-dollar {
  background-image: url("/common/icons/repeat-dollar.svg");
}

.sb-icon-ruler-triangle {
  background-image: url("/common/icons/ruler-triangle.svg");
}

.sb-icon-scissors {
  background-image: url("/common/icons/scissors.svg");
}

.sb-icon-scissors-closed {
  background-image: url("/common/icons/scissors-closed.svg");
}

.sb-icon-shapes {
  background-image: url("/common/icons/shapes.svg");
}

.sb-icon-shop {
  background-image: url("/common/icons/shop.svg");
}

.sb-icon-star {
  background-image: url("/common/icons/star.svg");
}

.sb-icon-switch {
  background-image: url("/common/icons/switch.svg");
}

.sb-icon-text {
  background-image: url("/common/icons/text.svg");
}

.sb-icon-twitter {
  background-image: url("/common/icons/twitter.svg");
}

.sb-icon-video {
  background-image: url("/common/icons/video.svg");
}

.sb-icon-wireframe {
  background-image: url("/common/icons/wireframe.svg");
}

.s-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  line-height: 1;
  overflow: visible;
  position: relative;
}
.s-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130%;
  height: 130%;
  object-fit: contain;
}
.s-icon.scale100 img, .s-icon.scaleNone img {
  width: 100%;
  height: 100%;
}
.s-icon.scale180 img, .s-icon.scaleLarge img {
  width: 180%;
  height: 180%;
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

input, select, textarea, button {
  font-family: inherit;
  font-size: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

.clear-fix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

/* Default heading styles were not set for v1 content */
h3 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h3);
  line-height: 1.4;
}

h4 {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h4);
  line-height: var(--body-line-height);
}

h5 {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h5);
  line-height: var(--body-line-height);
}

h2 {
  margin-top: 2px;
  font-size: 14px;
  font-weight: normal;
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h2);
  line-height: 1.3;
}

h1, .explicitH1 {
  font-size: 24px;
  font-weight: normal;
  margin-top: 0px;
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}

h1.withSubTitle {
  margin-bottom: 2px;
}

h1.pageTypeTitle {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 4px;
  padding-right: 6px;
  color: #8b8b8b;
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h1);
}

@layer defaults {
  a {
    color: #666666;
  }
}
.buildInfo {
  position: absolute;
  background-color: White;
  color: Black;
  font-size: 9px;
  z-index: 9999;
  bottom: 5px;
  right: 5px;
  padding: 3px;
  border-radius: 2px;
}

/*========================================================*/
/* Forms */
/*========================================================*/
.imageBesideTextBox {
  vertical-align: middle;
  margin-top: -3px;
  padding-left: 11px;
}

label.inField {
  font-size: 12px;
  color: #464646;
  position: absolute;
  padding: 3px 0 0 4px;
  pointer-events: none;
}

input.textInput {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  border: solid 1px #c1c1c1;
  padding: 3px;
  font-size: 13px;
  margin: 0px;
}

input[type=text], input[type=password], input[type=number], input[type=date], textarea, select {
  border: solid 1px #c1c1c1;
  padding: 3px;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 13px;
  resize: none;
  margin: 0;
}

select:not(.default-appearance) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 0.66em;
  background-position: right 0.33em center;
  background-repeat: no-repeat;
  padding-right: 1.33em !important;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='6.4 7.93 7.22 4.12'><path fill='black' d='M12.7342,8.1028,10,10.8372,7.2659,8.1028a.5.5,0,1,0-.707.707l3.0874,3.0879a.5.5,0,0,0,.707,0L13.4412,8.81a.5.5,0,1,0-.707-.707Z'></path></svg>");
}

input[readonly] {
  background-color: #fbfdff;
}

/*--------------------------------------
/* Theme Picker */
/*--------------------------------------*/
.themePicker {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0px !important;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  user-select: none;
}
.themePicker .selectorInner {
  height: 0;
  margin: 0;
  padding-top: 57%;
  text-align: center;
  border: solid 2px #fff;
}
.themePicker.highContrastOnly {
  grid-template-columns: repeat(12, 1fr);
}
.themePicker.highContrastOnly .lowContrast {
  display: none;
}

/*========================================================*/
/* Image Selector */
/*========================================================*/
.imageSelector .themePicker {
  padding: 5px;
}

.imageSelector .selector {
  cursor: pointer;
  border-style: solid;
  border-width: 5px !important;
  border-color: transparent;
}

.themePicker .selector {
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
}

.imageSelector img.selector, .themePicker img.selector {
  margin: 0px;
  margin-right: -4px; /* White space nightmares */
  padding: 2px;
  border-radius: 2px;
}

.themePicker .unselected,
.themePicker .unselected .selectorInner {
  border-color: #F2F3F4 !important;
}

/*========================================================*/
/* Legal */
/*========================================================*/
.legal h1 {
  font-size: 30px;
  margin-bottom: 11px;
  color: #17aacc;
}
.legal h2 {
  font-size: 16px;
}
.legal p {
  margin-bottom: 17px;
  color: #484848;
}
.legal ul {
  margin-bottom: 17px;
  color: #484848;
}
.legal ul li {
  margin: 0 0 6px 30px;
  list-style-type: decimal;
}
.legal ul.bullet li {
  margin: 0 0 6px 30px;
  list-style-type: disc;
}
.legal ol.alpha li {
  margin: 0 0 6px 30px;
  list-style-type: lower-alpha;
}

#agreeTerms.legal {
  border: solid;
  padding: 10px;
  border-color: #28aacd;
  margin-bottom: 20px;
  background-color: #28aacd;
}
#agreeTerms.legal .agree-message {
  color: #0089a7;
  background-color: #e9f5f9;
  line-height: 1.5;
  border-radius: 5px;
  margin-bottom: 1em;
  padding: 1em;
}
#agreeTerms.legal .agree-terms-button-bar {
  margin-top: 0.75em;
}
#agreeTerms.legal .agree-terms {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: 0.5em 0.8em;
}
#agreeTerms.legal .agree-terms:hover {
  text-decoration: none;
}
#agreeTerms.legal .agree-terms {
  background-color: #17aacc;
  color: #fff;
  border: none;
}
#agreeTerms.legal .agree-terms:hover, #agreeTerms.legal .agree-terms.hover {
  color: #fff;
  background-color: #0089a7;
}
#agreeTerms.legal .agree-terms {
  font-size: 0.9em;
}
.pop-up #agreeTerms.legal {
  background-color: #fff;
  border-color: #fff;
}

/*========================================================*/
/* Waiting */
/*========================================================*/
#waiting {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 999999;
}

#waiting img {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  transform: translate(-50%, -50%);
}

div.waiting {
  position: absolute;
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: transparent;
  z-index: 999999;
}

.fullPageLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

/*========================================================*/
/* Dialog */
/*========================================================*/
#dialog-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: Black;
  opacity: 0.7;
  z-index: 9999;
}

input.disabled {
  background-color: #f3f3f3 !important;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* Debug */
#debugInfo {
  border: 10px solid #F3F4F4;
  padding: 22px;
  background-color: White;
  font-size: 12px;
}

#debugInfo h1 {
  font-size: 20px;
  margin-top: 5px;
  font-weight: var(--legacy-bold);
}

#debugInfo h2 {
  font-size: 18px;
  margin-top: 5px;
}

#debugInfo h3 {
  font-size: 16px;
  margin-top: 5px;
}

#debugInfo table {
  width: 100%;
}

#debugInfo table tr {
  text-align: left;
}

#debugInfo table thead tr {
  font-weight: var(--legacy-bold);
  background-color: Silver;
}

#debugInfo table td, #debugInfo table th {
  padding: 3px;
}

.couponCodeEntry .validationSymbol {
  display: none;
}

.couponCodeEntry .couponCodeInput {
  vertical-align: top;
  margin-left: 4px;
}

.couponCodeEntry .couponResultMessage {
  display: block;
  border: solid 2px #269ec5;
  background-color: #ffffff;
  margin: 15px 0;
  color: #269ec5;
  padding: 10px;
  font-weight: var(--legacy-bold);
  overflow: visible;
}

.couponCodeEntry .couponResultMessageHidden {
  display: none;
}

/* Shadowbox (lightbox) */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-weight: 200;
  color: #fff;
}

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 10001;
  text-align: left;
  visibility: hidden;
  display: none;
}

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px;
}

#sb-body {
  position: relative;
  height: 100%;
}

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}

#sb-player.html {
  height: 100%;
  overflow: auto;
}

#sb-body img {
  border: none;
}

#sb-loading {
  position: relative;
  height: 100%;
}

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}

#sb-loading-inner span {
  background: url(/common/shadowbox/loading.gif) no-repeat;
  padding-left: 34px;
  display: inline-block;
}

#sb-body, #sb-loading {
  background-color: #060606;
}

#sb-title, #sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px;
}

#sb-title-inner {
  font-size: 16px;
}

#sb-info, #sb-info-inner {
  height: 20px;
  line-height: 20px;
}

#sb-info-inner {
  font-size: 12px;
}

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}

#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 0px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#sb-nav-close {
  background-image: url(/common/shadowbox/close.png);
}

#sb-nav-next {
  background-image: url(/common/shadowbox/next.png);
}

#sb-nav-previous {
  background-image: url(/common/shadowbox/previous.png);
}

#sb-nav-play {
  background-image: url(/common/shadowbox/play.png);
}

#sb-nav-pause {
  background-image: url(/common/shadowbox/pause.png);
}

#sb-counter {
  float: left;
  width: 45%;
}

#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

#sb-title {
  display: none;
}

#sb-body-inner {
  background-color: #c6c5bc;
}

#sb-wrapper {
  min-width: 230px;
  border: solid 1px #e1e1e1;
  border-right: solid 1px #e1e1e1;
}

#sb-wrapper-inner {
  border: solid 1px #c6c5bc;
  border-right: none;
  min-height: 150px;
}

#sb-info, #sb-info-inner {
  height: auto;
  position: static;
  background-color: transparent;
}

#sb-counter {
  color: #555;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  right: 136px;
  bottom: 28px;
  padding: 0 24px;
  display: block;
  background-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.72);
  display: inline-block;
  width: auto;
  float: none;
  height: 40px;
  line-height: 40px;
}

.singleProductImage #sb-counter {
  display: none;
}

#sb-nav {
  height: auto;
  padding: 0;
}

#sb-nav a {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  opacity: 0.9;
}

#sb-nav-close {
  position: absolute;
  top: 28px;
  right: 28px;
  background-image: url(/common/imagenav/carousel-button-close-2X.png);
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/imagenav/carousel-button-close-2X.png',sizingMethod='scale');
  position: absolute;
}

#sb-nav-close:hover {
  opacity: 1;
}

/*#sb-nav-close:hover{background-image:url(/skins/smallfish-green/button-close-on.png);}*/
#sb-nav-next {
  background-image: url(/common/imagenav/carousel-button-right-2X.png);
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/imagenav/carousel-button-right-2X.png',sizingMethod='scale');
  position: absolute;
  bottom: 28px;
  right: 28px;
}

#sb-nav-next:hover {
  opacity: 1;
}

#sb-nav-previous {
  background-image: url(/common/imagenav/carousel-button-left-2X.png);
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/imagenav/carousel-button-left-2X.png',sizingMethod='scale');
  position: absolute;
  bottom: 28px;
  right: 76px;
}

#sb-nav-previous:hover {
  opacity: 1;
}

#sb-body-inner img {
  min-height: 150px;
}

.remove-bottom-margin {
  margin-bottom: 0 !important;
}

.remove-bottom-padding {
  padding-bottom: 0 !important;
}

.no-border {
  border: none !important;
}

.ui-datepicker {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/common/loader-black.svg) center center no-repeat;
  background-size: 40px 40px;
}

.carousel-thumbnails .slick-slide {
  cursor: pointer;
  display: block !important;
}

.carousel-static {
  margin-right: -10px;
}
.carousel-static .slick-slide {
  margin-right: 10px;
  padding: 3px 0;
}

.carousel-wrap .slick-slide {
  margin: 0 2px;
  padding: 3px;
  border: solid 1px #fff;
  border-radius: 1px;
}
.carousel-wrap .slick-current {
  border: solid 1px #cbcbcb;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: #000;
  top: 50%;
  margin-top: -10px\9 ; /*lte IE 8*/
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
  opacity: 0;
  padding: 10px;
  transition: opacity 0.15s ease-in-out;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.productLargeCarousel:hover .slick-prev,
.productLargeCarousel:hover .slick-next {
  opacity: 0.667;
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 1 !important;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

/* Dots */
/*.slick-slider {
    margin-bottom: 30px;
}*/
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.667;
}

.shopNavigationItem {
  white-space: nowrap;
}

/* TEXT */
.navigationAlignmentCentre {
  text-align: center;
}

.navigationAlignmentRight {
  text-align: right;
}

.navigation.navigationText .shopNavigationItemCurrent {
  border-bottom: solid 1px black;
}
.navigation.navigationText.navigationAlignmentLeft a.shopNavigationItem,
.navigation.navigationText.navigationAlignmentLeft .navigationButtons {
  margin-left: 0;
  margin-right: 15px;
  padding: 0;
}
.navigation.navigationText.navigationAlignmentCentre a.shopNavigationItem,
.navigation.navigationText.navigationAlignmentCentre .navigationButtons {
  margin-left: 7px;
  margin-right: 8px;
  padding: 0;
}
.navigation.navigationText.navigationAlignmentRight a.shopNavigationItem,
.navigation.navigationText.navigationAlignmentRight .navigationButtons {
  margin-left: 15px;
  margin-right: 0;
  padding: 0;
}

html.navigationStyleText .navigation,
html.navigationStyleDropDown .navigation {
  margin-top: -5px;
}

/* TABS */
/*****  subnavLinks - TABS  ****/
html.navigationStyleTabs ul.subnavLinks li {
  display: block;
  margin-bottom: 1px;
  background-image: url(/common/LHSmenu-sprite-background.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 2px;
  position: relative;
}
html.navigationStyleTabs ul.subnavLinks li a {
  background-repeat: no-repeat;
  background-image: url(/common/LHSmenu-sprite-background-bottom.png);
  background-position: left bottom;
  display: block;
  padding: 4px 22px 4px 10px;
  text-decoration: none !important;
  line-height: 18px;
  color: #666666;
}
html.navigationStyleTabs ul.subnavLinks li.subsubnavLink a {
  padding-left: 30px;
}
html.navigationStyleTabs ul.subnavLinks li a:hover {
  color: #666666;
}
html.navigationStyleTabs ul.subnavLinks li.subsubnavLink span.subsubnavArrow {
  display: block;
  position: absolute;
  top: 10px;
  left: 16px;
  background-image: url(/common/icon-LHSmenu-bulletarrow-xsmall.png);
  background-repeat: no-repeat;
  width: 5px;
  height: 5px;
}

/* Default */
html.navigationStyleTabs ul.subnavLinks li.default {
  background-position: -990px top;
}
html.navigationStyleTabs ul.subnavLinks li.default a {
  background-position: -990px bottom;
}
html.navigationStyleTabs ul.subnavLinks li.default:hover {
  background-position: -1155px top;
}
html.navigationStyleTabs ul.subnavLinks li.default a:hover {
  background-position: -1155px bottom;
}

/* Current */
html.navigationStyleTabs ul.subnavLinks li.current,
html.navigationStyleTabs ul.subnavLinks li.currentChild {
  background-position: -1650px top;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.current a,
html.navigationStyleTabs ul.subnavLinks li.currentChild a {
  background-position: -1650px bottom;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.current:hover,
html.navigationStyleTabs ul.subnavLinks li.currentChild:hover {
  background-position: -1815px top;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.current a:hover,
html.navigationStyleTabs ul.subnavLinks li.currentChild a:hover {
  background-position: -1815px bottom;
  color: #fff;
}

/* Parent of current */
html.navigationStyleTabs ul.subnavLinks li.parentOfCurrent {
  margin-bottom: 1px;
  background-position: -330px top;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.parentOfCurrent a {
  background-position: -330px bottom;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.parentOfCurrent:hover {
  background-position: -495px top;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.parentOfCurrent a:hover {
  background-position: -495px bottom;
  color: #444;
}

/* Current parent */
html.navigationStyleTabs ul.subnavLinks li.currentParent {
  margin-bottom: 1px;
  background-position: -660px top;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.currentParent a {
  background-position: -660px bottom;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.currentParent:hover {
  background-position: -825px top;
  color: #fff;
}
html.navigationStyleTabs ul.subnavLinks li.currentParent a:hover {
  background-position: -825px bottom;
  color: #fff;
}

/* Default child */
html.navigationStyleTabs ul.subnavLinks li.childDefault {
  background-position: -1320px top;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.childDefault a {
  background-position: -1320px bottom;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.childDefault:hover {
  background-position: -1485px top;
  color: #444;
}
html.navigationStyleTabs ul.subnavLinks li.childDefault a:hover {
  background-position: -1485px bottom;
  color: #444;
}

/* Parent default */
html.navigationStyleTabs ul.subnavLinks li.parentDefault {
  background-position: 0px top;
}
html.navigationStyleTabs ul.subnavLinks li.parentDefault a {
  background-position: 0px bottom;
}
html.navigationStyleTabs ul.subnavLinks li.parentDefault:hover {
  background-position: -165px top;
}
html.navigationStyleTabs ul.subnavLinks li.parentDefault a:hover {
  background-position: -165px bottom;
}
html.navigationStyleTabs ul.subnavLinks li.subsubnavGroup {
  background-image: none;
}
html.navigationStyleTabs ul.subnavLinks li.subsubnavLink {
  margin-bottom: 1px;
}
html.navigationStyleTabs ul.subsubnavLinks li.buttons {
  height: 26px;
}
html.navigationStyleTabs ul.subsubnavLinks li.buttons a, html.navigationStyleTabs ul.subsubnavLinks li.buttons a:hover {
  float: right;
  padding: 0 !important;
  background-color: transparent;
}
html.navigationStyleTabs ul.subsubnavLinks li.buttons a {
  display: inline;
}

/*****  subnavLinks - TEXT  ****/
html.navigationStyleText ul.subnavLinks li a span.subnavDownArrow,
html.navigationStyleText ul.subnavLinks li a:hover span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li a span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li a:hover span.subnavDownArrow {
  display: inline;
  height: 13px;
  width: 15px;
  background-image: url(/common/leftmenu-downarrow-unselected.png);
  background-position: right 7px;
  background-repeat: no-repeat;
  vertical-align: top;
  text-decoration: none !important;
}
html.navigationStyleText ul.subnavLinks,
html.navigationStyleDropDown ul.subnavLinks {
  margin-top: -10px;
}
html.navigationStyleText body.bodyEdit ul.subnavLinks,
html.navigationStyleDropDown body.bodyEdit ul.subnavLinks {
  margin-top: 0;
}
html.navigationStyleText ul.subnavLinks li,
html.navigationStyleDropDown ul.subnavLinks li {
  display: block;
  margin-bottom: 1px;
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 2px;
  position: relative;
  margin-top: 10px;
  font-size: 15px;
  line-height: 18px;
}
html.navigationStyleText ul.subnavLinks li a,
html.navigationStyleDropDown ul.subnavLinks li a {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  background-repeat: no-repeat;
  display: block;
  padding: 2px 0 2px 0;
  text-decoration: none !important;
  color: #767676;
}
html.navigationStyleText ul.subnavLinks li a:hover,
html.navigationStyleDropDown ul.subnavLinks li a:hover {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.subsubnavLink,
html.navigationStyleDropDown ul.subnavLinks li.subsubnavLink {
  margin-top: 0;
}
html.navigationStyleText ul.subnavLinks li.subsubnavLink a,
html.navigationStyleDropDown ul.subnavLinks li.subsubnavLink a {
  padding-left: 25px;
  padding-right: 0;
  font-size: 13px;
  background-image: url(/common/leftmenu-bulletarrow-unselected.png);
  background-position: 13px 10px;
}
html.navigationStyleText ul.subnavLinks li.subsubnavLink a:hover,
html.navigationStyleDropDown ul.subnavLinks li.subsubnavLink a:hover {
  background-image: url(/common/leftmenu-bulletarrow-selected.png);
}
/* Current */
html.navigationStyleText ul.subnavLinks li.current .o,
html.navigationStyleDropDown ul.subnavLinks li.current .o {
  color: #464646;
  text-decoration: underline;
}
html.navigationStyleText ul.subnavLinks li.current .o .i,
html.navigationStyleDropDown ul.subnavLinks li.current .o .i {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.current a,
html.navigationStyleDropDown ul.subnavLinks li.current a {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.current:hover,
html.navigationStyleDropDown ul.subnavLinks li.current:hover {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.current a:hover,
html.navigationStyleDropDown ul.subnavLinks li.current a:hover {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.current a span,
html.navigationStyleDropDown ul.subnavLinks li.current a span {
  color: #464646;
}

/* Current Child */
html.navigationStyleText ul.subnavLinks li.currentChild,
html.navigationStyleDropDown ul.subnavLinks li.currentChild {
  color: #464646;
  text-decoration: underline;
}
html.navigationStyleText ul.subnavLinks li.currentChild a,
html.navigationStyleDropDown ul.subnavLinks li.currentChild a {
  background-image: url(/common/leftmenu-bulletarrow-selected.png);
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.currentChild:hover,
html.navigationStyleDropDown ul.subnavLinks li.currentChild:hover {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.currentChild a:hover,
html.navigationStyleDropDown ul.subnavLinks li.currentChild a:hover {
  color: #464646;
}

/* Parent of current */
html.navigationStyleText ul.subnavLinks li.parentOfCurrent,
html.navigationStyleDropDown ul.subnavLinks li.parentOfCurrent {
  margin-bottom: 1px;
}
html.navigationStyleText ul.subnavLinks li.parentOfCurrent,
html.navigationStyleDropDown ul.subnavLinks li.parentOfCurrent {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.parentOfCurrent a,
html.navigationStyleDropDown ul.subnavLinks li.parentOfCurrent a {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.parentOfCurrent a span.subnavDownArrow,
html.navigationStyleText ul.subnavLinks li.parentOfCurrent a:hover span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.parentOfCurrent a span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.parentOfCurrent a:hover span.subnavDownArrow {
  background-image: url(/common/leftmenu-downarrow-selected.png);
}

/* Current parent */
html.navigationStyleText ul.subnavLinks li.currentParent .o,
html.navigationStyleDropDown ul.subnavLinks li.currentParent .o {
  color: #464646;
  text-decoration: underline;
}
html.navigationStyleText ul.subnavLinks li.currentParent .o .i,
html.navigationStyleDropDown ul.subnavLinks li.currentParent .o .i {
  color: #464646;
}
html.navigationStyleText ul.subnavLinks li.currentParent a span.subnavDownArrow,
html.navigationStyleText ul.subnavLinks li.currentParent a:hover span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.currentParent a span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.currentParent a:hover span.subnavDownArrow {
  background-image: url(/common/leftmenu-downarrow-selected.png);
}

/* Default child */
/*html.navigationStyleText ul.subnavLinks li.childDefault {
	color: #767676;
}
html.navigationStyleText ul.subnavLinks li.childDefault a {
	color: #767676;
}
html.navigationStyleText ul.subnavLinks li.childDefault:hover {
	color: #464646;
}
html.navigationStyleText ul.subnavLinks li.childDefault a:hover {
	color: #464646;
}
*/
/* Parent default */
html.navigationStyleText ul.subnavLinks li.parentDefault a span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.parentDefault a span.subnavDownArrow {
  background-image: url(/common/leftmenu-downarrow-unselected.png);
}
html.navigationStyleText ul.subnavLinks li.parentDefault a:hover span.subnavDownArrow,
html.navigationStyleDropDown ul.subnavLinks li.parentDefault a:hover span.subnavDownArrow {
  background-image: url(/common/leftmenu-downarrow-selected.png);
}
html.navigationStyleText ul.subnavLinks li.subsubnavGroup,
html.navigationStyleDropDown ul.subnavLinks li.subsubnavGroup {
  margin-top: 0;
}
html.navigationStyleText ul.subnavLinks li.subsubnavLink,
html.navigationStyleDropDown ul.subnavLinks li.subsubnavLink {
  margin-bottom: 1px;
}
html.navigationStyleText ul.subsubnavLinks li.buttons,
html.navigationStyleDropDown ul.subsubnavLinks li.buttons {
  height: 26px;
}
html.navigationStyleText ul.subsubnavLinks li.buttons a, html.navigationStyleText ul.subsubnavLinks li.buttons a:hover,
html.navigationStyleDropDown ul.subsubnavLinks li.buttons a,
html.navigationStyleDropDown ul.subsubnavLinks li.buttons a:hover {
  float: right;
  padding: 0 !important;
  background-color: transparent;
}
html.navigationStyleText ul.subsubnavLinks li.buttons a,
html.navigationStyleDropDown ul.subsubnavLinks li.buttons a {
  display: inline;
}

/*********/
.navigation .navigationButtons,
.navigationMobile .navigationButtons {
  display: inline-block;
}
.navigation .iconActions,
.navigationMobile .iconActions {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  white-space: normal;
  text-align: left;
}
.navigation .iconActions a.button,
.navigationMobile .iconActions a.button {
  font-size: 1.5em;
  display: flex;
  align-items: center;
  opacity: 0.7;
}
.navigation .iconActions a.button:not(:first-child),
.navigationMobile .iconActions a.button:not(:first-child) {
  margin-left: 0.2em;
}
.navigation .iconActions a.button:hover,
.navigationMobile .iconActions a.button:hover {
  opacity: 1;
}
.fgc-inverse .navigation .iconActions a.button .sb-icon,
.fgc-inverse .navigationMobile .iconActions a.button .sb-icon {
  filter: brightness(0) invert(1);
}

.navigation a.shopNavigationItem,
.navigationMobile a.shopNavigationItem {
  cursor: pointer;
  text-decoration: none;
}
.navigation .navigationLogo,
.navigationMobile .navigationLogo {
  display: inline-block;
  vertical-align: top;
  padding-right: 24px;
}
.navigation .navigationMenu,
.navigationMobile .navigationMenu {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
}
.navigation .navigationMenuText,
.navigationMobile .navigationMenuText {
  font-size: 18px;
  text-decoration: none;
}

.navigationMobile {
  display: none;
}
.navigationMobile .iconActions a.button {
  font-size: 3em;
}
.align-right .ab-profile-dropdown,
.align-right .ab-locationselector-dropdown {
  right: auto;
  left: 0;
}

@media screen and (max-width: 480px) {
  .navigationMobile .ab-profile,
  .navigationMobile .ab-location-selector {
    position: static;
  }
  .navigationMobile .ab-profile .ab-profile-dropdown,
  .navigationMobile .ab-profile .ab-locationselector-dropdown,
  .navigationMobile .ab-location-selector .ab-profile-dropdown,
  .navigationMobile .ab-location-selector .ab-locationselector-dropdown {
    left: auto;
    right: 50%;
    transform: translateX(50%);
  }
}

.navigation.navigationText .navigationMenu,
.navigation.navigationDropDown .navigationMenu,
.navigationMobile .navigationMenu {
  overflow: visible;
}

.bodyEdit .navigation .navigationMenu {
  overflow: visible !important;
}

/* Text */
.navigation.navigationText .navigationMenu {
  margin-bottom: -1px;
}
.navigation.navigationText a.shopNavigationItem {
  font-size: 20px;
  line-height: 1.35em;
  vertical-align: middle;
  margin: 1em 15px 1em 0;
  color: #646464;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}
.fgc-inverse .navigation.navigationText a.shopNavigationItem {
  color: #fff;
}

.navigation.navigationText a.shopNavigationItem:hover {
  color: #464646;
}
.fgc-inverse .navigation.navigationText a.shopNavigationItem:hover {
  color: #fff;
}

.navigation.navigationText .navigationMenu .button img {
  padding: 0 6px 0 0;
  position: relative;
  top: 6px;
}

/* Drop Down */
.navigation.navigationDropDown ul.navigationMenu {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -1em;
}
.navigation.navigationDropDown .navigationAlignmentCentre ul.navigationMenu, .navigation.navigationDropDown.navigationAlignmentCentre ul.navigationMenu {
  justify-content: center;
}
.navigation.navigationDropDown .navigationAlignmentRight ul.navigationMenu, .navigation.navigationDropDown.navigationAlignmentRight ul.navigationMenu {
  justify-content: flex-end;
}
.navigation.navigationDropDown ul.navigationMenu > li {
  position: relative;
  margin-top: 1em;
}
.navigation.navigationDropDown ul.navigationMenu > li.iconActions {
  margin-top: 0.5em;
}
.navigation.navigationDropDown ul.navigationMenu > li.has-dropdown > a .dropdown-indicator {
  display: block;
  font-weight: 400;
  pointer-events: none;
  /*    top: -0.05em;
      position: absolute;
      right: 0.8rem;
      font-size: 2rem;
      width: 1em;*/
  font-size: 1em;
  width: 0.7em;
  height: 0.399em;
  margin-left: 0.35em;
}
.navigation.navigationDropDown ul.navigationMenu > li.has-dropdown > a .dropdown-indicator svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  transform: rotate(180deg);
  transition: transform 200ms ease-in-out;
  transform-origin: 50% 56%;
}
.navigation.navigationDropDown ul.navigationMenu > li.has-dropdown.dropdown-open > a .dropdown-indicator svg {
  transform: rotate(0deg);
}
.navigation.navigationDropDown .dropdown {
  position: absolute;
  left: -0.25em;
  top: 110%;
  top: calc(100% + 1em);
  box-sizing: border-box;
  width: 302px;
  overflow: hidden;
  display: none;
  height: 100vh;
  border: solid 1px #ebebeb;
  border-radius: 0.75em;
  background-color: #fff;
  z-index: 1005;
  text-align: left;
  white-space: normal;
}
.navigation.navigationDropDown .dropdown ul {
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 300ms ease-out;
  padding-top: 0.5em;
}
.navigation.navigationDropDown .dropdown ul ul {
  left: 300px;
  display: none;
}
.navigation.navigationDropDown .dropdown ul ul ul {
  left: 600px;
}
.navigation.navigationDropDown .dropdown-open .dropdown {
  z-index: 1006;
}
.navigation.navigationDropDown a.shopNavigationItem {
  font-size: 20px;
  line-height: 1.35;
  vertical-align: middle;
  color: #646464;
  padding-right: 1em;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.navigation.navigationDropDown a.shopNavigationItem svg {
  fill: #646464;
}
.fgc-inverse .navigation.navigationDropDown a.shopNavigationItem {
  color: #fff;
}
.fgc-inverse .navigation.navigationDropDown a.shopNavigationItem svg {
  fill: #fff;
}

.navigation.navigationDropDown .navigationMenu .button img {
  padding: 0 6px 0 0;
  position: relative;
  top: 6px;
}
.navigation.navigationDropDown .dropdownContent > ul {
  background-color: #fff;
  z-index: 998;
}
.navigation.navigationDropDown .dropdownContent > ul li a {
  display: block;
  color: #474747;
  font-size: 16px;
  text-decoration: none;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > a {
  padding: 0.75em 1.25em;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair a.direct-link {
  padding: 0.75em 1.25em;
  flex: 1 1 auto;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair a.action-link {
  padding: 0.75em 1.25em;
  flex: 0 0 auto;
  display: block;
  font-weight: 400;
  min-width: 48px;
  padding: 0;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair a.action-link svg {
  margin: 0 auto;
  display: block;
  width: 2em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair a.action-link.add-page-indicator {
  font-size: 0.8em;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item > .link-action-pair a.action-link.add-page-indicator:not(:hover) svg {
  fill: #ccc;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item-parent > a {
  text-transform: uppercase;
  font-weight: var(--legacy-bold);
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-back > a {
  border-bottom: solid 1px #ebebeb;
  padding: 0.75em 1.25em;
  padding-left: 40px;
  position: relative;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-back > a .collapse-indicator {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  content: "";
  font-size: 2rem;
  width: 1em;
  display: block;
  font-weight: 400;
  transform: translateY(-50%);
  pointer-events: none;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-back > a .collapse-indicator svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.navigation.navigationDropDown .dropdownContent > ul li.nav-item-add-page {
  border-top: solid 1px #ebebeb;
  margin-top: 5px;
  padding-top: 5px;
}

/* Tabs */
.contentAreaNavigation {
  padding-top: 0 !important;
}

html.navigationStyleTabs .slice-header {
  min-height: 20px;
}

.navigation.navigationTabs {
  margin-top: -8px;
}
.navigation.navigationTabs .navigationMenu .button img {
  margin: 11px 6px 0 0;
}
.navigation.navigationTabs a.shopNavigationItem {
  vertical-align: top;
  display: inline-block;
}
.navigation.navigationTabs a.shopNavigationItem span {
  padding-top: 5px;
  margin-top: 3px;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  color: White;
  height: 36px;
}
.navigation.navigationTabs a.shopNavigationItem .navigationMenuText {
  padding: 0 22px 0 24px;
  line-height: 1em;
}
.navigation.navigationTabs a.shopNavigationItem .navigationRight {
  width: 2px;
  margin-right: 6px;
}
.navigation.navigationTabs a.shopNavigationItemCurrent span {
  height: 30px;
}
.navigation.navigationTabs a.shopNavigationItemCurrent .navigationLeft {
  background-color: #fff;
  background-image: none !important;
  margin-right: 6px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  margin-top: 1px;
  padding-top: 8px;
}
.navigation.navigationTabs a.shopNavigationItemCurrent .navigationMenuText {
  padding-left: 23px;
  padding-right: 23px;
}
.navigation.navigationTabs a.shopNavigationItemCurrent .navigationRight {
  display: none;
}
.navigation.navigationTabs .navigationButtons {
  margin-top: 0.7em;
  margin-left: 0.7em;
}
.navigation.navigationTabs .iconActions {
  height: 39px;
  font-size: 1.5em;
}

/* Mobile */
.navigationMobile ul.navigationMenu {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 1em;
  position: relative;
}
.no-logo .navigationMobile ul.navigationMenu {
  margin-top: 0;
}

.navigationMobile .navigationAlignmentCentre ul.navigationMenu, .navigationMobile.navigationAlignmentCentre ul.navigationMenu {
  justify-content: center;
}
.navigationMobile .navigationAlignmentRight ul.navigationMenu, .navigationMobile.navigationAlignmentRight ul.navigationMenu {
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .navigationMobile ul.navigationMenu {
    justify-content: center;
  }
}

/* Mobile Slide-down Menu */
.mobile-nav-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  font-weight: var(--legacy-bold);
  z-index: 10001;
  background-color: #fff;
  box-sizing: border-box;
  line-height: 40px;
  padding: 0 10px 0 15px;
  background-image: url(/common/icons/crossmark.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px 40px;
  cursor: pointer;
}
html.oversize-menu .mobile-nav-header {
  position: absolute;
}

ul.mobile-nav,
ul.mobile-nav ul {
  padding-top: 40px;
  padding-bottom: 5px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  min-width: 320px;
  display: none;
  box-shadow: 3px 10px 21px 0px rgba(50, 50, 50, 0.46);
}

ul.mobile-nav {
  top: 0;
  position: fixed;
  background-color: #fff;
  z-index: 10000;
  font-size: 1rem;
}
html.oversize-menu ul.mobile-nav {
  position: absolute;
}

ul.mobile-nav ul.mobile-nav-2 {
  display: none;
  position: absolute;
  top: 0;
  z-index: 999;
}
ul.mobile-nav ul.mobile-nav-3 {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1000;
}
ul.mobile-nav li a:hover {
  background-color: #e6e6e6;
}
ul.mobile-nav li a {
  display: block;
  color: #474747;
  line-height: 40px;
  text-decoration: none;
}
ul.mobile-nav li a:hover {
  color: #060606;
}
ul.mobile-nav li a.mobile-nav-item {
  padding: 0 10px 0 15px;
}
ul.mobile-nav li a.mobile-nav-has-children {
  margin-right: 40px;
}
ul.mobile-nav li a.mobile-nav-expand {
  width: 40px;
  height: 40px;
  float: right;
  display: block;
  line-height: 42px;
  background-size: 32px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.81,6.5588a.5.5,0,0,0-.7071.7071L10.8365,10,8.1026,12.7336a.5.5,0,1,0,.7071.7071l3.0874-3.0869a.5.5,0,0,0,0-.7071Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}
ul.mobile-nav li a.mobile-nav-parent {
  margin-left: 40px;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: var(--legacy-bold);
  color: #000;
}
ul.mobile-nav li a.mobile-nav-return {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  line-height: 42px;
  background-size: 32px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.8974,6.5588a.5.5,0,0,0-.707,0L8.1025,9.6467a.5.5,0,0,0,0,.7071L11.19,13.4407a.5.5,0,1,0,.707-.7071L9.1631,10l2.7343-2.7343A.5.5,0,0,0,11.8974,6.5588Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}
ul.mobile-nav li a.mobile-nav-parent {
  padding-left: 10px;
}
ul.mobile-nav li.mobile-nav-connections {
  padding-left: 10px;
}
ul.mobile-nav li a.mobile-nav-connection-item {
  font-size: 20px;
  padding: 10px 0;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  min-width: 40px;
  text-decoration: none;
  text-align: center;
}
ul.mobile-nav li a.mobile-nav-connection-item:hover {
  text-decoration: none;
}
ul.mobile-nav li a.mobile-nav-connection-item img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  filter: invert(1);
  opacity: 0.7;
}

body {
  font-size: 100%;
}

select {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

picture {
  max-width: 100%;
  max-height: 100%;
}
picture source, picture img {
  max-width: 100%;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* */
html {
  overflow-y: scroll;
}

img {
  border: none;
}

strong, b {
  font-weight: var(--legacy-bold);
}
strong h1, strong h2, strong h3, strong h4, strong h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, b h1, b h2, b h3, b h4, b h5, h1 b, h2 b, h3 b, h4 b, h5 b {
  font-weight: var(--legacy-heading-bold);
}

em {
  font-style: italic;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  margin-top: 0px;
}

#body {
  padding: 0;
  margin: 0;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  line-height: var(--body-line-height);
  background-color: #fff;
}

.sticky-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2006;
}

.fixedWidth .all {
  min-width: 1000px;
}

.slice-inner {
  margin: 0 auto;
}

.slice.cw-wizard .slice-inner {
  width: 100%;
}

.designStyleFramed .slice.cw-wizard .slice-inner, .designStyleOpen .slice.cw-wizard .slice-inner {
  width: 956px;
}
.designStyleFramed .slices-body > .slices-inner .slice.cw-wizard .slice-inner, .designStyleOpen .slices-body > .slices-inner .slice.cw-wizard .slice-inner {
  width: 100%;
}
.designStyleFramed .slice.cw-masterpage-editor-header .slice-inner, .designStyleOpen .slice.cw-masterpage-editor-header .slice-inner {
  width: 960px;
}

.slices-centred {
  max-width: 1000px;
  margin: 0 auto;
}

/*body.flex .slice .slice-inner {
    width: $content-width-standard + 22;
}*/
.slice-navigation {
  clear: both;
}

#page {
  padding: 0;
}

#page.contentPage {
  /*margin-top: 20px;*/
}

/*.with-management-bar #page {
    margin-top: 64px;
}

.with-management-bar.sticky-control-bar #page {
    margin-top: 104px;
}*/
.sticky-control-bar .sticky-bar-spacer {
  height: 40px;
}

.sticky-control-bar.with-catalogue-sync .sticky-bar-spacer {
  height: 160px;
}
@media (max-width: 1000px) {
  .sticky-control-bar.with-catalogue-sync .sticky-bar-spacer {
    height: 127px;
  }
}

#headerSection {
  margin: 0 22px;
}

.cw-variable #headerSection {
  margin: 0;
  padding: 0 !important;
}

#headerSection #contentAreaHeader {
  min-height: 40px;
}

/*
#contentAreaNavigation {
    margin: 0 22px;
}*/
html .sectionWidthStandard #pageTitle h1 #manageBodyContent #pageTitle h1,
h1.pageHeading {
  font-size: 30px;
  display: inline-block;
}

html .sectionWidthStandard #pageTitle .pageTitleButtons,
#manageBodyContent #pageTitle .pageTitleButtons {
  display: inline-block;
  margin-left: 5px;
}

#innerPageColumns:before, #innerPageColumns:after {
  content: "";
  display: table;
  width: 0;
}
#innerPageColumns:after {
  clear: both;
}

#innerPageRight {
  display: block;
  margin-left: 187px;
}

#bodySection {
  display: block;
}
#bodySection #contentAreaBody,
#bodySection #contentAreaProductBody {
  width: 100%;
}

#leftSection {
  float: left;
  display: block;
  width: 165px;
}

#rightSection {
  width: 165px;
  float: right;
  display: block;
}

#rightSectionMobile {
  position: absolute;
  left: -10px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  display: none;
}

/* No Left Panel */
.contentPageNoLeftPanel #innerPageRight {
  width: 100%;
  margin-left: 0;
}

/* No Right Panel */
.contentPageNoRightPanel #bodySection {
  width: 100%;
}

/* No Panels */
.contentPageNoPanels #bodySection,
.contentPageNoPanels #innerPageRight {
  width: 100%;
  margin-left: 0;
}

#topNavigation {
  margin: 0 20px;
}

#bottomSection {
  clear: both;
}

#pageTitle {
  padding: 11px 0;
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
}
#pageTitle.align-left {
  text-align: left;
}
#pageTitle.align-center {
  text-align: center;
}
#pageTitle.align-right {
  text-align: right;
}
.fgc-inverse #pageTitle h1 {
  color: #fff;
}

h1.pageHeading {
  margin-bottom: 0.333em;
}

#pageTitleText .pageTitleHidden {
  color: #eee;
}

.pageArea {
  margin: 11px;
}

.contentArea {
  position: relative;
  padding: 11px 0 20px 0;
}
.contentArea > .contentItem > .ia {
  position: relative;
  font-size: 0;
}
.contentArea > .contentItem > .ia > a {
  position: absolute;
  top: -60px;
}
body.with-management-bar .contentArea > .contentItem > .ia > a {
  top: -124px;
}

#contentAreaBody .addProductButton img {
  margin: 10px 0 14px;
}

#bodySection > div.notificationBlock {
  margin: 11px;
}

.inFlowContentArea .contentArea {
  padding-bottom: 0px;
}

.bodyEdit .inFlowContentArea .contentArea {
  padding-bottom: 1px;
}

.itemArea, .masterItemArea {
  margin-bottom: 20px;
}
.itemArea.item-blank, .masterItemArea.item-blank {
  margin-bottom: 0;
}

.itemAreaLast, .masterItemAreaLast {
  margin-bottom: 0px;
}

ul.navTabs {
  position: relative;
  top: 1px;
}

ul.navTabs li {
  float: left;
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 10px;
  height: 36px;
}

ul.navTabs li a {
  display: block;
  padding: 8px 14px;
  background-color: #ddd;
  font-size: 18px;
  font-weight: var(--legacy-bold);
  height: 20px;
  border-radius: 5px;
  border: solid 1px #6e6e6e;
  color: #fff;
  text-decoration: none;
  background: #808080; /* Old browsers */
  background-repeat: repeat-x;
  /*background: -moz-linear-gradient(top, #28376e 0%, #5b6791 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28376e), color-stop(100%,#5b6791));
  background: -webkit-linear-gradient(top, #28376e 0%,#5b6791 100%); 
  background: -o-linear-gradient(top, #28376e 0%,#5b6791 100%); 
  background: -ms-linear-gradient(top, #28376e 0%,#5b6791 100%); 
  background: linear-gradient(top, #28376e 0%,#5b6791 100%); 
  */
}

ul.navTabs li.current {
  padding-bottom: 0;
  height: 44px;
}

ul.navTabs li.current a {
  background: none;
  background-color: #fff;
  color: #28376e;
  border: solid 1px #d7d7d7;
}

/*========================================================*/
/* Exceptions */
/*========================================================*/
.exception-box {
  margin: 40px auto 0 auto;
  max-width: 400px;
  padding: 35px;
  border: 1px solid #e6e6e6;
}
.exception-box h1 {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #464646;
  font-style: normal !important;
}
.exception-box p {
  font-size: 14px;
  margin: 10px 0;
}

.styled-radio-checkbox input[type=checkbox]:not(old),
.styled-radio-checkbox input[type=radio]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
  cursor: pointer;
}
.styled-radio-checkbox input[type=checkbox]:not(old) + label,
.styled-radio-checkbox input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}
.styled-radio-checkbox input[type=checkbox]:not(old) + label > span,
.styled-radio-checkbox input[type=radio]:not(old) + label > span {
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  margin: 0 0.5em 0 0.25em;
  border: 0.0625em solid rgb(192, 192, 192);
  border-radius: 0.25em;
  background: rgb(224, 224, 224);
  vertical-align: bottom;
  box-shadow: inset 2px 2px 5px -2px rgba(0, 0, 0, 0.2);
}
.styled-radio-checkbox input[type=checkbox]:not(old):checked + label > span,
.styled-radio-checkbox input[type=radio]:not(old):checked + label > span {
  background: rgb(240, 240, 240);
}
.styled-radio-checkbox input[type=checkbox]:not(old):checked + label > span:before {
  content: "✓";
  display: block;
  width: 1em;
  color: rgb(153, 204, 102);
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  text-shadow: 0 0 0.0714em rgb(115, 153, 77);
  font-weight: var(--legacy-bold);
}
.styled-radio-checkbox input[type=radio]:not(old):checked + label > span {
  background: rgb(153, 204, 102);
  background-image: -moz-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: -webkit-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
  background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
}

.loginStatus {
  float: right;
  margin: 1px 14px 1px 1px;
  color: #484848;
  position: relative;
  z-index: 2;
}

div.loginGreeting {
  width: 130px;
  text-align: right;
}

.loginStatus div {
  display: inline-block;
  vertical-align: top;
  padding-right: 6px;
}

.cartCouponCodeSection {
  margin-top: 20px;
  margin-bottom: 11px;
  vertical-align: top;
}

.shoppingCartSummary {
  float: right;
}

.shoppingCartSummary .cartButton {
  width: 80px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}

.shoppingCartSummary .cartContents {
  background-position: right top;
  height: 12px;
  display: inline-block;
  padding: 4px 7px;
  vertical-align: top;
  line-height: 13px;
}

.shoppingCartSummary a {
  color: #464646;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0;
  position: relative;
  top: -2px;
  font-size: 13px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
}

#footer {
  color: #666666;
  padding: 3px 2px 18px 1px;
  font-size: var(--fontsize-small);
  padding-top: 19px;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 850px) {
  #footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#footer a, #footer a:hover {
  text-decoration: none;
}
#footer .content-links a {
  color: #666666;
  padding: 0 0 10px;
  white-space: nowrap;
  display: inline-block;
}
#footer .content-links a:last-of-type {
  margin-right: 1rem;
}
#footer .content-links a:hover {
  color: #333333;
}
#footer .social-links {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5em;
}
#footer .social-links > .label {
  margin-right: 0.5em;
  color: #aaa;
}
#footer a.social-link {
  margin-right: 0.5em;
  color: #777;
  font-size: 1.1em;
}
#footer a.social-link:hover {
  color: #333333;
}
#footer a.social-link span {
  position: relative;
  top: 2px;
}
#footer a.social-link div {
  display: none;
}

.siteLinkFooter {
  margin-bottom: -10px;
}
.siteLinkFooter .siteLinkFooterSeperator {
  padding: 0 5px;
  display: inline-block;
  /*@include v2-content {
      display: none;
  }*/
}

.poweredByStorbieFooter {
  text-transform: uppercase;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding-bottom: 9px;
}
@media screen and (max-width: 850px) {
  .poweredByStorbieFooter {
    padding-top: 12px;
  }
}
.poweredByStorbieFooter a {
  color: #666666;
}
.poweredByStorbieFooter a img {
  vertical-align: middle;
  position: relative;
  top: -2px;
  height: 1.2em;
  margin-left: 5px;
  opacity: 0.6;
}
.poweredByStorbieFooter a:hover {
  color: #333333;
}
.poweredByStorbieFooter a:hover img {
  opacity: 0.8;
}

.productGalleryRow {
  overflow: hidden;
}

.button:hover {
  cursor: pointer;
}

/* This is shown, when applicable, in responsive styles */
.mobile-cart {
  display: none;
  margin-top: 22px;
}

/* Shop Search */
.headerInfoLine .shop-search {
  position: relative;
  top: -1px;
  float: right;
  vertical-align: middle;
}

.shop-search-suggestion {
  padding-bottom: 20px;
}
.shop-search-suggestion p {
  padding: 5px 0;
}
.shop-search-suggestion p.search-instead-for {
  font-size: 0.9em;
}
.shop-search-suggestion p em {
  font-weight: var(--legacy-bold);
  font-style: italic;
}

.settingsPage .slice-header {
  padding: 12px 0;
}
.settingsPage #pageTitle h2 {
  padding: 12px 0;
}

.slices-body .shop-search {
  border: 1px solid #e1e1e1;
  position: relative;
  margin: 11px 0;
  padding: 8px;
  background-color: #fff;
}
.slices-body .shop-search .search-field .search-input {
  padding-right: 35px;
  display: block;
}
.slices-body .shop-search .search-field .search-input input {
  border: none;
  background-color: #fff;
  color: #464646;
  vertical-align: top;
  padding: 5px;
  box-sizing: border-box;
  margin-right: 10px;
  width: 100%;
}
.slices-body .btp-t .shop-search {
  margin-top: 60px;
}
.slices-body .btp-t .message-block:not([style*="display: none"]) + .shop-search {
  margin-top: 0;
}
.slices-body .btp-b .shop-search {
  margin-bottom: 60px;
}
.slices-body #pageTitle ~ .shop-search {
  margin-top: 0;
}

.searchFrame, .pagerFrame {
  padding: 22px;
  background-color: #F3F4F4;
}

.shop-search .search-field .search-input {
  box-sizing: border-box;
  padding-right: 30px;
  display: block;
}
.shop-search .search-field .search-input .inField {
  font-size: 18px;
  bottom: 4px;
  pointer-events: none;
}
.shop-search .search-field .search-input label {
  font-size: 13px;
  padding: 6px;
}
.shop-search .search-field .search-input input[type=text] {
  display: block;
  padding: 6px 38px 4px 6px;
  border: none;
  font-size: 18px;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 300;
}
.shop-search .search-field .search-button {
  position: absolute;
  right: 0;
  top: 3px;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-image: url("/common/mobilecontrolpanel/icon-search-2X.png");
  cursor: pointer;
  border: none;
}

#dialog-search .input-row {
  position: relative;
}
#dialog-search .input-row .close-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  color: #333333;
  background: transparent;
  border: none;
  font-size: 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#dialog-search .has-val .search-field {
  margin-bottom: 6px;
  border-bottom: solid 1px #d6d6d6;
}
#dialog-search .has-val .search-suggestion-footer {
  display: block !important;
}
#dialog-search .has-val.keep-open .search-suggestions .ui-autocomplete {
  display: block !important;
}
#dialog-search .has-val.searching .search-suggestions-placeholder li:nth-child(n+3) {
  display: none;
}
#dialog-search .has-val.searching:not(.showing-suggestions):not(.keep-open) .search-suggestions-placeholder {
  display: block !important;
}
#dialog-search .has-val.searching:not(.showing-suggestions):not(.keep-open) .search-suggestions-placeholder .ui-autocomplete li:nth-child(n+3) {
  display: block;
}
#dialog-search .has-val.searching .search-suggestions .ui-autocomplete li:nth-child(n+3):nth-last-child(-n+1),
#dialog-search .has-val.searching .search-suggestions .ui-autocomplete li:nth-child(n+8):nth-last-child(-n+2) {
  display: none;
}
#dialog-search .has-val.searching .search-suggestions-placeholder {
  display: block !important;
}
#dialog-search .no-val ul.ui-autocomplete {
  display: none !important;
}
#dialog-search .ui-autocomplete {
  width: 100% !important;
  box-sizing: border-box;
  text-align: left;
  padding: 0 12px !important;
  position: static !important;
  left: unset !important;
  top: unset !important;
  border: none !important;
}
#dialog-search .ui-autocomplete .ui-menu-item {
  border: none;
  font-size: var(--fontsize-small);
  border: none !important;
  padding: 0;
  border-radius: 3px !important;
}
#dialog-search .ui-autocomplete .ui-menu-item.placeholder {
  color: transparent;
}
#dialog-search .ui-autocomplete .ui-menu-item.placeholder span {
  display: block;
  background-color: #f5f5f5;
  margin: 0.5em;
  height: 14px;
  border-radius: 7px;
}
#dialog-search .ui-autocomplete .ui-menu-item a {
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #464646;
  cursor: pointer;
}
#dialog-search .ui-autocomplete .ui-menu-item.ui-state-focus, #dialog-search .ui-autocomplete .ui-menu-item.ui-state-hover {
  background: #f5f5f5;
  font-weight: var(--body-default-weight);
}
#dialog-search .ui-autocomplete .ui-menu-item.ui-state-focus a, #dialog-search .ui-autocomplete .ui-menu-item.ui-state-focus a:hover, #dialog-search .ui-autocomplete .ui-menu-item.ui-state-hover a, #dialog-search .ui-autocomplete .ui-menu-item.ui-state-hover a:hover {
  color: #464646;
}
#dialog-search a.all-results-button {
  display: block;
  margin: 0 12px 7px;
  padding: 7px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--fontsize-small);
  border-radius: 3px !important;
}
#dialog-search a.all-results-button:hover {
  background-color: #e9f5f9;
}
#dialog-search .shop-search .search-field .search-input {
  padding: 0;
  position: relative;
}
#dialog-search .shop-search .search-field .search-input label {
  display: none !important;
}
#dialog-search .shop-search .search-field .search-input input[type=text] {
  height: 60px;
  box-sizing: border-box;
  padding: 2px 60px 3px;
  width: 100%;
  outline: none;
}
#dialog-search .shop-search .search-field .search-button {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  width: 60px;
  height: 60px;
  opacity: 0.75;
  background-size: 60px 60px;
  background-repeat: no-repeat;
}
#dialog-search .shop-search .search-field .search-button:hover {
  opacity: 1;
}

.shop-search-summary {
  background-color: #f0f0f0;
  padding: 15px;
  margin-bottom: 30px;
}

.searchFrame .pager, .pagerFrame .pager {
  float: right;
}

.searchFrame .pager {
  margin-top: 3px;
}

.searchResults .noSearchResults {
  margin-top: 22px;
  padding: 22px;
  background-color: #F3F4F4;
  color: #464646;
}

.searchResults .pagerFrame {
  margin-top: 22px;
}

.pagerFrame {
  height: 22px;
}

.pager .previousButton {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.pager .nextButton {
  float: left;
  margin-left: 3px;
}

.pager .page {
  display: block;
  float: left;
  background-color: #e3e3e3;
  color: #000;
  width: 18px;
  height: 17px;
  margin-left: 1px;
  text-align: center;
  padding-top: 3px;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}

.pager .currentPage, .pager a.currentPage:hover {
  background-color: transparent !important;
}

/* Add to cart page */
@media (max-width: 700px) {
  .addToCartFull {
    font-size: 0.9em;
  }
}
.addToCartFull .addToCartSubheading {
  font-size: 1.5em;
  color: #484848;
  margin: 0.5em 0;
}
.addToCartFull .addToCartMobileOnly {
  display: none;
}
.addToCartFull table.productOptionsTable {
  width: 100%;
  background-color: #fff;
  margin: 20px 0 0 0;
}
.addToCartFull table.productOptionsTable tr td {
  padding: 5px;
  border-top: 1px solid #d8d8d8;
  text-align: left;
}
.addToCartFull table.productOptionsTable tr td.optionPrice {
  font-weight: var(--legacy-bold);
  color: #072561;
  text-align: right;
}
.addToCartFull table.productOptionsTable tr td.select {
  font-size: 1.2em;
  width: 40px;
}
.addToCartFull table.productOptionsTable tr .productOptionValue {
  display: inline-block;
  margin: 5px 5px 5px 0;
  color: #767676;
  min-width: 150px;
}
@media (max-width: 700px) {
  .addToCartFull table.productOptionsTable tr .productOptionValue {
    display: block;
    min-width: 0;
  }
}
.addToCartFull table.productOptionsTable tr .productOptionValue strong {
  color: #000;
}
.addToCartFull .productOptions {
  padding-top: 10px;
}
.addToCartFull .productOptions .option {
  margin: 10px 10px 10px 0;
}
.addToCartFull .optionTitle {
  text-transform: uppercase;
}
.addToCartFull .productOptions select {
  width: 270px;
}
.addToCartFull .quantity {
  margin: 10px 10px 10px 0;
  width: auto;
}
.addToCartFull .quantity input {
  padding: 4px;
}
.addToCartFull .selectButton {
  background-color: #072561;
  font-weight: var(--legacy-bold);
  text-transform: uppercase;
  padding: 4px 5px;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}
.addToCartFull .selectUnavailable {
  color: #999;
}

/* Contact Form */
.shopContactForm .shopContactFormInner {
  border: solid 14px #f5f5f5;
}
.shopContactForm table {
  width: 100%;
  background-color: #f5f5f5;
  color: #464646;
}
.shopContactForm table td {
  vertical-align: top;
  padding: 5px 3px;
}
.shopContactForm table td.label {
  padding-top: 14px;
  width: 150px;
}
.shopContactForm table td.button {
  padding-top: 10px;
  text-align: right;
}
.shopContactForm table td input,
.shopContactForm table td textarea {
  width: 100%;
}
.shopContactForm table td input[type=text], .shopContactForm table td input[type=password], .shopContactForm table td input[type=number], .shopContactForm table td input[type=date], .shopContactForm table td textarea, .shopContactForm table td select {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
}
.shopContactForm table td .recaptcha {
  float: right;
}

/* Message Pages */
.message-page {
  color: #484848;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}
.message-page h1 {
  font-size: 30px;
  margin-bottom: 25px;
  color: #464646;
}
.message-page h2 {
  font-size: 18px;
  margin: 6px 0 17px 0;
}
.message-page p {
  font-size: 14px;
  margin: 0 0 23px 0;
  line-height: 1.4;
}
.message-page p.footnote {
  font-size: 14px;
  margin-top: 15px;
}
.message-page ul li {
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 10px;
}
.message-page ul {
  margin-bottom: 20px;
}
.message-page .button {
  color: white !important;
  height: 24px;
  line-height: 24px;
  background-color: var(--primary-color);
  font-size: 13px;
}
.message-page .button:hover {
  background: var(--primary-color-rollover);
}
.message-page .button:focus-visible {
  outline: 1px auto;
}

/* Error Pages */
.errorPage {
  background-color: #f0f0f0;
  border: solid 1px #e1e1e1;
  padding: 61px 20px;
  text-align: center;
  color: #484848;
}

.errorPageContent {
  max-width: 512px;
  margin: 0 auto;
  width: 100%;
}

.errorPage h1 {
  font-size: 50px;
  margin: 0;
}

.errorPage h2 {
  font-size: 18px;
  margin: 1em 0 1em 0;
}

.errorPage p {
  font-size: 14px;
  margin: 0 0 1.5em 0;
  line-height: 1.4;
}

.errorPage p.footnote {
  font-size: 14px;
  margin-top: 15px;
}

/* PayPal */
.paypalInformationArea {
  background-color: #f5f5f5;
  width: 897px;
  text-align: center;
  padding: 55px 20px;
  color: #484848;
  font-weight: var(--legacy-bold);
  line-height: 1.5;
}

.paypalInformationArea .ppiaSmallfishLogo {
  padding-top: 40px;
}

.paypalInformationArea .ppiaMessage {
  padding: 5px 80px;
}

.paypalInformationArea .ppiaButton {
  padding-top: 30px;
}

/*============================================*/
/* Content Tabs */
/*============================================*/
.shop .shop-tabs {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
}
.shop .shop-tabs .shop-tab {
  padding: 0 10px 10px 10px;
  display: inline-block;
  margin-bottom: -2px;
}
.shop .shop-tabs .shop-tab a {
  font-size: 1.1em;
  text-decoration: none;
  cursor: pointer;
}
.shop .shop-tabs .shop-tab.selected {
  /*border-bottom: 2px solid red;
  font-weight: 600;*/
}

/*============================================*/
/* Notifications */
/*============================================*/
.shop .notificationSection {
  margin: 11px 0 0 0;
}

.shop .termsConditionsSection {
  margin: -9px 11px 20px 11px;
}

.shop .notificationBlock {
  background-repeat: repeat-x;
  color: #fff;
  border-radius: 3px;
  padding: 14px;
  line-height: 1.5;
}

.shop .notificationBlock:not(:last-child) {
  margin-bottom: 11px;
}

.shop .notificationBlock a {
  color: #fff;
}

.shop .outOfOffice {
  font-size: 15px;
  text-align: center;
}

.shop .successNotification .notificationText,
.shop .missingRequiredFieldValue .notificationText,
.shop .invalidFieldValue .notificationText,
.shop .errorNotification .notificationText,
.shop .failureNotification .notificationText,
.shop .acceptTermsMessage .notificationText {
  margin-left: 3px;
  padding: 3px 0 3px 37px;
  background-repeat: no-repeat;
  background-position: left;
}

.shop .successNotification .notificationText {
  background-image: url(/common/icon-tick-medium.png);
}

.shop .invalidFieldValue .notificationText,
.shop .errorNotification .notificationText,
.shop .failureNotification .notificationText,
.shop .acceptTermsMessage .notificationText {
  background-image: url(/common/icon-alert-medium.png);
}

.shop .acceptTermsMessage .notificationText {
  font-size: 18px;
}

.shop .notificationInlineButton {
  position: relative;
  left: 5px;
  top: 5px;
  vertical-align: baseline;
}

.shop .notificationMainButton {
  margin-top: 12px;
}

.shop .missingRequiredFieldValue .notificationText {
  background-image: url(/common/icon-validation-mandatory-medium.png);
}

/* Borders */
.bordersNone img,
.bordersThin img,
.bordersGradient img {
  width: 100%;
  display: block;
}

.bordersThin .bordersApply {
  border: solid 1px #d7d7d7;
  padding: 1px;
  display: block;
}

.bordersThin .borderIndent {
  padding: 2px;
}

.bordersGradient .bordersApply {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 98%);
  background-size: 1px 200px;
  background-repeat: repeat-x;
  background-position: top left;
  padding: 8px 8px 0 8px;
}
.bordersGradient .bordersApply .bordersApplyInner {
  border: solid 1px #d7d7d7;
  padding: 1px;
  display: block;
}
.fgc-inverse .bordersGradient .bordersApply {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 98%);
}

.bordersGradient .borderIndent {
  padding: 5px 10px 10px 10px;
}

/* Contact Form */
.shopContactForm .notificationSection {
  margin: 10px 0 20px !important;
}

.editCartTitle {
  margin-top: 22px;
}

.fullPageBody {
  padding: 10px;
}

.imageCaption {
  background-image: url(/common/icon-captionarrow-xsmall.png);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 18px !important;
  font-style: italic;
  font-size: 0.875em;
}

.bordersNone .imageCaption {
  background-position: 3px 5px;
  padding-top: 2px;
}

.bordersThin .imageCaption {
  background-position: 3px 3px;
}

.bordersGradient .imageCaption {
  background-position: 3px 3px;
  margin-top: -2px;
}

.charityFooter {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  background-image: url(../../common/chalkboard-background-blue-2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #117f9a;
  padding-right: 22px;
  margin-bottom: 30px;
  color: #484848;
  line-height: 1.5;
  font-size: 14px;
}
.charityFooter .charityFooterLogo {
  display: inline-block;
  padding: 35px 15px 35px 35px;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
}
.charityFooter .charityFooterLogo img {
  width: 217px;
  height: 45px;
  display: block;
  max-width: 100%;
}
.charityFooter .charityFooterText {
  width: 440px;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  box-sizing: border-box;
  color: #fff;
  padding-top: 27px;
  font-size: 20px;
}
.charityFooter .charityFooterText .charityFooterTopLine {
  font-weight: 400;
}
.charityFooter .charityFooterText .charityFooterMiddleLine {
  font-style: italic;
  font-weight: 300;
}
.charityFooter .charityFooterMoreLink {
  display: inline-block;
  vertical-align: top;
  width: 188px;
  max-width: 100%;
  box-sizing: border-box;
  padding-top: 36px;
  text-align: right;
}
.charityFooter .charityFooterMoreLink a {
  background-color: #65d3f0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0089a7 0, #17aacc 100%) repeat scroll 0 0;
  border: none;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 22px;
  font-weight: 400;
  line-height: 38px;
  padding: 4px 1em;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.33);
}
.charityFooter .charityFooterMoreLink a:hover {
  background-color: #46caee;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff842c 0, #ed5e0e 100%) repeat scroll 0 0;
}
.charityFooter .charityFooterMoreLink a:hover {
  color: #b0cc29;
}

/* Search navigation bar */
#searchNavBar {
  width: 960px;
  height: 110px;
  background-image: url(/home2/chalkboard.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 4px 0 0 0;
  position: relative;
}

#searchNavBarWrapper {
  position: relative;
  width: 100%;
  margin: 0;
  background-color: #000;
}

a.searchNavBarSmallfishLink {
  display: block;
  position: absolute;
  left: 0px;
  top: 25px;
  height: 55px;
  width: 380px;
  border: 0;
  outline: 0;
}

#searchNavBarReturnLink {
  position: absolute;
  left: 398px;
  top: 44px;
}

#searchNavBarSearchBox {
  position: absolute;
  right: 0;
  top: 44px;
}

#searchNavBarSearchBox .textInput {
  color: #fff;
  background-color: #303030;
  border: solid 1px #4f4f4f;
  padding: 4px 6px;
  width: 172px;
}

#searchNavBarSearchBox .goButton {
  vertical-align: top;
  position: relative;
  left: -3px;
  padding-top: 5px;
}

#searchNavBarHideButton {
  position: absolute;
  right: 2px;
  top: 15px;
}

#searchNavBar a.button {
  white-space: nowrap;
  padding: 0 1em;
  border: none;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  line-height: 39px;
  height: 42px;
  vertical-align: bottom;
  margin: 0;
  background: #65d3f0;
  background: linear-gradient(to bottom, #65d3f0 0%, #28aacd 100%);
}

#searchNavBar a.button:hover {
  background: #46caee;
  background: linear-gradient(to bottom, #46caee 0%, #65d3f0 100%);
  color: #fff;
}

#searchNavBar a.buttonSmall {
  font-size: 1em;
  line-height: 26px;
  height: 26px;
}

#searchNavBar button {
  vertical-align: middle;
  background: linear-gradient(to bottom, #9fbd28 0%, #8dab23 82%, #8caa23 100%);
  background-color: #96b229;
  background-image: url(/home2/icon-magnifyingglass.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  border-radius: 4px;
  margin-left: 2px;
  width: 30px;
  height: 26px;
  font-size: 0.75em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.noscript {
  text-align: center;
  padding: 6px 0;
  background-color: #aa0000;
  color: #fff;
  font-weight: var(--legacy-bold);
}

.postfix {
  font-size: 0.8em;
  font-weight: normal;
}

.explicitTermsSummaryPanel {
  margin-bottom: 2px;
  margin-top: 0.5em;
}

a.pageTitleVisibilityButton {
  display: inline-block;
  margin-left: 6px;
  position: relative;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

a.pageTitleVisibilityButton img {
  display: block;
}

a.mobilePreviewButton {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #666;
  font-size: 20px;
  font-weight: var(--legacy-bold);
  text-align: center;
  opacity: 0.5;
  z-index: 100;
}

a.mobilePreviewButton:hover {
  opacity: 1;
  color: #fff;
}

input.product-quantity {
  width: 28px;
  text-align: center;
  -moz-appearance: textfield;
  border-radius: 3px;
}
input.product-quantity::-webkit-outer-spin-button, input.product-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.product-quantity img {
  position: relative;
  top: 4px;
  margin-left: 2px;
}

.product-quantity-selector {
  position: relative;
  width: 100%;
  max-width: 10em;
}
.product-quantity-selector input.product-quantity {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  box-sizing: border-box;
  grid-area: 1/1/1/4;
  -moz-appearance: textfield;
}
.product-quantity-selector input.product-quantity::-webkit-outer-spin-button, .product-quantity-selector input.product-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-quantity-selector .increase-quantity,
.product-quantity-selector .decrease-quantity {
  font-size: 1.5em;
  height: 100%;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  top: 0;
  z-index: 1;
  opacity: 0.3;
  position: absolute;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-quantity-selector .increase-quantity:not(.disabled):hover,
.product-quantity-selector .decrease-quantity:not(.disabled):hover {
  opacity: 1;
  cursor: pointer;
}
.product-quantity-selector .increase-quantity {
  right: 0;
  z-index: 2;
}
.product-quantity-selector .decrease-quantity {
  left: 0;
  z-index: 2;
}

.cart .cartBoxInner p {
  padding-top: 14px;
  color: #767676;
  font-size: 0.9em;
}
.cart .cartShopHeader {
  display: none;
}
.cart .cartShopHeader a {
  text-decoration: none;
}
.cart .cart-quantity-changed-message {
  display: none;
  padding: 20px;
  margin: 20px 0;
  background-color: #fff3f3;
  color: #664444;
}
.cart .location-stock-warning {
  display: none;
  padding: 20px;
  margin: 20px 0;
  background-color: #f1f0f0;
  color: #464646;
  font-weight: 600;
}
.cart .location-stock-warning p {
  margin-bottom: 1em;
}
.cart .shipping-estimate-message {
  font-size: 0.8em;
}
.cart .cart-ways-to-pay {
  text-align: right;
  margin-top: 20px;
}
.cart .cart-table {
  line-height: 1.3333em;
  display: table;
  width: 100%;
  color: #464646;
}
.cart .cart-table th, .cart .cart-table td {
  padding: 1em 0 1em 0.25em;
  border-top: solid 1px #dfdfdf;
}
.cart .cart-table th.productDetails, .cart .cart-table td.productDetails {
  width: 48%;
}
.cart .cart-table th.productPerUnit, .cart .cart-table td.productPerUnit {
  width: 13%;
}
.cart .cart-table th.productQuantity, .cart .cart-table td.productQuantity {
  width: 13%;
}
.cart .cart-table th.productCost, .cart .cart-table td.productCost {
  width: 13%;
}
.cart .cart-table th.productRemove, .cart .cart-table td.productRemove {
  width: 13%;
}
.cart .cart-table th.rightAlign, .cart .cart-table td.rightAlign {
  text-align: right;
}
.cart .cart-table th {
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
  white-space: nowrap;
  border-top: none;
  color: #666666;
  font-size: 12px;
}
.cart .cart-table th.number,
.cart .cart-table td.number {
  padding-right: 0;
  padding-left: 0.25em;
  text-align: right;
  width: 5em;
}
.cart .cart-table td.line-item-description {
  text-align: right;
  text-transform: uppercase;
  color: #666666;
}
.cart .cart-table .line-items tr:last-child td span {
  font-size: 1.2em;
}
.cart .cart-table tr.product-invalid .productTextLink,
.cart .cart-table tr.product-invalid .productUnitCost,
.cart .cart-table tr.product-invalid .productQuantity,
.cart .cart-table tr.product-invalid .productCost {
  color: #CF290C;
  text-decoration: line-through;
}
.cart .cart-table tr.product-invalid .productTextLink a,
.cart .cart-table tr.product-invalid .productUnitCost a,
.cart .cart-table tr.product-invalid .productQuantity a,
.cart .cart-table tr.product-invalid .productCost a {
  color: #CF290C;
  text-decoration: line-through;
}
.cart .cart-table tr.product-invalid .productDetailsOptionError {
  color: #CF290C;
}
.cart .cart-table tr.product-invalid .productDetailsOptionError .productDetailsOptionErrorMessage {
  background-color: #CF290C;
  color: white;
  padding: 2px 5px;
}
.cart .cart-table tr.product-invalid .productDetailsOptionError .productDetailsOptionEdit {
  padding-left: 5px;
  display: inline-block;
  color: white;
}
.cart .cart-table .cartProductMobileRemove {
  display: none;
  margin: 1em 0;
}
.cart .cart-table .product-hide-cost td.productUnitCost .productUnitCostCost,
.cart .cart-table .product-hide-cost td.productCost,
.cart .cart-table .product-hide-cost td.productDiscount {
  visibility: hidden;
}
.cart .cart-table .mobileName {
  display: none;
  text-transform: uppercase;
}
.cart .cart-table .productDetailsText > a {
  display: inline-block;
  margin-bottom: 0.5em;
}
.cart .cart-table .productDetailsCostText {
  font-size: 0.9em;
  font-weight: 600;
}
.cart .cart-table .productDetailsOption {
  font-size: 0.9em;
  color: #464646;
}
.cart .cart-table .productDetailsOption label {
  text-transform: uppercase;
  font-size: 0.8em;
  padding-right: 0.3em;
}
.cart .cart-table .productDetailsOption.upload-img {
  font-size: 0.9em;
  color: #464646;
  flex-flow: row wrap;
  display: flex;
}
.cart .cart-table .productDetailsOption.upload-img label {
  text-transform: uppercase;
  font-size: 0.8em;
  padding-right: 0.3em;
  width: 100%;
}
.cart .cart-table .productDetailsOption.upload-img img {
  height: 100px;
}
.cart .cart-table .productDetailsPhoto {
  float: left;
  display: none;
}
.cart .cart-table .productHasImage .productDetailsPhoto {
  display: block;
  margin-bottom: 6px;
}
.cart .cart-table .productHasImage .productDetailsText {
  margin-left: 115px;
}
.cart .cart-table.productCartNoImages .productDetailsText {
  margin-left: 0 !important;
}
.cart .showAvailabilityMessage td p {
  padding-top: 5px;
}
.cart .showAvailabilityMessage .productCost span,
.cart .showAvailabilityMessage .productCost a,
.cart .showAvailabilityMessage .productRemove span,
.cart .showAvailabilityMessage .productRemove a {
  display: inline-block;
  position: relative;
  bottom: -25px;
}
.cart .showAvailabilityMessage .productQuantity .product-quantity-locked {
  color: #ff0000;
  text-decoration: line-through;
}
.cart .availability-message,
.cart .mobile-availability-message {
  font-size: var(--fontsize-xsmall);
  min-width: 10ch;
  color: #CF290C;
}
.cart .mobile-availability-message {
  display: none;
  padding-right: 40px;
}
.cart .cartLineItems:before, .cart .cartLineItems:after {
  content: "";
  display: table;
  width: 0;
}
.cart .cartLineItems:after {
  clear: both;
}
.cart .cartLineItems .cartLineItemTable {
  width: 100%;
  margin-top: -5px;
}
.cart .cartLineItems .cartLineItemTable th.cartLineItemCell {
  border-bottom: solid 1px #e8e7e7;
  padding: 14px 7px 14px 0;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 300;
  text-align: right;
  color: #666666;
  vertical-align: middle;
}
.cart .cartLineItems .cartLineItemTable td.cartLineItemCell {
  border-bottom: solid 1px #e8e7e7;
  padding: 5px;
  color: #464646;
  text-align: right;
  vertical-align: middle;
}
.cart .cartLineItems .cartLineItemTable tr.typeGrandTotal th.cartLineItemCell, .cart .cartLineItems .cartLineItemTable tr.typeGrandTotal td.cartLineItemCell {
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cart .cartLineItems .cartLineItemTable tr.typeGrandTotal td.cartLineItemCell {
  font-weight: var(--legacy-bold);
}
.cart .checkoutButton {
  color: white !important;
  height: 39.1px;
  line-height: 39.1px;
  background-color: var(--primary-color);
  font-size: 17px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 39.1px;
  height: auto;
  line-height: 1.1;
  white-space: normal;
  padding-top: 0.333em;
  padding-bottom: 0.333em;
}
.cart .checkoutButton:hover {
  background: var(--primary-color-rollover);
}
.cart .checkoutButton:focus-visible {
  outline: 1px auto;
}
.cart .checkoutButton {
  box-sizing: border-box;
  margin-top: 1em;
  width: 100%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.buttonCapitalisationUppercase .cart .checkoutButton {
  text-transform: uppercase;
}
.cart .fetchingCartMessage {
  padding-bottom: 40px;
  color: #767676;
}
.cart .secureTransactionMessage {
  box-sizing: border-box;
  margin-top: 1em;
  margin-bottom: 5px;
  width: 100%;
  float: right;
  font-size: 1.3em;
  text-align: center;
  margin-top: 1em;
  font-style: italic;
}
.cart .secureTransactionMessage span {
  display: inline-block;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: left 3px;
}
.cart .cartBoxes:before, .cart .cartBoxes:after {
  content: "";
  display: table;
  width: 0;
}
.cart .cartBoxes:after {
  clear: both;
}
.cart .cartBoxes .cartBoxColumn {
  width: 49%;
}
.cart .cartBoxes .cartBoxColumnRight {
  float: right;
}
.cart .cartBoxes .cartBox {
  background-color: #f1f0f0;
  margin-bottom: 15px;
  color: #464646;
}
.cart .cartBoxes .cartBox .cartBoxInner {
  padding: 15px;
}
.cart .cartBoxes .cartBox .cartBoxTitle {
  font-weight: var(--legacy-bold);
  text-transform: uppercase;
  margin-bottom: 1em;
}
.cart .cartBoxes .field {
  margin: 0.5em 0;
}
.cart .cartBoxes .field label {
  float: left;
  position: relative;
  top: 6px;
}
.cart .cartBoxes .field .fieldControl {
  display: block;
  padding: 0 4px 0 10px;
}
.cart .cartBoxes .field .fieldControl input,
.cart .cartBoxes .field .fieldControl select {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #e3e3e3;
  padding: 5px;
}
.cart .cartBoxes .field .fieldControl input {
  border-radius: 3px;
}
.cart .cartBoxes .shippingCartBox .shippingMethodsSingle .shippingMethod input {
  display: none;
}
.cart .cartBoxes .shippingCartBox .shippingMethodsSingle .shippingMethod .shippingMethodInfo {
  margin-left: 0 !important;
}
.cart .cartBoxes .shippingCartBox .delivery-method-select {
  margin-top: 20px;
}
.cart .cartBoxes .shippingCartBox .shipping-method-validity-message {
  margin: 10px 0;
  color: #CF290C;
}
.cart .cartBoxes .shippingCartBox .shipping-method-validity-message:empty {
  display: none;
}
.cart .cartBoxes .shippingCartBox .shippingMethods {
  margin-top: 1em;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod {
  padding-bottom: 12px;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod input {
  float: left;
  margin-top: 2px;
  cursor: pointer;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod .shippingMethodInfo {
  margin-left: 24px;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod .shippingMethodInfo label {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod .shippingMethodInfo .shippingMethodName {
  font-weight: 600;
}
.cart .cartBoxes .shippingCartBox .shippingMethods .shippingMethod .shippingMethodInfo .shippingMethodDetails {
  display: none;
}
.cart .cartBoxes .shippingCartBox .field label {
  width: 60px;
}
.cart .cartBoxes .shippingCartBox .booking-only-checkout {
  background-color: #efefef;
  padding: 0px 10px 10px 10px;
}
.cart .cartBoxes .shippingCartBox .booking-only-title {
  margin: 0.75em 0 0.75em 0;
  font-weight: var(--legacy-bold);
}
.cart .emptyCart {
  margin-top: 1em;
  padding: 100px 0;
  text-align: center;
  width: 100%;
  background-color: #f6f6f6;
  color: #484848;
}
.cart .emptyCart h2 {
  font-size: 30px;
  margin-bottom: 0.5em;
}
.cart .emptyCart p {
  margin-bottom: 30px;
  font-size: 1.2em;
}
.cart .emptyCart a {
  font-size: var(--fontsize);
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.cart .emptyCart a span {
  vertical-align: middle;
}
.cart .emptyCart a.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.cart .emptyCart a.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.cart .emptyCart a.large {
  font-size: 1.5em;
}
.cart .emptyCart a .verb, .cart .emptyCart a em {
  font-style: italic;
}
.cart .emptyCart a:focus-visible {
  outline: 1px auto;
}
.cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.cart .emptyCart a.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.cart .emptyCart a.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.cart .emptyCart a.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.cart .emptyCart a.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.cart .emptyCart a.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.cart .emptyCart a.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.cart .emptyCart a.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.cart .emptyCart a.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.cart .emptyCart a.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.cart .emptyCart a.on-dark, .bgc-dark .cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.cart .emptyCart a.on-dark:hover, .bgc-dark .cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .cart .emptyCart a.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .cart .emptyCart a.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .cart .emptyCart a.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .cart .emptyCart a.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .cart .emptyCart a.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .cart .emptyCart a.on-dark, .bgc-dark .buttonStyleGradient .cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .cart .emptyCart a.on-dark:hover, .bgc-dark .buttonStyleGradient .cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.disabled, .buttonStyleOutline .cart .emptyCart a.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .cart .emptyCart a.on-dark, .bgc-dark .buttonStyleOutline .cart .emptyCart a {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .cart .emptyCart a.on-dark:hover, .bgc-dark .buttonStyleOutline .cart .emptyCart a:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.cart .emptyCart a {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.cart.no-country-select .no-shipping-info {
  display: none;
}

#checkoutPage .cartCodes,
.cart .cartBoxes .cartCodes {
  container-name: couponEntry;
  container-type: inline-size;
}
#checkoutPage .cartCodes .field,
.cart .cartBoxes .cartCodes .field {
  margin: 0;
  color: #464646;
  display: grid;
  gap: 0.5rem;
  grid-template-areas: "label field button";
  grid-auto-columns: auto 1fr auto;
  grid-auto-rows: auto;
  align-items: center;
}
@container couponEntry (max-width: 400px) {
  #checkoutPage .cartCodes .field,
  .cart .cartBoxes .cartCodes .field {
    grid-template-areas: "label label" "field button";
    grid-auto-columns: 1fr auto;
  }
}
#checkoutPage .cartCodes .field label,
.cart .cartBoxes .cartCodes .field label {
  grid-area: label;
  white-space: nowrap;
  position: static;
  top: 0;
  margin-right: 0.5em;
  margin-bottom: 0;
}
#checkoutPage .cartCodes .field .fieldControl,
.cart .cartBoxes .cartCodes .field .fieldControl {
  grid-area: field;
  display: block;
  padding: 0;
  height: 100%;
}
#checkoutPage .cartCodes .field .fieldControl input,
.cart .cartBoxes .cartCodes .field .fieldControl input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #aaa;
  padding: 5px;
  border-radius: 3px;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton {
  grid-area: button;
  color: white !important;
  height: 28px;
  line-height: 28px;
  background-color: var(--primary-color);
  font-size: 11px;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton:hover,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton:focus-visible,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton:focus-visible {
  outline: 1px auto;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton {
  position: relative;
  padding-left: 1em;
  padding-right: 1em;
}
.buttonCapitalisationUppercase #checkoutPage .cartCodes .field .applyVoucherCouponButton,
.buttonCapitalisationUppercase .cart .cartBoxes .cartCodes .field .applyVoucherCouponButton {
  text-transform: uppercase;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton.applying,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton.applying {
  pointer-events: none;
  color: transparent;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton.applying:after,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton.applying:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/common/loader-white.svg);
  background-size: auto 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
#checkoutPage .cartCodes .field .applyVoucherCouponButton.applying span,
.cart .cartBoxes .cartCodes .field .applyVoucherCouponButton.applying span {
  visibility: hidden;
}
#checkoutPage .cartCodes .codeMessage,
.cart .cartBoxes .cartCodes .codeMessage {
  display: none;
  margin: 10px 0 15px 0;
  border: solid 1px #778;
  background-color: #f9f9f9;
  color: #223;
  border-radius: 5px;
  padding: 10px;
}
#checkoutPage .cartCodes .codeApplied,
.cart .cartBoxes .cartCodes .codeApplied {
  border: solid 1px #ccc;
  padding: 15px;
  line-height: 1.5;
  background-color: #f9f9f9;
  border-radius: 5px;
  margin-top: 15px;
}
#checkoutPage .cartCodes .codeApplied .appliedCodeDescription,
#checkoutPage .cartCodes .codeApplied .appliedCodeCode,
.cart .cartBoxes .cartCodes .codeApplied .appliedCodeDescription,
.cart .cartBoxes .cartCodes .codeApplied .appliedCodeCode {
  color: #56c137;
  font-size: 1.1em;
}
#checkoutPage .cartCodes .codeApplied .appliedCodeDescription label,
#checkoutPage .cartCodes .codeApplied .appliedCodeCode label,
.cart .cartBoxes .cartCodes .codeApplied .appliedCodeDescription label,
.cart .cartBoxes .cartCodes .codeApplied .appliedCodeCode label {
  font-weight: bold;
}
#checkoutPage .cartCodes .codeApplied .appliedCodeDetails,
.cart .cartBoxes .cartCodes .codeApplied .appliedCodeDetails {
  margin-top: 15px;
}

.contentAreaCartFooter,
.contentAreaCheckoutFormFooter {
  clear: both;
}

.multipleCarts .cart:before, .multipleCarts .cart:after,
.multipleCarts .multipleCartEmptyCart:before,
.multipleCarts .multipleCartEmptyCart:after {
  content: "";
  display: table;
  width: 0;
}
.multipleCarts .cart:after,
.multipleCarts .multipleCartEmptyCart:after {
  clear: both;
}
.multipleCarts .cart,
.multipleCarts .multipleCartEmptyCart {
  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.12);
  margin: 25px 0 50px 0;
}
.multipleCarts .cart .cartContent,
.multipleCarts .multipleCartEmptyCart .cartContent {
  padding: 15px 20px 10px;
}
.multipleCarts .cart .cartContent:before, .multipleCarts .cart .cartContent:after,
.multipleCarts .multipleCartEmptyCart .cartContent:before,
.multipleCarts .multipleCartEmptyCart .cartContent:after {
  content: "";
  display: table;
  width: 0;
}
.multipleCarts .cart .cartContent:after,
.multipleCarts .multipleCartEmptyCart .cartContent:after {
  clear: both;
}
.multipleCarts .cart .cartContent.emptyCartContent,
.multipleCarts .multipleCartEmptyCart .cartContent.emptyCartContent {
  font-size: 1.2rem;
  margin: 0 0 1em 0;
}
.multipleCarts .cart .cartShopHeader,
.multipleCarts .multipleCartEmptyCart .cartShopHeader {
  display: block;
}
.multipleCarts .cart .cartBoxes .cartBoxColumnRight .cartBox,
.multipleCarts .multipleCartEmptyCart .cartBoxes .cartBoxColumnRight .cartBox {
  background-color: transparent;
}
.multipleCarts .cart .cartBoxes .cartBoxColumnRight .cartBox .cartBoxInner,
.multipleCarts .multipleCartEmptyCart .cartBoxes .cartBoxColumnRight .cartBox .cartBoxInner {
  padding-right: 0;
}
.multipleCarts .cart .cartBoxes .cartBoxColumnRight .cartBox .checkoutButton,
.multipleCarts .multipleCartEmptyCart .cartBoxes .cartBoxColumnRight .cartBox .checkoutButton {
  width: auto;
}
.multipleCarts .cart .cartBoxes .cartBoxColumnRight .cartBox .secureTransactionMessage,
.multipleCarts .multipleCartEmptyCart .cartBoxes .cartBoxColumnRight .cartBox .secureTransactionMessage {
  text-align: right;
}

.multipleCarts {
  min-height: 250px;
}
.multipleCarts.cartsLoading, .multipleCarts.cartsEmpty, .multipleCarts.cartsError {
  background-color: #f5f5f5;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.12);
  margin: 25px 0 50px 0;
}
.multipleCarts.cartsLoading:after, .multipleCarts.cartsEmpty:after, .multipleCarts.cartsError:after {
  display: block;
}
.multipleCarts.cartsLoading:after,
.multipleCarts.cartsLoading .cart-message, .multipleCarts.cartsEmpty:after,
.multipleCarts.cartsEmpty .cart-message, .multipleCarts.cartsError:after,
.multipleCarts.cartsError .cart-message {
  color: #000;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  color: #888;
  font-size: 1.2rem;
  font-weight: 300;
}
.multipleCarts.cartsLoading {
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
}
.multipleCarts.cartsLoading:after {
  content: "Fetching your carts";
  padding-top: 30px;
}
.multipleCarts .cart-message {
  display: none;
}
.multipleCarts .cart-message p {
  padding-bottom: 10px;
}
.multipleCarts.cartsEmpty .empty-cart-message {
  display: block;
  margin-top: -20px;
}
.multipleCarts.cartsError .error-cart-message {
  display: block;
  margin-top: -20px;
}

.cart .cartShopHeader h2,
.multipleCartEmptyCart .cartShopHeader h2 {
  font-size: 28px;
  text-align: center;
  background-color: #f5f5f5;
  padding: 20px;
  color: #464646;
  margin: 0;
  text-transform: uppercase;
}

/*
    Grey box around the link to storbie privacy
*/
div.storbie-privacy {
  background-color: #F2F2F2;
  padding: 20px;
  margin-top: 40px;
}

@media (max-width: 700px) {
  .cart .availability-message {
    display: none;
  }
  .cart .mobile-availability-message {
    display: inline-block;
  }
  .cart .showAvailabilityMessage td p {
    padding-top: 5px;
  }
  .cart .showAvailabilityMessage .productCost span,
  .cart .showAvailabilityMessage .productCost a,
  .cart .showAvailabilityMessage .productRemove span,
  .cart .showAvailabilityMessage .productRemove a {
    bottom: 0;
  }
  .cart .cartProducts {
    display: block;
  }
  .cart .cartProducts .cartProductRow {
    display: block;
    padding-bottom: 1em;
  }
  .cart .cartProducts .cartProductRow .cartProductCell,
  .cart .cartProducts .cartProductRow .cartProductCellHeading {
    display: block;
    text-align: right;
    width: auto !important;
    padding: 0.5em 0;
    clear: both;
  }
  .cart .cartProducts .cartProductRow .productDetails {
    text-align: left;
  }
  .cart .cartProducts .cartProductRow .cartProductCellHeading {
    display: none;
  }
  .cart .cartProducts .cartProductRow .productRemove {
    display: none;
  }
  .cart .cartProducts .cartProductMobileRemove {
    display: block;
  }
  .cart .cartProducts .mobileName {
    display: block;
    float: left;
  }
  .cart .cart-table {
    display: block;
  }
  .cart .cart-table thead {
    display: none;
  }
  .cart .cart-table tbody {
    display: block;
    width: 100%;
  }
  .cart .cart-table tr {
    display: block;
  }
  .cart .cart-table tr td {
    display: block;
    text-align: right;
    width: auto !important;
    padding: 0.5em 0;
    clear: both;
  }
  .cart .cart-table tr td.productDetails {
    text-align: left;
  }
  .cart .cart-table tr td.productRemove {
    display: none;
  }
  .cart .cart-table tr td:first-child {
    padding-top: 2.333em;
  }
  .cart .cart-table tr:first-child td:first-child {
    padding-top: 0;
    border-top: none !important;
  }
  .cart .cart-table .cartProductMobileRemove {
    display: block;
  }
  .cart .cart-table .mobileName {
    display: block;
    float: left;
  }
  .cart .cart-table .product-hide-cost td.productUnitCost,
  .cart .cart-table .product-hide-cost td.productCost,
  .cart .cart-table .product-hide-cost td.productDiscount {
    display: none;
  }
  .cart .cart-table .product-type-service td.productQuantity {
    display: none;
  }
  .cart .cartBoxes {
    margin-top: 1em;
  }
  .cart .cartBoxes .cartBoxColumn {
    width: 100%;
  }
  .cart .cartBoxes .cartBoxColumnRight {
    float: none;
  }
}
.marketplaceCartCountrySection {
  background-color: #f5f5f5;
  padding: 20px;
  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.12);
  margin: 25px 0 50px 0;
}
.marketplaceCartCountrySection .marketplaceCartCountrySectionTitle {
  text-transform: uppercase;
  font-weight: 600;
  color: #464646;
  margin-bottom: 1em;
}
.marketplaceCartCountrySection label {
  display: inline-block;
  margin-right: 1em;
}
.marketplaceCartCountrySection select {
  display: inline-block;
}

/* Form validation */
.field-validation-error:before {
  color: transparent;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.field-validation-error {
  margin: 5px 0;
  color: #e60202;
  display: block;
  font-weight: var(--legacy-bold);
  vertical-align: middle;
}

.field-validation-error > span {
  font-size: 0.85em !important;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border-color: #e60202 !important;
}

.validation-summary-errors {
  border: 1px solid #e60202;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 1em;
  display: block;
  color: #e60202;
  font-weight: var(--legacy-bold);
  margin-bottom: 20px;
}

.validation-summary-valid {
  display: none;
}

.updownControl {
  display: block;
  padding-right: 15px;
  position: relative;
}
.updownControl .updownControlIncrease,
.updownControl .updownControlDecrease {
  display: block;
  position: absolute;
  right: 0;
  overflow: hidden;
  font-size: 0;
  height: 50%;
  cursor: pointer;
}
.updownControl .updownControlIncrease {
  top: 4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #666;
}
.updownControl .updownControlDecrease {
  bottom: 4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
}
.updownControl .updownControlIncrease:hover {
  border-bottom-color: #1d4a5b;
}
.updownControl .updownControlDecrease:hover {
  border-top-color: #1d4a5b;
}
.updownControl .updownControlIncrease.disabled {
  border-bottom-color: #ccc;
}
.updownControl .updownControlDecrease.disabled {
  border-top-color: #ccc;
}

/* old style cart, still used on order management page */
.customer-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 100%;
  display: inline-block;
}

.cartTableProductInnerTable {
  border-bottom: solid 2px #ededed;
}

.cartTableProductInnerTable td {
  vertical-align: top;
}

.cartTable {
  border: none;
}
.cartTable .updateButton {
  position: relative;
  top: 4px;
}
.cartTable tr.cartTableHeaderRow {
  background-image: url(/common/contentitem-editdivider-960pix.png);
  background-repeat: no-repeat;
}
.cartTable tr.cartTableHeaderRow th {
  padding-top: 11px !important;
  padding-bottom: 5px !important;
}
.cartTable tr {
  vertical-align: top;
}
.cartTable tr th {
  color: #555555;
  padding: 8px 6px 8px 6px;
  border: none;
  font-weight: var(--legacy-bold);
  font-size: 0.923em;
  background-color: transparent !important;
  border-bottom: solid 1px #d7d7d6;
  text-align: left;
}
.cartTable tr td {
  color: #484848;
  padding: 5px 4px;
  font-size: 0.923em;
  line-height: 1.5;
}
.cartTable tr.discountProductRow {
  height: 16px;
}
.cartTable tr.discountProductRow td {
  border-bottom: solid 1px #f3f3f3;
  height: 16px;
}
.cartTable tr.discountProductRow td.imageCell {
  border-bottom: solid 2px #ecedee;
}
.cartTable tr.discountAdjustmentRow td {
  border-top: none;
}
.cartTable tr td select {
  font-size: 0.923em;
}
.cartTable tr td .prediscountAmount {
  color: #ff0000;
  text-decoration: line-through;
}
.cartTable tr.totalLine td {
  padding: 4px 5px;
  border-bottom: solid 1px #ecedee;
  font-weight: var(--legacy-bold);
  font-size: 0.923em;
  color: #484848;
}
.cartTable tr.lineItem td {
  padding: 4px 5px;
  border-bottom: solid 1px #ecedee;
}
.cartTable .rightAlign {
  text-align: right;
}

/*============================================*/
/* Ways to pay in carts  */
/*============================================*/
.cart-ways-to-pay .deferred-payment-breakdowns {
  font-size: 0.9em;
}
.gallery2 .cart-ways-to-pay .deferred-payment-breakdowns {
  font-size: var(--fontsize-xsmall);
  margin-bottom: -0.75rem;
}
.cart-ways-to-pay .deferred-payment-breakdowns .more-info-link {
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.cart-ways-to-pay .deferred-payment-breakdowns .deferred-payment-breakdown {
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.cart-ways-to-pay .deferred-payment-breakdowns .deferred-payment-breakdown .installment-price {
  font-weight: var(--legacy-bold);
}
.cart-ways-to-pay .deferred-payment-breakdowns .laybuy-breakdown .provider-icon {
  display: inline-block;
  background-image: url(/common/icon-laybuy.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  margin-right: 10px;
}
.cart-ways-to-pay .deferred-payment-breakdowns .afterpay-breakdown .provider-icon {
  display: inline-block;
  background-image: url(/common/partners/afterpay-colour-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 80px;
  margin-right: 10px;
}

/*============================================*/
/* Ways to Pay Modal  */
/*============================================*/
.payment-gateway-modal {
  text-align: center;
}
@media (max-width: 400px) {
  .payment-gateway-modal .logo-mobile img {
    max-width: 90%;
  }
}
.payment-gateway-modal .padded-div {
  padding: 8px;
}
.payment-gateway-modal .title-light-afterpay {
  font-size: 24px;
  color: #a6fadf;
}
.payment-gateway-modal .title-light-laybuy {
  font-size: 24px;
  color: #786dff;
}
.payment-gateway-modal .sub-title-heavy-afterpay {
  font-size: 24px;
  color: #a8fde1;
  font-weight: 600;
}
.payment-gateway-modal .title-heavy-laybuy {
  font-size: 24px;
  color: #8A6DFF;
  font-weight: 600;
}
.payment-gateway-modal .learn-more-link .requirement-info {
  margin-left: 4%;
  margin-right: 4%;
  padding: 5px 0px;
}
.payment-gateway-modal .learn-more-link .afterpay {
  font-style: italic;
}
.payment-gateway-modal .learn-more-link .afterpay a {
  text-decoration: none;
  color: #207aad;
}
.payment-gateway-modal .learn-more-link .laybuy a {
  text-decoration: none;
  color: #8A6DFF;
}

/*============================================*/
/* Ways to Pay Gallery  */
/*============================================*/
.gallery-laybuy-breakdown .provider-icon {
  display: inline-block;
  background-image: url(/common/icon-laybuy.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  margin-right: 10px;
}

.gallery-afterpay-breakdown .provider-icon {
  display: inline-block;
  background-image: url(/common/partners/logo-afterpay-colour-2X.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 80px;
  margin-right: 10px;
}

/*========================================================*/
/* Pop Up Page */
/*========================================================*/
.pop-up {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  color: #1d4a5b;
}
.pop-up .disabled-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999;
  opacity: 0.8;
  z-index: 99998;
}
.pop-up .waiting {
  padding-top: 95px;
}
.pop-up .content-outer {
  position: fixed;
  top: 20%;
  left: 15px;
  right: 15px;
  bottom: 0;
  z-index: 99999;
}
.pop-up .content-outer .content {
  max-height: 80%;
  overflow-y: auto;
  min-height: 150px;
  margin: 0 auto;
  max-width: 460px;
  opacity: 1;
  z-index: 2;
  padding: 30px;
  background-image: none;
  background-color: white;
  box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.3);
}
.pop-up a.button {
  color: white !important;
  height: 30px;
  line-height: 30px;
  background-color: var(--primary-color);
  font-size: 17px;
}
.pop-up a.button:hover {
  background: var(--primary-color-rollover);
}
.pop-up a.button:focus-visible {
  outline: 1px auto;
}
.pop-up a.button-small {
  color: white !important;
  height: 22px;
  line-height: 22px;
  background-color: var(--primary-color);
  font-size: 12px;
}
.pop-up a.button-small:hover {
  background: var(--primary-color-rollover);
}
.pop-up a.button-small:focus-visible {
  outline: 1px auto;
}

/*============================================*/
/* Message Block  */
/*============================================*/
.message-block {
  background-repeat: repeat-x;
  border-radius: 3px;
  padding: 7px 14px;
  line-height: 1.5;
  margin: 1px 0 11px 0;
}
.message-block:not(:last-child) {
  margin-bottom: 30px;
}
.message-block a {
  color: #fff;
}
.btp-t .message-block {
  margin-top: 20px;
}

.btp-b .message-block {
  margin-bottom: 30px;
}

.message-block .message-text {
  margin-left: 3px;
  padding: 3px 0;
  background-repeat: no-repeat;
  background-position: left;
  color: #fff;
}
.message-block .message-text a.message-button {
  margin-left: 12px;
  color: white !important;
  height: 18px;
  line-height: 18px;
  background: linear-gradient(to bottom, #0089a7 0%, #17aacc 100%);
  background-color: #0089a7;
  font-size: 10px;
}
.message-block .message-text a.message-button:hover {
  background: #ff842c;
  background: linear-gradient(to bottom, #ff842c 0%, #ed5e0e 100%);
}
.message-block .message-text a.message-button:focus-visible {
  outline: 1px auto;
}
.message-block.success .message-text {
  padding-left: 37px;
  background-image: url(/common/icon-tick-medium.png);
}
.message-block.error .message-text, .message-block.alert .message-text {
  padding-left: 37px;
  background-image: url(/common/icon-alert-medium.png);
}

.bodyManage .message-block {
  margin: 11px 0 0 0;
}

#manageOrdersPage .message-block,
#manageManualOrdersPage .message-block,
#manageCustomers .message-block,
#manageCalendarEntryProfilePage .message-block,
#manageAvailabilityProfilePage .message-block {
  margin: 0 0 22px 0;
}

#messageBlockPopUp {
  cursor: pointer;
}
#messageBlockPopUp .disabled-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999;
  opacity: 0.8;
  z-index: 999998;
}
#messageBlockPopUp .message-block-outer {
  position: fixed;
  top: 20%;
  left: 15px;
  right: 15px;
  bottom: 0;
  z-index: 999999;
}
#messageBlockPopUp .message-block-outer .message-block {
  margin: 0 auto;
  max-width: 460px;
  opacity: 1;
  z-index: 2;
  padding: 30px 20px;
  background-image: none;
  background-color: white;
  box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.3);
}
#messageBlockPopUp .message-block-outer .message-block .message-text {
  background-size: 22px;
  color: #464646;
  font-size: 14px;
}

.waitingPage {
  background-color: #f6f6f6;
  color: #333;
}
.waitingPage #content {
  position: relative;
  padding-top: 100px;
  font-size: 1.5em;
}
.waitingPage #content .centredSection {
  width: 100%;
  max-width: 620px;
  text-align: center;
  margin: 0 auto;
}
.waitingPage #content p {
  margin: 1em 0;
}
.waitingPage #content a.button {
  color: white !important;
  height: 36px;
  line-height: 36px;
  background-color: var(--primary-color);
  font-size: 18px;
}
.waitingPage #content a.button:hover {
  background: var(--primary-color-rollover);
}
.waitingPage #content a.button:focus-visible {
  outline: 1px auto;
}
.waitingPage #content a.button {
  margin-top: 0.9em;
}

.imageBackgroundGrey {
  background-color: #000;
  display: block;
}
.imageBackgroundGrey img {
  opacity: 0.95;
}

.scrollPane {
  overflow-x: auto;
  overflow-y: hidden;
}

/*============================================*/
/* Marketplace Product Selection              */
/*============================================*/
#ProductSelectionContainer {
  position: relative;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header:before, #ProductSelectionContainer .marketplace-product-selection .selection-header:after {
  content: "";
  display: table;
  width: 0;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header:after {
  clear: both;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header {
  margin: 20px 0;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .image {
  position: relative;
  display: block;
  float: left;
  width: 30%;
  margin-right: 3%;
  text-align: center;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .image img {
  max-height: 200px;
  max-width: 100%;
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .image:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.03);
  mix-blend-mode: multiply;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .info {
  vertical-align: top;
  display: inline-block;
  width: 65%;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .info p {
  margin-bottom: 20px;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .info .site-count {
  font-size: 1.5em;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header .info .site-count .count {
  font-weight: 600;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header.no-image .image {
  display: none;
}
#ProductSelectionContainer .marketplace-product-selection .selection-header.no-image .info {
  width: 100%;
}
@media screen and (max-width: 376px) {
  #ProductSelectionContainer .marketplace-product-selection .selection-header .image {
    display: none;
  }
  #ProductSelectionContainer .marketplace-product-selection .selection-header .info {
    width: 100%;
  }
}
@media screen and (max-width: 850px) {
  #ProductSelectionContainer .marketplace-product-selection .desktop {
    display: none;
  }
  #ProductSelectionContainer .marketplace-product-selection .mobile {
    display: block;
  }
}
@media screen and (min-width: 851px) {
  #ProductSelectionContainer .marketplace-product-selection .desktop {
    display: block;
  }
  #ProductSelectionContainer .marketplace-product-selection .mobile {
    display: none;
  }
}
#ProductSelectionContainer .marketplace-product-selection h2 {
  font-size: 1.8em;
  color: #464646;
  margin-bottom: 20px;
}
#ProductSelectionContainer .marketplace-product-selection .mobile {
  margin-top: 30px;
}
#ProductSelectionContainer .marketplace-product-selection .mobile h2 {
  margin-top: 20px;
}
#ProductSelectionContainer .marketplace-product-selection #ProductSelectionGridContainer {
  position: relative;
}
#ProductSelectionContainer .marketplace-product-selection #ProductSelectionGridContainer .selection table tr.clickable {
  cursor: pointer;
}
#ProductSelectionContainer .marketplace-product-selection #ProductSelectionGridContainer .selection table tr.clickable:hover {
  background-color: #f0f0f0;
}
#ProductSelectionContainer .marketplace-product-selection #ProductSelectionGridContainer .selection table thead:not(:first-child) h2 {
  margin-top: 30px;
}
#ProductSelectionContainer .marketplace-product-selection #ProductSelectionGridContainer .selection table tr.title td {
  border-top: none;
  margin-top: 80px;
}

/*============================================*/
/* Page Sharing                               */
/*============================================*/
.share-icons {
  margin-bottom: 20px;
}

.share-icons-links {
  position: relative;
  text-align: left;
  margin: 0 0 11px;
  padding: 0;
  border: none;
  /* Sizing */
}
.share-icons-links .share-link-items:before, .share-icons-links .share-link-items:after {
  content: "";
  display: table;
  width: 0;
}
.share-icons-links .share-link-items:after {
  clear: left;
}
.share-icons-links .share-link-items {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  margin: -0.1em -0.2em 0;
  max-width: 200px;
}
.contentAreaRightPanel .share-icons-links .share-link-items {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.share-icons-links .share-link {
  text-decoration: none;
  height: auto;
  box-sizing: content-box;
  display: block;
  line-height: 1em;
  margin: 0.2em 0.2em 0;
  float: left;
}
.share-icons-links .share-link:hover {
  text-decoration: none;
}
.share-icons-links .share-link svg {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.share-icons-links .share-link > span {
  box-sizing: border-box;
  width: 100%;
  border-radius: 50%;
}
.share-icons-links .share-link > span svg {
  padding: 0.4rem;
}
.share-icons-links .share-link > span {
  vertical-align: middle;
  color: #fff;
  display: block;
  text-align: center;
  background-color: #515151;
  position: relative;
}
.share-icons-links .share-link > span > .spacer {
  padding-top: 100%;
  display: block;
}
.share-icons-links .share-link {
  width: calc(16.6666666667% - 0.401em);
}
.share-icons-links .share-link:nth-child(n+7) {
  display: none !important;
}
#rightSection .share-icons-links .share-link {
  width: calc(25% - 0.401em);
}
#rightSection .share-icons-links .share-link:nth-child(n+5) {
  display: none !important;
}
.opts .share-icons-links .share-link {
  width: calc(25% - 0.401em);
}
.opts .share-icons-links .share-link:nth-child(n+5) {
  display: none !important;
}
.share-icons-links.cs-bright .share-link {
  color: #fff;
}
.share-icons-links.cs-bright .share-link > span {
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  position: relative;
  top: 0;
  transition: top 0.125s;
}
.share-icons-links.cs-bright .share-link > span:hover {
  top: -2px;
  color: #fff;
  transition: top 0.25s;
  color: #fff;
}
.share-icons-links.cs-bright .share-link.share-link-facebook > span {
  background-color: #3B5998;
}
.share-icons-links.cs-bright .share-link.share-link-twitter > span {
  background-color: #0E9AF1;
}
.share-icons-links.cs-bright .share-link.share-link-googleplus > span {
  background-color: #DB4437;
}
.share-icons-links.cs-bright .share-link.share-link-mail > span {
  background-color: #3B5998;
}
.share-icons-links.cs-bright .share-link.share-link-pinterest > span {
  background-color: #BD081C;
}
.share-icons-links.cs-bright .share-link.share-link-linkedin > span {
  background-color: #0077B5;
}
.share-icons-links.cs-modern .share-link {
  color: #fff;
}
.share-icons-links.cs-modern .share-link.share-link-facebook:hover > span {
  background-color: #3B5998;
}
.share-icons-links.cs-modern .share-link.share-link-twitter:hover > span {
  background-color: #0E9AF1;
}
.share-icons-links.cs-modern .share-link.share-link-googleplus:hover > span {
  background-color: #DB4437;
}
.share-icons-links.cs-modern .share-link.share-link-mail:hover > span {
  background-color: #3B5998;
}
.share-icons-links.cs-modern .share-link.share-link-pinterest:hover > span {
  background-color: #BD081C;
}
.share-icons-links.cs-modern .share-link.share-link-linkedin:hover > span {
  background-color: #0077B5;
}
.share-icons-links.is-round .share-link {
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.share-icons-links.is-square .share-link {
  text-align: center;
  vertical-align: middle;
}
.share-icons-links.is-square .share-link > span {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
.share-icons-links.is-square .share-link > span svg {
  padding: 0.3rem;
}
.area-sidebar .share-icons-links.is-square .share-link > span {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
.area-sidebar .share-icons-links.is-square .share-link > span svg {
  padding: 0.36rem;
}
.share-icons-links.crs-box {
  padding: 15px;
  background-color: #f6f6f6;
}
.contentAreaRightPanel .share-icons-links.crs-box, button .share-icons-links.crs-box {
  padding: 10px;
}
.share-icons-links .share-popup-mail {
  position: absolute;
  top: 2em;
  left: 0;
  background-color: #515151;
  color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
  z-index: 1000;
  padding: 0.5rem 1rem 0.5rem 0.8rem;
  display: none;
  white-space: nowrap;
  text-align: left;
}
.share-icons-links .share-popup-mail div {
  color: #ccc;
  margin-bottom: 0.5em;
}
.share-icons-links .share-popup-mail a {
  font-size: 0.9em;
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 0.5em 0;
}

.cookie-consent {
  /* Bar */
}
.cookie-consent .ccb {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px;
  background-color: rgba(51, 51, 68, 0.9);
  color: #fff;
  display: none;
  z-index: 5;
  font-size: 1rem;
}
.cookie-consent .ccb:before, .cookie-consent .ccb:after {
  content: "";
  display: table;
  width: 0;
}
.cookie-consent .ccb:after {
  clear: both;
}
.cookie-consent .ccb-message {
  float: left;
  font-weight: 400;
  padding-top: 0.2em;
}
.cookie-consent .ccb-message a {
  color: #28aacd;
}
.cookie-consent .mobile-privacy-policy-link {
  display: none;
}
.cookie-consent .ccb-actions {
  float: right;
  margin-top: 0;
}
.cookie-consent .ccb-actions button,
.cookie-consent .ccb-actions a {
  border: none;
  background-color: #0066aa;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  margin-left: 0.5em;
  text-decoration: none;
}
.cookie-consent .ccb-actions button:first-of-type {
  background-color: #008844;
}
@media (max-width: 900px) {
  .cookie-consent .ccb {
    padding: 10px 15px;
    font-size: 0.8em;
  }
  .cookie-consent .ccb-actions {
    float: none;
    text-align: center;
    margin-top: 10px;
  }
  .cookie-consent .ccb-message {
    float: none;
    font-weight: 400;
    font-size: 120%;
    padding-top: 0;
    text-align: center;
  }
}

.site-entry-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 999999;
  display: none;
}
.site-entry-overlay .site-entry-text {
  width: 500px;
  position: fixed;
  color: #fff;
  top: 40%;
  left: 50%;
  margin-left: -250px;
  text-align: center;
}
@media (max-width: 1000px) {
  .site-entry-overlay .site-entry-text {
    width: 300px;
    margin-left: -150px;
    top: 20%;
  }
}
.site-entry-overlay .site-entry-text .site-entry-message {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 140%;
}
.site-entry-overlay .site-entry-text .site-entry-site-name {
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 26px;
}
@media (max-width: 1000px) {
  .site-entry-overlay .site-entry-text .site-entry-site-name {
    font-size: 45px;
  }
}
.site-entry-overlay .site-entry-text a,
.site-entry-overlay .site-entry-text button {
  border: solid;
  border-color: #fff;
  border-width: 1px;
  background: rgba(255, 255, 255, 0);
  padding: 5px 10px;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  margin-left: 0.5em;
  text-decoration: none;
}
.site-entry-overlay .site-entry-text a .button-text,
.site-entry-overlay .site-entry-text button .button-text {
  color: rgb(255, 255, 255);
  letter-spacing: 2px;
}

#dialog-message {
  padding: 40px;
  min-width: 200px;
}

.dialog-shop {
  padding: 0;
  text-align: left;
  width: 340px;
  padding-bottom: 20px;
}
@media screen and (max-width: 440px) {
  .dialog-shop {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    max-height: 100%;
    transform: none;
    border-radius: 0;
  }
}
.dialog-shop .field {
  margin-top: 0 !important;
  margin-bottom: 13px !important;
}
.dialog-shop .dialog-panel {
  padding: 20px;
  padding-bottom: 0;
  position: relative;
  text-align: left;
}
.dialog-shop .dialog-panel .shopButton {
  font-size: 0.875rem;
  margin-bottom: 10px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.dialog-shop .dialog-panel .dcb-continue {
  text-align: center;
  font-size: 0.75rem;
}
.dialog-shop .header {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.75rem;
  font-weight: var(--legacy-bold);
  padding: 20px;
  background-color: #f5f5f5;
}
.dialog-shop .header .button {
  border: 0;
  cursor: pointer;
  margin: 0;
  background: transparent;
  font-size: 2.4em;
  margin-right: -0.2em;
}
.dialog-shop .header .button:hover {
  opacity: 0.5;
}
.dialog-shop .header .heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
}
.dialog-shop .header .heading span {
  padding-left: 5px;
}
.dialog-shop .header .heading .se-icon {
  color: #59BC72;
  background-color: #EBFCED;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 1.3em;
  margin-right: 0.45em;
}
.dialog-shop .field-validation-error {
  margin-bottom: 15px !important;
}

.dialog-heartland .heartland-logos {
  display: flex;
  justify-content: space-between;
}
.dialog-heartland .heartland-logos .ssl-text-logo {
  width: 89px;
  height: 26px;
  margin: 0;
}
.dialog-heartland .heartland-logos .ssl-text-logo .ssl-msg {
  font-size: 8px;
  font-weight: 600;
  font-family: Open sans, sans-serif;
  color: #468000;
  line-height: 9px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-left: 6px;
  margin-right: 7px;
  margin-top: 1px;
}
.dialog-heartland .heartland-logos .credit-card-logo {
  margin-left: 16px;
  width: 110px;
  height: 23px;
}
.dialog-heartland .heartland-logos .credit-card-logo .security-msg {
  color: #707689;
  font-size: 8px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}

#dialog-cart {
  padding: 0;
  text-align: left;
  width: 340px;
}
@media screen and (max-width: 440px) {
  #dialog-cart {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    max-height: 100%;
    transform: none;
    border-radius: 0;
  }
}
#dialog-cart .dc-subtotal,
#dialog-cart .dc-product,
#dialog-cart .dc-buttons {
  padding: 10px 20px;
  box-sizing: border-box;
}
#dialog-cart .dc-header {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.75rem;
  font-weight: var(--legacy-bold);
  padding: 10px 10px 0px 20px;
}
#dialog-cart .dc-header button {
  border: 0;
  cursor: pointer;
  margin: 0;
  background: transparent;
  font-size: 2.4em;
  margin-right: -0.2em;
}
#dialog-cart .dc-header button:hover {
  opacity: 0.5;
}
#dialog-cart .dc-header .dch-heading {
  display: flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
}
#dialog-cart .dc-header .dch-heading span {
  padding-left: 5px;
}
#dialog-cart .dc-header .dch-heading .se-icon {
  color: #59BC72;
  background-color: #EBFCED;
  border-radius: 50%;
  padding: 0 !important;
  font-size: 1.3em;
  margin-right: 0.45em;
}
#dialog-cart.status-warning .dc-header .dch-heading .se-icon {
  color: #ED6B19;
  background-color: #FBF1E9;
  margin-right: 0.45em;
}
#dialog-cart.status-failure .dc-header .dch-heading .se-icon {
  color: #CF290C;
  background-color: #FFF4F4;
  margin-right: 0.45em;
}
#dialog-cart .dc-message {
  background-color: #FBF1E9;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-size: 0.75rem;
}
#dialog-cart .dc-message a, #dialog-cart .dc-message a.hover {
  color: #333333;
}
#dialog-cart.status-warning .dc-message {
  background-color: #FBF1E9;
}
#dialog-cart .dc-product {
  display: flex;
  justify-content: stretch;
  align-items: center;
  max-width: 100%;
  padding-bottom: 20px;
  border-bottom: solid 1px #f1f1f1;
  text-align: left;
}
#dialog-cart .dc-product .dcp-photo {
  padding-right: 10px;
}
#dialog-cart .dc-product .dcp-photo .image-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
#dialog-cart .dc-product .dcp-photo .image-frame:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
}
#dialog-cart .dc-product .dcp-details {
  min-width: 0; /*required for ellipsis with flex rules*/
  font-size: 0.75rem;
}
#dialog-cart .dc-product .dcpd-quantity {
  color: #666666;
}
#dialog-cart .dc-product .dcpd-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dialog-cart .dc-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 3px;
  line-height: 1;
}
#dialog-cart .dc-subtotal .dcs-label {
  flex: 0 1 0;
  padding-right: 0.5em;
}
#dialog-cart .dc-subtotal .dcs-quantity {
  flex: 1 1 auto;
  font-size: 0.75rem;
  padding-right: 5px;
  white-space: nowrap;
  color: #767676;
}
#dialog-cart .dc-subtotal .dcs-price {
  font-weight: var(--legacy-bold);
}
#dialog-cart .dc-buttons {
  padding-bottom: 20px;
}
#dialog-cart .dc-buttons .shopButton {
  font-size: 0.875rem;
  margin-bottom: 10px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
#dialog-cart .dc-buttons a {
  text-decoration: none;
}
#dialog-cart .dc-buttons .dcb-continue {
  text-align: center;
  font-size: 0.75rem;
}

/*============================================*/
/* Customer */
/*============================================*/
.withReducedFont {
  font-size: 0.9em;
}

.subscriptionOptions {
  margin-left: 2em;
}

.withTitleFont {
  font-size: 1.1em;
  font-weight: var(--legacy-bold);
  width: 100%;
  text-transform: uppercase;
}

.editButton {
  text-decoration: none;
  cursor: pointer;
  border: 1px solid;
  padding: 0.02em 0.4em;
  border-radius: 3px;
  margin-left: 0.4em;
}
.editButton:hover {
  opacity: 0.8;
}

.closePopupContainer {
  width: 100%;
}
.closePopupContainer .subscriptionCloseButton {
  margin-left: 95%;
  cursor: pointer;
}

/* Auto complete */
.ui-autocomplete {
  position: absolute;
  cursor: default;
  z-index: 9999999999 !important;
}

.customerPromptContainer {
  max-width: 500px;
  text-align: center;
  margin: 2em auto;
}
.customerPromptContainer .customerPromptButtons {
  margin-top: 2em;
}
.customerPromptContainer .customerPromptButtons > .customerPromptButton {
  display: inline-block;
  margin: 0 0.5em 1em;
}
.customerPromptContainer .customerPromptText {
  color: #1d4a5b;
  line-height: 1.6;
}
.customerPromptContainer .customerPromptText span {
  white-space: nowrap;
}

.waiting-overlay:before {
  content: "";
  position: absolute;
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(230, 230, 230, 0.6);
  z-index: 20;
}

.se-icon {
  width: 1.3em;
  height: 1.3em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.se-icon svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.se-icon svg path, .se-icon svg circle, .se-icon svg ellipse, .se-icon svg polygon, .se-icon svg polyline, .se-icon svg rect, .se-icon svg text, .se-icon svg textPath, .se-icon svg tref, .se-icon svg tspan, .se-icon svg altGlyph {
  fill: currentColor;
}

.availabilityStatus {
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  padding: 0.3em 0.5em;
  font-size: 0.7em;
  font-weight: 500;
  vertical-align: middle;
  border: solid 1px #3c3c3c;
  color: #3c3c3c;
  background-color: #fff;
  letter-spacing: 0.01em;
}
@container content-container (min-width: 220px) {
  .availabilityStatus {
    font-size: 0.75em;
  }
}
.availabilityStatus.statusAvailable {
  border: solid 1px #3a8e21;
  color: #3A8E21;
}
.availabilityStatus.statusSoldOut {
  border: solid 1px #d73334;
  color: #d73334;
}
.availabilityStatus.statusLimitedStock, .availabilityStatus.statusLimitedReserved {
  border: solid 1px #555;
  color: #555;
}
.availabilityStatus.xsmallStatusSize {
  font-size: 0.6em;
}
.availabilityStatus.mediumStatusSize {
  font-size: 1em;
}
.availabilityStatus .se-icon {
  transform: scale(1.2);
}
.availabilityStatus span {
  vertical-align: middle;
}

.richText:before, .richText:after,
.richTextWithImage:before,
.richTextWithImage:after {
  content: "";
  display: table;
  width: 0;
}
.richText:after,
.richTextWithImage:after {
  clear: both;
}

table.product-selection-shop-table {
  display: block;
  box-sizing: border-box;
}
table.product-selection-shop-table tbody {
  border: none;
}
table.product-selection-shop-table tbody, table.product-selection-shop-table th, table.product-selection-shop-table td, table.product-selection-shop-table tr, table.product-selection-shop-table tfoot {
  display: block;
  box-sizing: border-box;
}
table.product-selection-shop-table thead {
  display: none;
}
table.product-selection-shop-table tr {
  float: left;
  width: 100%;
  margin: 0 0 1em;
}
table.product-selection-shop-table tr td {
  padding: 0.5em 0.5em 0.5em 36%;
  width: 100%;
  position: relative;
}
table.product-selection-shop-table tr td:before {
  width: 36%;
  display: block;
  padding: 0.5em 0.5em 0.5em 0;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table {
    display: table;
    border: none;
  }
  table.product-selection-shop-table th, table.product-selection-shop-table td {
    display: table-cell;
  }
  table.product-selection-shop-table tr {
    display: table-row;
    border: none;
    border-bottom: 1px solid #eee;
    float: none;
    margin: 0;
    box-shadow: none;
  }
  table.product-selection-shop-table tr td {
    padding: 0.75em 0 0.75em 0.25em;
    float: none;
    width: auto;
  }
  table.product-selection-shop-table tr td:before {
    padding: 0 !important;
  }
  table.product-selection-shop-table thead {
    display: table-header-group;
  }
  table.product-selection-shop-table tbody, table.product-selection-shop-table tfoot {
    display: table-row-group;
  }
  table.product-selection-shop-table tr:nth-of-type(even) {
    background: none;
  }
}
table.product-selection-shop-table tbody tr td:nth-of-type(1):before {
  content: "Product Name";
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table tbody tr td:nth-of-type(1):before {
    content: "";
  }
}
table.product-selection-shop-table tbody tr td:nth-of-type(2):before {
  content: "Site";
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table tbody tr td:nth-of-type(2):before {
    content: "";
  }
}
table.product-selection-shop-table tbody tr td:nth-of-type(3):before {
  content: "Location";
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table tbody tr td:nth-of-type(3):before {
    content: "";
  }
}
table.product-selection-shop-table tbody tr td:nth-of-type(4):before {
  content: "Price";
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table tbody tr td:nth-of-type(4):before {
    content: "";
  }
}
table.product-selection-shop-table tbody tr td:nth-of-type(5):before {
  content: "";
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table tbody tr td:nth-of-type(5):before {
    content: "";
  }
}
table.product-selection-shop-table {
  line-height: 1.3333em;
  width: 100%;
}
table.product-selection-shop-table th,
table.product-selection-shop-table td:before {
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
  border-top: none;
  color: #767676;
  font-size: 12px;
}
table.product-selection-shop-table th {
  white-space: nowrap;
}
table.product-selection-shop-table .shopButton {
  font-size: 0.8em;
  padding: 0 8px;
}
@media screen and (max-width: -1) {
  table.product-selection-shop-table tr {
    border: solid 1px #ddd;
    padding: 10px 15px;
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
  }
  table.product-selection-shop-table td.empty {
    display: none;
  }
}
@media screen and (min-width: 0) {
  table.product-selection-shop-table th, table.product-selection-shop-table td {
    padding: 1em 0 1em 0.15em;
    border-top: solid 1px #dfdfdf;
  }
  table.product-selection-shop-table th.right, table.product-selection-shop-table td.right {
    text-align: right;
  }
  table.product-selection-shop-table th.middle-align-image, table.product-selection-shop-table td.middle-align-image {
    vertical-align: middle;
  }
}

.sticky-action-bar-outer {
  background-color: #444;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  z-index: 2000;
  color: #fff;
}
.sticky-action-bar-outer .sticky-action-bar {
  max-width: 940px;
}
.sticky-action-bar-outer a.ab-social-icon {
  font-size: 20px;
  padding: 10px 0;
  color: #fff;
  height: 20px;
  line-height: 20px;
  min-width: 40px;
  text-decoration: none;
  text-align: center;
}
.sticky-action-bar-outer a.ab-social-icon:hover {
  background-color: #666;
  text-decoration: none;
}
.sticky-action-bar-outer .ab-marketplace-context {
  background-color: #000;
  display: inline-block;
  padding-right: 15px;
  margin-left: -2200px;
  padding-left: 2200px;
}
.sticky-action-bar-outer .ab-marketplace-context .marketplace-name {
  padding-left: 2px;
  position: relative;
  top: 1px;
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}
.sticky-action-bar-outer .ab-marketplace-context .ab-marketplace-button:hover {
  background-color: #666;
}

.content-action-bar,
.sticky-action-bar {
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-action-bar .location-selector,
.sticky-action-bar .location-selector {
  display: inline-block;
  margin-top: 7px;
}
.content-action-bar .ab-layout-split,
.sticky-action-bar .ab-layout-split {
  margin-right: auto;
}

.menu-loading {
  background-image: url(/common/loader-black.svg) !important;
  background-size: 24px auto;
}

a.ab-item:hover, .ab-item a:hover {
  opacity: 0.7;
}

button.ab-icon {
  border: 0;
  padding: 0;
  background: transparent;
}
button.ab-icon:hover {
  opacity: 0.7;
}

.ab-icon {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-decoration: none;
  vertical-align: top;
}

.ab-cart-summary {
  position: relative;
}
.sticky-action-bar .ab-cart-summary {
  margin-right: 8px;
}
.sticky-action-bar .ab-cart-summary .ab-cart-button {
  background-size: 30px 30px;
  width: 30px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
}
.sticky-action-bar .ab-cart-summary .ab-cart-itemcount {
  top: 8px;
  color: #fff;
  position: relative;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
}
.iconActions .ab-cart-summary .ab-cart-itemcount, .content-action-bar .ab-cart-summary .ab-cart-itemcount {
  bottom: 2px;
  right: 1px;
  position: relative;
  font-size: 11.5px;
  min-width: 20px;
  text-align: center;
  padding: 2px 3px;
  line-height: 12px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: 400;
}
.bgc-dark .iconActions .ab-cart-summary .ab-cart-itemcount, .bgc-dark .content-action-bar .ab-cart-summary .ab-cart-itemcount {
  background-color: #fff;
  color: #000;
}

.ab-icon.ab-menu-button {
  display: none;
  background-image: url(/common/icons/burger.svg);
}
.bgc-dark .ab-icon.ab-menu-button {
  background-image: url(/common/themed-icons/ffffff/burger);
}
.sticky-action-bar .ab-icon.ab-menu-button {
  background-image: url(/common/mobilecontrolpanel/mobilenav-icon-menu-2X.png);
}
.ab-icon.ab-menu-button.menu-active {
  background-image: url(/common/icons/crossmark.svg);
}
.bgc-dark .ab-icon.ab-menu-button.menu-active {
  background-image: url(/common/themed-icons/ffffff/crossmark);
}
.sticky-action-bar .ab-icon.ab-menu-button.menu-active {
  background-image: url(/common/mobilecontrolpanel/iconbutton-close-2X.png);
}
.sticky-action-bar .ab-icon.ab-menu-button.menu-active {
  background-color: #fff;
}

.ab-icon.ab-search-button {
  background-image: url(/common/icons/magnifyingglass.svg);
}
.bgc-dark .ab-icon.ab-search-button {
  background-image: url(/common/themed-icons/ffffff/magnifyingglass);
}
.sticky-action-bar .ab-icon.ab-search-button {
  background-image: url(/common/mobilecontrolpanel/mobilenav-icon-search-2X.png);
}

.ab-icon.ab-profile-button {
  background-image: url(/common/icons/person.svg);
}
.bgc-dark .ab-icon.ab-profile-button {
  background-image: url(/common/themed-icons/ffffff/person);
}
.sticky-action-bar .ab-icon.ab-profile-button {
  background-image: url(/common/mobilecontrolpanel/login_icon-profile.svg);
}
.sticky-action-bar .ab-icon.ab-profile-button {
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

.ab-icon.ab-locationselector-button {
  background-image: url(/common/icons/locationpin.svg);
}
.bgc-dark .ab-icon.ab-locationselector-button {
  background-image: url(/common/themed-icons/ffffff/locationpin);
}
.sticky-action-bar .ab-icon.ab-locationselector-button {
  background-image: url(/common/mobilecontrolpanel/locationpin.svg);
}
.sticky-action-bar .ab-icon.ab-locationselector-button {
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

.ab-icon.ab-cart-button {
  background-image: url(/common/icons/bag.svg);
}
.bgc-dark .ab-icon.ab-cart-button {
  background-image: url(/common/themed-icons/ffffff/bag);
}
.sticky-action-bar .ab-icon.ab-cart-button {
  background-image: url(/common/mobilecontrolpanel/login_icon-cart.svg);
}

.ab-group-location {
  color: #fff;
  display: flex;
  overflow: hidden;
}
.ab-group-location a.current-location {
  color: #fff;
  text-decoration: none;
  font-weight: var(--body-bold-weight);
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ab-group-location a.current-location:hover {
  color: #fff;
  opacity: 1;
}
.ab-group-location button.change-location-button {
  color: #fff;
}
.ab-group-location button.change-location-button:hover {
  color: #fff;
}
.ab-group-location button.change-location-button:hover {
  opacity: 0.92;
}
.ab-group-location button.change-location-button {
  opacity: 0.75;
  font-size: 0.75em;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0.5em;
  flex: 0 0 auto;
}
@media screen and (max-width: 440px) {
  .ab-group-location button.change-location-button {
    display: none;
  }
}
.ab-group-location button.change-location-button span.se-icon {
  vertical-align: top;
}

.iconActions .ab-icon.ab-add-page {
  background-image: url(/common/icons/plus.svg);
}
.bgc-dark .iconActions .ab-icon.ab-add-page {
  background-image: url(/common/themed-icons/ffffff/plus);
}
.iconActions .ab-icon.ab-order-pages {
  background-image: url(/common/icons/arrow-sort.svg);
}
.bgc-dark .iconActions .ab-icon.ab-order-pages {
  background-image: url(/common/themed-icons/ffffff/arrow-sort);
}

.sticky-action-bar .ab-home-button {
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  background-image: url("/common/mobilecontrolpanel/login_icon-home.svg");
}
.sticky-action-bar .ab-marketplace-button {
  background-image: url("/common/mobilecontrolpanel/mobilenav-icon-market-2X.png");
  background-size: 22px 22px;
}
.sticky-action-bar .ab-legacy-mobile-search {
  display: none;
  background-image: url(/common/mobilecontrolpanel/mobilenav-icon-search-2X.png);
}

.ab-profile {
  position: relative;
}
.ab-profile .ab-profile-button-selected {
  opacity: 0.7;
}
.ab-profile .ab-profile-dropdown {
  display: none;
  background-color: #f8f8f8;
  color: #1d4a5b;
  font-size: 16px;
  border-bottom: solid 1px #9d9d9d;
  box-shadow: 3px 10px 21px 0px rgba(50, 50, 50, 0.46);
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 280px;
  cursor: default;
  z-index: 1;
}
.ab-profile .ab-profile-dropdown.open-menu {
  z-index: 2;
}
.ab-profile .ab-profile-dropdown .ab-profile-dropdown-info {
  padding: 20px;
  font-weight: 300;
  color: #333333;
}
.ab-profile .ab-profile-dropdown .ab-profile-dropdown-links {
  background-color: #eee;
  padding: 20px;
}
.ab-profile .ab-profile-dropdown .ab-profile-dropdown-name {
  font-size: 1.2em;
  margin-bottom: 0.4em;
  font-weight: var(--legacy-bold);
}
.ab-profile .ab-profile-dropdown .account-button {
  /*@include button($height: 22px);
  @include border-box();
  line-height: 22px;
  font-size: 12px;
  font-weight: normal;
  height: unset;
  padding: 5px 20px;*/
  font-size: var(--fontsize-small);
}
.ab-profile .ab-profile-dropdown form {
  display: inline-block;
}
.ab-profile .ab-profile-dropdown .logout-button {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  text-decoration: none;
  position: relative;
  top: 2px;
  cursor: pointer;
  font-size: var(--fontsize-small);
}
.ab-profile .ab-profile-dropdown .logout-button:hover {
  text-decoration: underline;
}

.ab-location-selector {
  position: relative;
}
.ab-location-selector .ab-locationselector-button-selected {
  opacity: 0.7;
}
.ab-location-selector .ab-locationselector-dropdown {
  display: none;
  background-color: #fff;
  font-size: 0.875rem;
  border-bottom: solid 1px #9d9d9d;
  box-shadow: 3px 10px 21px 0px rgba(50, 50, 50, 0.46);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  max-height: 80vh;
  cursor: default;
  z-index: 3000;
  overflow-y: auto;
}
.ab-location-selector .ab-locationselector-dropdown.open-menu {
  z-index: 3001;
}
.ab-location-selector .ab-locationselector-dropdown .ab-locationselector-dropdown-info {
  /*padding: 20px;*/
  font-weight: 300;
  color: #333333;
}
.ab-location-selector .ab-locationselector-dropdown .ab-locationselector-dropdown-links {
  background-color: #eee;
  padding: 20px;
}
.ab-location-selector .ab-locationselector-dropdown .ab-locationselector-dropdown-name {
  font-size: 1.2em;
  margin-bottom: 0.4em;
  font-weight: var(--legacy-bold);
}
.ab-location-selector .ab-locationselector-dropdown .account-button {
  /* @include button($height: 22px);
  @include border-box();
  line-height: 22px;
  font-size: 12px;
  font-weight: normal;
  height: unset;
  padding: 5px 20px;*/
}

.ab-legacy-desktop-search {
  color: #fff;
  position: relative;
  width: 300px;
  display: inline-block;
  float: right;
  margin-left: 5px;
  margin-right: 10px;
}
.ab-legacy-desktop-search .shop-search .search-field .search-input label {
  font-size: 13px;
  padding: 6px;
}
.ab-legacy-desktop-search .shop-search .search-field .search-input input[type=text] {
  vertical-align: top;
  box-sizing: border-box;
  width: 300px;
  font-size: 14px;
  padding: 6px 40px 6px 6px;
  border-radius: 2px;
}
.ab-legacy-desktop-search .shop-search .search-field .search-input .inField {
  font-size: 13px;
  bottom: 0;
  pointer-events: none;
}
.ab-legacy-desktop-search .shop-search .search-field .search-button {
  top: -5px;
}

.ui-autocomplete-location-picker div.ui-menu-item {
  background-image: none !important;
}
.ui-autocomplete-location-picker .ui-menu-item {
  font-size: 11px;
  background-color: White !important;
  border-radius: 0 !important;
  background-image: none !important;
  background-color: White !important;
  border-style: solid !important;
  border-color: #D6D6D6 !important;
  border-width: 0px !important;
  border-bottom-width: 1px !important;
  background-image: none !important;
  color: #1d4a5b !important;
  margin: 0px !important;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.ui-autocomplete-location-picker .ui-menu-item.ui-state-focus {
  background-color: #F3F3F3 !important;
  font-weight: var(--body-default-weight);
}

.cart-summary-outer {
  min-width: 320px;
  max-width: 956px;
  position: relative;
  margin: 0 auto;
}
.cart-summary-outer .cart-summary {
  width: 300px;
  position: absolute;
  right: 0;
  padding: 20px 10px;
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-style: italic;
}
.cart-summary-outer .cart-summary a {
  font-weight: var(--legacy-bold);
  color: #fff;
  font-style: normal;
}
.cart-summary-outer .cart-summary .product-name {
  font-style: normal;
  font-weight: var(--legacy-bold);
}

.catalogue-sync-context {
  background-color: #17aacc;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}
.catalogue-sync-context .inner:before, .catalogue-sync-context .inner:after {
  content: "";
  display: table;
  width: 0;
}
.catalogue-sync-context .inner:after {
  clear: both;
}
.catalogue-sync-context .inner {
  box-sizing: border-box;
  min-width: 320px;
  max-width: 996px;
  margin: 0 auto;
  padding: 20px 210px 0 20px;
  color: white;
  font-size: 18px;
  position: relative;
  height: 120px;
}
.catalogue-sync-context .inner a {
  color: white;
  text-decoration: none;
}
.catalogue-sync-context .inner > .product-selector-logo {
  position: absolute;
  right: 20px;
  top: 32px;
  width: 148px;
  height: 53px;
  background-image: url(/common/mobilecontrolpanel/product-selector/logo-productselector-2X.png);
  background-size: contain;
}
@media (max-width: 1000px) {
  .catalogue-sync-context .inner {
    padding: 10px 20px 0 20px;
    height: 87px;
  }
  .catalogue-sync-context .inner > .product-selector-logo {
    display: none;
  }
}
.catalogue-sync-context .link-line {
  border-bottom: solid 1px #e96f2c;
  padding-bottom: 11px;
  font-size: 1.11111em;
  font-weight: 300;
}
@media (max-width: 1000px) {
  .catalogue-sync-context .link-line {
    border-bottom: none;
    padding-bottom: 5px;
  }
}
.catalogue-sync-context .link-line a {
  text-transform: uppercase;
  display: inline-block;
  max-width: 30%;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  background-position: left center;
  background-repeat: no-repeat;
}
.catalogue-sync-context .link-line a.site-link {
  background-image: url(/common/mobilecontrolpanel/product-selector/icon-backarrow-2X.png);
  background-size: 12px 15px;
  padding-left: 23px;
}
.catalogue-sync-context .link-line a.site-link:after {
  content: "Back to my site";
}
@media (max-width: 1000px) {
  .catalogue-sync-context .link-line a.site-link {
    max-width: none;
  }
  .catalogue-sync-context .link-line a.site-link:after {
    content: "My site";
  }
}
.catalogue-sync-context .link-line a.supplier-market-link {
  background-image: url(/common/mobilecontrolpanel/product-selector/icon-markethome-2X.png);
  background-size: 15px 15px;
  padding-left: 26px;
}
@media (max-width: 1000px) {
  .catalogue-sync-context .link-line a.supplier-market-link {
    font-size: 0;
    width: 15px;
    height: 15px;
    padding: 0;
  }
}
.catalogue-sync-context .link-line a.supplier-link {
  background-image: url(/common/mobilecontrolpanel/product-selector/icon-sitethome-2X.png);
  background-size: 17px 15px;
  padding-left: 28px;
}
@media (max-width: 1000px) {
  .catalogue-sync-context .link-line a.supplier-link {
    font-size: 0;
    width: 17px;
    height: 15px;
    padding: 0;
  }
}
.catalogue-sync-context .link-line .seperator:after {
  display: inline-block;
  content: "/";
  padding: 0 15px;
  color: #ed8c56;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  .catalogue-sync-context .link-line .seperator:after {
    padding: 0 10px;
  }
}
.catalogue-sync-context .info-line {
  padding-top: 11px;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.catalogue-sync-context .info-line a {
  font-weight: 600;
}
.catalogue-sync-context .info-line em:after {
  content: "You are choosing products for your online shop:";
}
@media (max-width: 1000px) {
  .catalogue-sync-context .info-line {
    padding-top: 5px;
  }
  .catalogue-sync-context .info-line em:after {
    content: "Adding to:";
  }
}

.catalogue-sync-context-small {
  background-color: #f0f0f0;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}
.catalogue-sync-context-small .inner:before, .catalogue-sync-context-small .inner:after {
  content: "";
  display: table;
  width: 0;
}
.catalogue-sync-context-small .inner:after {
  clear: both;
}
.catalogue-sync-context-small .inner {
  box-sizing: border-box;
  min-width: 320px;
  max-width: 940px;
  padding: 0 20px;
  margin: 0 auto;
  color: #464646;
  font-size: 18px;
  position: relative;
  height: 40px;
  text-align: center;
}
.catalogue-sync-context-small .inner a {
  text-decoration: none;
  color: #464646;
}
@media screen and (max-width: 440px) {
  .catalogue-sync-context-small .inner {
    font-size: 15px;
  }
}
.catalogue-sync-context-small .info-line {
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  line-height: 40px;
}
.catalogue-sync-context-small .info-line a {
  font-weight: 600;
}

.marketplace-context-bar-outer {
  background-color: #444;
  position: relative;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  z-index: 2000;
}

.marketplace-context-bar {
  min-width: 320px;
  max-width: 940px;
  position: relative;
  font-size: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.marketplace-context-bar .ab-marketplace-context {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.marketplace-context-bar .ab-marketplace-context .marketplace-name {
  background-image: url(/common/mobilecontrolpanel/mobilenav-icon-market-2X.png);
  background-position: center left;
  background-size: auto 1.2em;
  background-repeat: no-repeat;
  padding-left: 1.75em;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.marketplace-context-bar .ab-marketplace-context .ab-marketplace-button {
  flex: 0 0 auto;
}
.marketplace-context-bar .ab-marketplace-context .ab-marketplace-button:hover {
  background-color: #666;
}

#checkout,
.cartContent {
  counter-reset: checkoutStep;
}
#checkout .delivery-method-select,
.cartContent .delivery-method-select {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}
#checkout .delivery-method-select .delivery-method,
.cartContent .delivery-method-select .delivery-method {
  cursor: pointer;
  padding-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid #c1c1c1;
  background-repeat: no-repeat;
  flex: 1 1 auto;
  text-align: center;
  font-size: 1.1em;
}
#checkout .delivery-method-select .delivery-method.selected,
.cartContent .delivery-method-select .delivery-method.selected {
  font-weight: var(--legacy-bold);
  border-bottom: 3px solid black;
}
#checkout .delivery-method-select .delivery-method img, #checkout .delivery-method-select .delivery-method a,
.cartContent .delivery-method-select .delivery-method img,
.cartContent .delivery-method-select .delivery-method a {
  vertical-align: middle;
}
#checkout .delivery-method-select .delivery-method img,
.cartContent .delivery-method-select .delivery-method img {
  margin-right: 8px;
  height: 16px;
}
#checkout .pickup-location-heading,
.cartContent .pickup-location-heading {
  font-weight: 600;
  margin-bottom: 12px;
}
#checkout .pickup-locations p,
.cartContent .pickup-locations p {
  margin-bottom: 20px;
}
#checkout .pickup-locations .pickup-estimated-time,
.cartContent .pickup-locations .pickup-estimated-time {
  font-style: italic;
}
#checkout .pickup-locations .pickup-address-title,
.cartContent .pickup-locations .pickup-address-title {
  font-weight: 800;
  margin: 12px 0 6px 0;
}

#checkoutPage .inlineGatewayPopup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  max-width: 90%;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
  z-index: 99999;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.5);
  display: none;
  text-align: center;
}
#checkoutPage .inlineGatewayPopup h2 {
  font-size: 1.1rem;
  font-weight: var(--legacy-heading-bold);
  margin: 0 0 1rem;
  padding: 0;
  color: #464646;
}
#checkoutPage .inlineGatewayPopup p {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0 0 1rem;
  color: #464646;
  line-height: 1.5;
}
#checkoutPage .inlineGatewayPopup p:last-of-type {
  margin-bottom: 0;
}
#checkoutPage .inlineGatewayPopup .dialog-footer button {
  margin-top: 1.5em;
}
@media screen and (max-width: 400px) {
  #checkoutPage .inlineGatewayPopup {
    width: 100%;
    height: 100%;
  }
}
#checkoutPage .enterCard {
  margin-left: 24px;
  padding-top: 5px;
}
#checkoutPage .enterCard .enteredCard {
  padding-bottom: 10px;
}
#checkoutPage .nzPostResult {
  background-image: url(/images/icon-map-location.png);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 12px;
  cursor: pointer;
  width: inherit;
  padding-top: 6px;
  border: 1px solid black;
  padding-left: 25px;
  display: block;
  height: 24px;
  background-color: white;
  font-size: 12px;
}
#checkoutPage .checkout-layout a {
  color: #666666;
}
#checkoutPage .checkout-layout .button {
  color: white !important;
  height: 38px;
  line-height: 38px;
  background-color: var(--primary-color);
  font-size: 21px;
}
#checkoutPage .checkout-layout .button:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage .checkout-layout .button:focus-visible {
  outline: 1px auto;
}
#checkoutPage .checkout-layout .button-small {
  color: white !important;
  height: 30px;
  line-height: 30px;
  background-color: var(--primary-color);
  font-size: 17px;
}
#checkoutPage .checkout-layout .button-small:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage .checkout-layout .button-small:focus-visible {
  outline: 1px auto;
}
#checkoutPage .field {
  position: relative;
  margin-top: 1em;
  margin-bottom: 0.5em;
  /* Set width on the form input elements since they're 100% wide by default */
}
#checkoutPage .field input[type=text], #checkoutPage .field input[type=password], #checkoutPage .field input[type=number], #checkoutPage .field input[type=date], #checkoutPage .field textarea, #checkoutPage .field select {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  background-color: #fff;
}
#checkoutPage .field label {
  display: block;
  margin-bottom: 5px;
  font-weight: 300;
}
#checkoutPage .field .field-checkbox label {
  margin-bottom: 0;
}
#checkoutPage .field .field-checkbox input {
  margin: 0;
}
#checkoutPage .field .field-input {
  /*margin-left: 120px;*/
}
#checkoutPage .field .field-checkbox .field-label-pair {
  display: flex;
  padding: 0.3em 0;
  align-items: flex-start;
}
#checkoutPage .field .field-checkbox .field-label-pair .input-column {
  flex: 0 1 auto;
  padding-right: 0.5em;
}
#checkoutPage .field .field-checkbox .field-label-pair .label-column {
  flex: 1 1 auto;
}
#checkoutPage .field .field-checkbox .field-label-pair label {
  cursor: pointer;
}
#checkoutPage .field .field-checkbox .field-label-pair input {
  float: none;
}
#checkoutPage .field .field-checkbox .field-label-pair.option-list-option-other {
  align-items: center;
}
#checkoutPage .field textarea,
#checkoutPage .field .field-notes textarea {
  height: 100px;
}
#checkoutPage .field.field-required label:after {
  content: "*";
  display: inline-block;
  margin-left: 0.25em;
}
#checkoutPage .field .help {
  font-size: 0.875em;
  margin-top: 0.333em;
  padding-bottom: 0.25em;
}
#checkoutPage .field-note {
  font-style: italic;
}
#checkoutPage .item-formatted-text .richText {
  font-size: 13px;
  margin: 1em 0;
}
#checkoutPage .item-formatted-text .richText h2 {
  font-size: 18px;
}
#checkoutPage .item-formatted-text .richText li {
  font-size: 13px;
}
#checkoutPage button {
  padding: 0.25em 2em;
  margin-top: 0.5em;
}
#checkoutPage h1 {
  margin: 0;
}
#checkoutPage h2, #checkoutPage h3, #checkoutPage h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #464646 !important;
}
#checkoutPage h2 {
  font-size: 26px;
}
#checkoutPage .input-validation-error {
  border: solid 2px #CF290C;
}
#checkoutPage .field-validation-error {
  color: #CF290C;
  display: block;
  margin: 0.5em 0;
}
#checkoutPage .field-address-lookup {
  border-radius: 3px;
  padding: 1.5em;
  background-color: #f1f1f1;
  margin: 1.5rem 0;
}
#checkoutPage .field-address-lookup input, #checkoutPage .field-address-lookup .field-input {
  background-color: #fff;
}
#checkoutPage .field-input .dropdown {
  background-color: #fff;
}
#checkoutPage .address-lookup-result {
  margin: 1em 0 0;
  display: flex;
  gap: 1.25em;
}
#checkoutPage .address-lookup-result .lookup-result-icon {
  font-size: 1.75em;
  opacity: 0.8;
}
@media screen and (max-width: 440px) {
  #checkoutPage .address-lookup-result .lookup-result-icon {
    display: none;
  }
}
#checkoutPage .address-lookup-result th, #checkoutPage .address-lookup-result td {
  font-weight: var(--body-default-weight);
  text-align: left;
  padding: 0.3em 0;
  font-size: var(--fontsize-small);
}
#checkoutPage .address-lookup-result th {
  text-transform: uppercase;
  color: #666666;
  font-weight: var(--body-default-weight);
  font-size: var(--fontsize-small);
  padding-right: 1rem;
}
#checkoutPage .address-lookup-result td span {
  display: block;
}
#checkoutPage .address-lookup-result td span + span {
  margin-top: 0.333em;
}
#checkoutPage a.manual-entry-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
#checkoutPage a.manual-entry-button span {
  vertical-align: middle;
}
#checkoutPage a.manual-entry-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#checkoutPage a.manual-entry-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
#checkoutPage a.manual-entry-button.large {
  font-size: 1.5em;
}
#checkoutPage a.manual-entry-button .verb, #checkoutPage a.manual-entry-button em {
  font-style: italic;
}
#checkoutPage a.manual-entry-button:focus-visible {
  outline: 1px auto;
}
#checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
#checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
#checkoutPage a.manual-entry-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
#checkoutPage a.manual-entry-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
#checkoutPage a.manual-entry-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
#checkoutPage a.manual-entry-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
#checkoutPage a.manual-entry-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
#checkoutPage a.manual-entry-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
#checkoutPage a.manual-entry-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
#checkoutPage a.manual-entry-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
#checkoutPage a.manual-entry-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
#checkoutPage a.manual-entry-button.on-dark, .bgc-dark #checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
#checkoutPage a.manual-entry-button.on-dark:hover, .bgc-dark #checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.on-dark, .bgc-dark .buttonStyleGradient #checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient #checkoutPage a.manual-entry-button.on-dark:hover, .bgc-dark .buttonStyleGradient #checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline #checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline #checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.disabled, .buttonStyleOutline #checkoutPage a.manual-entry-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.on-dark, .bgc-dark .buttonStyleOutline #checkoutPage a.manual-entry-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline #checkoutPage a.manual-entry-button.on-dark:hover, .bgc-dark .buttonStyleOutline #checkoutPage a.manual-entry-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
#checkoutPage a.manual-entry-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
  font-size: 0.6875rem;
  margin-top: 1em;
}
#checkoutPage .address-entry-fields {
  padding: 1px 0;
}
#checkoutPage .address-entry-fields.hidden {
  position: absolute;
  left: -100vw;
  width: 0;
  overflow: hidden;
}
#checkoutPage #header {
  margin: 0 auto;
  max-width: 1000px;
  min-width: 280px;
}
#checkoutPage #header .header-image {
  padding: 20px 0;
  text-align: center;
}
#checkoutPage #header .header-image img {
  max-width: 100%;
}
#checkoutPage #header .header-image .not-mobile {
  display: block;
}
#checkoutPage #header .header-image .mobile-only {
  display: none;
}
@media (max-width: 480px) {
  #checkoutPage #header .header-image .not-mobile {
    display: none;
  }
  #checkoutPage #header .header-image .mobile-only {
    display: block;
  }
}
#checkoutPage #header .header-text {
  padding: 30px 2px 35px;
}
#checkoutPage #header .header-text a {
  text-decoration: none;
}
@media (max-width: 420px) {
  #checkoutPage #header .header-text {
    padding: 20px 2px;
  }
}
#checkoutPage .cart-code-section {
  margin-top: 1.5em;
}
#checkoutPage .message-page {
  padding-top: 55px;
  text-align: center;
  font-size: 1em !important;
}
#checkoutPage .message-page p {
  margin-bottom: 1.5em;
}
#checkoutPage #paymentRedirect {
  background-color: #f5f5f5;
}
#checkoutPage #paymentRedirect .payment-redirect-block {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  position: relative;
  margin: 50px auto;
  text-align: center;
  color: #484848;
  font-size: 14px;
}
#checkoutPage #paymentRedirect .payment-redirect-block img, #checkoutPage #paymentRedirect .payment-redirect-block p {
  padding: 4px 0;
}
#checkoutPage .cart-table {
  width: 100%;
}
#checkoutPage .cart-table th, #checkoutPage .cart-table td {
  padding: 1em 0 1em 0.25em;
  border-bottom: solid 1px #dfdfdf;
  font-size: var(--fontsize-small);
  vertical-align: bottom;
}
#checkoutPage .cart-table th {
  text-align: left;
  white-space: nowrap;
  text-transform: uppercase;
  color: #666666;
  font-weight: var(--body-default-weight);
  font-size: var(--fontsize-small);
}
#checkoutPage .cart-table th.number,
#checkoutPage .cart-table td.number {
  padding-right: 0;
  padding-left: 0.25em;
  text-align: right;
  width: 5em;
}
#checkoutPage .cart-table td.total {
  padding-left: 1em;
}
#checkoutPage .cart-table td.line-item-description {
  text-align: right;
  text-transform: uppercase;
  color: #666666;
  font-weight: var(--body-default-weight);
  font-size: var(--fontsize-small);
}
#checkoutPage .cart-table .productDetailsCostText,
#checkoutPage .cart-table .productDetailsOption {
  font-size: var(--fontsize-xsmall);
}
#checkoutPage .cart-table .productDetailsOption label {
  padding-right: 0.2em;
}
#checkoutPage .cart-table tr.product-invalid td > span {
  color: #CF290C;
  text-decoration: line-through;
}
#checkoutPage .cart-table tr.product-invalid td > span a {
  color: #CF290C;
  text-decoration: line-through;
}
#checkoutPage .cart-table tr.product-invalid td .productDetailsOptionError {
  color: #CF290C;
}
#checkoutPage .cart-table tr.product-invalid td .productDetailsOptionError .productDetailsOptionErrorMessage {
  background-color: #CF290C;
  color: white;
  padding: 2px 5px;
  margin: 3px 0;
}
#checkoutPage .cart-table tr.product-invalid td .productDetailsOptionError .productDetailsOptionEdit {
  padding-left: 5px;
  display: inline-block;
  color: white;
}
#checkoutPage .cart-table .line-items tr.typeGrandTotal td span {
  font-size: var(--fontsize);
}
#checkoutPage .cart-table .original-price {
  text-decoration: line-through;
  color: #666666;
}
#checkoutPage .cart-table .hideAvailabilityMessage span.quantity-available {
  display: none;
}
#checkoutPage .cart-table .showAvailabilityMessage span.quantity {
  color: #CF290C;
  text-decoration: line-through;
}
#checkoutPage #checkoutHeader {
  font-size: 0.75em;
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  min-width: 280px;
}
#checkoutPage #checkoutHeader .preview-message {
  padding: 20px;
  background-color: rgba(220, 142, 158, 0.2);
  border-radius: 3px;
  font-size: 1.2em;
  color: #44202f;
  line-height: 1.4;
}
#checkoutPage #checkoutHeader .message-block {
  border: solid 1px #e2e2e2;
  padding: 14px;
  line-height: 1.5em;
  margin: 11px 0 20px 0;
  background-color: #000;
}
#checkoutPage #checkoutHeader .message-block a {
  color: #fff;
}
#checkoutPage #checkoutHeader .message-block .message-text {
  margin-left: 3px;
  padding: 3px 0;
  background-repeat: no-repeat;
  background-position: left;
  color: #fff;
}
#checkoutPage #checkoutHeader .message-block.success .message-text {
  padding-left: 37px;
  background-image: url(/images/icon-tick-medium.png);
}
#checkoutPage #checkoutHeader .message-block.error .message-text, #checkoutPage #checkoutHeader .message-block.alert .message-text {
  padding-left: 37px;
  background-image: url(/images/icon-alert-medium.png);
}
#checkoutPage span.pickup-estimated-time {
  font-style: italic;
}
#checkoutPage #checkout {
  margin: 0 auto;
  max-width: 1000px;
  min-width: 280px;
  padding-bottom: 2em;
}
#checkoutPage #checkout .checkout-columns {
  position: relative;
}
#checkoutPage #checkout .checkout-section h2 {
  padding-top: 40px;
  padding-top: 2rem;
  margin-bottom: 0.75em;
  color: #464646;
  font-weight: 400;
}
#checkoutPage #checkout .checkout-section h2:first-child {
  padding-top: 1.5rem;
}
#checkoutPage #checkout .checkout-section:first-child h2:first-child {
  padding-top: 0;
}
#checkoutPage #checkout .checkout-section h3 {
  margin: 1em 0;
  font-weight: var(--heading-default-weight);
}
#checkoutPage #checkout .checkout-section .checkout-section-content {
  /*margin: 16px 20px 20px 20px;
  margin: 1rem 1.25rem 1.25rem 1.25rem;*/
}
#checkoutPage #checkout .checkout-section .appointment-title {
  margin: 0.75em 0 0.75em 0;
}
#checkoutPage #checkout .checkout-section .booking-only-section {
  background-color: #efefef;
  padding: 10px 20px;
}
#checkoutPage #checkout #checkoutDetails {
  margin-right: 430px;
  margin-bottom: 20px;
}
#checkoutPage #checkout #checkoutCart {
  position: absolute;
  right: 0;
  width: 400px;
  top: 0;
  color: #464646;
}
#checkoutPage #checkout #checkoutCart .checkout-section {
  padding: 10px 20px 20px 20px;
  background-color: #efefef;
  border-radius: 3px;
}
#checkoutPage #checkout #checkoutCart .checkout-summary-validation {
  font-weight: 500;
  color: #CF290C;
  text-align: left;
  padding: 0 0 10px 0;
}
#checkoutPage #checkout #checkoutCart .productDetailsCostText {
  margin: 5px 0;
}
#checkoutPage #checkout #checkoutCart .product-hide-cost .total {
  visibility: hidden;
}
#checkoutPage #checkout #deliveryAddressSection {
  display: none;
  /* required to prevent slide-down jump */
  margin-top: -1px;
  padding-top: 1px;
}
#checkoutPage #checkout .checkout-section h3.shipping-method-heading {
  margin-top: 2em;
}
#checkoutPage #checkout .shippingMethodsSingle .shippingMethod input {
  display: none;
}
#checkoutPage #checkout .shippingMethodsSingle .shippingMethod .shippingMethodInfo {
  margin-left: 0 !important;
}
#checkoutPage #checkout .shipping-method-validity-message {
  margin: 10px 0;
  color: #CF290C;
}
#checkoutPage #checkout .shipping-method-validity-message:empty {
  display: none;
}
#checkoutPage #checkout .shippingMethod {
  padding-bottom: 12px;
}
#checkoutPage #checkout .shippingMethod input {
  float: left;
  margin-top: 3px;
  cursor: pointer;
}
#checkoutPage #checkout .shippingMethod .shippingMethodInfo {
  margin-left: 24px;
}
#checkoutPage #checkout .shippingMethod .shippingMethodInfo label {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}
#checkoutPage #checkout .shippingMethod .shippingMethodInfo .shippingMethodName {
  font-weight: 600;
}
#checkoutPage #checkout .shippingMethod .shippingMethodInfo .shippingMethodDetails {
  display: none;
}
#checkoutPage #checkout .paymentMethodsSingle .paymentMethod > input[type=radio] {
  display: none;
}
#checkoutPage #checkout .paymentMethodsSingle .paymentMethod .paymentMethodInfo {
  display: none;
}
#checkoutPage #checkout .paymentMethodsSingle .paymentMethod > div {
  margin-left: 0;
}
#checkoutPage #checkout .paymentMethod {
  padding-bottom: 12px;
}
#checkoutPage #checkout .paymentMethod input {
  float: left;
  margin-top: 3px;
  cursor: pointer;
}
#checkoutPage #checkout .paymentMethod .paymentMethodInfo {
  margin-left: 24px;
}
#checkoutPage #checkout .paymentMethod .paymentMethodInfo label {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}
#checkoutPage #checkout .paymentMethod .paymentMethodInfo .paymentMethodName {
  font-weight: 600;
}
#checkoutPage #checkout .paymentMethodLaybuy label img {
  width: 130px;
}
#checkoutPage #checkout .paymentMethodLaybuy input {
  margin-top: 7px;
}
#checkoutPage #checkout .paymentMethodAfterpay label img {
  width: 130px;
}
#checkoutPage #checkout .paymentMethodAfterpay input {
  margin-top: 7px;
}
#checkoutPage #checkout .paymentMethodLatitude label img {
  width: 130px;
}
#checkoutPage #checkout .paymentMethodLatitude input {
  margin-top: 7px;
}
#checkoutPage #checkout .cart-quantity-changed-message {
  display: none;
  padding: 20px;
  margin: 20px 0;
  background-color: #fff3f3;
  color: #664444;
}
#checkoutPage #checkout .order-button-section {
  text-align: right;
  margin-top: 20px;
}
#checkoutPage #checkout .order-button-section button {
  color: white !important;
  height: 39.1px;
  line-height: 39.1px;
  background-color: var(--primary-color);
  font-size: 17px;
}
#checkoutPage #checkout .order-button-section button:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage #checkout .order-button-section button:focus-visible {
  outline: 1px auto;
}
#checkoutPage #checkout .order-button-section button {
  text-align: center;
  font-weight: 400;
  width: 100%;
  display: inline-block;
}
.buttonCapitalisationUppercase #checkoutPage #checkout .order-button-section button {
  text-transform: uppercase;
}
#checkoutPage #checkout .order-button-section button strong {
  font-style: normal;
  font-weight: 600;
}
#checkoutPage #checkout .order-button-section button.disabled {
  cursor: not-allowed;
}
@media (max-width: 480px) {
  #checkoutPage #checkout .order-button-section button {
    color: white !important;
    height: 44px;
    line-height: 44px;
    background-color: var(--primary-color);
    font-size: 25px;
  }
  #checkoutPage #checkout .order-button-section button:hover {
    background: var(--primary-color-rollover);
  }
  #checkoutPage #checkout .order-button-section button:focus-visible {
    outline: 1px auto;
  }
}
@media (max-width: 840px) {
  #checkoutPage #checkout #checkoutDetails {
    margin-right: 0;
  }
  #checkoutPage #checkout #checkoutCart {
    position: static;
    width: 100%;
  }
}
@media (max-width: 500px) {
  #checkoutPage #checkout #checkoutCart .checkout-section {
    margin-left: -20px;
    margin-right: -20px;
  }
}
#checkoutPage #checkout .step-number {
  counter-increment: checkoutStep;
}
#checkoutPage #checkout .step-number:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: var(--legacy-bold);
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 10px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: inline-block;
  content: counter(checkoutStep);
}
#checkoutPage #checkout .cart-edit-link {
  margin-top: 20px;
}
#checkoutPage #checkout .cart-edit-link a {
  color: #464646;
}
#checkoutPage #checkout .cart-edit-link a:hover {
  color: var(--primary-color);
}
#checkoutPage.page-payment-incomplete {
  padding-top: 10px;
}
#checkoutPage.page-payment-incomplete h2 {
  margin: 1.5em 0;
  padding: 0;
  line-height: 1.3;
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option {
  margin-bottom: 20px;
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 20px;
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option h3 {
  margin: 0 0 1em 0;
  text-transform: uppercase;
  font-weight: var(--legacy-bold);
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option p {
  margin-top: 0;
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option .button {
  color: white !important;
  height: 30px;
  line-height: 30px;
  background-color: var(--primary-color);
  font-size: 17px;
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option .button:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option .button:focus-visible {
  outline: 1px auto;
}
#checkoutPage.page-payment-incomplete .payment-incomplete-option .button {
  margin-top: 1em;
}
#checkoutPage.page-order-complete {
  padding-top: 10px;
}
#checkoutPage.page-order-complete #checkoutHeader {
  margin-bottom: 20px;
}
#checkoutPage.page-order-complete h1 {
  margin-bottom: 0.5em;
}
#checkoutPage.page-order-complete h3 {
  font-size: 1em;
  font-weight: var(--legacy-heading-bold);
  text-transform: uppercase;
}
#checkoutPage.page-order-complete h4 {
  font-weight: var(--legacy-bold);
  margin-bottom: 0.25em;
}
#checkoutPage.page-order-complete .order-complete-footer {
  padding: 30px 0;
  text-align: right;
}
#checkoutPage.page-order-complete .order-text h2 {
  font-weight: 400;
  margin-bottom: 0.5em;
  padding-bottom: 0;
}
#checkoutPage.page-order-complete .order-text .checkout-section {
  margin-top: 0;
}
#checkoutPage.page-order-complete .page-order-complete-columns:before, #checkoutPage.page-order-complete .page-order-complete-columns:after {
  content: "";
  display: table;
  width: 0;
}
#checkoutPage.page-order-complete .page-order-complete-columns:after {
  clear: both;
}
#checkoutPage.page-order-complete .page-order-complete-columns .section-divider {
  width: 100%;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 2em;
  margin-bottom: 2em;
}
#checkoutPage.page-order-complete .page-order-complete-columns .individual-service {
  margin-bottom: 1.2em;
}
#checkoutPage.page-order-complete .page-order-complete-column-one {
  float: left;
  width: 48%;
  line-height: 1.5;
  padding-bottom: 20px;
}
#checkoutPage.page-order-complete .page-order-complete-column-one .checkout-section + .checkout-section {
  margin-top: 20px;
}
#checkoutPage.page-order-complete .page-order-complete-column-one .payment-instructions {
  border: solid 1px #c1c1c1;
  padding: 8px 20px;
  margin: 30px 0;
  font-size: 0.769em;
}
#checkoutPage.page-order-complete .page-order-complete-column-one .payment-instructions h3 {
  margin: 12px 0;
}
#checkoutPage.page-order-complete .page-order-complete-column-one .payment-instructions p {
  margin: 12px 0;
}
#checkoutPage.page-order-complete .page-order-complete-column-two {
  float: right;
  width: 48%;
}
#checkoutPage.page-order-complete .page-order-complete-column-two .checkout-section {
  padding: 10px 20px 20px 20px;
  background-color: #efefef;
  margin-top: 5px;
}
#checkoutPage.page-order-complete .page-order-complete-column-two .typeGrandTotal .number {
  font-weight: var(--legacy-bold);
}
#checkoutPage.page-order-complete .page-order-complete-column-two .cartLineItemTable .line-items tr:last-child th,
#checkoutPage.page-order-complete .page-order-complete-column-two .cartLineItemTable .line-items tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 750px) {
  #checkoutPage.page-order-complete .page-order-complete-column-one,
  #checkoutPage.page-order-complete .page-order-complete-column-two {
    float: none;
    width: auto;
  }
}
#checkoutPage button.disabled {
  color: #ccc;
}
#checkoutPage #messageBlockPopUp {
  cursor: pointer;
}
#checkoutPage #messageBlockPopUp .disabled-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999;
  opacity: 0.8;
  z-index: 999998;
}
#checkoutPage #messageBlockPopUp .message-block-outer {
  position: fixed;
  top: 20%;
  left: 15px;
  right: 15px;
  bottom: 0;
  z-index: 999999;
  color: #fff;
}
#checkoutPage #messageBlockPopUp .message-block-outer .message-block {
  margin: 0 auto;
  max-width: 460px;
  opacity: 1;
  z-index: 2;
  padding: 30px 20px;
  background-color: white;
  box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.3);
}
#checkoutPage #messageBlockPopUp .message-block-outer .message-block .message-text {
  margin-left: 3px;
  padding: 3px 0;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 22px;
  color: #474747;
  font-size: 14px;
}
#checkoutPage #messageBlockPopUp .message-block-outer .message-block.error .message-text {
  padding-left: 37px;
  background-image: url(/images/popupicon-error.png);
}
@media (max-width: 840px) {
  #checkoutPage .checkout-section {
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding-bottom: 0;
  }
}
#checkoutPage .checkout-confirmation-text {
  margin-bottom: 20px;
  padding: 15px 18px;
  background-color: #efefef;
  border-radius: 3px;
}
#checkoutPage .checkout-confirmation-text h2:first-child {
  margin-top: 0;
}
#checkoutPage .checkout-confirmation-text a {
  color: #464646;
}
#checkoutPage {
  /*========================================================*/
  /* Exceptions */
  /*========================================================*/
}
#checkoutPage .exception-box {
  margin: 0 auto;
  max-width: 400px;
  padding: 35px;
  border: 1px solid #e6e6e6;
  margin-top: 40px;
}
#checkoutPage .exception-box img {
  padding-bottom: 15px;
}
#checkoutPage .exception-box h1 {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #474747;
  font-style: normal !important;
}
#checkoutPage .exception-box p {
  font-size: 14px;
  margin: 0;
}
#checkoutPage .exception-box p:not(:last-child) {
  margin-bottom: 20px;
}
#checkoutPage {
  /*========================================================*/
  /* Dialog */
  /*========================================================*/
}
#checkoutPage #dialog-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: Black;
  opacity: 0.5;
  z-index: 9999;
  top: 0;
  left: 0;
}
#checkoutPage .dialog-content {
  z-index: 10000;
  position: fixed;
  display: none;
  top: 20px;
  left: 20px;
  right: 20px;
  min-height: 100px;
  max-height: 80%;
  border-radius: 5px;
  padding: 40px;
  background-color: #fff;
  overflow-y: auto;
  font-size: 1.1em;
}
#checkoutPage p {
  margin-bottom: 1em;
}
#checkoutPage .terms-and-conditions-full {
  margin: 1em 0 30px;
}
#checkoutPage .secure-transaction-message {
  margin-top: 20px;
  margin-bottom: 5px;
  width: 100%;
  font-size: 1.3em;
  text-align: center;
  margin-top: 1em;
  font-style: italic;
}
#checkoutPage .secure-transaction-message span {
  display: inline-block;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: left 4px;
}
#checkoutPage .button-small {
  color: white !important;
  height: 30px;
  line-height: 30px;
  background-color: var(--primary-color);
  font-size: 17px;
}
#checkoutPage .button-small:hover {
  background: var(--primary-color-rollover);
}
#checkoutPage .button-small:focus-visible {
  outline: 1px auto;
}
@media (max-width: 480px) {
  #checkoutPage .dialog-content {
    top: 0;
    left: 0;
    right: 0;
    font-size: 0.8em;
    padding: 20px;
    border-radius: 0;
  }
  #checkoutPage .terms-and-conditions-full {
    margin-bottom: 20px;
  }
}

.newListSelected .SSContainerDivWrapper {
  left: -9999px;
}

.newListSelected {
  float: left;
  background-color: #ffffff;
  background-image: url(/common/icon-selectarrow-down.png);
  background-position: 181px 3px;
  background-repeat: no-repeat;
  border: 1px solid #c1c1c1;
  color: #000000;
  height: 22px;
  padding: 0;
  position: relative;
  width: 200px;
}
.newListSelected .selectedTxt {
  overflow: hidden;
  height: 16px;
  padding: 2px 21px 4px 4px;
  text-align: left !important;
}
.newListSelected .SSContainerDivWrapper ul.newList {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000;
  background: #fff;
  border: 1px solid #c1c1c1;
  top: 22px;
  left: -1px;
  height: auto;
  overflow: auto;
  font-size: 13px;
  text-align: left;
  position: absolute;
  z-index: 899;
  width: 100%;
}
.newListSelected .SSContainerDivWrapper ul.newList li {
  border-bottom: 1px solid #ebebeb;
  list-style: none !important;
  margin-left: 0;
  padding-bottom: 0;
}
.newListSelected .SSContainerDivWrapper ul.newList li a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 3px 8px;
  min-height: 16px;
  background-color: #ffffff;
}
.newListSelected .SSContainerDivWrapper ul.newList li a:focus {
  outline: none;
}
.newListSelected .SSContainerDivWrapper ul.newList li a.newListHover {
  background: #e1e1e1 !important;
}
.newListSelected .SSContainerDivWrapper ul.newList li a.hiLite {
  background: #d1d1d1 !important;
}
.newListSelected .SSContainerDivWrapper ul.newList li:last-child {
  border-bottom: none;
}

.addToCart .message-price {
  font-size: 0.8em;
  font-weight: 600;
  margin: 0;
}

.addToCartWidth_165 .addToCart {
  width: 135px;
}

.addToCartWidth_200 .addToCart {
  width: 160px;
  padding: 19px;
}

.addToCartWidth_235 .addToCart {
  width: 185px;
  padding: 24px;
}

.addToCartWidth_300 .addToCart {
  width: 220px;
  padding: 39px;
}

.addToCartWidth_165 .productDetailContent {
  margin-right: 187px;
}

.addToCartWidth_200 .productDetailContent {
  margin-right: 222px;
}

.addToCartWidth_235 .productDetailContent {
  margin-right: 0;
}

.addToCartWidth_300 .productDetailContent {
  margin-right: 0;
}

.addToCartWidth_165 .addToCartPanel .shopButton.fullWidth,
.addToCartWidth_200 .addToCartPanel .shopButton.fullWidth {
  font-size: 0.8em;
}

.addToCart .pricing {
  display: block;
  margin-bottom: 0.75em;
  font-size: 20px;
}

.addToCart .price {
  font-weight: var(--legacy-bold);
  display: block;
  margin-bottom: 0;
}

.addToCart .pricing em {
  font-size: 0.8em;
}

.addToCart .originalPrice .price {
  color: #464646;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 0.8em;
}

.addToCart .productPrice {
  font-size: 12pt;
  font-weight: var(--legacy-bold);
  margin-bottom: 8px;
}

.addToCart .oldProductPrice {
  color: #494949 !important;
  text-decoration: line-through;
  font-weight: normal !important;
  font-size: 13px;
}

.addToCart .optionTitle {
  margin-bottom: 0.4em;
  margin-top: 0.5em;
}

.contentAreaProductRightPanel .addToCart .optionTitle {
  margin-bottom: 5px;
  font-size: 11px;
  color: #767676;
}

.addToCart .option {
  margin-bottom: 0.8em;
  font-size: 10pt;
}

.addToCart .status {
  margin: 0 0 12px;
}
.addToCart .productOptionsTable .status {
  margin: 0;
}

.addToCart select {
  width: 100%;
}

.addToCart .optionQuantity input {
  width: 30px;
}

.addToCart .optionQuantity img {
  margin-right: 2px;
}

/* Panel only */
.addToCartPanel {
  min-width: 135px;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 24px 14px;
}
.addToCartPanel .addToCartInner,
.addToCartPanel .addToCartButtons {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 686px) {
  .addToCartPanel .addToCartInner,
  .addToCartPanel .addToCartButtons {
    max-width: 500px;
  }
}
.addToCartPanel .addToCartInner,
.addToCartPanel .addToCartButtons {
  container-name: content-container;
  container-type: inline-size;
}
.addToCartPanel.cartThemeModernWhite {
  background-color: transparent;
  border-radius: 0;
  padding: unset;
}
.addToCartPanel input[type=text], .addToCartPanel input[type=password], .addToCartPanel input[type=number], .addToCartPanel input[type=date], .addToCartPanel textarea, .addToCartPanel select {
  padding: 10px;
  background-color: #fff;
}
.addToCartPanel .shopButton.fullWidth {
  font-size: 1.0625rem;
  line-height: 2.3;
}

#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel {
  padding: 50px 4vw;
}

.addToCartFull .product-shop-form {
  width: 600px;
  max-width: 100%;
}

@media screen and (max-width: 600px) {
  #bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel {
    padding: 5vw;
  }
}
#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCart .option {
  margin-bottom: 1.4em;
}

#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .pricing {
  font-size: 1.6em;
}

#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .addToCartButtons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .addToCartButtons > div,
#bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .addToCartButtons > a {
  display: block;
  flex: 0 1 auto;
  width: auto;
  min-width: 160px;
  margin: 1em 0.5em 0 0;
  line-height: 1;
}

.designStyleFramed #bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .addToCartButtons .cartButtonSpacer, .designStyleOpen #bodySection .itemAreaSmallFishProductDetailsAddToCart .addToCartPanel .addToCartButtons .cartButtonSpacer {
  display: none;
}

/* Full only */
.addToCartFull .addToCartProductPrice {
  margin: 12px 0;
}

.addToCartFull .pricing {
  font-size: 24px;
}

.editCartProduct .addToCartPanel {
  margin-top: 20px;
}

/* Booking date/time picker */
.booking-time-picker {
  display: flex;
  container-name: bookingTimePicker;
  container-type: inline-size;
  flex-wrap: wrap;
  margin-right: -10px;
}
.booking-time-picker > .option {
  margin-right: 10px;
}
.booking-time-picker > .option.date-picker-option {
  margin-bottom: 0.4em !important;
  flex: 0 1 auto;
}
.booking-time-picker .ui-datepicker {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  border-color: #cccccc;
  font-size: 0.9em;
  font-size: min(5.333cqw, 0.9em) !important;
  max-width: 30ch;
}
.booking-time-picker .ui-datepicker.ui-datepicker-inline {
  padding: 0.2em 0.7em;
}
.booking-time-picker .ui-datepicker .ui-datepicker-title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 0 2em;
  font-size: 1.111em;
}
.booking-time-picker .ui-datepicker select.ui-datepicker-year {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  width: 4em;
  min-width: 4em;
  padding-top: 0.333em !important;
  padding-bottom: 0.333em !important;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header {
  background-color: transparent;
  background-image: none;
  border: none;
  font-weight: normal;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: 1fr;
  gap: 0.5em;
  align-items: center;
  padding: 0.4em 0 0;
  margin: 0;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header:after {
  display: none;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  grid-column: 2/2;
  grid-row: 1/1;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: block;
  grid-row: 1/1;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  height: 1.36em;
  width: 1.36em;
  cursor: pointer;
  border-radius: 0;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  border: none;
  background: none;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: block;
  position: relative;
  left: 0;
  margin: 0;
  top: 0;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  grid-column: 1/1;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  background-image: url("/common/icons/arrow-circled-left.svg");
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  grid-column: 3/3;
}
.booking-time-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background-image: url("/common/icons/arrow-circled-right.svg");
}
.booking-time-picker .ui-datepicker .ui-datepicker-calendar {
  margin: 0;
}
.booking-time-picker .ui-datepicker table {
  font-size: 1em;
  margin-bottom: 0.667em;
}
.booking-time-picker .ui-datepicker table th {
  padding: 0.4em 0;
}
.booking-time-picker .ui-datepicker table th a, .booking-time-picker .ui-datepicker table th span {
  font-weight: normal;
}
.booking-time-picker .ui-datepicker table td {
  padding: 2px 0;
}
.booking-time-picker .ui-datepicker table td a, .booking-time-picker .ui-datepicker table td span {
  margin-top: 0.15em;
  margin-bottom: 3px;
  border: 0;
}
.booking-time-picker .ui-datepicker table th, .booking-time-picker .ui-datepicker table td {
  position: relative;
}
.booking-time-picker .ui-datepicker table th.ui-datepicker-today a, .booking-time-picker .ui-datepicker table th.ui-datepicker-today span, .booking-time-picker .ui-datepicker table td.ui-datepicker-today a, .booking-time-picker .ui-datepicker table td.ui-datepicker-today span {
  background-color: #ffe8d7;
  border-radius: 10%;
}
.booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable) td, .booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable) th, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable) td, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable) th {
  border-color: #e9f5f9;
}
.booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable).morning a::before, .booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable).morning span::before, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable).morning a::before, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable).morning span::before {
  content: " ";
  position: absolute;
  bottom: 0;
  background: #2cb221;
  height: 3px;
  width: 51%;
  will-change: bottom;
  image-rendering: pixelated;
  left: 0;
}
.booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable).afternoon a::after, .booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable).afternoon span::after, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable).afternoon a::after, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable).afternoon span::after {
  content: " ";
  position: absolute;
  bottom: 0;
  background: #2cb221;
  height: 3px;
  width: 51%;
  will-change: bottom;
  image-rendering: pixelated;
  right: 0;
}
.booking-time-picker .ui-datepicker table th.available:not(.ui-datepicker-unselectable):last-child, .booking-time-picker .ui-datepicker table td.available:not(.ui-datepicker-unselectable):last-child {
  border-radius: 0 1.111em 1.111em 0;
}
.booking-time-picker .ui-datepicker table th.ui-datepicker-current-day a, .booking-time-picker .ui-datepicker table th.ui-datepicker-current-day span, .booking-time-picker .ui-datepicker table td.ui-datepicker-current-day a, .booking-time-picker .ui-datepicker table td.ui-datepicker-current-day span {
  background-color: #2a2a2a;
  color: #fff !important;
  border-radius: 10%;
}
.booking-time-picker .ui-datepicker table th a, .booking-time-picker .ui-datepicker table th span, .booking-time-picker .ui-datepicker table td a, .booking-time-picker .ui-datepicker table td span {
  color: #000 !important;
  background-image: none;
  padding: 0.25em 1px;
  text-align: center;
  background-color: #fff;
  display: block;
}
.booking-time-picker .ui-datepicker > .option {
  flex: 0 0 auto;
  width: 50%;
  max-width: 13.333em;
  padding: 0 0.333em;
  box-sizing: border-box;
}
.booking-time-picker .ui-datepicker input {
  padding: 0.444em;
}
.booking-time-picker .ui-datepicker input,
.booking-time-picker .ui-datepicker select {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}

/* Mixins */
/* Animation keyframes */
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes hero-overlay-slideup {
  from {
    transform: translateY(45px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hero-overlay-slideup {
  from {
    transform: translateY(45px);
  }
  to {
    transform: translateY(0);
  }
}
/*@include keyframes(hero-overlay-flip) {
    from {
        transform: rotateY(90deg);
    }

    to {
        transform: rotateY(0deg);
    }
}*/
/*--------------------------------------
/* Content Items */
/*--------------------------------------*/
.item .not-mobile {
  display: block;
}
.item .mobile-only {
  display: none;
}

.item-waiting {
  height: 80px;
  background-image: url(/common/loader-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
}

.itemArea h2.item-title {
  margin-bottom: 15px;
  font-size: 16px;
}
.itemArea .contentItemMessage {
  background-color: #f6f6f6;
  padding: 11px;
  color: #484848;
  clear: both;
}
.itemArea .contentItemMessage img {
  float: left;
  margin-right: 12px;
}
.itemArea.widthFull.edgeToEdge .contentItemMessage {
  margin-left: 20px;
  margin-right: 20px;
}
.itemArea.attr-link {
  cursor: pointer;
}

.master-page-placeholder {
  color: #1d4a5b;
  padding: 30px;
  background-color: #f0f0f0;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  background-image: linear-gradient(45deg, white 24%, rgba(232, 232, 232, 0.9) 26%, #e8e8e8 49%, rgba(255, 255, 255, 0.9) 51%, white 74%, rgba(232, 232, 232, 0.9) 76%), linear-gradient(45deg, white 24%, rgba(232, 232, 232, 0.9) 26%, #e8e8e8 49%, rgba(255, 255, 255, 0.9) 51%, white 74%, rgba(232, 232, 232, 0.9) 76%);
  background-size: 10px 10px;
  background-position: left top, left bottom;
  background-repeat: repeat-x;
  background-clip: border-box;
  background-origin: border-box;
}
.master-page-placeholder .button-placeholder {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.3em 0.5em;
  line-height: 1;
  border-radius: 5px;
  border: solid 1px currentColor;
  margin-right: 0.2em;
  font-size: 0.95em;
}

/* General content */
.item .general-content {
  color: #484848;
}

.item .error {
  padding: 11px;
  background-color: #f6f6f6;
  color: #484848;
  clear: both;
}

/* Banner */
.item .banner {
  position: relative;
  margin: 10px 0 0 0;
}
.item .banner:before, .item .banner:after {
  content: "";
  display: table;
  width: 0;
}
.item .banner:after {
  clear: both;
}
.item .banner img {
  max-width: 100%;
  display: block;
}

.item .banner.bannerAlignmentFull img {
  width: 100%;
  max-height: 500px;
}

.item .banner.bannerAlignmentCenter img {
  margin: 0 auto;
}

.item .banner.bannerAlignmentRight img {
  float: right;
}

.item .bannerText a {
  text-decoration: none;
}

.item .bannerText h1 {
  font-size: 4.1666625rem;
  line-height: 1;
}

.item .bannerImageV2 {
  margin-top: 11px;
  /*.widthFull &.with-hero-image .image-header {
      max-width: 960px;
  }

  .widthFull &:not(.with-hero-image) .image-header {
      max-width: none;

      .image-logo,
      .image-navigation .navigation {
          padding-left: 22px;
          padding-right: 22px;
      }
  }*/
}
.item .bannerImageV2 .image-header:before, .item .bannerImageV2 .image-header:after {
  content: "";
  display: table;
  width: 0;
}
.item .bannerImageV2 .image-header:after {
  clear: both;
}
.item .bannerImageV2 .image-header {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.item .bannerImageV2 .image-header img {
  display: block;
}
.item .bannerImageV2 .image-header .image-navigation .navigation {
  padding-top: 35px;
  /*@include media-max-width($break-desktop) {
      padding-left: 22px;
      padding-right: 22px;
  }*/
}
@media screen and (min-width: 481px) {
  .item .bannerImageV2 .image-header.align-right .image-logo {
    float: right;
  }
  .item .bannerImageV2 .image-header.align-right .image-navigation {
    text-align: right;
  }
  .item .bannerImageV2 .image-header.align-left .image-logo {
    float: left;
  }
  .item .bannerImageV2 .image-header.align-full .image-logo {
    background-color: #fff;
  }
  .item .bannerImageV2 .image-header.align-full .image-logo a {
    display: block;
  }
  .item .bannerImageV2 .image-header.align-full .image-logo img {
    margin-left: auto;
    margin-right: auto;
  }
  .item .bannerImageV2 .image-header.align-center .image-logo a {
    display: block;
  }
  .item .bannerImageV2 .image-header.align-center .image-logo img {
    margin-left: auto;
    margin-right: auto;
  }
  .item .bannerImageV2 .image-header.align-center .image-navigation {
    text-align: center;
    float: none;
  }
  .item .bannerImageV2 .image-header.menu-beside.align-left .image-navigation {
    float: right;
  }
  .item .bannerImageV2 .image-header.menu-beside.align-right .image-navigation {
    float: left;
  }
  .item .bannerImageV2 .image-header.rowfit-full.align-left .image-navigation {
    float: left !important;
    clear: left;
  }
  .item .bannerImageV2 .image-header.rowfit-full.align-right .image-navigation {
    float: right !important;
    clear: right;
  }
}
.item .bannerImageV2.with-hero-image .image-header {
  padding: 0 0 20px 0;
}

.widthFull .bannerImageV2 .image-header {
  margin-left: 22px;
  margin-right: 22px;
  width: auto;
}
.widthFull .bannerImageV2 .image-header .image-logo,
.widthFull .bannerImageV2 .image-header .navigationMenu {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 440px) {
  .widthFull .bannerImageV2 .image-header {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.contentAreaHeader > .itemArea:first-of-type.itemAreaSmallFishHero {
  margin-top: -11px;
}

.item .hero,
.item .hero-slide {
  overflow: hidden;
}

.item a.hero,
.item a.hero-slide {
  text-decoration: none;
}

.item .hero .hero-body .hero-content {
  max-width: 320px;
}

.item .hero-slide .hero-slider-mobile .hero-sizer.hero-content-container {
  justify-content: flex-end;
}

.item .hero-slider .slick-dots {
  bottom: 10px !important;
}
.item .hero-slider .slick-dots li button {
  color: #000;
}
.item .hero-slider .slick-dots li button:before {
  content: "";
  background-size: 13px;
  background-position: center;
  width: 22px;
  height: 22px;
  margin: 0 4px 0 4px;
  opacity: 0.5;
}
.item .hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}
.item .hero-slider .slick-track {
  display: flex;
}
.item .hero-slider .slick-slider button img {
  width: 100%;
}
.item .hero-slider .overlay-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.item .hero-slider .overlay-content .title {
  font-weight: 500;
}
.item .hero-slider .hero-content {
  padding-left: 0;
}
.designStyleFramed .item .hero-slider .hero-content {
  padding-left: 0 !important;
}
.item .hero-slider .slick-track .slick-slide {
  height: inherit !important;
}

.item .hero-slider-v2 .slick-dots {
  bottom: 10px !important;
}
.item .hero-slider-v2 .slick-dots li button {
  color: #000;
}
.item .hero-slider-v2 .slick-dots li button:before {
  content: "";
  width: 22px;
  height: 22px;
  margin: 0 4px 0 4px;
  opacity: 0.5;
  background-color: transparent;
  background-image: url("/common/imagenav/navigation-dot-white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px;
}
.item .hero-slider-v2 .slick-dots.slick-active button:before {
  opacity: 1;
}
.item .hero-slider-v2 .slick-prev, .item .hero-slider-v2 .slick-next {
  height: 100%;
}
.item .hero-slider-v2 .slick-prev img, .item .hero-slider-v2 .slick-next img {
  width: 100%;
}
.item .hero-slider-v2 .slick-track {
  display: flex;
}
.item .hero-slider-v2 .slick-track .slick-slide {
  /* Slide height */
  height: auto !important;
}
.item .hero-slider-v2 .hero-body {
  display: grid !important;
  width: 100%;
  height: 100%;
  grid-auto-columns: 1fr 380px minmax(0, 620px) 1fr;
}
.item .hero-slider-v2 .hero-background-container {
  grid-column: 1/5;
  grid-row: 1/1;
  position: relative !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  top: 0 !important;
  left: 0 !important;
}
.item .hero-slider-v2 .hero-background-container img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item .hero-slider-v2 .solid-overlay .hero-background-container {
  grid-column: 3/5;
}
.item .hero-slider-v2 .hero-overlay-background {
  grid-column: 1/3;
  grid-row: 1/1;
  position: relative !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  top: 0 !important;
  left: 0 !important;
}
.item .hero-slider-v2 .hero-content {
  margin: 0;
  padding-left: 0 !important;
}
.designStyleFramed .item .hero-slider-v2 .hero-content {
  padding-left: 0 !important;
}
.item .hero-slider-v2 .hero-content .overlay-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.item .hero-slider-v2 .hero-content .overlay-content .title {
  font-weight: 500;
}
.item .hero-slider-v2 .hero-content .overlay-content .title:last-child, .item .hero-slider-v2 .hero-content .overlay-content .text:last-child {
  margin-bottom: 0;
}
.item .hero-slider-v2 .hero-sizer {
  grid-column: 2/3;
  grid-row: 1/1;
  position: relative !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  top: 0 !important;
  left: 0 !important;
}
.item .hero-slider-v2 .content-left .hero-body {
  grid-auto-columns: 1fr 380px minmax(0, 620px) 1fr;
}
.item .hero-slider-v2 .content-left .solid-overlay .hero-background-container {
  grid-column: 3/5;
}
.item .hero-slider-v2 .content-left .hero-overlay-background {
  grid-column: 1/3;
}
.item .hero-slider-v2 .content-left .overlay-content {
  text-align: left;
  max-width: 320px;
}
.item .hero-slider-v2 .content-left .hero-sizer {
  grid-column: 2/3;
}
.item .hero-slider-v2 .content-left .hero-content {
  text-align: left;
}
.item .hero-slider-v2 .content-center .hero-body {
  grid-auto-columns: 1fr 380px minmax(0, 620px) 1fr;
}
.item .hero-slider-v2 .content-center .solid-overlay .hero-background-container {
  grid-column: 1/5;
}
.item .hero-slider-v2 .content-center .hero-overlay-background {
  grid-column: 1/5;
}
.item .hero-slider-v2 .content-center .overlay-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}
.item .hero-slider-v2 .content-center .hero-sizer {
  grid-column: 2/4;
}
.item .hero-slider-v2 .content-center .hero-content {
  text-align: center;
}
.item .hero-slider-v2 .content-right .hero-body {
  grid-auto-columns: 1fr minmax(0, 620px) 380px 1fr;
}
.item .hero-slider-v2 .content-right .solid-overlay .hero-background-container {
  grid-column: 1/3;
}
.item .hero-slider-v2 .content-right .hero-overlay-background {
  grid-column: 3/5;
}
.item .hero-slider-v2 .content-right .overlay-content {
  text-align: left;
  padding-left: 70px;
  max-width: 320px;
}
.item .hero-slider-v2 .content-right .hero-sizer {
  grid-column: 3/4;
}
.item .hero-slider-v2 .content-right .hero-content {
  text-align: left;
}
@media screen and (max-width: 686px) {
  .item .hero-slider-v2 .hero-slide .overlay-content {
    padding-left: 0;
    padding-right: 0;
    min-height: 0 !important;
  }
  .item .hero-slider-v2 .hero-slide .hero-body {
    grid-auto-columns: auto;
    grid-auto-rows: min-content auto;
  }
  .item .hero-slider-v2 .hero-slide .hero-background-container {
    grid-column: 1/2 !important;
    grid-row: 1/2;
  }
  .item .hero-slider-v2 .hero-slide .hero-background-container img {
    position: static;
    height: auto;
    max-width: 100%;
  }
  .item .hero-slider-v2 .hero-slide .hero-background-container .hero-background {
    /*Disable any parallax effect*/
    top: 0 !important;
    bottom: auto !important;
    padding: 0 !important;
    position: static !important;
  }
  .item .hero-slider-v2 .hero-slide .hero-overlay-background {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .item .hero-slider-v2 .hero-slide .image-only .hero-background-container {
    grid-row: 1/3;
  }
  .item .hero-slider-v2 .hero-slide .image-only .hero-background-container img {
    height: 100%;
  }
  .item .hero-slider-v2 .hero-slide .with-overlay .hero-background {
    height: auto !important;
  }
  .item .hero-slider-v2 .hero-slide .hero-sizer {
    grid-column: 1/2;
    grid-row: 2/3;
    min-height: 0 !important;
  }
  .item .hero-slider-v2 .hero-slide .hero-sizer.hero-content-container {
    justify-content: flex-start;
    min-height: 0 !important;
    padding-bottom: 10px;
  }
  .item .hero-slider-v2 .hero-slide .hero-sizer .hero-content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 686px) {
  body:not(.bodyEdit) .item .hero .hero-body,
  body:not(.bodyEdit) .item .bannerImageV2 .hero-body,
  body:not(.bodyEdit) .item .hero-slide .hero-body {
    display: none;
  }
}
.item .hero .hero-mobile,
.item .bannerImageV2 .hero-mobile,
.item .hero-slide .hero-mobile {
  display: none;
  position: relative;
  background-size: cover;
  padding-top: 300px;
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 686px) {
  body:not(.bodyEdit) .item .hero .hero-mobile,
  body:not(.bodyEdit) .item .bannerImageV2 .hero-mobile,
  body:not(.bodyEdit) .item .hero-slide .hero-mobile {
    display: block;
  }
}
.item .hero .hero-mobile .hero-mobile-content,
.item .bannerImageV2 .hero-mobile .hero-mobile-content,
.item .hero-slide .hero-mobile .hero-mobile-content {
  position: relative;
}
.item .hero .hero-mobile .hero-mobile-content .title,
.item .bannerImageV2 .hero-mobile .hero-mobile-content .title,
.item .hero-slide .hero-mobile .hero-mobile-content .title {
  font-size: 2em;
  margin-bottom: 23px;
}
.item .hero .hero-mobile .hero-mobile-content .text,
.item .bannerImageV2 .hero-mobile .hero-mobile-content .text,
.item .hero-slide .hero-mobile .hero-mobile-content .text {
  font-size: 1.2em;
  margin-bottom: 32px;
  line-height: 1.6;
}
.item .hero .hero-mobile .hero-mobile-content .buttons a,
.item .bannerImageV2 .hero-mobile .hero-mobile-content .buttons a,
.item .hero-slide .hero-mobile .hero-mobile-content .buttons a {
  font-size: 1.2em;
}
.item .hero .hero-mobile .hero-mobile-content.on-dark .title,
.item .bannerImageV2 .hero-mobile .hero-mobile-content.on-dark .title,
.item .hero-slide .hero-mobile .hero-mobile-content.on-dark .title {
  color: #fff;
}
.item .hero .hero-mobile .hero-mobile-content.on-dark .text,
.item .bannerImageV2 .hero-mobile .hero-mobile-content.on-dark .text,
.item .hero-slide .hero-mobile .hero-mobile-content.on-dark .text {
  color: #fff;
}
.item .hero .hero-mobile .hero-mobile-content,
.item .bannerImageV2 .hero-mobile .hero-mobile-content,
.item .hero-slide .hero-mobile .hero-mobile-content {
  padding: 30px 22px;
  z-index: 2;
}
.item .hero .hero-mobile .hero-mobile-content .overlay-content,
.item .bannerImageV2 .hero-mobile .hero-mobile-content .overlay-content,
.item .hero-slide .hero-mobile .hero-mobile-content .overlay-content {
  min-height: 0 !important;
}
.item .hero .hero-sizer,
.item .bannerImageV2 .hero-sizer,
.item .hero-slide .hero-sizer {
  min-height: 450px;
}
@media (max-width: 1400px) {
  .item .hero .hero-sizer,
  .item .bannerImageV2 .hero-sizer,
  .item .hero-slide .hero-sizer {
    min-height: 400px;
  }
}
@media (max-width: 1000px) {
  .item .hero .hero-sizer,
  .item .bannerImageV2 .hero-sizer,
  .item .hero-slide .hero-sizer {
    min-height: 350px;
  }
}
.item .hero .hero-sizer.hero-content-container,
.item .bannerImageV2 .hero-sizer.hero-content-container,
.item .hero-slide .hero-sizer.hero-content-container {
  min-height: 320px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.item .hero .hero-header:before, .item .hero .hero-header:after,
.item .bannerImageV2 .hero-header:before,
.item .bannerImageV2 .hero-header:after,
.item .hero-slide .hero-header:before,
.item .hero-slide .hero-header:after {
  content: "";
  display: table;
  width: 0;
}
.item .hero .hero-header:after,
.item .bannerImageV2 .hero-header:after,
.item .hero-slide .hero-header:after {
  clear: both;
}
.item .hero .hero-header,
.item .bannerImageV2 .hero-header,
.item .hero-slide .hero-header {
  padding: 0;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.item .hero .hero-header img,
.item .bannerImageV2 .hero-header img,
.item .hero-slide .hero-header img {
  display: block;
}
.item .hero .hero-header .hero-logo,
.item .bannerImageV2 .hero-header .hero-logo,
.item .hero-slide .hero-header .hero-logo {
  padding-left: 11px;
  padding-right: 11px;
}
@media screen and (max-width: 1000px) {
  body:not(.bodyEdit) .item .hero .hero-header .hero-logo,
  body:not(.bodyEdit) .item .bannerImageV2 .hero-header .hero-logo,
  body:not(.bodyEdit) .item .hero-slide .hero-header .hero-logo {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.item .hero .hero-header .hero-navigation .navigation,
.item .bannerImageV2 .hero-header .hero-navigation .navigation,
.item .hero-slide .hero-header .hero-navigation .navigation {
  padding-top: 35px;
}
@media screen and (max-width: 1000px) {
  body:not(.bodyEdit) .item .hero .hero-header .hero-navigation .navigation,
  body:not(.bodyEdit) .item .bannerImageV2 .hero-header .hero-navigation .navigation,
  body:not(.bodyEdit) .item .hero-slide .hero-header .hero-navigation .navigation {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.item .hero .hero-header.align-right .hero-logo,
.item .bannerImageV2 .hero-header.align-right .hero-logo,
.item .hero-slide .hero-header.align-right .hero-logo {
  float: right;
}
.item .hero .hero-header.align-left .hero-logo,
.item .bannerImageV2 .hero-header.align-left .hero-logo,
.item .hero-slide .hero-header.align-left .hero-logo {
  float: left;
}
.item .hero .hero-header.align-center .hero-logo, .item .hero .hero-header.align-full .hero-logo,
.item .bannerImageV2 .hero-header.align-center .hero-logo,
.item .bannerImageV2 .hero-header.align-full .hero-logo,
.item .hero-slide .hero-header.align-center .hero-logo,
.item .hero-slide .hero-header.align-full .hero-logo {
  background-color: #fff;
}
.item .hero .hero-header.align-center .hero-logo a, .item .hero .hero-header.align-full .hero-logo a,
.item .bannerImageV2 .hero-header.align-center .hero-logo a,
.item .bannerImageV2 .hero-header.align-full .hero-logo a,
.item .hero-slide .hero-header.align-center .hero-logo a,
.item .hero-slide .hero-header.align-full .hero-logo a {
  display: block;
}
.item .hero .hero-header.align-center .hero-logo img, .item .hero .hero-header.align-full .hero-logo img,
.item .bannerImageV2 .hero-header.align-center .hero-logo img,
.item .bannerImageV2 .hero-header.align-full .hero-logo img,
.item .hero-slide .hero-header.align-center .hero-logo img,
.item .hero-slide .hero-header.align-full .hero-logo img {
  margin-left: auto;
  margin-right: auto;
}
.item .hero .hero-header.menu-beside.align-left .hero-navigation,
.item .bannerImageV2 .hero-header.menu-beside.align-left .hero-navigation,
.item .hero-slide .hero-header.menu-beside.align-left .hero-navigation {
  float: right;
}
.item .hero .hero-header.menu-beside.align-right .hero-navigation,
.item .bannerImageV2 .hero-header.menu-beside.align-right .hero-navigation,
.item .hero-slide .hero-header.menu-beside.align-right .hero-navigation {
  float: left;
}
.item .hero .hero-header.rowfit-full .hero-navigation,
.item .bannerImageV2 .hero-header.rowfit-full .hero-navigation,
.item .hero-slide .hero-header.rowfit-full .hero-navigation {
  float: left !important;
  clear: left;
}
.item .hero .hero-background-container,
.item .hero .hero-mobile-background-container,
.item .bannerImageV2 .hero-background-container,
.item .bannerImageV2 .hero-mobile-background-container,
.item .hero-slide .hero-background-container,
.item .hero-slide .hero-mobile-background-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.item .hero .hero-background,
.item .hero .hero-mobile-background,
.item .bannerImageV2 .hero-background,
.item .bannerImageV2 .hero-mobile-background,
.item .hero-slide .hero-background,
.item .hero-slide .hero-mobile-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.item .hero .hero-background-parallax .hero-background,
.item .hero .hero-background-parallax .hero-mobile-background,
.item .bannerImageV2 .hero-background-parallax .hero-background,
.item .bannerImageV2 .hero-background-parallax .hero-mobile-background,
.item .hero-slide .hero-background-parallax .hero-background,
.item .hero-slide .hero-background-parallax .hero-mobile-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: auto;
  bottom: auto;
}
.item .hero .hero-body,
.item .bannerImageV2 .hero-body,
.item .hero-slide .hero-body {
  position: relative;
}
body.bodyEdit .item .hero .hero-body,
body.bodyEdit .item .bannerImageV2 .hero-body,
body.bodyEdit .item .hero-slide .hero-body {
  min-width: 1000px;
}
.item .hero .hero-body .hero-content-container,
.item .bannerImageV2 .hero-body .hero-content-container,
.item .hero-slide .hero-body .hero-content-container {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.item .hero .hero-body .hero-content,
.item .bannerImageV2 .hero-body .hero-content,
.item .hero-slide .hero-body .hero-content {
  position: relative;
}
.item .hero .hero-body .hero-content .title,
.item .bannerImageV2 .hero-body .hero-content .title,
.item .hero-slide .hero-body .hero-content .title {
  font-size: 2em;
  margin-bottom: 23px;
}
.item .hero .hero-body .hero-content .text,
.item .bannerImageV2 .hero-body .hero-content .text,
.item .hero-slide .hero-body .hero-content .text {
  font-size: 1.2em;
  margin-bottom: 32px;
  line-height: 1.6;
}
.item .hero .hero-body .hero-content .buttons a,
.item .bannerImageV2 .hero-body .hero-content .buttons a,
.item .hero-slide .hero-body .hero-content .buttons a {
  font-size: 1.2em;
}
.item .hero .hero-body .hero-content.on-dark .title,
.item .bannerImageV2 .hero-body .hero-content.on-dark .title,
.item .hero-slide .hero-body .hero-content.on-dark .title {
  color: #fff;
}
.item .hero .hero-body .hero-content.on-dark .text,
.item .bannerImageV2 .hero-body .hero-content.on-dark .text,
.item .hero-slide .hero-body .hero-content.on-dark .text {
  color: #fff;
}
.item .hero .hero-body .hero-content,
.item .bannerImageV2 .hero-body .hero-content,
.item .hero-slide .hero-body .hero-content {
  width: 100%;
  padding: 75px 0 80px 11px;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  body:not(.bodyEdit) .item .hero .hero-body .hero-content,
  body:not(.bodyEdit) .item .bannerImageV2 .hero-body .hero-content,
  body:not(.bodyEdit) .item .hero-slide .hero-body .hero-content {
    padding-left: 22px;
  }
}
.item .hero .hero-body .hero-overlay-background,
.item .bannerImageV2 .hero-body .hero-overlay-background,
.item .hero-slide .hero-body .hero-overlay-background {
  position: absolute;
  height: 100%;
  width: 200%;
  left: -200%;
  margin-left: 380px;
  z-index: 1;
}
.item .hero .animate,
.item .bannerImageV2 .animate,
.item .hero-slide .animate {
  opacity: 0;
}
.item .hero.overlay-animate-none .animate,
.item .bannerImageV2.overlay-animate-none .animate,
.item .hero-slide.overlay-animate-none .animate {
  opacity: 1;
}
.item .hero.overlay-animate-fade .animate, .item .hero.overlay-animate-slideup .animate,
.item .bannerImageV2.overlay-animate-fade .animate,
.item .bannerImageV2.overlay-animate-slideup .animate,
.item .hero-slide.overlay-animate-fade .animate,
.item .hero-slide.overlay-animate-slideup .animate {
  opacity: 0;
  transition: transform 1s, opacity 3s;
}
.item .hero.overlay-animate-fade .animate.delay1, .item .hero.overlay-animate-slideup .animate.delay1,
.item .bannerImageV2.overlay-animate-fade .animate.delay1,
.item .bannerImageV2.overlay-animate-slideup .animate.delay1,
.item .hero-slide.overlay-animate-fade .animate.delay1,
.item .hero-slide.overlay-animate-slideup .animate.delay1 {
  transition-delay: 0.2s, 0.2s;
}
.item .hero.overlay-animate-fade .animate.delay2, .item .hero.overlay-animate-slideup .animate.delay2,
.item .bannerImageV2.overlay-animate-fade .animate.delay2,
.item .bannerImageV2.overlay-animate-slideup .animate.delay2,
.item .hero-slide.overlay-animate-fade .animate.delay2,
.item .hero-slide.overlay-animate-slideup .animate.delay2 {
  transition-delay: 0.4s, 0.4s;
}
.item .hero.overlay-animate-slideup .animate,
.item .bannerImageV2.overlay-animate-slideup .animate,
.item .hero-slide.overlay-animate-slideup .animate {
  transform: translateY(45px);
}

.item .hero.overlay-animate-fade .animate, .item .hero.overlay-animate-slideup .animate,
.item .bannerImageV2.overlay-animate-fade .animate,
.item .bannerImageV2.overlay-animate-slideup .animate,
.item .hero-slide.slick-current.overlay-animate-fade .animate,
.item .hero-slide.slick-current.overlay-animate-slideup .animate {
  opacity: 1;
  transform: translateY(0);
}

/* Facebook */
.item .sidebarBox {
  background-color: #f6f6f6;
  margin-top: 2px;
  padding: 11px 0;
  border-radius: 3px;
}

.item .facebook {
  padding: 10px;
  text-align: center;
}

.item .facebook iframe {
  width: 145px;
  padding: 0;
  height: 20px;
  border: none;
  display: inline-block;
  margin: 0 auto;
  line-height: 1;
  vertical-align: bottom;
}

/* Add This */
.item .addThis {
  text-align: center;
}

.item .addThis .addthis_toolbox {
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
}

/* Address */
.item .address {
  color: #484848;
  margin-bottom: -10px;
}
.item .address a {
  text-decoration: none;
}
.item .address a:hover {
  text-decoration: underline;
}
.item .address .address-column {
  vertical-align: top;
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
}
.item .address .address-item {
  background-repeat: no-repeat;
  background-position: 0 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 21px;
  background-size: 14px 14px;
}
.item .address .address-item:first-child {
  margin-top: 0;
}
.item .address .address-item:last-child {
  margin-bottom: 0;
}
.item .address .address-item.phone {
  background-position: 0 4px;
  font-size: 20px;
  line-height: 20px;
  font-size: var(--fontsize-large);
  line-height: 1;
}
.item .address .address-item.fax {
  background-position: 0 4px;
}
.item .address .address-item.postal {
  line-height: 1.83;
}
.item .address .address-social-icons {
  padding-left: 30px;
}
.item .address .address-social-icons .icon-md {
  font-size: 22px;
  padding: 4px 4px;
  height: 22px;
  line-height: 22px;
  min-width: 30px;
  text-decoration: none;
  vertical-align: bottom;
  color: var(--primary-color-shade);
}
.item .address .address-social-icons .icon-md:hover {
  color: var(--primary-color-shade-rollover);
  text-decoration: none;
}
@media only screen and (max-width: 440px) {
  .item .address .address-social-icons .icon-md {
    font-size: 16px;
    padding: 2px 2px;
    height: 16px;
    line-height: 16px;
    min-width: 20px;
  }
}

/* Affiliations */
.item .affiliations {
  text-align: center;
}

/* YouTube */
.itemAreaSmallFishYouTubeVideo iframe.youtube {
  display: block;
}
.itemAreaSmallFishYouTubeVideo .youtube-outer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.itemAreaSmallFishYouTubeVideo iframe,
.itemAreaSmallFishYouTubeVideo object,
.itemAreaSmallFishYouTubeVideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe.youtube {
  display: block;
}

.itemAreaSmallFishYouTubeVideo .youtube-outer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.itemAreaSmallFishYouTubeVideo iframe,
.itemAreaSmallFishYouTubeVideo object,
.itemAreaSmallFishYouTubeVideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Nivo slider */
@media screen and (max-width: 686px) {
  body:not(.bodyEdit) .image-slideshow .desktop-slideshow {
    display: none;
  }
}
.image-slideshow .mobile-slideshow {
  display: none;
}
@media screen and (max-width: 686px) {
  body:not(.bodyEdit) .image-slideshow .mobile-slideshow {
    display: block;
  }
}
.image-slideshow .nivo-controlNav a {
  background-size: 13px;
  background-position: center;
  opacity: 0.5;
  margin: 0 4px 0 4px;
}
.image-slideshow .nivo-controlNav a.active {
  background-size: 13px;
  background-position: center;
  opacity: 1;
}
.image-slideshow .nivoSlider {
  margin-bottom: 0 !important;
}
.image-slideshow .nivoSlider .slideshow-caption {
  padding: 12px;
}
.image-slideshow .nivoSlider .slideshow-caption .slideshow-caption-description {
  padding-top: 0px;
}
.image-slideshow .nivoSlider .nivo-directionNav .nivo-prevNav {
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.image-slideshow .nivoSlider .nivo-directionNav .nivo-nextNav {
  background-size: 40px;
  width: 40px;
  height: 40px;
}

.nivoSlider .nivo-caption {
  opacity: 1;
  filter: alpha(enabled=false);
  background-color: rgba(0, 0, 0, 0.5);
}

.nivoSlider .nivo-caption strong {
  font-size: 1.1em;
}

.nivoSlider .nivo-directionNav a {
  display: none;
}

/* only shover nav buttons on hover*/
.nivoSlider:hover .nivo-directionNav a {
  display: block;
}

/* Image */
#rightSectionMobile .itemAreaSmallFishImage .item {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* Breadcrumb */
.breadcrumb {
  white-space: nowrap;
  font-size: 9pt;
  color: #484848;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.breadcrumb a {
  text-decoration: none;
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 4ch;
  max-width: 50ch;
}
.breadcrumb a:last-of-type {
  max-width: 100ch;
}
.breadcrumb a:first-of-type {
  padding-left: 0;
}
.breadcrumb .seperator {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: 1.2em;
  opacity: 0.7;
}
.breadcrumb .home img {
  position: relative;
  top: 2px;
}
.breadcrumb .home img .clear {
  clear: both;
}

/* Twitter */
.contentArea .twitter-timeline {
  width: 100% !important;
}

/* Google Maps */
.itemAreaSmallFishGoogleMaps iframe {
  max-width: 100%;
}
.itemAreaSmallFishGoogleMaps .map {
  background-color: #f5f5f5;
}

/* Opening Hours */
.itemAreaSmallFishOpeningHours h2 {
  margin-bottom: 10px;
}
.itemAreaSmallFishOpeningHours .opening-hours-table {
  max-width: 100%;
}
.itemAreaSmallFishOpeningHours .opening-hours-table tr {
  border-top: solid 1px #ddd;
  padding: 3px 0;
}
.itemAreaSmallFishOpeningHours .opening-hours-table tr:first-child {
  border-top: none;
}
.itemAreaSmallFishOpeningHours .opening-hours-table tr th, .itemAreaSmallFishOpeningHours .opening-hours-table tr .td {
  text-align: left;
  padding: 0.5em 0;
  color: #464646;
}
.itemAreaSmallFishOpeningHours .opening-hours-table tr th {
  font-weight: var(--body-bold-weight);
  width: 250px;
}
.itemAreaSmallFishOpeningHours .opening-hours-table tr td {
  white-space: nowrap;
  font-weight: var(--body-default-weight);
}
.itemAreaSmallFishOpeningHours .opening-hours-info {
  margin-top: 1em;
}

/*--------------------------------------*/
/* File Chooser                   ------*/
/*--------------------------------------*/
.fileChooser .fileChooserDropZone {
  background-color: White;
  border-style: dashed;
  border-width: 1px;
  border-color: #aaaaaa;
  padding: 10px;
  cursor: pointer;
  position: relative;
}

.fileChooser .fileChooserDropZone.no-drop {
  border-style: solid;
}

.fileChooser .fileChooserCurrent {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.addToCart .recurring-pricing {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}

.addToCartWidth_300 .addToCartInner .fileChooser .fileChooserCurrent .fileChooserCurrentText {
  width: 150px;
  font-size: 90%;
  padding-bottom: 5px;
}

.addToCartWidth_300 .addToCartInner .fileChooser .fileChooserCurrent .dropFilesHere {
  width: 105px;
}

.addToCartWidth_300 .addToCartInner .fileChooser .fileChooserCurrent .clickToButton {
  width: 120px;
}

.addToCartWidth_235 .addToCartInner .fileChooser .fileChooserCurrent .fileChooserCurrentText {
  width: 125px;
  font-size: 90%;
  padding-bottom: 5px;
}

.addToCartWidth_235 .addToCartInner .fileChooser .fileChooserCurrent .dropFilesHere {
  width: 90px;
}

.addToCartWidth_235 .addToCartInner .fileChooser .fileChooserCurrent .clickToButton {
  width: 100px;
}

.addToCartWidth_165 .addToCartInner .fileChooser .fileChooserCurrent .fileChooserCurrentText {
  width: 100px;
  font-size: 90%;
  padding-bottom: 5px;
}

.addToCartWidth_165 .addToCartInner .fileChooser .fileChooserCurrent .dropFilesHere {
  width: 75px;
}

.addToCartWidth_165 .addToCartInner .fileChooser .fileChooserCurrent .clickToButton {
  width: 80px;
}

.fileChooser .fileChooserCurrent .fileUploadRequired {
  display: block;
}

.fileChooser .fileChooserCurrent .dropFilesHere {
  padding: 20px;
  padding-bottom: 0px;
}

.fileChooser .fileChooserCurrent .clickToButton {
  padding: 10px 20px 10px 20px;
}

.fileChooser .fileChooserCurrent .fileChooserCurrentImage {
  width: 200px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.fileChooser .fileChooserCurrent .fileChooserCurrentImage img.currentImage {
  width: 200px;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px;
  padding: 2px;
}

.fileChooser .fileChooserCurrent .fileChooserCurrentImage .removeImageButton {
  position: absolute;
  right: 4px;
  top: 8px;
}

.fileChooser .fileChooserCurrent .fileChooserCurrentText {
  width: 200px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.fileChooser .fileChooserCurrent .fileChooserCurrentText .removeImageButton {
  position: absolute;
  right: 4px;
}

.fileChooser .fileChooserDropdown {
  display: none;
  border-color: Black;
  border-style: solid;
  border-width: 1px;
  background-color: White;
  position: fixed;
  top: 50px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  min-height: 300px;
  min-width: 800px;
  padding: 20px;
  z-index: 99999;
}

.fileChooser .fileManager .fileManagerFiles .fileManagerFileGallery {
  position: absolute;
  margin: 10px 0 0 0;
  top: 120px;
  left: 20px;
  right: 0px;
  bottom: 20px;
  overflow: auto;
}

.fileChooser .fileManager .fileManagerFiles .listInfoPanel {
  margin-bottom: 20px;
}

.fileChooser .fileManager .fileManagerFiles .fileSortOrder {
  margin: 0 5px 15px;
}

.fileUploadProgress {
  display: none;
  border-color: #767676;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -45px;
  top: 300px;
  height: 90px;
  min-width: 300px;
  padding: 20px;
  z-index: 99999;
}

/* Announcement */
.itemAreaSmallFishAnnouncement {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Recommendations */
.itemAreaStorbieRecommendations .recommendation-section + .recommendation-section {
  margin-top: 2rem;
}
.itemAreaStorbieRecommendations .recommendation-section .richText {
  margin-bottom: 1rem;
}

.item .announcement,
.subitem .announcement {
  padding: 15px;
  margin: 11px 0;
  border-radius: 3px;
}
.item .announcement,
.subitem .announcement {
  background-repeat: repeat-x;
  background-position: left top;
  border: solid 1px #fff;
}

.item .announcement p, .item .announcement-block p,
.subitem .announcement p,
.subitem .announcement-block p {
  margin-bottom: 10px;
}
.item .announcement ol li, .item .announcement ul li, .item .announcement-block ol li, .item .announcement-block ul li,
.subitem .announcement ol li,
.subitem .announcement ul li,
.subitem .announcement-block ol li,
.subitem .announcement-block ul li {
  margin-right: 1em;
}
.item .announcement ol li:last-child, .item .announcement ul li:last-child, .item .announcement-block ol li:last-child, .item .announcement-block ul li:last-child,
.subitem .announcement ol li:last-child,
.subitem .announcement ul li:last-child,
.subitem .announcement-block ol li:last-child,
.subitem .announcement-block ul li:last-child {
  margin-bottom: 0;
}
.item .announcement p:first-child, .item .announcement h2:first-child, .item .announcement h3:first-child, .item .announcement ol:first-child, .item .announcement ul:first-child, .item .announcement-block p:first-child, .item .announcement-block h2:first-child, .item .announcement-block h3:first-child, .item .announcement-block ol:first-child, .item .announcement-block ul:first-child,
.subitem .announcement p:first-child,
.subitem .announcement h2:first-child,
.subitem .announcement h3:first-child,
.subitem .announcement ol:first-child,
.subitem .announcement ul:first-child,
.subitem .announcement-block p:first-child,
.subitem .announcement-block h2:first-child,
.subitem .announcement-block h3:first-child,
.subitem .announcement-block ol:first-child,
.subitem .announcement-block ul:first-child {
  margin-top: 0;
}
.item .announcement p:last-child, .item .announcement h2:last-child, .item .announcement h3:last-child, .item .announcement ol:last-child, .item .announcement ul:last-child, .item .announcement-block p:last-child, .item .announcement-block h2:last-child, .item .announcement-block h3:last-child, .item .announcement-block ol:last-child, .item .announcement-block ul:last-child,
.subitem .announcement p:last-child,
.subitem .announcement h2:last-child,
.subitem .announcement h3:last-child,
.subitem .announcement ol:last-child,
.subitem .announcement ul:last-child,
.subitem .announcement-block p:last-child,
.subitem .announcement-block h2:last-child,
.subitem .announcement-block h3:last-child,
.subitem .announcement-block ol:last-child,
.subitem .announcement-block ul:last-child {
  margin-bottom: 0;
}

.announcementEditor p,
.announcementEditor h2,
.announcementEditor h3,
.announcementEditor li,
.announcementEditor a,
.item .announcement p,
.item .announcement h2,
.item .announcement h3,
.item .announcement li,
.item .announcement a,
.subitem .announcement p,
.subitem .announcement h2,
.subitem .announcement h3,
.subitem .announcement li,
.subitem .announcement a,
.item .announcement-block p,
.item .announcement-block h2,
.item .announcement-block h3,
.item .announcement-block li,
.item .announcement-block a,
.subitem .announcement-block p,
.subitem .announcement-block h2,
.subitem .announcement-block h3,
.subitem .announcement-block li,
.subitem .announcement-block a {
  text-align: center !important;
}
.announcementEditor ol, .announcementEditor ul,
.item .announcement ol,
.item .announcement ul,
.subitem .announcement ol,
.subitem .announcement ul,
.item .announcement-block ol,
.item .announcement-block ul,
.subitem .announcement-block ol,
.subitem .announcement-block ul {
  margin-left: auto;
  margin-right: auto;
}

.item .announcement p,
.item .announcement h2,
.item .announcement h3,
.item .announcement li,
.item .announcement a,
.subitem .announcement p,
.subitem .announcement h2,
.subitem .announcement h3,
.subitem .announcement li,
.subitem .announcement a {
  color: #fff !important;
}

.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.itemAreaSmallFishAnnouncement {
  padding-bottom: 15px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgc .banner, .designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgc .bannerImageV2 {
  margin-top: 0;
  padding-top: 10px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t {
  padding-top: 60px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBanner {
  padding-top: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBanner .bannerImageV2 {
  padding-top: 0;
  margin-top: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBanner .bannerImageV2 .image-header .image-navigation .navigation {
  margin-top: 1px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishActionBar {
  padding-top: 0;
  height: 40px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBreadcrumb {
  padding-top: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBreadcrumb .breadcrumb {
  padding-top: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishBreadcrumb .breadcrumb.breadcrumb-empty {
  padding-top: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishAnnouncement {
  padding-top: 15px;
}
@media screen and (max-width: 850px) {
  .designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.itemAreaSmallFishFooter {
    padding-top: 2.5rem;
  }
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.bgc-covered {
  padding-top: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t.bgc-white.with-toolbars {
  padding-top: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b {
  padding-bottom: 60px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishBanner {
  padding-bottom: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishActionBar {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishBreadcrumb {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishBreadcrumb .breadcrumb {
  padding-bottom: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishBreadcrumb .breadcrumb.breadcrumb-empty {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishAnnouncement {
  padding-bottom: 15px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.itemAreaSmallFishFooter {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.bgc-covered {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.with-toolbars {
  margin-bottom: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-b.bgc-white.with-toolbars {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t:not(.bgp-b).itemAreaSmallFishBreadcrumb:not(.with-toolbars) {
  padding-bottom: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.bgp-t:not(.bgp-b).itemAreaSmallFishBreadcrumb:not(.with-toolbars) .breadcrumb.breadcrumb-empty {
  padding-top: 60px;
}

/* Styles related to galleries with product filtering enabled */
.filtered-gallery {
  display: flex;
  width: 100%;
}
.filtered-gallery > .gallery-filters {
  flex: 0 0 auto;
  width: 200px;
  box-sizing: border-box;
  margin-right: 25px;
  overflow: hidden;
}
.filtered-gallery .filter-toolbar {
  display: none;
  background-color: #f5f5f5;
  padding: 10px 15px 10px 20px;
  margin-bottom: 20px;
  align-items: center;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
.filtered-gallery .filter-toolbar > div {
  flex: 1 0 auto;
  text-transform: uppercase;
  color: #464646;
  font-size: 1.2em;
  letter-spacing: 0.01em;
}
.filtered-gallery .filter-toolbar > button {
  flex: 0 1 auto;
  cursor: pointer;
  background: url("/Common/iconbutton-close.png");
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
  border: none;
}
.filtered-gallery .filter-footer {
  display: none;
  padding: 20px 0 0.5em;
  border-top: solid 1px #e6e6e6;
  margin: 0 20px;
}
.filtered-gallery .result-header {
  margin-bottom: 1.5em;
  color: #464646;
}
.filtered-gallery .result-header a {
  text-decoration: none;
}
.filtered-gallery .filter-clear-all-link {
  white-space: nowrap;
}
.filtered-gallery .gf-mob-open {
  display: none;
}
@media screen and (min-width: 851px) {
  .filtered-gallery > .gallery-filters {
    display: block !important;
  }
}
@media screen and (max-width: 850px) {
  .filtered-gallery > .gallery-filters {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    padding: 0 0 20px;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 1.1em;
    transition: left ease-in-out 0.35s;
  }
  .filtered-gallery > .gallery-filters.open {
    left: 0vw;
  }
  .filtered-gallery > .gallery-filters .filter-groups {
    padding-top: 70px;
  }
  .filtered-gallery .filter-toolbar,
  .filtered-gallery .filter-footer {
    display: flex;
  }
  .filtered-gallery .filter-groups {
    padding: 0 20px;
  }
  .filtered-gallery .gf-mob-open {
    padding-bottom: 1rem;
    font-size: 1.1em;
    display: inline-block;
    margin-right: 1em;
  }
  .filtered-gallery .gf-mob-open button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: solid 1px #ccc;
    padding: 0.5em 0.75em;
    background: transparent;
    border-radius: 0.3rem;
    cursor: pointer;
    color: #666;
    font-size: 1.1em;
  }
  .filtered-gallery .gf-mob-open button > span {
    flex: 0 1 auto;
  }
  .filtered-gallery .gf-mob-open button svg {
    padding-top: 0.1em;
    width: 0.7em;
    fill: #666;
    margin-left: 0.5em;
  }
  .filtered-gallery .gf-mob-open button:hover {
    border: solid 1px #000;
    color: #000;
  }
  .filtered-gallery .gf-mob-open button:hover svg {
    fill: #000;
  }
}

.gallery-filters a {
  text-decoration: none;
}
.gallery-filters .search {
  margin-bottom: 0.25em;
  position: relative;
  box-sizing: border-box;
  display: block;
  border-radius: 0.3rem;
  border: solid 1px #ccc;
  width: 100%;
}
.gallery-filters .search input[type=text] {
  display: block;
  padding: 0.56em 30px 0.56em 0.56em;
  border: none;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 0.3rem;
  font-size: inherit;
}
.gallery-filters .search .search-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  background-image: url("/common/mobilecontrolpanel/icon-search-2X.png");
  cursor: pointer;
  border: none;
  border-radius: 0.3rem;
}
.gallery-filters .filter-group {
  border-bottom: solid 1px #e6e6e6;
  padding: 1em 0 0.75em;
}
.gallery-filters .filter-group:last-child {
  border-bottom: none;
}
.gallery-filters .filter-group > .name {
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.gallery-filters .filter-group > .name span {
  margin-right: 0.5em;
  flex: 0 1 auto;
  display: block;
}
.gallery-filters .filter-group > .name a.filter-clear-link {
  flex: 0 1 auto;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 0.9em;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
}
.gallery-filters .filter-group ul {
  margin: 0.3em 0 0.25em 0;
}
.gallery-filters .filter-group ul .count {
  font-size: 0.75em;
}
.gallery-filters .filter-group ul.single {
  font-weight: 400;
}
.gallery-filters .filter-group ul.single a {
  padding: 0.5em 0.7em;
  border-radius: 5px;
  display: block;
  color: #464646;
}
.gallery-filters .filter-group ul.single ul {
  margin-left: 0.7em;
}
.gallery-filters .filter-group ul.single li.selected > a {
  color: #cc6600;
  background-color: #ffffcc;
}
.gallery-filters .filter-group ul.multi label {
  cursor: pointer;
  padding: 2px 0 2px 0.2em;
  display: flex;
  user-select: none;
  color: #464646;
  pointer-events: none;
  justify-content: flex-start;
  align-items: flex-start;
}
.gallery-filters .filter-group ul.multi span.chk {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
}
.gallery-filters .filter-group ul.multi span.chk input[type=checkbox] {
  margin: 0 0.5em 0 0;
  position: relative;
  width: 15px;
  height: 15px;
}
.gallery-filters .filter-group ul.multi a {
  padding: 0.2em;
  display: block;
}
.gallery-filters .filter-group ul.multi li.selected label {
  font-weight: 600;
}

/* Generic */
.productGallery,
.pageGallery {
  display: block;
  color: #767676;
}

.gallery h2 {
  font-size: var(--fontsize-large);
  margin: 0;
  font-weight: normal;
  color: #464646;
}
.gallery h2 a {
  color: #464646;
  text-decoration: none;
}
.gallery a {
  text-decoration: none;
}
.gallery .summary {
  line-height: 1.5;
}
.gallery .pricing {
  display: inline-block;
  margin-left: 5px;
}
.gallery .price {
  font-weight: var(--legacy-bold);
}
.gallery .actions .price {
  font-weight: normal;
  color: inherit;
}
.gallery .actions .pricing {
  margin-left: 0;
  font-size: 15px;
}
.gallery .pricing em.costPrefix {
  font-size: 0.9em;
  display: inline-block;
  margin: 0 4px 2px 0.3em;
}
.gallery .originalPrice .price {
  color: inherit;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 0.8em;
  margin-top: 0.3333333333em;
  margin-bottom: 2px;
}
.gallery {
  /*.statusText {
      color: #3c3c3c;
      background-color: #fff;
      border: solid 1px #3c3c3c;
      border-radius: 3px;
      padding: 3px 5px;
      text-transform: uppercase;
      font-size: 8px;
      font-weight: bold;
      display: inline-block;
  }

  .mediumStatusSize .statusText {
      border-radius: 4px;
      padding: 6px 10px 5px 10px;
      font-size: 12px;
  }

  .smallStatusSize .statusText {
      border-radius: 3px;
      padding: 3px 7px 2px 7px;
      font-size: 11px;
  }
      */
}
.gallery .shopName {
  color: #aaa;
  text-transform: uppercase;
}
.gallery .shadow {
  box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
  /* These settings are here to override current list settings - should not be required once new gallery settings are fully implemented */
  margin-bottom: 20px;
  background-image: none !important;
  padding: 10px !important;
}
.gallery .galleryItem {
  box-sizing: border-box;
}

.fgc-inverse .gallery,
.fgc-inverse .gallery h2 a, .fgc-inverse .gallery.themedTitles h2 a {
  color: #fff;
}
.buttonStyleOutline .fgc-inverse .gallery .shopButton {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}
.buttonStyleOutline .fgc-inverse .gallery .shopButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.buttonStyleSolid .fgc-inverse .gallery .shopButton {
  color: currentColor;
  background-color: #fff;
}
.buttonStyleSolid .fgc-inverse .gallery .shopButton:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.buttonStyleGradient .fgc-inverse .gallery .shopButton {
  color: currentColor;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
}
.buttonStyleGradient .fgc-inverse .gallery .shopButton:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
}

/* Columns */
.galleryColumns {
  font-size: 0;
  margin: 0 -12px;
}

.galleryColumns .galleryColumnsItem {
  font-size: 1rem;
  vertical-align: top;
  display: inline-block;
  padding-right: 0;
  margin-bottom: 20px;
}

.galleryFullWidth .galleryColumnsItem {
  width: 100%;
}

.gallerySingleColumn .galleryColumnsItem {
  display: block;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.galleryTwoColumns .galleryColumnsItem {
  width: 50%;
}

.galleryThreeColumns .galleryColumnsItem {
  width: 33.333333%;
}

.galleryFourColumns .galleryColumnsItem,
.gallerySmall .galleryColumnsItem {
  width: 25%;
}

.galleryColumns .content {
  padding: 18px 0;
  margin: 0 11px;
  text-align: center;
}

.galleryColumns .galleryColumnsItem .image {
  margin: 0 11px;
}

.galleryColumns .status {
  margin: 14px 0 8px 0;
}

.galleryColumns .summary {
  margin: 10px 0;
}

.galleryColumns .pricing {
  margin-bottom: 14px;
  display: block;
}

.galleryColumns .topActions {
  margin-bottom: 5px;
}

.galleryColumns .actionButton {
  display: inline-block;
  margin-right: 5px;
}

/*.galleryColumns .xxlargeButtonSize .shopButton,
.galleryColumns .xlargeButtonSize .shopButton,
.galleryColumns .largeButtonSize .shopButton {
    font-size: 1em;
}
.galleryColumns .mediumButtonSize .shopButton {
    font-size: 0.9em;
}
.galleryColumns .smallButtonSize .shopButton {
    font-size: 0.7em;
}*/
.galleryColumns .xxlargeButtonSize .topActions {
  margin-bottom: 8px;
}

.galleryColumns .xxlargeButtonSize .actionButton {
  margin-right: 8px;
}

.galleryColumns .xlargeButtonSize .topActions {
  margin-bottom: 6px;
}

.galleryColumns .xlargeButtonSize .actionButton {
  margin-right: 6px;
}

.galleryColumns .largeButtonSize .topActions {
  margin-bottom: 5px;
}

.galleryColumns .largeButtonSize .actionButton {
  margin-right: 5px;
}

.galleryColumns .mediumButtonSize .topActions {
  margin-bottom: 5px;
}

.galleryColumns .mediumButtonSize .actionButton {
  margin-right: 5px;
}

.galleryColumns .smallButtonSize .topActions {
  margin-bottom: 4px;
}

.galleryColumns .smallButtonSize .actionButton {
  margin-right: 4px;
}

.galleryColumns .contentXxLarge {
  padding-bottom: 40px;
}

.galleryColumns .contentXxLarge .contentSpacer {
  height: 4px;
}

.galleryColumns .contentXLarge {
  padding-bottom: 30px;
}

.galleryColumns .contentXLarge .contentSpacer {
  height: 4px;
}

.galleryColumns .contentLarge {
  padding-bottom: 26px;
}

.galleryColumns .contentLarge .contentSpacer {
  height: 2px;
}

.galleryColumns .contentLarge .summary {
  line-height: 1.4;
}

.galleryColumns .contentMedium {
  padding-bottom: 16px;
}

.galleryColumns .contentMedium .contentSpacer {
  height: 2px;
}

.galleryColumns .contentMedium .summary {
  line-height: 1.4;
}

.galleryColumns .contentSmall {
  padding-bottom: 6px;
}

.galleryColumns .contentSmall .contentSpacer {
  height: 0;
}

.galleryColumns .contentSmall .summary {
  line-height: 1.4;
}

/* Gallery Columns - Rollover */
.rolloverGallery .galleryColumnsItem {
  position: relative;
}

.rolloverGallery .contentOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-image: url(/common/white-overlay-90.png);
  padding: 0 0 4px 0;
  display: none;
  cursor: pointer;
}

.rolloverGallery .galleryColumnsItem:hover .contentOverlay {
  display: block;
}

.rolloverGallery .contentOverlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.5em;
}

.rolloverGallery .content {
  display: inline-block;
  vertical-align: middle;
  width: 100% !important;
  margin-right: -0.5em;
}

.rolloverGallery .content h2 {
  margin: 0 auto;
  width: 90%;
}

/* Lists */
.galleryImageListItem {
  padding: 20px 0 30px 0;
  background-position: center bottom;
  background-position: center bottom, center -30px; /* second image is hidden unless first */
  background-repeat: no-repeat;
  width: 100%;
  box-sizing: border-box;
}

.galleryImageListItem:first-child {
  background-position: center bottom, center -29px;
  padding-top: 0;
}

.galleryImageList .itemWidth956,
.galleryImageList .itemWidth934 {
  background-image: url(/common/dividershadow-916.png);
}

.galleryImageList .itemWidth747,
.galleryImageList .itemWidth727 {
  background-image: url(/common/dividershadow-729.png);
}

.galleryImageList .itemWidth560,
.galleryImageList .itemWidth540 {
  background-image: url(/common/dividershadow-542.png);
}

.galleryImageList .itemWidth165 {
  background-image: url(/common/dividershadow-165.png);
}

.galleryImageList .image {
  float: left;
}

.galleryImageList .imageWidthDynamic .image {
  width: 27.5%;
}
.galleryImageList .imageWidthDynamic .content {
  margin-left: 27.5%;
  padding-left: 20px;
}

/* legacy */
.galleryImageList .imageWidth97 .image {
  width: 97px;
}

.galleryImageList .imageWidth97 .content {
  margin-left: 118px;
}

.galleryImageList .imageWidth129 .image {
  width: 129px;
}

.galleryImageList .imageWidth129 .content {
  margin-left: 149px;
}

.galleryImageList .imageWidth165 .image {
  width: 165px;
}

.galleryImageList .imageWidth165 .content {
  margin-left: 185px;
}

.hideImages .content {
  margin-left: 0 !important;
}

.galleryImageList .topActions {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 10px;
}

.galleryImageList .actions {
  margin-left: -2px;
  margin-right: -2px;
}

.galleryImageList .actionButton {
  display: inline-block;
  margin-right: 3px;
  margin-top: 4px;
}

.galleryImageList .shopButton {
  font-size: 0.8em !important;
  margin: 0 2px 5px 2px;
}

.galleryImageList .addToCartButton {
  display: inline-block;
}

.galleryImageList .xxlargeButtonSize .actionButton {
  margin-right: 5px;
}

.galleryImageList .xlargeButtonSize .actionButton {
  margin-right: 5px;
}

.galleryImageList .largeButtonSize .actionButton {
  margin-right: 5px;
}

.galleryImageList .mediumButtonSize .actionButton {
  margin-right: 5px;
}

.galleryImageList .smallButtonSize .actionButton {
  margin-right: 5px;
}

.galleryImageList h2 {
  margin-bottom: 8px;
}

.galleryImageList .pricing {
  font-size: inherit;
  margin-left: 0;
}

.galleryImageList .price {
  display: inline !important;
  color: inherit !important;
  font-weight: inherit;
  margin-right: 4px;
}

.galleryImageList .status {
  position: relative;
  top: -2px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0;
}

.galleryImageList .summary {
  margin: 8px 0;
}

/* Simple list view */
.galleryList table {
  width: 100%;
}

.galleryList tr.galleryListItem {
  background-image: none;
}

.galleryList tr.galleryListItem td {
  border-top: solid 1px #f3f3f3;
  padding: 5px 2px;
  vertical-align: middle;
}

.pageGallery tr.galleryListItem td {
  padding-bottom: 8px;
}

.galleryList tr.galleryListItem td.priceColumn {
  text-align: right;
  white-space: nowrap;
  padding-right: 8px;
}

.galleryList tr.galleryListItem td.buttonColumn {
  width: 20px;
  text-align: right;
  white-space: nowrap;
}

.galleryList .shopButton {
  font-size: 0.7em !important;
  margin-left: 2px;
  min-width: 122px;
}

.contentPageBothPanels .galleryList .shopButton {
  display: block;
}

.galleryList .addToCartButton {
  display: inline-block;
}

.galleryList .productName {
  display: inline-block;
  margin-right: 8px;
}

.galleryList img, .galleryList input {
  vertical-align: middle;
  display: inline-block;
}

.galleryList .inlineGalleryAdd img {
  max-width: 100%;
}

.galleryList .status {
  position: relative;
  top: -3px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}

.galleryList h2.titleSmall {
  margin-top: 5px;
  margin-bottom: 3px;
  font-weight: normal;
}

.galleryList h2 {
  font-size: var(--fontsize);
}

.galleryList.largerTitles h2 {
  font-size: var(--fontsize-large);
}

.galleryList.boldTitles h2 {
  font-weight: var(--legacy-bold);
}

.galleryList .pricing {
  font-size: inherit !important;
  font-weight: inherit !important;
  display: inline !important;
}

.galleryList .price {
  display: inline !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Masonry */
/*========================================================*/
/* Scaled Image */
/*========================================================*/
.scaledImage {
  background-color: red;
}
.scaledImage .scaledImageBackground {
  vertical-align: top;
  background-color: #000;
}
.scaledImage .scaledImageBackground .scaledImagePicture {
  background-size: 100%;
  background-position: center center;
  height: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-color: white;
  opacity: 0.95;
}

.galleryItemWaiting .scaledImage .scaledImagePicture {
  background-size: auto;
}

/*========================================================*/
/* Product Gallery */
/*========================================================*/
.galleryMasonry {
  position: relative;
  margin-right: -20px;
}
.galleryMasonry.columns1 {
  margin-right: 0;
}
.galleryMasonry.columns1 .masonryGalleryItemContainer {
  margin-bottom: 20px;
}
.galleryMasonry p {
  padding: 12px 12px;
}
.galleryMasonry .masonryGalleryItemContainer {
  padding: 10px;
  box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
}
.galleryMasonry .galleryItem {
  line-height: 1.5;
  font-size: 1rem;
  border: 1px solid #ededed\9 ; /*IE<8 hack*/
}
.galleryMasonry .galleryItem a {
  text-decoration: none;
}
.galleryMasonry .galleryItem .galleryItemName {
  vertical-align: middle;
  font-size: 1rem;
  padding: 0;
}
.galleryMasonry .galleryItem .galleryItemName a {
  color: #3e3e3e;
  text-decoration: none;
  padding: 0;
}
.galleryMasonry .galleryItem .galleryItemInformation {
  color: #3e3e3e;
}
.galleryMasonry .galleryItem .pricing {
  margin-left: 0;
}
.galleryMasonry .galleryItem .pricing .price {
  font-weight: normal;
  color: #3e3e3e;
}
.galleryMasonry .galleryItem .pricing .originalPrice .price {
  color: #CF290C;
  text-decoration: line-through;
  padding-right: 5px;
}
.galleryMasonry .galleryItem .productPrice .from {
  font-style: italic;
}
.galleryMasonry .galleryItem .productPrice .from,
.galleryMasonry .galleryItem .productPrice .postfix {
  font-size: 0.8em;
}
.galleryMasonry .galleryItem .productPrice .originalPrice {
  color: #f00;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}
.galleryMasonry.gallery3 .galleryItem {
  float: left;
  margin: 1.1666666667%, 0;
  padding: 1.1666666667%;
  width: 28.6666666667%;
}
@media screen and (max-width: 500px) {
  .galleryMasonry.gallery3 .galleryItem {
    margin: 1.75%, 0;
    padding: 1.75%;
    width: 43%;
  }
}
@media screen and (max-width: 320px) {
  .galleryMasonry.gallery3 .galleryItem {
    margin: 3.5%, 0;
    padding: 3.5%;
    width: 86%;
  }
}
.galleryMasonry.gallery4 .galleryItem {
  float: left;
  margin: 0.875%, 0;
  padding: 0.875%;
  width: 21.5%;
}
@media screen and (max-width: 750px) {
  .galleryMasonry.gallery4 .galleryItem {
    margin: 1.1666666667%, 0;
    padding: 1.1666666667%;
    width: 28.6666666667%;
  }
}
@media screen and (max-width: 750px) and (max-width: 500px) {
  .galleryMasonry.gallery4 .galleryItem {
    margin: 1.75%, 0;
    padding: 1.75%;
    width: 43%;
  }
}
@media screen and (max-width: 320px) {
  .galleryMasonry.gallery4 .galleryItem {
    margin: 3.5%, 0;
    padding: 3.5%;
    width: 86%;
  }
}
.galleryMasonry.gallery5 .galleryItem {
  float: left;
  margin: 0.7%, 0;
  padding: 0.7%;
  width: 17.2%;
}
@media screen and (max-width: 1000px) {
  .galleryMasonry.gallery5 .galleryItem {
    margin: 0.875%, 0;
    padding: 0.875%;
    width: 21.5%;
  }
}
@media screen and (max-width: 1000px) and (max-width: 750px) {
  .galleryMasonry.gallery5 .galleryItem {
    margin: 1.1666666667%, 0;
    padding: 1.1666666667%;
    width: 28.6666666667%;
  }
}
@media screen and (max-width: 1000px) and (max-width: 750px) and (max-width: 500px) {
  .galleryMasonry.gallery5 .galleryItem {
    margin: 1.75%, 0;
    padding: 1.75%;
    width: 43%;
  }
}
@media screen and (max-width: 320px) {
  .galleryMasonry.gallery5 .galleryItem {
    margin: 3.5%, 0;
    padding: 3.5%;
    width: 86%;
  }
}

.galleryMarketplaceSites .galleryImageListItem .actions {
  margin-top: 1em;
}

@media screen and (min-width: 686px) {
  #rightSection {
    /* Currently marketplace sites is the only gallery that supports image list in the right sidebar */
  }
  #rightSection .galleryImageList .image {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  #rightSection .galleryImageList .content {
    margin: 0;
    padding-left: 0;
  }
  #rightSection .galleryImageList .summary {
    display: none;
  }
  #rightSection .galleryImageList .shopButton {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  #rightSection .galleryMasonry {
    margin-right: 0;
  }
  #rightSection .galleryMasonry .masonryGalleryItemContainer {
    margin-bottom: 20px;
  }
}
/*========================================================*/
/* Inline editing */
/*========================================================*/
.galleryColumns .galleryColumnsItem.inline-edit .image {
  position: relative;
}
.galleryColumns .galleryColumnsItem.inline-edit .image .inline-edit-button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}
.galleryColumns .galleryColumnsItem.inline-edit .image:hover {
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.25);
  z-index: 1005;
}
.galleryColumns .galleryColumnsItem.inline-edit .image:hover .inline-edit-button {
  display: block;
}

.galleryImageList .galleryImageListItem.inline-edit {
  position: relative;
}
.galleryImageList .galleryImageListItem.inline-edit .inline-edit-button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}
.galleryImageList .galleryImageListItem.inline-edit:hover {
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.25);
  z-index: 1005;
}
.galleryImageList .galleryImageListItem.inline-edit:hover .inline-edit-button {
  display: block;
}

.galleryList .galleryListItem.inline-edit td {
  position: relative;
}
.galleryList .galleryListItem.inline-edit td .inline-edit-button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}
.galleryList .galleryListItem.inline-edit td:hover {
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.25);
  z-index: 1005;
}
.galleryList .galleryListItem.inline-edit td:hover .inline-edit-button {
  display: block;
}

.gallery2:before, .gallery2:after {
  content: "";
  display: table;
  width: 0;
}
.gallery2:after {
  clear: both;
}
.gallery2 .item {
  color: #666;
}
.gallery2 .item.item-shop .details .title, .gallery2 .item.item-site .details .title {
  min-height: 16px;
  padding-left: 30px;
  background-repeat: no-repeat;
}
.gallery2 .item.item-shop .details .title {
  background-image: url(/common/galleryicon-shop-2x@graphic.png);
  background-size: 20px 15px;
  background-position: left 1px;
}
.gallery2 .item.item-shop .details .title-no-image {
  background-size: 20px 15px;
  background-position: left 1px;
}
.gallery2 .item.item-site .details .title {
  background-image: url(/common/galleryicon-site-2x@graphic.png);
  background-size: 16px 14px;
  background-position: left 2px;
}
.gallery2 {
  box-sizing: border-box;
}
.gallery2 .item-frame {
  box-sizing: border-box;
  position: relative;
}
.gallery2 .item-frame .item-content {
  box-sizing: border-box;
  container-name: content-container;
  container-type: inline-size;
}
.gallery2 .item-frame .item-content .hidden-overlay {
  position: absolute;
  margin-left: 0.5em;
  padding-top: 0.5em;
  z-index: 2;
  font-weight: var(--legacy-bold);
}
.gallery2 .item-frame[data-url]:not([data-url=""]) {
  cursor: pointer;
}
.gallery2 .image {
  position: relative;
}
.gallery2 .image a {
  display: block;
  position: relative;
}
.gallery2 .image .image-heading {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #222;
  z-index: 100;
  text-align: center;
  padding: 1em 10px;
  box-sizing: border-box;
  overflow: hidden;
  display: none;
  background-color: rgba(255, 255, 255, 0.85);
  max-height: 100%;
}
.gallery2 .image .image-border {
  box-sizing: border-box;
  display: block;
}
.gallery2 .image .image-border img {
  display: block;
  box-sizing: border-box;
}
.gallery2 .status-text {
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  z-index: 5;
  color: white;
  font-weight: var(--legacy-bold);
}
.gallery2 .status-text span {
  display: inline-block;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: solid 1px transparent;
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  color: #464646;
  background-color: #fff;
  padding: 8px 10px;
  font-size: 0.8em;
}
.gallery2 .gis-img .status-text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
}
.gallery2 .details {
  margin-bottom: -0.8em;
  line-height: 1.4;
  font-size: var(--fontsize-small);
}
.gallery2 .details a {
  text-decoration: none;
  /*&:hover {
          text-decoration: underline;
      }*/
}
.gallery2 .details .title {
  margin-bottom: 0.8em;
  overflow: hidden;
  font-size: var(--fontsize);
}
.gallery2 .details .title a {
  color: #464646;
}
.gallery2 .details .description {
  margin: 0.8em 0;
  overflow: hidden;
}
.gallery2 .details .location,
.gallery2 .details .availability {
  margin-bottom: 0.8em;
}
.gallery2 .details .availability img {
  max-width: 100%;
}
.gallery2 .details .site {
  text-transform: uppercase;
  margin: 0.8em 0;
  overflow: hidden;
}
.gallery2 .details .site a {
  color: #464646;
}
.gallery2 .details .view-more {
  margin: 0.8em 0;
}
.gallery2 .details .pricing {
  margin: 0.8em 0 0 0;
}
.gallery2 .details .pricing > .pricing {
  margin: 0;
}
.gallery2 .details .pricing .price {
  font-weight: normal;
}
.gallery2 .details .pricing .originalPrice .price {
  display: block;
  text-decoration: line-through;
  padding-right: 5px;
  font-weight: normal;
  font-size: 0.8em;
  margin-top: 0.3333333333em;
  margin-bottom: 2px;
}
.gallery2 .details .price-call-to-action {
  display: inline-block;
  margin-top: 0.8em;
  color: #464646;
  font-size: 0.6em;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: var(--legacy-bold);
  letter-spacing: 1.8px;
}
.gallery2 .details .price-call-to-action.emphasised {
  border: 1px solid #464646;
  padding: 3px 5px 2px 5px;
  position: relative;
  top: -2px;
}
.gallery2 .details .actions {
  margin: 0 0 0.8em 0;
  line-height: 1.4;
}
.gallery2 .details .actions > .action.action-button {
  margin-top: 1.3em;
}
.gallery2 .details .actions .action.action-button {
  font-size: 0.9em;
  padding: 0.4em 12px;
  line-height: 1.6em;
}
.gallery2 .details .actions .action-sync-button {
  padding: 5px 12px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  margin-top: 0.2em;
  text-transform: uppercase;
  display: none;
}
.gallery2 .details .actions .action-sync-button.supplier-syncing-action, .gallery2 .details .actions .action-sync-button.supplier-none-action {
  background-color: #17aacc;
  color: #fff;
  min-width: 120px;
  border-radius: 3px;
  font-size: 0.9em;
  width: auto;
  cursor: pointer;
}
.gallery2 .details .actions .action-sync-button.supplier-pendingapproval-action, .gallery2 .details .actions .action-sync-button.supplier-pendingmergeapproval-action, .gallery2 .details .actions .action-sync-button.supplier-synced-action, .gallery2 .details .actions .action-sync-button.supplier-active-action {
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 15px auto;
}
.gallery2 .details .actions .action-sync-button.supplier-pendingmergeapproval-action, .gallery2 .details .actions .action-sync-button.supplier-pendingapproval-action {
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
}
.gallery2 .details .actions .action-sync-button.supplier-active-action, .gallery2 .details .actions .action-sync-button.supplier-synced-action {
  background-image: url(/common/notifications/icon-completed-greentick-2X.png);
}
.gallery2 .details .actions .action-sync-link {
  font-weight: 400;
  color: #17aacc;
  vertical-align: middle;
  display: inline-block;
  margin-top: 0.2em;
  margin-left: 0.3333em;
}
.gallery2 .details .actions .action-sync-link:hover {
  text-decoration: none;
  color: #0089a7;
}
.gallery2 .details .actions .supplier-sync-status-none .supplier-none-action {
  display: inline-block;
}
.gallery2 .details .actions .supplier-sync-status-syncing .supplier-syncing-action {
  display: inline-block;
}
.gallery2 .details .actions .supplier-sync-status-pendingapproval .supplier-pendingapproval-action {
  display: inline-block;
}
.gallery2 .details .actions .supplier-sync-status-active .supplier-active-action {
  display: inline-block;
}
.gallery2 .details .actions .supplier-sync-status-synced .supplier-synced-action {
  display: inline-block;
}
.gallery2 .details .actions .supplier-sync-status-pendingmergeapproval .supplier-pendingmergeapproval-action {
  display: inline-block;
}
.gallery2 .details .actions a.action.action-link:hover {
  opacity: 0.8;
}
.gallery2 .details .actions a.action.action-sync-button:hover {
  text-decoration: none;
}
.gallery2 .details .actions a.action.supplier-syncing-action:hover, .gallery2 .details .actions a.action.supplier-none-action:hover {
  background-color: #0089a7;
}
.gallery2 .item-inline-edit-button {
  color: white !important;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(to bottom, #464646 0%, #111 100%);
  background-color: #464646;
  font-size: 0.7rem;
}
.gallery2 .item-inline-edit-button:hover {
  background: var(--primary-color-rollover);
  background: linear-gradient(to bottom, var(--primary-color-rollover) 0%, var(--primary-color-rollover) 100%);
}
.gallery2 .item-inline-edit-button:focus-visible {
  outline: 1px auto;
}
.gallery2 .item-inline-edit-button {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 20;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.1;
  transition: opacity 0.3s ease-in-out;
}
.gallery2 .item:hover .item-inline-edit-button {
  visibility: visible;
  opacity: 1;
}
.gallery2.gm-h-title .item.gis-img .image .image-heading {
  display: none;
}
.gallery2.gm-titleclamp1 .details .title a {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.gallery2.gm-titleclamp1 .item.gis-img .image .image-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.gallery2.gm-bs-circular .image,
.gallery2.gm-bs-circular .image .image-border,
.gallery2.gm-bs-circular .image .image-border img, .gallery2.gm-bs-circular.gmc-io-lg .image::before {
  border-radius: 50%;
  overflow: hidden;
}
.gallery2.gm-bs-circular .image .image-heading {
  padding: 1em 15% 15% 15%;
}
.gallery2.gm-bs-rounded-small .image,
.gallery2.gm-bs-rounded-small .image .image-border {
  border-radius: 10px;
  overflow: hidden;
}
.gallery2.gm-bs-rounded-small .image .image-border img, .gallery2.gm-bs-rounded-small.gmc-io-lg .image::before {
  border-radius: 8px;
  overflow: hidden;
}
.gallery2.gm-bs-rounded-large .image,
.gallery2.gm-bs-rounded-large .image .image-border {
  border-radius: 33px;
  overflow: hidden;
}
.gallery2.gm-bs-rounded-large .image .image-border img, .gallery2.gm-bs-rounded-large.gmc-io-lg .image::before {
  border-radius: 32px;
  overflow: hidden;
}
.gallery2.gm-bs-rounded-large .image .image-heading {
  padding: 1em 33px;
}
@keyframes brad-spin {
  100% {
    filter: invert(1);
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: rotate(-15deg);
    opacity: 0.5;
  }
}
@keyframes brad-blink {
  0% {
    filter: invert(1);
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: rotate(-15deg);
    opacity: 0.5;
  }
  70% {
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    transform: rotate(5deg);
    opacity: 0.7;
    filter: invert(0);
  }
  100% {
    filter: invert(1);
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: rotate(-15deg);
    opacity: 0.5;
  }
}
.gallery2.gm-brad .image .image-border {
  overflow: hidden;
}
.gallery2.gm-brad .image .image-border:after {
  background-image: url(/common/brad-face.png);
  content: "";
  width: 500%;
  height: 500%;
  position: absolute;
  top: -250%;
  left: -250%;
  z-index: 20;
  background-size: cover;
  transform: rotate(-720deg);
  transform-origin: center center;
  transition: all linear 0.5s;
  transition-delay: 0;
  border-radius: 50%;
  opacity: 0;
}
.gallery2.gm-brad .image:hover .image-border:after {
  animation-name: brad-spin, brad-blink;
  animation-duration: 0.75s, 0.8s;
  animation-delay: 0s, 0.75s;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
}
.gallery2 .pad {
  display: none;
}

/*========================================================*/
/* Column & Image List on mobile */
/*========================================================*/
@media (max-width: 440px) {
  .gallery2.gallery-mobile-fullwidth, .gallery2.gallery-mobile-twocolumns {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
  }
  .gallery2.gallery-mobile-fullwidth .item, .gallery2.gallery-mobile-twocolumns .item {
    margin-bottom: 20px;
  }
  .gallery2.gallery-mobile-fullwidth .item-frame, .gallery2.gallery-mobile-twocolumns .item-frame {
    margin: 0 10px;
    padding-bottom: 20px;
  }
  .gallery2.gallery-mobile-fullwidth .item-sizer, .gallery2.gallery-mobile-twocolumns .item-sizer {
    margin-bottom: 20px;
  }
  .gallery2.gallery-mobile-fullwidth, .gallery2.gallery-mobile-twocolumns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  .gallery2.gallery-mobile-fullwidth .item-frame .highlight, .gallery2.gallery-mobile-twocolumns .item-frame .highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
  }
  .gallery2.gallery-mobile-fullwidth .image, .gallery2.gallery-mobile-twocolumns .image {
    margin-bottom: 1em;
  }
  .gallery2.gallery-mobile-fullwidth .image .image-border, .gallery2.gallery-mobile-twocolumns .image .image-border {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
  }
  .gallery2.gallery-mobile-fullwidth .image .image-border img, .gallery2.gallery-mobile-twocolumns .image .image-border img {
    width: 100%;
    height: 100%;
  }
  .gallery2.gallery-mobile-fullwidth .item-sizer, .gallery2.gallery-mobile-twocolumns .item-sizer {
    display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 33.33333%;
  }
  .gallery2.gallery-mobile-fullwidth .pad, .gallery2.gallery-mobile-twocolumns .pad {
    content: "";
    flex: auto;
    display: block;
    order: 99999999;
  }
  .gallery2.gallery-mobile-fullwidth .details .actions .action.action-button, .gallery2.gallery-mobile-twocolumns .details .actions .action.action-button {
    white-space: normal;
  }
  .gallery2.gallery-mobile-fullwidth.masonry .item, .gallery2.gallery-mobile-twocolumns.masonry .item {
    float: none;
    clear: none !important;
  }
  .gallery2.gallery-mobile-fullwidth.masonry .pad, .gallery2.gallery-mobile-twocolumns.masonry .pad {
    display: none;
  }
  .gallery2.gallery-mobile-fullwidth:not(.gmc-sh) .item.gis-con-x .item-frame, .gallery2.gallery-mobile-twocolumns:not(.gmc-sh) .item.gis-con-x .item-frame {
    padding-bottom: 0;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-o-title .item.gis-img .details .title, .gallery2.gallery-mobile-twocolumns.gmc-o-title .item.gis-img .details .title {
    display: none;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-o-title .item.gis-img .image .image-heading, .gallery2.gallery-mobile-twocolumns.gmc-o-title .item.gis-img .image .image-heading {
    display: block;
  }
  .gallery2.gallery-mobile-fullwidth.gm-is-small .image, .gallery2.gallery-mobile-twocolumns.gm-is-small .image {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .gallery2.gallery-mobile-fullwidth.gm-is-medium .image, .gallery2.gallery-mobile-twocolumns.gm-is-medium .image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-l .details, .gallery2.gallery-mobile-twocolumns.gmc-ca-l .details {
    text-align: left;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details, .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details {
    text-align: center;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details .description, .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details .description {
    margin-left: auto;
    margin-right: auto;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details .product-availability, .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details .product-availability {
    align-items: center;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details .product-availability .availability-methods, .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details .product-availability .availability-methods {
    justify-content: center;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details .product-availability .availability-methods > div,
  .gallery2.gallery-mobile-fullwidth.gmc-ca-c .details .product-availability .change-location, .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details .product-availability .availability-methods > div,
  .gallery2.gallery-mobile-twocolumns.gmc-ca-c .details .product-availability .change-location {
    align-items: center;
    line-height: 1.3;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-r .details, .gallery2.gallery-mobile-twocolumns.gmc-ca-r .details {
    text-align: right;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ca-r .details .description, .gallery2.gallery-mobile-twocolumns.gmc-ca-r .details .description {
    margin-left: auto;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-t .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-t .item-frame {
    padding: 20px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-t .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-t .item-frame {
    border: solid 1px #e1e1e1;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-h .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-h .item-frame {
    padding: 20px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-h .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-h .item-frame {
    border: solid 4px #e1e1e1;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-st .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-st .item-frame {
    padding: 0 0 20px 0;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-ib-st .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-ib-st .item-frame {
    border-bottom: solid 1px #e1e1e1;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-imgb-t .image .image-border, .gallery2.gallery-mobile-twocolumns.gmc-imgb-t .image .image-border {
    border: solid 1px #e1e1e1;
    padding: 1px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-imgb-h .image .image-border, .gallery2.gallery-mobile-twocolumns.gmc-imgb-h .image .image-border {
    border: solid 4px #e1e1e1;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-imgb-g .image .image-border, .gallery2.gallery-mobile-twocolumns.gmc-imgb-g .image .image-border {
    padding: 8px 8px 0 8px;
    display: block;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: auto 250px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-imgb-g .image .image-border img, .gallery2.gallery-mobile-twocolumns.gmc-imgb-g .image .image-border img {
    border: solid 1px #d7d7d7;
    padding: 1px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-io-lg .image:before, .gallery2.gallery-mobile-twocolumns.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-sh .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-sh .item-frame {
    padding: 20px;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-sh .item-frame, .gallery2.gallery-mobile-twocolumns.gmc-sh .item-frame {
    background-color: #fff;
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
  }
  .gallery2.gallery-mobile-fullwidth.gmc-io-lg .image:before, .gallery2.gallery-mobile-twocolumns.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-f-tb .details .title,
  .gallery2.gallery-mobile-fullwidth.gmc-f-tb .image .image-heading, .gallery2.gallery-mobile-twocolumns.gmc-f-tb .details .title,
  .gallery2.gallery-mobile-twocolumns.gmc-f-tb .image .image-heading {
    font-weight: var(--legacy-bold);
  }
  .gallery2.gallery-mobile-fullwidth.gmc-f-tb .item, .gallery2.gallery-mobile-twocolumns.gmc-f-tb .item {
    color: #464646;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-f-tuc .details .title,
  .gallery2.gallery-mobile-fullwidth.gmc-f-tuc .image .image-heading, .gallery2.gallery-mobile-twocolumns.gmc-f-tuc .details .title,
  .gallery2.gallery-mobile-twocolumns.gmc-f-tuc .image .image-heading {
    text-transform: uppercase;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-f-tsl .details .title,
  .gallery2.gallery-mobile-fullwidth.gmc-f-tsl .image .image-heading, .gallery2.gallery-mobile-twocolumns.gmc-f-tsl .details .title,
  .gallery2.gallery-mobile-twocolumns.gmc-f-tsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-f-xtsl .details .title,
  .gallery2.gallery-mobile-fullwidth.gmc-f-xtsl .image .image-heading, .gallery2.gallery-mobile-twocolumns.gmc-f-xtsl .details .title,
  .gallery2.gallery-mobile-twocolumns.gmc-f-xtsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery2.gallery-mobile-fullwidth .details .description, .gallery2.gallery-mobile-twocolumns .details .description {
    max-width: 600px;
  }
  .gallery2.gallery-mobile-fullwidth .details .pricing .price, .gallery2.gallery-mobile-twocolumns .details .pricing .price {
    display: inline-block;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .item,
  .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .details .title a, .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv.gmc-f-ttc .details .title a, .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .item,
  .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .details .title a, .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv.gmc-f-ttc .details .title a {
    color: #fff;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv a.more-info-link, .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv a.more-info-link {
    color: var(--primary-color-transparent-tint-on-dark);
  }
  .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv a.more-info-link:hover, .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv a.more-info-link:hover {
    color: #fff;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv:not(.gml-sh) .item, .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv:not(.gml-sh) .item {
    border-bottom-color: rgba(255, 255, 255, 0.8);
  }
  .buttonStyleOutline .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton, .buttonStyleOutline .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
  }
  .buttonStyleOutline .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton:hover, .buttonStyleOutline .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .buttonStyleSolid .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton, .buttonStyleSolid .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-color: var(--primary-color-transparent-tint-on-dark);
  }
  .buttonStyleSolid .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton:hover, .buttonStyleSolid .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton:hover {
    background-color: #fff;
  }
  .buttonStyleGradient .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton, .buttonStyleGradient .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  }
  .buttonStyleGradient .gallery2.gallery-mobile-fullwidth.gmc-fgc-inv .shopButton:hover, .buttonStyleGradient .gallery2.gallery-mobile-twocolumns.gmc-fgc-inv .shopButton:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  }
  .gallery2.gallery-mobile-fullwidth, .gallery2.gallery-mobile-twocolumns {
    /* These wraps are used to auto align content */
  }
  .gallery2.gallery-mobile-fullwidth.gmc-aa .i-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .t-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .p-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .cta-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .sn-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .vm-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .wp-wrap,
  .gallery2.gallery-mobile-fullwidth.gmc-aa .ac-wrap, .gallery2.gallery-mobile-twocolumns.gmc-aa .i-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .t-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .p-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .cta-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .sn-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .vm-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .wp-wrap,
  .gallery2.gallery-mobile-twocolumns.gmc-aa .ac-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-aa .p-wrap, .gallery2.gallery-mobile-twocolumns.gmc-aa .p-wrap {
    justify-content: flex-end;
  }
}
@media (max-width: 440px) and (min-width: 440px) {
  .gallery2.gallery-mobile-fullwidth, .gallery2.gallery-mobile-twocolumns {
    background-attachment: fixed;
  }
}
@media (max-width: 440px) {
  .gallery2.gallery-mobile-fullwidth .item,
  .gallery2.gallery-mobile-fullwidth .item-sizer {
    flex: 1 0 auto;
    width: 220px;
    min-width: 220px;
  }
  .gallery2.gallery-mobile-fullwidth .pad {
    width: 220px;
  }
  .gallery2.gallery-mobile-fullwidth .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .gallery2.gallery-mobile-fullwidth.gmc-imgb-g .image .image-border {
    background-size: auto 220px;
  }
  .gallery2.gallery-mobile-twocolumns .item,
  .gallery2.gallery-mobile-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 150px;
  }
  .gallery2.gallery-mobile-twocolumns .pad {
    width: 50%;
  }
  .gallery2.gallery-mobile-twocolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .gallery2.gallery-mobile-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 150px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item {
    margin-bottom: 30px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .item-content:before, .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .item-content:after {
    content: "";
    display: table;
    width: 0;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .item-content:after {
    clear: both;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .item-content {
    background-position: center bottom;
    background-position: center bottom, center -30px; /* second image is hidden unless first */
    background-repeat: no-repeat;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .item-content:first-child {
    background-position: center bottom, center -29px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .item-frame .highlight {
    position: absolute;
    right: 0;
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .image {
    height: auto !important;
    width: 25%;
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (max-width: 440px) and (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .image {
    width: 33%;
  }
}
@media (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .image img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .details {
    margin-top: -4px;
    flex: 0 1 auto;
    text-align: left !important;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .details > .pricing {
    margin-right: 30px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .status-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    max-width: 25%;
  }
}
@media (max-width: 440px) and (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .status-text {
    max-width: 33%;
  }
}
@media (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth) .gis-img .status-text {
    padding: 5px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs .item.gis-img-x .item-content:before {
    content: "";
    display: block;
    width: 25%;
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (max-width: 440px) and (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs .item.gis-img-x .item-content:before {
    width: 33%;
  }
}
@media (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 165px;
  }
  .content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image, .area-content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image, .content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image, .area-content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image,
  .content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .area-content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .area-content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 129px;
  }
  .sidebar .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image .area-sidebar,
  .sidebar .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before .area-sidebar {
    width: 97px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (max-width: 440px) and (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item .image,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 97px !important;
  }
}
@media (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text {
    max-width: 165px;
  }
  .content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text, .area-content-1sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text, .content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text, .area-content-2sb .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text {
    max-width: 129px;
  }
  .sidebar .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text .area-sidebar {
    max-width: 97px;
  }
}
@media (max-width: 440px) and (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gm-imgs.gml-imgw-fw .status-text {
    max-width: 97px !important;
  }
}
@media (max-width: 440px) {
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ca-l .details {
    text-align: left;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ca-c .details {
    text-align: center;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ca-c .details .description {
    margin-left: auto;
    margin-right: auto;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ca-r .details {
    text-align: right;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ca-r .details .description {
    margin-left: auto;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-t .item-frame {
    padding: 20px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-t .item-frame {
    border: solid 1px #e1e1e1;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-h .item-frame {
    padding: 20px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-h .item-frame {
    border: solid 4px #e1e1e1;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-st .item-frame {
    padding: 0 0 30px 0;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-ib-st .item-frame {
    border-bottom: solid 1px #e1e1e1;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-imgb-t .image .image-border {
    border: solid 1px #e1e1e1;
    padding: 1px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-imgb-h .image .image-border {
    border: solid 4px #e1e1e1;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-imgb-g .image .image-border {
    padding: 8px 8px 0 8px;
    display: block;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: auto 110px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-imgb-g .image .image-border img {
    border: solid 1px #d7d7d7;
    padding: 1px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-sh .item-frame {
    padding: 20px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-sh .item-frame {
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
    background-color: #fff;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tb .details .title,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tb .image .image-heading {
    font-weight: var(--legacy-bold);
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tb .item {
    color: #464646;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tuc .details .title,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tuc .image .image-heading {
    text-transform: uppercase;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tsl .details .title,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-tsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-xtsl .details .title,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-f-xtsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth):not(.gml-sh) .item {
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 30px;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .item,
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .details .title a, .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv.gml-f-ttc .details .title a {
    color: #fff;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv a.more-info-link {
    color: var(--primary-color-transparent-tint-on-dark);
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv a.more-info-link:hover {
    color: #fff;
  }
  .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv:not(.gml-sh) .item {
    border-bottom-color: rgba(255, 255, 255, 0.8);
  }
  .buttonStyleOutline .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
  }
  .buttonStyleOutline .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .buttonStyleSolid .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton {
    color: currentColor;
    background-color: var(--primary-color-transparent-tint-on-dark);
  }
  .buttonStyleSolid .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton:hover {
    background-color: #fff;
  }
  .buttonStyleGradient .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton {
    color: currentColor;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  }
  .buttonStyleGradient .gallery2:not(.gallery-mobile-twocolumns):not(.gallery-mobile-fullwidth).gml-fgc-inv .shopButton:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  }
}
@media (max-width: 440px) {
  /*.gt-childpages {
      .gallery-structure-columns {
          @include gallery-columns-base();
      }

      &.gallery-fullwidth,
      &.gallery-singlecolumn,
      &.gallery-twocolumns,
      &.gallery-threecolumns {
          @include gallery-columns-count(220px, 220);
      }

      &.gallery-fourcolumns,
      &.gallery-small {
          @include gallery-columns-count(50%, 150);
      }
  }

  .gt-childpages.gallery-imagelist,
  :not(.gt-childpages).gallery-structure-columns {
      @include gallery-imagelist(false);
  }*/
}
@media (min-width: 441px) {
  /*========================================================*/
  /* Columns */
  /*========================================================*/
  .gallery-structure-columns {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
  }
  .gallery-structure-columns .item {
    margin-bottom: 20px;
  }
  .gallery-structure-columns .item-frame {
    margin: 0 10px;
    padding-bottom: 20px;
  }
  .gallery-structure-columns .item-sizer {
    margin-bottom: 20px;
  }
  .gallery-structure-columns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  .gallery-structure-columns .item-frame .highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
  }
  .gallery-structure-columns .image {
    margin-bottom: 1em;
  }
  .gallery-structure-columns .image .image-border {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
  }
  .gallery-structure-columns .image .image-border img {
    width: 100%;
    height: 100%;
  }
  .gallery-structure-columns .item-sizer {
    display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 33.33333%;
  }
  .gallery-structure-columns .pad {
    content: "";
    flex: auto;
    display: block;
    order: 99999999;
  }
  .gallery-structure-columns .details .actions .action.action-button {
    white-space: normal;
  }
  .gallery-structure-columns.masonry .item {
    float: none;
    clear: none !important;
  }
  .gallery-structure-columns.masonry .pad {
    display: none;
  }
  .gallery-structure-columns:not(.gmc-sh) .item.gis-con-x .item-frame {
    padding-bottom: 0;
  }
  .gallery-structure-columns.gmc-o-title .item.gis-img .details .title {
    display: none;
  }
  .gallery-structure-columns.gmc-o-title .item.gis-img .image .image-heading {
    display: block;
  }
  .gallery-structure-columns.gm-is-small .image {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .gallery-structure-columns.gm-is-medium .image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .gallery-structure-columns.gmc-ca-l .details {
    text-align: left;
  }
  .gallery-structure-columns.gmc-ca-c .details {
    text-align: center;
  }
  .gallery-structure-columns.gmc-ca-c .details .description {
    margin-left: auto;
    margin-right: auto;
  }
  .gallery-structure-columns.gmc-ca-c .details .product-availability {
    align-items: center;
  }
  .gallery-structure-columns.gmc-ca-c .details .product-availability .availability-methods {
    justify-content: center;
  }
  .gallery-structure-columns.gmc-ca-c .details .product-availability .availability-methods > div,
  .gallery-structure-columns.gmc-ca-c .details .product-availability .change-location {
    align-items: center;
    line-height: 1.3;
  }
  .gallery-structure-columns.gmc-ca-r .details {
    text-align: right;
  }
  .gallery-structure-columns.gmc-ca-r .details .description {
    margin-left: auto;
  }
  .gallery-structure-columns.gmc-ib-t .item-frame {
    padding: 20px;
  }
  .gallery-structure-columns.gmc-ib-t .item-frame {
    border: solid 1px #e1e1e1;
  }
  .gallery-structure-columns.gmc-ib-h .item-frame {
    padding: 20px;
  }
  .gallery-structure-columns.gmc-ib-h .item-frame {
    border: solid 4px #e1e1e1;
  }
  .gallery-structure-columns.gmc-ib-st .item-frame {
    padding: 0 0 20px 0;
  }
  .gallery-structure-columns.gmc-ib-st .item-frame {
    border-bottom: solid 1px #e1e1e1;
  }
  .gallery-structure-columns.gmc-imgb-t .image .image-border {
    border: solid 1px #e1e1e1;
    padding: 1px;
  }
  .gallery-structure-columns.gmc-imgb-h .image .image-border {
    border: solid 4px #e1e1e1;
  }
  .gallery-structure-columns.gmc-imgb-g .image .image-border {
    padding: 8px 8px 0 8px;
    display: block;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: auto 250px;
  }
  .gallery-structure-columns.gmc-imgb-g .image .image-border img {
    border: solid 1px #d7d7d7;
    padding: 1px;
  }
  .gallery-structure-columns.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery-structure-columns.gmc-sh .item-frame {
    padding: 20px;
  }
  .gallery-structure-columns.gmc-sh .item-frame {
    background-color: #fff;
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
  }
  .gallery-structure-columns.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .gallery-structure-columns.gmc-f-tb .details .title,
  .gallery-structure-columns.gmc-f-tb .image .image-heading {
    font-weight: var(--legacy-bold);
  }
  .gallery-structure-columns.gmc-f-tb .item {
    color: #464646;
  }
  .gallery-structure-columns.gmc-f-tuc .details .title,
  .gallery-structure-columns.gmc-f-tuc .image .image-heading {
    text-transform: uppercase;
  }
  .gallery-structure-columns.gmc-f-tsl .details .title,
  .gallery-structure-columns.gmc-f-tsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery-structure-columns.gmc-f-xtsl .details .title,
  .gallery-structure-columns.gmc-f-xtsl .image .image-heading {
    font-size: 1.2em;
  }
  .gallery-structure-columns .details .description {
    max-width: 600px;
  }
  .gallery-structure-columns .details .pricing .price {
    display: inline-block;
  }
  .gallery-structure-columns.gmc-fgc-inv .item,
  .gallery-structure-columns.gmc-fgc-inv .details .title a, .gallery-structure-columns.gmc-fgc-inv.gmc-f-ttc .details .title a {
    color: #fff;
  }
  .gallery-structure-columns.gmc-fgc-inv a.more-info-link {
    color: var(--primary-color-transparent-tint-on-dark);
  }
  .gallery-structure-columns.gmc-fgc-inv a.more-info-link:hover {
    color: #fff;
  }
  .gallery-structure-columns.gmc-fgc-inv:not(.gml-sh) .item {
    border-bottom-color: rgba(255, 255, 255, 0.8);
  }
  .buttonStyleOutline .gallery-structure-columns.gmc-fgc-inv .shopButton {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
  }
  .buttonStyleOutline .gallery-structure-columns.gmc-fgc-inv .shopButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .buttonStyleSolid .gallery-structure-columns.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-color: var(--primary-color-transparent-tint-on-dark);
  }
  .buttonStyleSolid .gallery-structure-columns.gmc-fgc-inv .shopButton:hover {
    background-color: #fff;
  }
  .buttonStyleGradient .gallery-structure-columns.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  }
  .buttonStyleGradient .gallery-structure-columns.gmc-fgc-inv .shopButton:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  }
  .gallery-structure-columns {
    /* These wraps are used to auto align content */
  }
  .gallery-structure-columns.gmc-aa .i-wrap,
  .gallery-structure-columns.gmc-aa .t-wrap,
  .gallery-structure-columns.gmc-aa .p-wrap,
  .gallery-structure-columns.gmc-aa .cta-wrap,
  .gallery-structure-columns.gmc-aa .sn-wrap,
  .gallery-structure-columns.gmc-aa .vm-wrap,
  .gallery-structure-columns.gmc-aa .wp-wrap,
  .gallery-structure-columns.gmc-aa .ac-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .gallery-structure-columns.gmc-aa .p-wrap {
    justify-content: flex-end;
  }
}
@media (min-width: 441px) and (min-width: 440px) {
  .gallery-structure-columns {
    background-attachment: fixed;
  }
}
@media (min-width: 441px) {
  .area-full .gallery-fullwidth .item,
  .area-full .gallery-fullwidth .item-sizer,
  .area-full .gallery-singlecolumn .item,
  .area-full .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-full .gallery-fullwidth .pad,
  .area-full .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-full .gallery-fullwidth .item .details .actions .action.action-button,
  .area-full .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-full .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-full .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-full .filtered-gallery .gallery-fullwidth .item,
  .area-full .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-full .filtered-gallery .gallery-singlecolumn .item,
  .area-full .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-full .filtered-gallery .gallery-fullwidth .pad,
  .area-full .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-full .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-full .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-full .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-full .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content .gallery-fullwidth .item,
  .area-content .gallery-fullwidth .item-sizer,
  .area-content .gallery-singlecolumn .item,
  .area-content .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content .gallery-fullwidth .pad,
  .area-content .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content .filtered-gallery .gallery-fullwidth .item,
  .area-content .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-content .filtered-gallery .gallery-singlecolumn .item,
  .area-content .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content .filtered-gallery .gallery-fullwidth .pad,
  .area-content .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content-1sb .gallery-fullwidth .item,
  .area-content-1sb .gallery-fullwidth .item-sizer,
  .area-content-1sb .gallery-singlecolumn .item,
  .area-content-1sb .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content-1sb .gallery-fullwidth .pad,
  .area-content-1sb .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content-1sb .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content-1sb .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content-1sb .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content-1sb .filtered-gallery .gallery-fullwidth .item,
  .area-content-1sb .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-content-1sb .filtered-gallery .gallery-singlecolumn .item,
  .area-content-1sb .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content-1sb .filtered-gallery .gallery-fullwidth .pad,
  .area-content-1sb .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content-1sb .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content-1sb .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content-1sb .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content-2sb .gallery-fullwidth .item,
  .area-content-2sb .gallery-fullwidth .item-sizer,
  .area-content-2sb .gallery-singlecolumn .item,
  .area-content-2sb .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content-2sb .gallery-fullwidth .pad,
  .area-content-2sb .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content-2sb .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content-2sb .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content-2sb .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-content-2sb .filtered-gallery .gallery-fullwidth .item,
  .area-content-2sb .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-content-2sb .filtered-gallery .gallery-singlecolumn .item,
  .area-content-2sb .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-content-2sb .filtered-gallery .gallery-fullwidth .pad,
  .area-content-2sb .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-content-2sb .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-content-2sb .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-content-2sb .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-sidebar .gallery-fullwidth .item,
  .area-sidebar .gallery-fullwidth .item-sizer,
  .area-sidebar .gallery-singlecolumn .item,
  .area-sidebar .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .gallery-fullwidth .pad,
  .area-sidebar .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-sidebar .gallery-fullwidth .item .details .actions .action.action-button,
  .area-sidebar .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-sidebar .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .item,
  .area-sidebar .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .pad,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-sidebar .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-sidebar .gallery-fullwidth .item,
  .area-sidebar .gallery-fullwidth .item-sizer,
  .area-sidebar .gallery-singlecolumn .item,
  .area-sidebar .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .gallery-fullwidth .pad,
  .area-sidebar .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-sidebar .gallery-fullwidth .item .details .actions .action.action-button,
  .area-sidebar .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-sidebar .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .item,
  .area-sidebar .filtered-gallery .gallery-fullwidth .item-sizer,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .pad,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .pad {
    width: 100%;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth .item .details .actions .action.action-button,
  .area-sidebar .filtered-gallery .gallery-singlecolumn .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .filtered-gallery .gallery-fullwidth.gmc-imgb-g .image .image-border,
  .area-sidebar .filtered-gallery .gallery-singlecolumn.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .gallery-fullwidth,
  .gallery-singlecolumn {
    justify-content: center;
  }
  .gallery-fullwidth .pad,
  .gallery-singlecolumn .pad {
    display: none;
  }
  .designStyleFlexi .gallery-fullwidth .item {
    width: 1000px;
    max-width: 100%;
  }
  .gallery-singlecolumn .item {
    max-width: 520px;
  }
  .designStyleFlexi .gallery-singlecolumn .item {
    width: 520px;
    max-width: 100%;
  }
  .area-sidebar .gallery-twocolumns .item,
  .area-sidebar .gallery-twocolumns .item-sizer,
  .area-sidebar .gallery-threecolumns .item,
  .area-sidebar .gallery-threecolumns .item-sizer,
  .area-sidebar .gallery-fourcolumns .item,
  .area-sidebar .gallery-fourcolumns .item-sizer,
  .area-sidebar .gallery-small .item,
  .area-sidebar .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .gallery-twocolumns .pad,
  .area-sidebar .gallery-threecolumns .pad,
  .area-sidebar .gallery-fourcolumns .pad,
  .area-sidebar .gallery-small .pad {
    width: 100%;
  }
  .area-sidebar .gallery-twocolumns .item .details .actions .action.action-button,
  .area-sidebar .gallery-threecolumns .item .details .actions .action.action-button,
  .area-sidebar .gallery-fourcolumns .item .details .actions .action.action-button,
  .area-sidebar .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .gallery-twocolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .gallery-threecolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .gallery-fourcolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-sidebar .filtered-gallery .gallery-twocolumns .item,
  .area-sidebar .filtered-gallery .gallery-twocolumns .item-sizer,
  .area-sidebar .filtered-gallery .gallery-threecolumns .item,
  .area-sidebar .filtered-gallery .gallery-threecolumns .item-sizer,
  .area-sidebar .filtered-gallery .gallery-fourcolumns .item,
  .area-sidebar .filtered-gallery .gallery-fourcolumns .item-sizer,
  .area-sidebar .filtered-gallery .gallery-small .item,
  .area-sidebar .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 100%;
    min-width: 0px;
  }
  .area-sidebar .filtered-gallery .gallery-twocolumns .pad,
  .area-sidebar .filtered-gallery .gallery-threecolumns .pad,
  .area-sidebar .filtered-gallery .gallery-fourcolumns .pad,
  .area-sidebar .filtered-gallery .gallery-small .pad {
    width: 100%;
  }
  .area-sidebar .filtered-gallery .gallery-twocolumns .item .details .actions .action.action-button,
  .area-sidebar .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button,
  .area-sidebar .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button,
  .area-sidebar .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-sidebar .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border,
  .area-sidebar .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 0px;
  }
  .area-full .gallery-twocolumns .item,
  .area-full .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 567px;
  }
  .area-full .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-full .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 567px;
  }
  .area-full .filtered-gallery .gallery-twocolumns .item,
  .area-full .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 485px;
  }
  .area-full .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-full .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 485px;
  }
  .area-content .gallery-twocolumns .item,
  .area-content .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 347px;
  }
  .area-content .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 347px;
  }
  .area-content .filtered-gallery .gallery-twocolumns .item,
  .area-content .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 265px;
  }
  .area-content .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 265px;
  }
  .area-content-1sb .gallery-twocolumns .item,
  .area-content-1sb .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 279px;
  }
  .area-content-1sb .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content-1sb .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 279px;
  }
  .area-content-1sb .filtered-gallery .gallery-twocolumns .item,
  .area-content-1sb .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 197px;
  }
  .area-content-1sb .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content-1sb .filtered-gallery .gallery-twocolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 197px;
  }
  .area-content-2sb .gallery-twocolumns .item,
  .area-content-2sb .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 203px;
  }
  .area-content-2sb .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content-2sb .gallery-twocolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 203px;
  }
  .area-content-2sb .filtered-gallery .gallery-twocolumns .item,
  .area-content-2sb .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 121px;
  }
  .area-content-2sb .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .area-content-2sb .filtered-gallery .gallery-twocolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 121px;
  }
  .flexiWidth.widthFull .gallery-twocolumns .item,
  .flexiWidth.widthFull .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 567px;
  }
  .flexiWidth.widthFull .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthFull .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 567px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-twocolumns .item,
  .flexiWidth.widthFull .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 485px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 485px;
  }
  .flexiWidth.widthStandard .gallery-twocolumns .item,
  .flexiWidth.widthStandard .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 363px;
  }
  .flexiWidth.widthStandard .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthStandard .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 363px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-twocolumns .item,
  .flexiWidth.widthStandard .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 281px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 281px;
  }
  .flexiWidth.widthWide .gallery-twocolumns .item,
  .flexiWidth.widthWide .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 436px;
  }
  .flexiWidth.widthWide .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthWide .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 436px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-twocolumns .item,
  .flexiWidth.widthWide .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 354px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 354px;
  }
  .flexiWidth.widthNarrow .gallery-twocolumns .item,
  .flexiWidth.widthNarrow .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 290px;
  }
  .flexiWidth.widthNarrow .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthNarrow .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 290px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-twocolumns .item,
  .flexiWidth.widthNarrow .filtered-gallery .gallery-twocolumns .item-sizer {
    flex: 1 0 auto;
    width: 50%;
    min-width: 209px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-twocolumns .pad {
    width: 50%;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-twocolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-twocolumns.gmc-imgb-g .image .image-border {
    background-size: auto 209px;
  }
  .area-full .gallery-threecolumns .item,
  .area-full .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 416px;
  }
  .area-full .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-full .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 416px;
  }
  .area-full .filtered-gallery .gallery-threecolumns .item,
  .area-full .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 356px;
  }
  .area-full .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-full .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 356px;
  }
  .area-content .gallery-threecolumns .item,
  .area-content .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 254px;
  }
  .area-content .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 254px;
  }
  .area-content .filtered-gallery .gallery-threecolumns .item,
  .area-content .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 194px;
  }
  .area-content .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 194px;
  }
  .area-content-1sb .gallery-threecolumns .item,
  .area-content-1sb .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 205px;
  }
  .area-content-1sb .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content-1sb .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 205px;
  }
  .area-content-1sb .filtered-gallery .gallery-threecolumns .item,
  .area-content-1sb .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 145px;
  }
  .area-content-1sb .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content-1sb .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 145px;
  }
  .area-content-2sb .gallery-threecolumns .item,
  .area-content-2sb .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 149px;
  }
  .area-content-2sb .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content-2sb .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 149px;
  }
  .area-content-2sb .filtered-gallery .gallery-threecolumns .item,
  .area-content-2sb .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 89px;
  }
  .area-content-2sb .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .area-content-2sb .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 89px;
  }
  .flexiWidth.widthFull .gallery-threecolumns .item,
  .flexiWidth.widthFull .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 416px;
  }
  .flexiWidth.widthFull .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthFull .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 416px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-threecolumns .item,
  .flexiWidth.widthFull .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 356px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 356px;
  }
  .flexiWidth.widthStandard .gallery-threecolumns .item,
  .flexiWidth.widthStandard .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 266px;
  }
  .flexiWidth.widthStandard .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthStandard .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 266px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-threecolumns .item,
  .flexiWidth.widthStandard .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 206px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 206px;
  }
  .flexiWidth.widthWide .gallery-threecolumns .item,
  .flexiWidth.widthWide .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 320px;
  }
  .flexiWidth.widthWide .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthWide .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 320px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-threecolumns .item,
  .flexiWidth.widthWide .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 260px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 260px;
  }
  .flexiWidth.widthNarrow .gallery-threecolumns .item,
  .flexiWidth.widthNarrow .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 213px;
  }
  .flexiWidth.widthNarrow .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthNarrow .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 213px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-threecolumns .item,
  .flexiWidth.widthNarrow .filtered-gallery .gallery-threecolumns .item-sizer {
    flex: 1 0 auto;
    width: 33.3333333333%;
    min-width: 153px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-threecolumns .pad {
    width: 33.3333333333%;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-threecolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-threecolumns.gmc-imgb-g .image .image-border {
    background-size: auto 153px;
  }
  .area-content-2sb .gallery-fourcolumns .item,
  .area-content-2sb .gallery-fourcolumns .item-sizer,
  .area-content-2sb .gallery-small .item,
  .area-content-2sb .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 117px;
  }
  .area-content-2sb .gallery-fourcolumns .pad,
  .area-content-2sb .gallery-small .pad {
    width: 25%;
  }
  .area-content-2sb .gallery-fourcolumns .item .details .actions .action.action-button,
  .area-content-2sb .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .gallery-fourcolumns.gmc-imgb-g .image .image-border,
  .area-content-2sb .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 117px;
  }
  .area-content-2sb .filtered-gallery .gallery-fourcolumns .item,
  .area-content-2sb .filtered-gallery .gallery-fourcolumns .item-sizer,
  .area-content-2sb .filtered-gallery .gallery-small .item,
  .area-content-2sb .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 70px;
  }
  .area-content-2sb .filtered-gallery .gallery-fourcolumns .pad,
  .area-content-2sb .filtered-gallery .gallery-small .pad {
    width: 25%;
  }
  .area-content-2sb .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button,
  .area-content-2sb .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-2sb .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border,
  .area-content-2sb .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 70px;
  }
  .area-full .gallery-fourcolumns .item,
  .area-full .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 328px;
  }
  .area-full .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-full .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 328px;
  }
  .area-full .filtered-gallery .gallery-fourcolumns .item,
  .area-full .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 281px;
  }
  .area-full .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-full .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 281px;
  }
  .area-content .gallery-fourcolumns .item,
  .area-content .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 201px;
  }
  .area-content .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-content .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 201px;
  }
  .area-content .filtered-gallery .gallery-fourcolumns .item,
  .area-content .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 153px;
  }
  .area-content .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-content .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 153px;
  }
  .area-content-1sb .gallery-fourcolumns .item,
  .area-content-1sb .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 161px;
  }
  .area-content-1sb .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-content-1sb .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 161px;
  }
  .area-content-1sb .filtered-gallery .gallery-fourcolumns .item,
  .area-content-1sb .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 114px;
  }
  .area-content-1sb .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .area-content-1sb .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 114px;
  }
  .flexiWidth.widthFull .gallery-fourcolumns .item,
  .flexiWidth.widthFull .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 328px;
  }
  .flexiWidth.widthFull .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthFull .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 328px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-fourcolumns .item,
  .flexiWidth.widthFull .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 281px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 281px;
  }
  .flexiWidth.widthStandard .gallery-fourcolumns .item,
  .flexiWidth.widthStandard .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 210px;
  }
  .flexiWidth.widthStandard .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthStandard .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthStandard .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 210px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-fourcolumns .item,
  .flexiWidth.widthStandard .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 163px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 163px;
  }
  .flexiWidth.widthWide .gallery-fourcolumns .item,
  .flexiWidth.widthWide .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 252px;
  }
  .flexiWidth.widthWide .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthWide .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 252px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-fourcolumns .item,
  .flexiWidth.widthWide .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 205px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 205px;
  }
  .flexiWidth.widthNarrow .gallery-fourcolumns .item,
  .flexiWidth.widthNarrow .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 168px;
  }
  .flexiWidth.widthNarrow .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthNarrow .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 168px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-fourcolumns .item,
  .flexiWidth.widthNarrow .filtered-gallery .gallery-fourcolumns .item-sizer {
    flex: 1 0 auto;
    width: 25%;
    min-width: 121px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-fourcolumns .pad {
    width: 25%;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-fourcolumns .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-fourcolumns.gmc-imgb-g .image .image-border {
    background-size: auto 121px;
  }
  .area-content-1sb .gallery-small .item,
  .area-content-1sb .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 20%;
    min-width: 133px;
  }
  .area-content-1sb .gallery-small .pad {
    width: 20%;
  }
  .area-content-1sb .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 133px;
  }
  .area-content-1sb .filtered-gallery .gallery-small .item,
  .area-content-1sb .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 20%;
    min-width: 94px;
  }
  .area-content-1sb .filtered-gallery .gallery-small .pad {
    width: 20%;
  }
  .area-content-1sb .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content-1sb .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 94px;
  }
  .flexiWidth.widthNarrow .gallery-small .item,
  .flexiWidth.widthNarrow .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 20%;
    min-width: 139px;
  }
  .flexiWidth.widthNarrow .gallery-small .pad {
    width: 20%;
  }
  .flexiWidth.widthNarrow .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 139px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-small .item,
  .flexiWidth.widthNarrow .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 20%;
    min-width: 100px;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-small .pad {
    width: 20%;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthNarrow .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 100px;
  }
  .area-full .gallery-small .item,
  .area-full .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 231px;
  }
  .area-full .gallery-small .pad {
    width: 16.6666666667%;
  }
  .area-full .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-full .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 231px;
  }
  .area-full .filtered-gallery .gallery-small .item,
  .area-full .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 197px;
  }
  .area-full .filtered-gallery .gallery-small .pad {
    width: 16.6666666667%;
  }
  .area-full .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-full .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 197px;
  }
  .area-content .gallery-small .item,
  .area-content .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 141px;
  }
  .area-content .gallery-small .pad {
    width: 16.6666666667%;
  }
  .area-content .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 141px;
  }
  .area-content .filtered-gallery .gallery-small .item,
  .area-content .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 108px;
  }
  .area-content .filtered-gallery .gallery-small .pad {
    width: 16.6666666667%;
  }
  .area-content .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .area-content .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 108px;
  }
  .flexiWidth.widthStandard .gallery-small .item,
  .flexiWidth.widthStandard .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 148px;
  }
  .flexiWidth.widthStandard .gallery-small .pad {
    width: 16.6666666667%;
  }
  .flexiWidth.widthStandard .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthStandard .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 148px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-small .item,
  .flexiWidth.widthStandard .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 114px;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-small .pad {
    width: 16.6666666667%;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthStandard .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 114px;
  }
  .flexiWidth.widthWide .gallery-small .item,
  .flexiWidth.widthWide .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 177px;
  }
  .flexiWidth.widthWide .gallery-small .pad {
    width: 16.6666666667%;
  }
  .flexiWidth.widthWide .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthWide .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 177px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-small .item,
  .flexiWidth.widthWide .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 16.6666666667%;
    min-width: 144px;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-small .pad {
    width: 16.6666666667%;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthWide .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 144px;
  }
  .flexiWidth.widthFull .gallery-small .item,
  .flexiWidth.widthFull .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 14.2857142857%;
    min-width: 201px;
  }
  .flexiWidth.widthFull .gallery-small .pad {
    width: 14.2857142857%;
  }
  .flexiWidth.widthFull .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthFull .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 201px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-small .item,
  .flexiWidth.widthFull .filtered-gallery .gallery-small .item-sizer {
    flex: 1 0 auto;
    width: 14.2857142857%;
    min-width: 172px;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-small .pad {
    width: 14.2857142857%;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-small .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .flexiWidth.widthFull .filtered-gallery .gallery-small.gmc-imgb-g .image .image-border {
    background-size: auto 172px;
  }
}
@media (min-width: 441px) {
  /*========================================================*/
  /* Image List */
  /*========================================================*/
  .contentAreaRightPanel .gallery-imagelist {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
  }
  .contentAreaRightPanel .gallery-imagelist .item {
    margin-bottom: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist .item-frame {
    margin: 0 10px;
    padding-bottom: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist .item-sizer {
    margin-bottom: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  .contentAreaRightPanel .gallery-imagelist .item-frame .highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
  }
  .contentAreaRightPanel .gallery-imagelist .image {
    margin-bottom: 1em;
  }
  .contentAreaRightPanel .gallery-imagelist .image .image-border {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
  }
  .contentAreaRightPanel .gallery-imagelist .image .image-border img {
    width: 100%;
    height: 100%;
  }
  .contentAreaRightPanel .gallery-imagelist .item-sizer {
    display: block;
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 33.33333%;
  }
  .contentAreaRightPanel .gallery-imagelist .pad {
    content: "";
    flex: auto;
    display: block;
    order: 99999999;
  }
  .contentAreaRightPanel .gallery-imagelist .details .actions .action.action-button {
    white-space: normal;
  }
  .contentAreaRightPanel .gallery-imagelist.masonry .item {
    float: none;
    clear: none !important;
  }
  .contentAreaRightPanel .gallery-imagelist.masonry .pad {
    display: none;
  }
  .contentAreaRightPanel .gallery-imagelist:not(.gmc-sh) .item.gis-con-x .item-frame {
    padding-bottom: 0;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-o-title .item.gis-img .details .title {
    display: none;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-o-title .item.gis-img .image .image-heading {
    display: block;
  }
  .contentAreaRightPanel .gallery-imagelist.gm-is-small .image {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .contentAreaRightPanel .gallery-imagelist.gm-is-medium .image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-l .details {
    text-align: left;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details {
    text-align: center;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details .description {
    margin-left: auto;
    margin-right: auto;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details .product-availability {
    align-items: center;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details .product-availability .availability-methods {
    justify-content: center;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details .product-availability .availability-methods > div,
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-c .details .product-availability .change-location {
    align-items: center;
    line-height: 1.3;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-r .details {
    text-align: right;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ca-r .details .description {
    margin-left: auto;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-t .item-frame {
    padding: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-t .item-frame {
    border: solid 1px #e1e1e1;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-h .item-frame {
    padding: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-h .item-frame {
    border: solid 4px #e1e1e1;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-st .item-frame {
    padding: 0 0 20px 0;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-ib-st .item-frame {
    border-bottom: solid 1px #e1e1e1;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-imgb-t .image .image-border {
    border: solid 1px #e1e1e1;
    padding: 1px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-imgb-h .image .image-border {
    border: solid 4px #e1e1e1;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-imgb-g .image .image-border {
    padding: 8px 8px 0 8px;
    display: block;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: auto 250px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-imgb-g .image .image-border img {
    border: solid 1px #d7d7d7;
    padding: 1px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-sh .item-frame {
    padding: 20px;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-sh .item-frame {
    background-color: #fff;
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tb .details .title,
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tb .image .image-heading {
    font-weight: var(--legacy-bold);
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tb .item {
    color: #464646;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tuc .details .title,
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tuc .image .image-heading {
    text-transform: uppercase;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tsl .details .title,
  .contentAreaRightPanel .gallery-imagelist.gmc-f-tsl .image .image-heading {
    font-size: 1.2em;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-f-xtsl .details .title,
  .contentAreaRightPanel .gallery-imagelist.gmc-f-xtsl .image .image-heading {
    font-size: 1.2em;
  }
  .contentAreaRightPanel .gallery-imagelist .details .description {
    max-width: 600px;
  }
  .contentAreaRightPanel .gallery-imagelist .details .pricing .price {
    display: inline-block;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .item,
  .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .details .title a, .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv.gmc-f-ttc .details .title a {
    color: #fff;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv a.more-info-link {
    color: var(--primary-color-transparent-tint-on-dark);
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv a.more-info-link:hover {
    color: #fff;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv:not(.gml-sh) .item {
    border-bottom-color: rgba(255, 255, 255, 0.8);
  }
  .buttonStyleOutline .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
  }
  .buttonStyleOutline .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .buttonStyleSolid .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-color: var(--primary-color-transparent-tint-on-dark);
  }
  .buttonStyleSolid .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton:hover {
    background-color: #fff;
  }
  .buttonStyleGradient .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton {
    color: currentColor;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  }
  .buttonStyleGradient .contentAreaRightPanel .gallery-imagelist.gmc-fgc-inv .shopButton:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  }
  .contentAreaRightPanel .gallery-imagelist {
    /* These wraps are used to auto align content */
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .i-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .t-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .p-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .cta-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .sn-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .vm-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .wp-wrap,
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .ac-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .contentAreaRightPanel .gallery-imagelist.gmc-aa .p-wrap {
    justify-content: flex-end;
  }
}
@media (min-width: 441px) and (min-width: 440px) {
  .contentAreaRightPanel .gallery-imagelist {
    background-attachment: fixed;
  }
}
@media (min-width: 441px) {
  .contentAreaRightPanel .gallery-imagelist .item .details .actions .action.action-button {
    font-size: 0.8em !important;
  }
  .contentAreaRightPanel .gallery-imagelist .description {
    display: none;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item {
    margin-bottom: 30px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .item-content:before, .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .item-content:after {
    content: "";
    display: table;
    width: 0;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .item-content:after {
    clear: both;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .item-content {
    background-position: center bottom;
    background-position: center bottom, center -30px; /* second image is hidden unless first */
    background-repeat: no-repeat;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .item-content:first-child {
    background-position: center bottom, center -29px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .item-frame .highlight {
    position: absolute;
    right: 0;
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .image {
    height: auto !important;
    width: 25%;
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (min-width: 441px) and (max-width: 440px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .image {
    width: 33%;
  }
}
@media (min-width: 441px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .image img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .details {
    margin-top: -4px;
    flex: 0 1 auto;
    text-align: left !important;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .details > .pricing {
    margin-right: 30px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .status-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    max-width: 25%;
  }
}
@media (min-width: 441px) and (max-width: 440px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .status-text {
    max-width: 33%;
  }
}
@media (min-width: 441px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist .gis-img .status-text {
    padding: 5px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs .item.gis-img-x .item-content:before {
    content: "";
    display: block;
    width: 25%;
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (min-width: 441px) and (max-width: 440px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs .item.gis-img-x .item-content:before {
    width: 33%;
  }
}
@media (min-width: 441px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 165px;
  }
  .content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image, .area-content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image, .content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image, .area-content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image,
  .content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .area-content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .area-content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 129px;
  }
  .sidebar .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image .area-sidebar,
  .sidebar .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before .area-sidebar {
    width: 97px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    margin-right: 20px;
    padding: 0 !important;
    height: auto !important;
    flex: 0 0 auto;
  }
}
@media (min-width: 441px) and (max-width: 440px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item .image,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .item.gis-img-x .item-content:before {
    width: 97px !important;
  }
}
@media (min-width: 441px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text {
    max-width: 165px;
  }
  .content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text, .area-content-1sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text, .content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text, .area-content-2sb .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text {
    max-width: 129px;
  }
  .sidebar .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text .area-sidebar {
    max-width: 97px;
  }
}
@media (min-width: 441px) and (max-width: 440px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gm-imgs.gml-imgw-fw .status-text {
    max-width: 97px !important;
  }
}
@media (min-width: 441px) {
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ca-l .details {
    text-align: left;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ca-c .details {
    text-align: center;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ca-c .details .description {
    margin-left: auto;
    margin-right: auto;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ca-r .details {
    text-align: right;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ca-r .details .description {
    margin-left: auto;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-t .item-frame {
    padding: 20px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-t .item-frame {
    border: solid 1px #e1e1e1;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-h .item-frame {
    padding: 20px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-h .item-frame {
    border: solid 4px #e1e1e1;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-st .item-frame {
    padding: 0 0 30px 0;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-ib-st .item-frame {
    border-bottom: solid 1px #e1e1e1;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-imgb-t .image .image-border {
    border: solid 1px #e1e1e1;
    padding: 1px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-imgb-h .image .image-border {
    border: solid 4px #e1e1e1;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-imgb-g .image .image-border {
    padding: 8px 8px 0 8px;
    display: block;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: auto 110px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-imgb-g .image .image-border img {
    border: solid 1px #d7d7d7;
    padding: 1px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-sh .item-frame {
    padding: 20px;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-sh .item-frame {
    box-shadow: 1px 1px 16px rgba(50, 50, 50, 0.2);
    background-color: #fff;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-io-lg .image:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.03);
    mix-blend-mode: multiply;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tb .details .title,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tb .image .image-heading {
    font-weight: var(--legacy-bold);
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tb .item {
    color: #464646;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tuc .details .title,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tuc .image .image-heading {
    text-transform: uppercase;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tsl .details .title,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-tsl .image .image-heading {
    font-size: 1.2em;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-xtsl .details .title,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-f-xtsl .image .image-heading {
    font-size: 1.2em;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist:not(.gml-sh) .item {
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 30px;
    background: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.02) 33%, rgba(0, 0, 0, 0.0066666667) 66%, rgba(0, 0, 0, 0) 100%);
    background-position: bottom -40px center;
    background-size: 90% 80px;
    background-repeat: no-repeat;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .item,
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .details .title a, .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv.gml-f-ttc .details .title a {
    color: #fff;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv a.more-info-link {
    color: var(--primary-color-transparent-tint-on-dark);
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv a.more-info-link:hover {
    color: #fff;
  }
  .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv:not(.gml-sh) .item {
    border-bottom-color: rgba(255, 255, 255, 0.8);
  }
  .buttonStyleOutline .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
  }
  .buttonStyleOutline .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .buttonStyleSolid .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton {
    color: currentColor;
    background-color: var(--primary-color-transparent-tint-on-dark);
  }
  .buttonStyleSolid .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton:hover {
    background-color: #fff;
  }
  .buttonStyleGradient .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton {
    color: currentColor;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  }
  .buttonStyleGradient .contentArea:not(.contentAreaRightPanel) .gallery-imagelist.gml-fgc-inv .shopButton:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  }
}
/*========================================================*/
/* List */
/*========================================================*/
.gallery-list .item {
  margin-bottom: 30px;
}
.gallery-list .item-frame .item-content:before, .gallery-list .item-frame .item-content:after {
  content: "";
  display: table;
  width: 0;
}
.gallery-list .item-frame .item-content:after {
  clear: both;
}
.gallery-list .item-frame .item-content {
  background-position: center bottom;
  background-position: center bottom, center -30px; /* second image is hidden unless first */
  background-repeat: no-repeat;
  width: 100%;
  box-sizing: border-box;
}
.gallery-list .item-frame .item-content:first-child {
  background-position: center bottom, center -29px;
}
.gallery-list .image {
  display: none;
}
.gallery-list .details {
  margin-top: -4px;
}
.gallery-list .details > .pricing {
  margin-right: 30px;
}

.supplier-sync-controls:before, .supplier-sync-controls:after {
  content: "";
  display: table;
  width: 0;
}
.supplier-sync-controls:after {
  clear: both;
}
.supplier-sync-controls {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}
.supplier-sync-controls button {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
}
.supplier-sync-controls .sync-all-actions .sync-all-action {
  border: none;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1.1428em;
  margin-bottom: 1em;
  display: none;
  line-height: 1.2;
}
.supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-button {
  text-align: center;
  background-color: #17aacc;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  display: none;
  text-decoration: none;
}
.supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-button:hover {
  text-decoration: none;
  background-color: #0089a7;
}
.supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-done, .supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-done-or-syncing {
  text-align: center;
  font-weight: var(--legacy-bold);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 15px auto;
  display: none;
}
.supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-done {
  background-image: url(/common/notifications/icon-completed-greentick-2X.png);
}
.supplier-sync-controls .sync-all-actions .sync-all-action.sync-all-done-or-syncing {
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
}
.supplier-sync-controls .sync-all-actions.can-sync .sync-all-action.sync-all-button {
  display: inline-block;
}
.supplier-sync-controls .sync-all-actions.all-synced .sync-all-action.sync-all-done {
  display: inline-block;
}
.supplier-sync-controls .sync-all-actions.all-done-or-syncing .sync-all-action.sync-all-done-or-syncing {
  display: inline-block;
}
.area-content-2sb .supplier-sync-controls .sync-all-actions,
.area-content-1sb .supplier-sync-controls .sync-all-actions {
  clear: both;
  padding-top: 1em;
}

.supplier-sync-controls .supplier-sync-filters {
  float: right;
  padding-top: 9px;
}
@media (max-width: 850px) {
  .supplier-sync-controls .supplier-sync-filters {
    float: none;
    margin-bottom: 2em;
    padding-top: 0;
  }
}
.supplier-sync-controls .supplier-sync-filters span {
  display: inline-block;
  text-transform: uppercase;
  color: #767676;
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 850px) {
  .supplier-sync-controls .supplier-sync-filters span {
    display: block;
    margin-bottom: 0.5em;
  }
}
.supplier-sync-controls .supplier-sync-filters button {
  border: none;
  background-color: transparent;
  display: inline-block;
  padding: 0 0 2px 30px;
  line-height: 18px;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  margin-left: 1em;
  background-image: url(/common/icon-gallery-filter-unchecked.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  color: #464646;
}
.supplier-sync-controls .supplier-sync-filters button.active {
  background-image: url(/common/icon-gallery-filter-checked.png);
}
@media (max-width: 850px) {
  .supplier-sync-controls .supplier-sync-filters button {
    margin-right: 1em;
    margin-left: 0;
  }
}

/*
1 / Reset
----------------------------------------------- */
/*ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}*/
a .instagram-a {
  color: #fff;
  text-decoration: none;
}

a:hover .instagram-a {
  text-decoration: none;
  color: #555;
}

a img .instagram-image {
  border: none;
}

/*
2 / Layout
----------------------------------------------- */
#contentAreaRightPanel .instagram {
  background: transparent;
  width: 165px;
  margin: 0 auto;
  overflow: hidden;
}

#contentAreaBody .instagram {
  background: transparent;
  width: 542px;
  margin: 0 auto;
  overflow: hidden;
}

/*
3 / Instagram
----------------------------------------------- */
.instagram {
  overflow: hidden;
  margin-bottom: 7px;
}

.instagram-placeholder {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

#contentAreaRightPanel .instagram-placeholder a img {
  height: 70px;
  width: 70px;
}

#contentAreaBody .instagram-placeholder a img {
  height: 165px;
  width: 165px;
}

/*Shadowbox*/
#sb-title-inner, #sb-title {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  display: inline !important;
  font-size: 12px !important;
  color: #404040 !important;
  line-height: 1.4em !important;
}

#sb-wrapper {
  background-color: #F5F5F5 !important;
}

/* Generic */
.productDetail .action-sync-button {
  padding: 5px 12px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  margin-top: 0;
  text-transform: uppercase;
  display: none;
}
.productDetail .action-sync-button.supplier-syncing-action, .productDetail .action-sync-button.supplier-none-action {
  background-color: #17aacc;
  color: #fff;
  min-width: 120px;
  border-radius: 3px;
  font-size: 0.9em;
  width: 100%;
  cursor: pointer;
}
.productDetail .action-sync-button.supplier-pendingapproval-action, .productDetail .action-sync-button.supplier-pendingmergeapproval-action, .productDetail .action-sync-button.supplier-synced-action, .productDetail .action-sync-button.supplier-active-action {
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 15px auto;
}
.productDetail .action-sync-button.supplier-pendingmergeapproval-action, .productDetail .action-sync-button.supplier-pendingapproval-action {
  background-image: url(/common/loader-black.svg);
  background-size: 40px 40px;
}
.productDetail .action-sync-button.supplier-active-action, .productDetail .action-sync-button.supplier-synced-action {
  background-image: url(/common/notifications/icon-completed-greentick-2X.png);
}
.productDetail .action-sync-link {
  font-weight: 400;
  color: #17aacc;
  vertical-align: middle;
  display: inline-block;
  margin-top: 0;
  margin-left: 0.3333em;
}
.productDetail .action-sync-link:hover {
  text-decoration: none;
  color: #0089a7;
}
.productDetail .supplier-sync-status-none .supplier-none-action {
  display: inline-block;
}
.productDetail .supplier-sync-status-syncing .supplier-syncing-action {
  display: inline-block;
}
.productDetail .supplier-sync-status-pendingapproval .supplier-pendingapproval-action {
  display: inline-block;
}
.productDetail .supplier-sync-status-active .supplier-active-action {
  display: inline-block;
}
.productDetail .supplier-sync-status-synced .supplier-synced-action {
  display: inline-block;
}
.productDetail .supplier-sync-status-pendingmergeapproval .supplier-pendingmergeapproval-action {
  display: inline-block;
}
.productDetail a.image:link, .productDetail a.image:visited {
  text-decoration: none;
}
.productDetail .imagesResponsive {
  display: none;
  margin-bottom: 20px;
}
.productDetail .imagesResponsive .singleProductImage {
  width: 100%;
  height: auto;
}
.productDetail .product-info {
  margin-top: 1.618rem;
}
.productDetail .product-info.suppress-heading div.product-info-text h2:first-child {
  display: none;
}
.productDetail .product-info h2.product-info-heading {
  border-bottom: solid 1px currentColor;
  padding-bottom: 0.333em;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: var(--heading-semibold-weight);
}

/* Large image */
.productDetailLarge .addToCartInsideProduct .addToCart {
  float: right;
}
.productDetailLarge .addToCartPanel_187 {
  width: 165px;
}
.productDetailLarge .addToCartPanel_235 {
  width: 213px;
}
.productDetailLarge .addToCartPanel_300 {
  width: 196px;
  margin-right: 52px;
}
.productDetailLarge .addToCartWidth_300 .productDetailContent {
  margin-right: 322px;
}
.productDetailLarge .addToCartWidth_235 .productDetailContent {
  margin-right: 257px;
}
.productDetailLarge .addToCartWidth_165 .productDetailContent {
  margin-right: 187px;
}
.productDetailLarge.withImages .productDescription {
  margin-top: 22px;
}
.productDetailLarge .productThumbnailCarousel {
  margin-top: 8px;
}
.productDetailLarge .productThumbnailCarousel .thumbnailContainer {
  background-color: #000;
}
.productDetailLarge .productThumbnailCarousel picture {
  width: 100%;
}
.productDetailLarge .productThumbnailCarousel img {
  width: 100%;
  opacity: 0.975;
}
.productDetailLarge picture source, .productDetailLarge picture img {
  margin: 0 auto;
  display: block;
}

/* Large image V2 */
.productDetailLargeV2 .g-product-details {
  display: grid;
  width: 100%;
  gap: 20px;
}
.productDetailLargeV2.pdt-x.pdc-x .g-product-details {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "images" "desc";
}

.productDetailLargeV2.pdt.pdc-x .g-product-details {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "images" "title" "desc";
}

.productDetailLargeV2.pdt-x.pdc .g-product-details {
  grid-template-columns: minmax(0, 70%) minmax(216px, 30%);
  grid-template-areas: "images add-to-cart" "images ." "desc desc";
}

.productDetailLargeV2.pdt.pdc .g-product-details {
  grid-template-columns: minmax(0, 70%) minmax(216px, 30%);
  grid-template-areas: "images title" "images add-to-cart" "images ." "desc desc";
}

@media screen and (max-width: 686px) {
  .productDetailLargeV2.pdt-x.pdc-x .g-product-details {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "images" "desc";
  }
  .productDetailLargeV2.pdt.pdc-x .g-product-details {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "images" "title" "desc";
  }
  .productDetailLargeV2.pdt-x.pdc .g-product-details {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "images" "add-to-cart" "desc";
  }
  .productDetailLargeV2.pdt.pdc .g-product-details {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "images" "title" "add-to-cart" "desc";
  }
}
.productDetailLargeV2 .g-product-details > div {
  max-width: 100%;
}
.productDetailLargeV2 .g-product-details > .c-product-title {
  grid-area: title;
}
.productDetailLargeV2 .g-product-details > .c-product-title h1 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h2);
  color: var(--heading-default-color);
  line-height: 1.3;
  margin: 0 0 0.25em;
}
.productDetailLargeV2 .g-product-details > .c-add-to-cart {
  grid-area: add-to-cart;
}
.productDetailLargeV2 .g-product-details > .c-product-images {
  grid-area: images;
}
.productDetailLargeV2 .g-product-details > .c-product-description {
  grid-area: desc;
}
.productDetailLargeV2 .productThumbnailCarousel {
  margin-top: 8px;
}
.productDetailLargeV2 .productThumbnailCarousel picture {
  width: 100%;
}
.productDetailLargeV2 .productThumbnailCarousel img {
  width: 100%;
}
.productDetailLargeV2 .bordersApply,
.productDetailLargeV2 .productThumbnailCarousel .thumbnailContainer,
.productDetailLargeV2 .imagesResponsive .swiper-wrapper {
  position: relative;
}
.productDetailLargeV2 .bordersApply:before,
.productDetailLargeV2 .productThumbnailCarousel .thumbnailContainer:before,
.productDetailLargeV2 .imagesResponsive .swiper-wrapper:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.03);
  mix-blend-mode: multiply;
}
.productDetailLargeV2 picture source, .productDetailLargeV2 picture img {
  margin: 0 auto;
  display: block;
}
.productDetailLargeV2 .c-product-images {
  position: relative;
}
.productDetailLargeV2 .c-product-images .status-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: solid 1px transparent;
  max-width: 90%;
  max-width: calc(100% - 20px);
  box-sizing: border-box;
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  color: #464646;
  background-color: #fff;
  padding: 8px 10px;
  font-size: 0.8em;
  font-weight: var(--legacy-bold);
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 10px;
  pointer-events: none;
}
.productDetailLargeV2 .addToCart .product-shop-form {
  min-height: 10px;
}
.productDetailLargeV2 .addToCart .option + .product-shop-form {
  min-height: 0;
}
.productDetailLargeV2 .addToCart .addToCartProductPrice .pricing {
  font-size: 1.0625rem;
}
.productDetailLargeV2 .addToCart .addToCartProductPrice .pricing .original-price {
  font-size: 0.8125rem;
}
.productDetailLargeV2 .addToCart.addToCartPanel .shopButton.fullWidth {
  font-size: 1.0625rem;
  line-height: 2.3;
}

/* Small image */
.productDetailSmall .addToCartInsideProduct .addToCart {
  float: right;
  margin-left: 22px;
}
.productDetailSmall .image {
  display: block;
}
.productDetailSmall .images {
  float: left;
  margin-right: 22px;
  width: 165px;
}
.productDetailSmall .bordersApply {
  margin-bottom: 11px;
}
.productDetailSmall .productDescription {
  margin-left: 185px;
}

/* Text */
.productDetailText .addToCartInsideProduct .addToCart {
  float: right;
}

.adding-to-cart[data-add-to-cart] {
  cursor: wait;
}
.adding-to-cart[data-add-to-cart].adding-to-cart-focus .shopButton, .adding-to-cart[data-add-to-cart].adding-to-cart-focus.shopButton {
  position: relative;
}
.adding-to-cart[data-add-to-cart].adding-to-cart-focus .shopButton:after, .adding-to-cart[data-add-to-cart].adding-to-cart-focus.shopButton:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  background-image: url(/common/loader-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}

.addToCartFull .addToCartButton,
.addToCartPanel .addToCartButton {
  display: block;
  margin-top: 14px;
}

.cartButtonSpacer {
  height: 6px;
}

.enquireButtonSpacer {
  height: 8px;
}

.address-item-add-to-cart {
  margin: 10px 0 10px 0;
}
.address-item-add-to-cart .title {
  font-size: 0.85em;
}
.address-item-add-to-cart .address-details {
  font-size: 0.85em;
}

.richTextWithImage .richTextImage {
  max-width: 100%;
}
.richTextWithImage.richTextImageFloatLeft ul, .richTextWithImage.richTextImageFloatLeft ol {
  position: relative;
  left: 1rem;
}
.richTextWithImage.richTextImageFloatLeft .richTextImage, .richTextWithImage.richTextImageLeft .richTextImage {
  float: left;
  margin: 0 26px 20px 0;
}
.richTextWithImage.richTextImageFloatRight .richTextImage, .richTextWithImage.richTextImageRight .richTextImage {
  float: right;
  margin: 0 0 20px 26px;
}
.richTextWithImage.richTextImageLeft div.richText, .richTextWithImage.richTextImageRight div.richText {
  display: table-cell;
}

.richText {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  color: #464646;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@layer theme-defaults {
  .richText a:not([class*=button]):not([class*=Button]) {
    color: var(--primary-color);
  }
}
.richText a.ql-button, .richText a.ql-button-solid, .richText a.ql-button-outline {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.richText a.ql-button:has(+ a), .richText a.ql-button-solid:has(+ a), .richText a.ql-button-outline:has(+ a) {
  margin-right: 0.5em;
}
.richText a.ql-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.richText a.ql-button span {
  vertical-align: middle;
}
.richText a.ql-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.richText a.ql-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.richText a.ql-button.large {
  font-size: 1.5em;
}
.richText a.ql-button .verb, .richText a.ql-button em {
  font-style: italic;
}
.richText a.ql-button:focus-visible {
  outline: 1px auto;
}
.richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.richText a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.richText a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.richText a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.richText a.ql-button.on-dark, .bgc-dark .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.richText a.ql-button.on-dark:hover, .bgc-dark .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .richText a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .richText a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .richText a.ql-button.on-dark, .bgc-dark .buttonStyleGradient .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .richText a.ql-button.on-dark:hover, .bgc-dark .buttonStyleGradient .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.disabled, .buttonStyleOutline .richText a.ql-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .richText a.ql-button.on-dark, .bgc-dark .buttonStyleOutline .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .richText a.ql-button.on-dark:hover, .bgc-dark .buttonStyleOutline .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.richText a.ql-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.richText a.ql-button-solid {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.richText a.ql-button-solid span {
  vertical-align: middle;
}
.richText a.ql-button-solid.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.richText a.ql-button-solid.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.richText a.ql-button-solid.large {
  font-size: 1.5em;
}
.richText a.ql-button-solid .verb, .richText a.ql-button-solid em {
  font-style: italic;
}
.richText a.ql-button-solid:focus-visible {
  outline: 1px auto;
}
.richText a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.richText a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.richText a.ql-button-solid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.richText a.ql-button-solid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.richText a.ql-button-solid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.richText a.ql-button-solid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.richText a.ql-button-solid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.richText a.ql-button-solid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.richText a.ql-button-solid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.richText a.ql-button-solid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.richText a.ql-button-solid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.richText a.ql-button-solid.on-dark, .bgc-dark .richText a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.richText a.ql-button-solid.on-dark:hover, .bgc-dark .richText a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.richText a.ql-button-solid {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.richText a.ql-button-outline {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.richText a.ql-button-outline span {
  vertical-align: middle;
}
.richText a.ql-button-outline.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.richText a.ql-button-outline.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.richText a.ql-button-outline.large {
  font-size: 1.5em;
}
.richText a.ql-button-outline .verb, .richText a.ql-button-outline em {
  font-style: italic;
}
.richText a.ql-button-outline:focus-visible {
  outline: 1px auto;
}
.richText a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.richText a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.richText a.ql-button-outline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.richText a.ql-button-outline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.richText a.ql-button-outline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.richText a.ql-button-outline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.richText a.ql-button-outline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.richText a.ql-button-outline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.richText a.ql-button-outline.disabled, .richText a.ql-button-outline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.richText a.ql-button-outline.on-dark, .bgc-dark .richText a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.richText a.ql-button-outline.on-dark:hover, .bgc-dark .richText a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.richText a.ql-button-outline {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.richText p.large, .richText p.size-large, .richText p.size-large-v2 {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.richText p.accentuated {
  font-style: italic;
  color: var(--primary-color);
}
.richText p.spotlight {
  font-size: var(--fontsize-xlarge);
  font-weight: var(--body-light-weight);
}
.richText p.spotlight.size-large {
  font-size: var(--fontsize-xxlarge);
}
.richText h2 {
  color: #464646;
  font-size: var(--fontsize-h2);
  line-height: 1.3;
  margin-top: 1.618rem;
}
.richText h2.large, .richText h2.size-large {
  font-size: var(--fontsize-h2-large);
}
.richText h3 {
  color: #464646;
  font-weight: var(--legacy-heading-bold);
  font-size: var(--fontsize-h3);
  margin-top: 1.618rem;
  line-height: 1.5;
}
.richText h3.large, .richText h3.size-large {
  font-size: var(--fontsize-h3-large);
}
.richText h1, .richText h2, .richText h3 {
  font-weight: var(--heading-default-weight);
  color: var(--primary-color);
}
.richText h1 strong, .richText h1 b, .richText h2 strong, .richText h2 b, .richText h3 strong, .richText h3 b {
  font-weight: var(--heading-bold-weight);
}
.richText h1 + h1, .richText h1 + h2, .richText h1 + h3, .richText h1 + h4, .richText h2 + h1, .richText h2 + h2, .richText h2 + h3, .richText h2 + h4, .richText h3 + h1, .richText h3 + h2, .richText h3 + h3, .richText h3 + h4 {
  margin-top: -1rem;
}
.richText h1 {
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}
.richText p, .richText ol, .richText ul, .richText h2, .richText h3, .richText h4, .richText h5 {
  margin-bottom: 1rem;
}
.richText p:first-child, .richText ol:first-child, .richText ul:first-child, .richText h2:first-child, .richText h3:first-child, .richText h4:first-child, .richText h5:first-child {
  margin-top: 0;
}
.richText p:last-child, .richText ol:last-child, .richText ul:last-child, .richText h2:last-child, .richText h3:last-child, .richText h4:last-child, .richText h5:last-child {
  margin-bottom: 0;
}
.richText ol p, .richText ol p:first-child, .richText ol p:last-child, .richText ol ol, .richText ol ol:first-child, .richText ol ol:last-child, .richText ol ul, .richText ol ul:first-child, .richText ol ul:last-child, .richText ol h2, .richText ol h2:first-child, .richText ol h2:last-child, .richText ol h3, .richText ol h3:first-child, .richText ol h3:last-child, .richText ol h4, .richText ol h4:first-child, .richText ol h4:last-child, .richText ol h5, .richText ol h5:first-child, .richText ol h5:last-child, .richText ul p, .richText ul p:first-child, .richText ul p:last-child, .richText ul ol, .richText ul ol:first-child, .richText ul ol:last-child, .richText ul ul, .richText ul ul:first-child, .richText ul ul:last-child, .richText ul h2, .richText ul h2:first-child, .richText ul h2:last-child, .richText ul h3, .richText ul h3:first-child, .richText ul h3:last-child, .richText ul h4, .richText ul h4:first-child, .richText ul h4:last-child, .richText ul h5, .richText ul h5:first-child, .richText ul h5:last-child {
  margin-top: 0.3333rem;
  margin-bottom: 0.3333rem;
}
.richText ol ol, .richText ol ol:first-child, .richText ol ol:last-child, .richText ol ul, .richText ol ul:first-child, .richText ol ul:last-child, .richText ul ol, .richText ul ol:first-child, .richText ul ol:last-child, .richText ul ul, .richText ul ul:first-child, .richText ul ul:last-child {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.richText ol li, .richText ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.richText ol li + li, .richText ul li + li {
  margin-top: 0.3333em;
}
.richText li {
  margin-left: 30px;
}
.richText li.large, .richText li.size-large {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.richText ol li {
  list-style-type: decimal;
}
.richText ul li {
  list-style-type: disc;
}
.richText p[data-rtalign=justify], .richText p.align-justify, .richText h3[data-rtalign=justify], .richText h3.align-justify, .richText h2[data-rtalign=justify], .richText h2.align-justify {
  text-align: justify;
}
.richText p[data-rtalign=center], .richText p.align-center, .richText h3[data-rtalign=center], .richText h3.align-center, .richText h2[data-rtalign=center], .richText h2.align-center {
  text-align: center;
}
.richText p[data-rtalign=right], .richText p.align-right, .richText h3[data-rtalign=right], .richText h3.align-right, .richText h2[data-rtalign=right], .richText h2.align-right {
  text-align: right;
}
.richText p.ql-indent-1, .richText h3.ql-indent-1, .richText h2.ql-indent-1 {
  margin-left: min(3vw,30px);
}
.richText p.ql-indent-2, .richText h3.ql-indent-2, .richText h2.ql-indent-2 {
  margin-left: min(6vw,60px);
}
.richText p.ql-indent-3, .richText h3.ql-indent-3, .richText h2.ql-indent-3 {
  margin-left: min(9vw,90px);
}
.richText p.ql-indent-4, .richText h3.ql-indent-4, .richText h2.ql-indent-4 {
  margin-left: min(12vw,120px);
}
.richText p.ql-indent-5, .richText h3.ql-indent-5, .richText h2.ql-indent-5 {
  margin-left: min(15vw,150px);
}
.richText p.ql-indent-6, .richText h3.ql-indent-6, .richText h2.ql-indent-6 {
  margin-left: min(18vw,180px);
}
.richText p.ql-indent-7, .richText h3.ql-indent-7, .richText h2.ql-indent-7 {
  margin-left: min(21vw,210px);
}
.richText p.ql-indent-8, .richText h3.ql-indent-8, .richText h2.ql-indent-8 {
  margin-left: min(24vw,240px);
}
.richText p.ql-indent-9, .richText h3.ql-indent-9, .richText h2.ql-indent-9 {
  margin-left: min(27vw,270px);
}
.richText sub {
  vertical-align: sub;
  font-size: smaller;
}
.richText sup {
  vertical-align: super;
  font-size: smaller;
}
.richText .color-theme {
  color: var(--primary-color);
}
.richText .color-text {
  color: #464646;
}
.fgc-inverse .richText, .fgc-inverse .richText h1, .fgc-inverse .richText h2, .fgc-inverse .richText h3, .fgc-inverse .richText h4, .fgc-inverse .richText h5, .fgc-inverse .richText h2.themeColor, .fgc-inverse .richText h3.themeColor, .fgc-inverse .richText a, .fgc-inverse .richText .color-theme, .fgc-inverse .richText .color-text, .fgc-inverse .richText p.accentuated {
  color: #fff;
}

.richTextNoTheme h1, .richTextNoTheme h2, .richTextNoTheme h3, .richTextNoTheme h4, .richTextNoTheme h5 {
  color: #464646 !important;
}

/* Shop Forms */
.shop-form {
  /*.validation-messages {
      padding: 10px;
      background-color: $val-error-background-color;
      color: $val-error-text-color;
      border: solid 1px $val-error-border-color;
      border-radius: 5px;
      display: none;
      margin: $half-field-gap 0 $field-gap;
      line-height: 1.6;
  }*/
}
.shop-form .inline-form-content {
  margin: 1em 0;
}
.shop-form .inline-form-content.item-youtube-video iframe.youtube {
  display: block;
}
.shop-form .inline-form-content.item-youtube-video .youtube-outer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.shop-form .inline-form-content.item-youtube-video iframe,
.shop-form .inline-form-content.item-youtube-video object,
.shop-form .inline-form-content.item-youtube-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop-form .inline-form-content.item-formatted-text .richText {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  color: #464646;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@layer theme-defaults {
  .shop-form .inline-form-content.item-formatted-text .richText a:not([class*=button]):not([class*=Button]) {
    color: var(--primary-color);
  }
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button:has(+ a), .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid:has(+ a), .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline:has(+ a) {
  margin-right: 0.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button span {
  vertical-align: middle;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.large {
  font-size: 1.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button .verb, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button em {
  font-style: italic;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button:focus-visible {
  outline: 1px auto;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark:hover, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark, .bgc-dark .buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark:hover, .bgc-dark .buttonStyleGradient .shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.disabled, .buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark, .bgc-dark .buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button.on-dark:hover, .bgc-dark .buttonStyleOutline .shop-form .inline-form-content.item-formatted-text .richText a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid span {
  vertical-align: middle;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.large {
  font-size: 1.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid .verb, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid em {
  font-style: italic;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid:focus-visible {
  outline: 1px auto;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.on-dark, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid.on-dark:hover, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-solid {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline span {
  vertical-align: middle;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.large {
  font-size: 1.5em;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline .verb, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline em {
  font-style: italic;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline:focus-visible {
  outline: 1px auto;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.disabled, .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.on-dark, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline.on-dark:hover, .bgc-dark .shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.shop-form .inline-form-content.item-formatted-text .richText a.ql-button-outline {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.shop-form .inline-form-content.item-formatted-text .richText p.large, .shop-form .inline-form-content.item-formatted-text .richText p.size-large, .shop-form .inline-form-content.item-formatted-text .richText p.size-large-v2 {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.shop-form .inline-form-content.item-formatted-text .richText p.accentuated {
  font-style: italic;
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText p.spotlight {
  font-size: var(--fontsize-xlarge);
  font-weight: var(--body-light-weight);
}
.shop-form .inline-form-content.item-formatted-text .richText p.spotlight.size-large {
  font-size: var(--fontsize-xxlarge);
}
.shop-form .inline-form-content.item-formatted-text .richText h2 {
  color: #464646;
  font-size: var(--fontsize-h2);
  line-height: 1.3;
  margin-top: 1.618rem;
}
.shop-form .inline-form-content.item-formatted-text .richText h2.large, .shop-form .inline-form-content.item-formatted-text .richText h2.size-large {
  font-size: var(--fontsize-h2-large);
}
.shop-form .inline-form-content.item-formatted-text .richText h3 {
  color: #464646;
  font-weight: var(--legacy-heading-bold);
  font-size: var(--fontsize-h3);
  margin-top: 1.618rem;
  line-height: 1.5;
}
.shop-form .inline-form-content.item-formatted-text .richText h3.large, .shop-form .inline-form-content.item-formatted-text .richText h3.size-large {
  font-size: var(--fontsize-h3-large);
}
.shop-form .inline-form-content.item-formatted-text .richText h1, .shop-form .inline-form-content.item-formatted-text .richText h2, .shop-form .inline-form-content.item-formatted-text .richText h3 {
  font-weight: var(--heading-default-weight);
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText h1 strong, .shop-form .inline-form-content.item-formatted-text .richText h1 b, .shop-form .inline-form-content.item-formatted-text .richText h2 strong, .shop-form .inline-form-content.item-formatted-text .richText h2 b, .shop-form .inline-form-content.item-formatted-text .richText h3 strong, .shop-form .inline-form-content.item-formatted-text .richText h3 b {
  font-weight: var(--heading-bold-weight);
}
.shop-form .inline-form-content.item-formatted-text .richText h1 + h1, .shop-form .inline-form-content.item-formatted-text .richText h1 + h2, .shop-form .inline-form-content.item-formatted-text .richText h1 + h3, .shop-form .inline-form-content.item-formatted-text .richText h1 + h4, .shop-form .inline-form-content.item-formatted-text .richText h2 + h1, .shop-form .inline-form-content.item-formatted-text .richText h2 + h2, .shop-form .inline-form-content.item-formatted-text .richText h2 + h3, .shop-form .inline-form-content.item-formatted-text .richText h2 + h4, .shop-form .inline-form-content.item-formatted-text .richText h3 + h1, .shop-form .inline-form-content.item-formatted-text .richText h3 + h2, .shop-form .inline-form-content.item-formatted-text .richText h3 + h3, .shop-form .inline-form-content.item-formatted-text .richText h3 + h4 {
  margin-top: -1rem;
}
.shop-form .inline-form-content.item-formatted-text .richText h1 {
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}
.shop-form .inline-form-content.item-formatted-text .richText p, .shop-form .inline-form-content.item-formatted-text .richText ol, .shop-form .inline-form-content.item-formatted-text .richText ul, .shop-form .inline-form-content.item-formatted-text .richText h2, .shop-form .inline-form-content.item-formatted-text .richText h3, .shop-form .inline-form-content.item-formatted-text .richText h4, .shop-form .inline-form-content.item-formatted-text .richText h5 {
  margin-bottom: 1rem;
}
.shop-form .inline-form-content.item-formatted-text .richText p:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul:first-child, .shop-form .inline-form-content.item-formatted-text .richText h2:first-child, .shop-form .inline-form-content.item-formatted-text .richText h3:first-child, .shop-form .inline-form-content.item-formatted-text .richText h4:first-child, .shop-form .inline-form-content.item-formatted-text .richText h5:first-child {
  margin-top: 0;
}
.shop-form .inline-form-content.item-formatted-text .richText p:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul:last-child, .shop-form .inline-form-content.item-formatted-text .richText h2:last-child, .shop-form .inline-form-content.item-formatted-text .richText h3:last-child, .shop-form .inline-form-content.item-formatted-text .richText h4:last-child, .shop-form .inline-form-content.item-formatted-text .richText h5:last-child {
  margin-bottom: 0;
}
.shop-form .inline-form-content.item-formatted-text .richText ol p, .shop-form .inline-form-content.item-formatted-text .richText ol p:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol p:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol ol, .shop-form .inline-form-content.item-formatted-text .richText ol ol:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol ol:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol ul, .shop-form .inline-form-content.item-formatted-text .richText ol ul:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol ul:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol h2, .shop-form .inline-form-content.item-formatted-text .richText ol h2:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol h2:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol h3, .shop-form .inline-form-content.item-formatted-text .richText ol h3:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol h3:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol h4, .shop-form .inline-form-content.item-formatted-text .richText ol h4:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol h4:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol h5, .shop-form .inline-form-content.item-formatted-text .richText ol h5:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol h5:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul p, .shop-form .inline-form-content.item-formatted-text .richText ul p:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul p:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul ol, .shop-form .inline-form-content.item-formatted-text .richText ul ol:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul ol:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul ul, .shop-form .inline-form-content.item-formatted-text .richText ul ul:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul ul:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul h2, .shop-form .inline-form-content.item-formatted-text .richText ul h2:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul h2:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul h3, .shop-form .inline-form-content.item-formatted-text .richText ul h3:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul h3:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul h4, .shop-form .inline-form-content.item-formatted-text .richText ul h4:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul h4:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul h5, .shop-form .inline-form-content.item-formatted-text .richText ul h5:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul h5:last-child {
  margin-top: 0.3333rem;
  margin-bottom: 0.3333rem;
}
.shop-form .inline-form-content.item-formatted-text .richText ol ol, .shop-form .inline-form-content.item-formatted-text .richText ol ol:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol ol:last-child, .shop-form .inline-form-content.item-formatted-text .richText ol ul, .shop-form .inline-form-content.item-formatted-text .richText ol ul:first-child, .shop-form .inline-form-content.item-formatted-text .richText ol ul:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul ol, .shop-form .inline-form-content.item-formatted-text .richText ul ol:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul ol:last-child, .shop-form .inline-form-content.item-formatted-text .richText ul ul, .shop-form .inline-form-content.item-formatted-text .richText ul ul:first-child, .shop-form .inline-form-content.item-formatted-text .richText ul ul:last-child {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.shop-form .inline-form-content.item-formatted-text .richText ol li, .shop-form .inline-form-content.item-formatted-text .richText ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.shop-form .inline-form-content.item-formatted-text .richText ol li + li, .shop-form .inline-form-content.item-formatted-text .richText ul li + li {
  margin-top: 0.3333em;
}
.shop-form .inline-form-content.item-formatted-text .richText li {
  margin-left: 30px;
}
.shop-form .inline-form-content.item-formatted-text .richText li.large, .shop-form .inline-form-content.item-formatted-text .richText li.size-large {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.shop-form .inline-form-content.item-formatted-text .richText ol li {
  list-style-type: decimal;
}
.shop-form .inline-form-content.item-formatted-text .richText ul li {
  list-style-type: disc;
}
.shop-form .inline-form-content.item-formatted-text .richText p[data-rtalign=justify], .shop-form .inline-form-content.item-formatted-text .richText p.align-justify, .shop-form .inline-form-content.item-formatted-text .richText h3[data-rtalign=justify], .shop-form .inline-form-content.item-formatted-text .richText h3.align-justify, .shop-form .inline-form-content.item-formatted-text .richText h2[data-rtalign=justify], .shop-form .inline-form-content.item-formatted-text .richText h2.align-justify {
  text-align: justify;
}
.shop-form .inline-form-content.item-formatted-text .richText p[data-rtalign=center], .shop-form .inline-form-content.item-formatted-text .richText p.align-center, .shop-form .inline-form-content.item-formatted-text .richText h3[data-rtalign=center], .shop-form .inline-form-content.item-formatted-text .richText h3.align-center, .shop-form .inline-form-content.item-formatted-text .richText h2[data-rtalign=center], .shop-form .inline-form-content.item-formatted-text .richText h2.align-center {
  text-align: center;
}
.shop-form .inline-form-content.item-formatted-text .richText p[data-rtalign=right], .shop-form .inline-form-content.item-formatted-text .richText p.align-right, .shop-form .inline-form-content.item-formatted-text .richText h3[data-rtalign=right], .shop-form .inline-form-content.item-formatted-text .richText h3.align-right, .shop-form .inline-form-content.item-formatted-text .richText h2[data-rtalign=right], .shop-form .inline-form-content.item-formatted-text .richText h2.align-right {
  text-align: right;
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-1, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-1, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-1 {
  margin-left: min(3vw,30px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-2, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-2, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-2 {
  margin-left: min(6vw,60px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-3, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-3, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-3 {
  margin-left: min(9vw,90px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-4, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-4, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-4 {
  margin-left: min(12vw,120px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-5, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-5, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-5 {
  margin-left: min(15vw,150px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-6, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-6, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-6 {
  margin-left: min(18vw,180px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-7, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-7, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-7 {
  margin-left: min(21vw,210px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-8, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-8, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-8 {
  margin-left: min(24vw,240px);
}
.shop-form .inline-form-content.item-formatted-text .richText p.ql-indent-9, .shop-form .inline-form-content.item-formatted-text .richText h3.ql-indent-9, .shop-form .inline-form-content.item-formatted-text .richText h2.ql-indent-9 {
  margin-left: min(27vw,270px);
}
.shop-form .inline-form-content.item-formatted-text .richText sub {
  vertical-align: sub;
  font-size: smaller;
}
.shop-form .inline-form-content.item-formatted-text .richText sup {
  vertical-align: super;
  font-size: smaller;
}
.shop-form .inline-form-content.item-formatted-text .richText .color-theme {
  color: var(--primary-color);
}
.shop-form .inline-form-content.item-formatted-text .richText .color-text {
  color: #464646;
}
.fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h1, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h2, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h3, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h4, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h5, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h2.themeColor, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText h3.themeColor, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText a, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText .color-theme, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText .color-text, .fgc-inverse .shop-form .inline-form-content.item-formatted-text .richText p.accentuated {
  color: #fff;
}
.shop-form .inline-form-content.item-formatted-text .richText > p:last-child,
.shop-form .inline-form-content.item-formatted-text .richText > ol:last-child,
.shop-form .inline-form-content.item-formatted-text .richText > ul:last-child,
.shop-form .inline-form-content.item-formatted-text .richText > h2:last-child,
.shop-form .inline-form-content.item-formatted-text .richText > h3:last-child {
  margin-bottom: 0;
}
.shop-form .inline-form-content.item-formatted-text .richTextWithImage .richTextImage {
  max-width: 100%;
}
.shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageFloatLeft ul, .shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageFloatLeft ol {
  position: relative;
  left: 1rem;
}
.shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageFloatLeft .richTextImage, .shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageLeft .richTextImage {
  float: left;
  margin: 0 26px 20px 0;
}
.shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageFloatRight .richTextImage, .shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageRight .richTextImage {
  float: right;
  margin: 0 0 20px 26px;
}
.shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageLeft div.richText, .shop-form .inline-form-content.item-formatted-text .richTextWithImage.richTextImageRight div.richText {
  display: table-cell;
}
.shop-form .inline-form-content .mobile-only {
  display: none;
}

.shop-form .field-radiobutton-input .option-list,
.shop-form .field-checkbox-input .option-list,
.shop-form .field-yes-no .option-list,
.form-editor #bodySection .field-radiobutton-input .option-list,
.form-editor #bodySection .field-checkbox-input .option-list,
.form-editor #bodySection .field-yes-no .option-list,
.flexi-form-editor #bodySection .field-radiobutton-input .option-list,
.flexi-form-editor #bodySection .field-checkbox-input .option-list,
.flexi-form-editor #bodySection .field-yes-no .option-list,
.inline-form .field-radiobutton-input .option-list,
.inline-form .field-checkbox-input .option-list,
.inline-form .field-yes-no .option-list {
  margin-top: 0.4em;
}
.shop-form .field-radiobutton-input .field-label-pair,
.shop-form .field-checkbox-input .field-label-pair,
.shop-form .field-yes-no .field-label-pair,
.form-editor #bodySection .field-radiobutton-input .field-label-pair,
.form-editor #bodySection .field-checkbox-input .field-label-pair,
.form-editor #bodySection .field-yes-no .field-label-pair,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair,
.inline-form .field-radiobutton-input .field-label-pair,
.inline-form .field-checkbox-input .field-label-pair,
.inline-form .field-yes-no .field-label-pair {
  display: flex;
  padding: 0.3em 0;
  align-items: flex-start;
}
.shop-form .field-radiobutton-input .field-label-pair .input-column,
.shop-form .field-checkbox-input .field-label-pair .input-column,
.shop-form .field-yes-no .field-label-pair .input-column,
.form-editor #bodySection .field-radiobutton-input .field-label-pair .input-column,
.form-editor #bodySection .field-checkbox-input .field-label-pair .input-column,
.form-editor #bodySection .field-yes-no .field-label-pair .input-column,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair .input-column,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair .input-column,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair .input-column,
.inline-form .field-radiobutton-input .field-label-pair .input-column,
.inline-form .field-checkbox-input .field-label-pair .input-column,
.inline-form .field-yes-no .field-label-pair .input-column {
  flex: 0 1 auto;
  padding-right: 0.5em;
}
.shop-form .field-radiobutton-input .field-label-pair .label-column,
.shop-form .field-checkbox-input .field-label-pair .label-column,
.shop-form .field-yes-no .field-label-pair .label-column,
.form-editor #bodySection .field-radiobutton-input .field-label-pair .label-column,
.form-editor #bodySection .field-checkbox-input .field-label-pair .label-column,
.form-editor #bodySection .field-yes-no .field-label-pair .label-column,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair .label-column,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair .label-column,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair .label-column,
.inline-form .field-radiobutton-input .field-label-pair .label-column,
.inline-form .field-checkbox-input .field-label-pair .label-column,
.inline-form .field-yes-no .field-label-pair .label-column {
  flex: 1 1 auto;
}
.shop-form .field-radiobutton-input .field-label-pair label,
.shop-form .field-checkbox-input .field-label-pair label,
.shop-form .field-yes-no .field-label-pair label,
.form-editor #bodySection .field-radiobutton-input .field-label-pair label,
.form-editor #bodySection .field-checkbox-input .field-label-pair label,
.form-editor #bodySection .field-yes-no .field-label-pair label,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair label,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair label,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair label,
.inline-form .field-radiobutton-input .field-label-pair label,
.inline-form .field-checkbox-input .field-label-pair label,
.inline-form .field-yes-no .field-label-pair label {
  cursor: pointer;
}
.shop-form .field-radiobutton-input .field-label-pair input,
.shop-form .field-checkbox-input .field-label-pair input,
.shop-form .field-yes-no .field-label-pair input,
.form-editor #bodySection .field-radiobutton-input .field-label-pair input,
.form-editor #bodySection .field-checkbox-input .field-label-pair input,
.form-editor #bodySection .field-yes-no .field-label-pair input,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair input,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair input,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair input,
.inline-form .field-radiobutton-input .field-label-pair input,
.inline-form .field-checkbox-input .field-label-pair input,
.inline-form .field-yes-no .field-label-pair input {
  float: none;
}
.shop-form .field-radiobutton-input .field-label-pair.option-list-option-other,
.shop-form .field-checkbox-input .field-label-pair.option-list-option-other,
.shop-form .field-yes-no .field-label-pair.option-list-option-other,
.form-editor #bodySection .field-radiobutton-input .field-label-pair.option-list-option-other,
.form-editor #bodySection .field-checkbox-input .field-label-pair.option-list-option-other,
.form-editor #bodySection .field-yes-no .field-label-pair.option-list-option-other,
.flexi-form-editor #bodySection .field-radiobutton-input .field-label-pair.option-list-option-other,
.flexi-form-editor #bodySection .field-checkbox-input .field-label-pair.option-list-option-other,
.flexi-form-editor #bodySection .field-yes-no .field-label-pair.option-list-option-other,
.inline-form .field-radiobutton-input .field-label-pair.option-list-option-other,
.inline-form .field-checkbox-input .field-label-pair.option-list-option-other,
.inline-form .field-yes-no .field-label-pair.option-list-option-other {
  align-items: center;
}
.shop-form .field-radiobutton-input input[type=radio],
.shop-form .field-radiobutton-input input[type=checkbox],
.shop-form .field-checkbox-input input[type=radio],
.shop-form .field-checkbox-input input[type=checkbox],
.shop-form .field-yes-no input[type=radio],
.shop-form .field-yes-no input[type=checkbox],
.form-editor #bodySection .field-radiobutton-input input[type=radio],
.form-editor #bodySection .field-radiobutton-input input[type=checkbox],
.form-editor #bodySection .field-checkbox-input input[type=radio],
.form-editor #bodySection .field-checkbox-input input[type=checkbox],
.form-editor #bodySection .field-yes-no input[type=radio],
.form-editor #bodySection .field-yes-no input[type=checkbox],
.flexi-form-editor #bodySection .field-radiobutton-input input[type=radio],
.flexi-form-editor #bodySection .field-radiobutton-input input[type=checkbox],
.flexi-form-editor #bodySection .field-checkbox-input input[type=radio],
.flexi-form-editor #bodySection .field-checkbox-input input[type=checkbox],
.flexi-form-editor #bodySection .field-yes-no input[type=radio],
.flexi-form-editor #bodySection .field-yes-no input[type=checkbox],
.inline-form .field-radiobutton-input input[type=radio],
.inline-form .field-radiobutton-input input[type=checkbox],
.inline-form .field-checkbox-input input[type=radio],
.inline-form .field-checkbox-input input[type=checkbox],
.inline-form .field-yes-no input[type=radio],
.inline-form .field-yes-no input[type=checkbox] {
  float: none;
  margin: 0;
}
.shop-form .field-radiobutton-input label,
.shop-form .field-checkbox-input label,
.shop-form .field-yes-no label,
.form-editor #bodySection .field-radiobutton-input label,
.form-editor #bodySection .field-checkbox-input label,
.form-editor #bodySection .field-yes-no label,
.flexi-form-editor #bodySection .field-radiobutton-input label,
.flexi-form-editor #bodySection .field-checkbox-input label,
.flexi-form-editor #bodySection .field-yes-no label,
.inline-form .field-radiobutton-input label,
.inline-form .field-checkbox-input label,
.inline-form .field-yes-no label {
  margin-bottom: 0 !important;
}
.shop-form .field-yes-no .help,
.form-editor #bodySection .field-yes-no .help,
.flexi-form-editor #bodySection .field-yes-no .help,
.inline-form .field-yes-no .help {
  margin-top: 1em;
}

.shop-form .field,
.form-editor #bodySection .field,
.flexi-form-editor #bodySection .field {
  padding: 5px 0;
}
.shop-form .field > .label,
.shop-form .field > .field-label,
.form-editor #bodySection .field > .label,
.form-editor #bodySection .field > .field-label,
.flexi-form-editor #bodySection .field > .label,
.flexi-form-editor #bodySection .field > .field-label {
  box-sizing: border-box;
}
.shop-form .field .field-note,
.form-editor #bodySection .field .field-note,
.flexi-form-editor #bodySection .field .field-note {
  font-size: 0.85em;
  padding-bottom: 0.2em;
}
.shop-form .field > .field-content input::-webkit-input-placeholder,
.form-editor #bodySection .field > .field-content input::-webkit-input-placeholder,
.flexi-form-editor #bodySection .field > .field-content input::-webkit-input-placeholder {
  color: #999;
  opacity: 0.4;
}
.shop-form .field > .field-content input::-moz-placeholder,
.form-editor #bodySection .field > .field-content input::-moz-placeholder,
.flexi-form-editor #bodySection .field > .field-content input::-moz-placeholder {
  color: #999;
  opacity: 0.4;
}
.shop-form .field > .field-content input:-ms-input-placeholder,
.form-editor #bodySection .field > .field-content input:-ms-input-placeholder,
.flexi-form-editor #bodySection .field > .field-content input:-ms-input-placeholder {
  color: #999;
  opacity: 0.4;
}
.shop-form .field > .field-content input:-moz-placeholder,
.form-editor #bodySection .field > .field-content input:-moz-placeholder,
.flexi-form-editor #bodySection .field > .field-content input:-moz-placeholder {
  color: #999;
  opacity: 0.4;
}
.shop-form .field > .field-content input::placeholder,
.form-editor #bodySection .field > .field-content input::placeholder,
.flexi-form-editor #bodySection .field > .field-content input::placeholder {
  color: #999;
  opacity: 0.4;
}
.shop-form .field > .field-content > .help,
.form-editor #bodySection .field > .field-content > .help,
.flexi-form-editor #bodySection .field > .field-content > .help {
  font-size: 0.875em;
  margin: 0.75em 0 1.25em;
}
.shop-form .field > .field-content input[type=text], .shop-form .field > .field-content input[type=password], .shop-form .field > .field-content input[type=number], .shop-form .field > .field-content input[type=date], .shop-form .field > .field-content textarea, .shop-form .field > .field-content select,
.form-editor #bodySection .field > .field-content input[type=text],
.form-editor #bodySection .field > .field-content input[type=password],
.form-editor #bodySection .field > .field-content input[type=number],
.form-editor #bodySection .field > .field-content input[type=date],
.form-editor #bodySection .field > .field-content textarea,
.form-editor #bodySection .field > .field-content select,
.flexi-form-editor #bodySection .field > .field-content input[type=text],
.flexi-form-editor #bodySection .field > .field-content input[type=password],
.flexi-form-editor #bodySection .field > .field-content input[type=number],
.flexi-form-editor #bodySection .field > .field-content input[type=date],
.flexi-form-editor #bodySection .field > .field-content textarea,
.flexi-form-editor #bodySection .field > .field-content select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
  transition: border-color 1s, background-color 1s;
}
.shop-form .field > .field-content textarea,
.form-editor #bodySection .field > .field-content textarea,
.flexi-form-editor #bodySection .field > .field-content textarea {
  height: auto;
}
.shop-form .field.required-field .fileUploadRequired,
.form-editor #bodySection .field.required-field .fileUploadRequired,
.flexi-form-editor #bodySection .field.required-field .fileUploadRequired {
  color: #888;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}
.shop-form .field-text-input > .label,
.shop-form .field-text-input > .field-label,
.form-editor #bodySection .field-text-input > .label,
.form-editor #bodySection .field-text-input > .field-label,
.flexi-form-editor #bodySection .field-text-input > .label,
.flexi-form-editor #bodySection .field-text-input > .field-label {
  padding-top: 0.5em;
  margin-bottom: 0.5em;
}
.shop-form .field-datepicker > .field-content,
.form-editor #bodySection .field-datepicker > .field-content,
.flexi-form-editor #bodySection .field-datepicker > .field-content {
  padding-bottom: 2px;
}
.shop-form .field-datepicker > .field-content select.ui-datepicker-year,
.form-editor #bodySection .field-datepicker > .field-content select.ui-datepicker-year,
.flexi-form-editor #bodySection .field-datepicker > .field-content select.ui-datepicker-year {
  text-align: center;
  padding-left: 0 !important;
  width: 4.4em;
  max-width: 100%;
  min-width: 4.4em;
}
.shop-form .human-check,
.form-editor #bodySection .human-check,
.flexi-form-editor #bodySection .human-check {
  padding: 5px 0;
  text-align: right;
}
.shop-form .human-check .recaptcha > div,
.form-editor #bodySection .human-check .recaptcha > div,
.flexi-form-editor #bodySection .human-check .recaptcha > div {
  margin: 0 0 0 auto;
}
.shop-form .field .field-content .input-validation-error,
.form-editor #bodySection .field .field-content .input-validation-error,
.flexi-form-editor #bodySection .field .field-content .input-validation-error {
  border-color: #ddbbbb !important;
  background-color: #ffeeee;
  transition: border-color 0.1s, background-color 0.1s;
}
.shop-form .field .field-content .input-validation-error::-webkit-input-placeholder,
.form-editor #bodySection .field .field-content .input-validation-error::-webkit-input-placeholder,
.flexi-form-editor #bodySection .field .field-content .input-validation-error::-webkit-input-placeholder {
  color: #966767;
  opacity: 0.4;
}
.shop-form .field .field-content .input-validation-error::-moz-placeholder,
.form-editor #bodySection .field .field-content .input-validation-error::-moz-placeholder,
.flexi-form-editor #bodySection .field .field-content .input-validation-error::-moz-placeholder {
  color: #966767;
  opacity: 0.4;
}
.shop-form .field .field-content .input-validation-error:-ms-input-placeholder,
.form-editor #bodySection .field .field-content .input-validation-error:-ms-input-placeholder,
.flexi-form-editor #bodySection .field .field-content .input-validation-error:-ms-input-placeholder {
  color: #966767;
  opacity: 0.4;
}
.shop-form .field .field-content .input-validation-error:-moz-placeholder,
.form-editor #bodySection .field .field-content .input-validation-error:-moz-placeholder,
.flexi-form-editor #bodySection .field .field-content .input-validation-error:-moz-placeholder {
  color: #966767;
  opacity: 0.4;
}
.shop-form .field .field-content .input-validation-error::placeholder,
.form-editor #bodySection .field .field-content .input-validation-error::placeholder,
.flexi-form-editor #bodySection .field .field-content .input-validation-error::placeholder {
  color: #966767;
  opacity: 0.4;
}
.shop-form .field-validation-error,
.form-editor #bodySection .field-validation-error,
.flexi-form-editor #bodySection .field-validation-error {
  font-weight: 400;
}
.shop-form .validation-summary,
.form-editor #bodySection .validation-summary,
.flexi-form-editor #bodySection .validation-summary {
  text-align: right;
}
.shop-form .validation-summary .validation-summary-content,
.form-editor #bodySection .validation-summary .validation-summary-content,
.flexi-form-editor #bodySection .validation-summary .validation-summary-content {
  display: none;
}
.shop-form .validation-summary .validation-summary-content.validation-summary-errors,
.form-editor #bodySection .validation-summary .validation-summary-content.validation-summary-errors,
.flexi-form-editor #bodySection .validation-summary .validation-summary-content.validation-summary-errors {
  display: inline-block;
  padding: 10px;
  background-color: #ffeeee;
  color: #966767;
  border: solid 1px #ddbbbb;
  border-radius: 5px;
  font-weight: 400;
  margin: 5px 0 10px;
  line-height: 1.6;
}
.shop-form .validation-summary .validation-summary-content ul,
.form-editor #bodySection .validation-summary .validation-summary-content ul,
.flexi-form-editor #bodySection .validation-summary .validation-summary-content ul {
  display: none;
}
.shop-form .button-bar,
.form-editor #bodySection .button-bar,
.flexi-form-editor #bodySection .button-bar {
  padding: 5px 0;
  text-align: right;
}
.shop-form .submit-result-dialog,
.form-editor #bodySection .submit-result-dialog,
.flexi-form-editor #bodySection .submit-result-dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  max-width: 90%;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
  z-index: 99999;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.5);
  display: none;
  text-align: center;
}
.shop-form .submit-result-dialog h2,
.form-editor #bodySection .submit-result-dialog h2,
.flexi-form-editor #bodySection .submit-result-dialog h2 {
  font-size: 1.1rem;
  font-weight: var(--legacy-heading-bold);
  margin: 0 0 1rem;
  padding: 0;
  color: #464646;
}
.shop-form .submit-result-dialog p,
.form-editor #bodySection .submit-result-dialog p,
.flexi-form-editor #bodySection .submit-result-dialog p {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0 0 1rem;
  color: #464646;
  line-height: 1.5;
}
.shop-form .submit-result-dialog p:last-of-type,
.form-editor #bodySection .submit-result-dialog p:last-of-type,
.flexi-form-editor #bodySection .submit-result-dialog p:last-of-type {
  margin-bottom: 0;
}
.shop-form .submit-result-dialog .dialog-footer button,
.form-editor #bodySection .submit-result-dialog .dialog-footer button,
.flexi-form-editor #bodySection .submit-result-dialog .dialog-footer button {
  margin-top: 1.5em;
}
@media screen and (max-width: 400px) {
  .shop-form .submit-result-dialog,
  .form-editor #bodySection .submit-result-dialog,
  .flexi-form-editor #bodySection .submit-result-dialog {
    width: 100%;
    height: 100%;
  }
}
.shop-form,
.form-editor #bodySection,
.flexi-form-editor #bodySection {
  /*.form-submitted-success {
      padding: 10px 0;
      font-size: 1.2em;
  }*/
}
@media screen and (max-width: 366px) {
  .shop-form .human-check,
  .form-editor #bodySection .human-check,
  .flexi-form-editor #bodySection .human-check {
    margin-left: -25px;
    margin-right: -25px;
  }
  .shop-form .human-check .recaptcha > div,
  .form-editor #bodySection .human-check .recaptcha > div,
  .flexi-form-editor #bodySection .human-check .recaptcha > div {
    margin: 0 auto;
  }
}
.shop-form,
.form-editor #bodySection,
.flexi-form-editor #bodySection {
  /************ FORM TYPES ***********/
}
.shop-form.content-shop-form .field,
.shop-form.content-shop-form .field-label,
.form-editor #bodySection.content-shop-form .field,
.form-editor #bodySection.content-shop-form .field-label,
.flexi-form-editor #bodySection.content-shop-form .field,
.flexi-form-editor #bodySection.content-shop-form .field-label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.shop-form.content-shop-form .field > .label,
.shop-form.content-shop-form .field > .field-label,
.shop-form.content-shop-form .field-label > .label,
.shop-form.content-shop-form .field-label > .field-label,
.form-editor #bodySection.content-shop-form .field > .label,
.form-editor #bodySection.content-shop-form .field > .field-label,
.form-editor #bodySection.content-shop-form .field-label > .label,
.form-editor #bodySection.content-shop-form .field-label > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field > .label,
.flexi-form-editor #bodySection.content-shop-form .field > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field-label > .label,
.flexi-form-editor #bodySection.content-shop-form .field-label > .field-label {
  flex: 1 0 165px;
  max-width: 165px;
  padding-top: 0.7em;
  padding-right: 4px;
}
.shop-form.content-shop-form .field > .field-content,
.shop-form.content-shop-form .field-label > .field-content,
.form-editor #bodySection.content-shop-form .field > .field-content,
.form-editor #bodySection.content-shop-form .field-label > .field-content,
.flexi-form-editor #bodySection.content-shop-form .field > .field-content,
.flexi-form-editor #bodySection.content-shop-form .field-label > .field-content {
  flex: 1;
}
@media screen and (max-width: 686px) {
  .shop-form.content-shop-form .field,
  .shop-form.content-shop-form .field-label,
  .form-editor #bodySection.content-shop-form .field,
  .form-editor #bodySection.content-shop-form .field-label,
  .flexi-form-editor #bodySection.content-shop-form .field,
  .flexi-form-editor #bodySection.content-shop-form .field-label {
    display: block;
    margin-bottom: 0.5em;
  }
  .shop-form.content-shop-form .field > .label,
  .shop-form.content-shop-form .field > .field-label,
  .shop-form.content-shop-form .field-label > .label,
  .shop-form.content-shop-form .field-label > .field-label,
  .form-editor #bodySection.content-shop-form .field > .label,
  .form-editor #bodySection.content-shop-form .field > .field-label,
  .form-editor #bodySection.content-shop-form .field-label > .label,
  .form-editor #bodySection.content-shop-form .field-label > .field-label,
  .flexi-form-editor #bodySection.content-shop-form .field > .label,
  .flexi-form-editor #bodySection.content-shop-form .field > .field-label,
  .flexi-form-editor #bodySection.content-shop-form .field-label > .label,
  .flexi-form-editor #bodySection.content-shop-form .field-label > .field-label {
    padding-top: 0.5em;
    padding-right: 0;
    max-width: none;
    box-sizing: border-box;
    margin-bottom: 0.5em;
  }
  .shop-form.content-shop-form .field.field-yes-no > .label,
  .shop-form.content-shop-form .field.field-yes-no > .field-label,
  .shop-form.content-shop-form .field-label.field-yes-no > .label,
  .shop-form.content-shop-form .field-label.field-yes-no > .field-label,
  .form-editor #bodySection.content-shop-form .field.field-yes-no > .label,
  .form-editor #bodySection.content-shop-form .field.field-yes-no > .field-label,
  .form-editor #bodySection.content-shop-form .field-label.field-yes-no > .label,
  .form-editor #bodySection.content-shop-form .field-label.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.content-shop-form .field.field-yes-no > .label,
  .flexi-form-editor #bodySection.content-shop-form .field.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.content-shop-form .field-label.field-yes-no > .label,
  .flexi-form-editor #bodySection.content-shop-form .field-label.field-yes-no > .field-label {
    display: none;
  }
}
.shop-form.content-shop-form .field.label-above,
.shop-form.content-shop-form .field-label.label-above,
.form-editor #bodySection.content-shop-form .field.label-above,
.form-editor #bodySection.content-shop-form .field-label.label-above,
.flexi-form-editor #bodySection.content-shop-form .field.label-above,
.flexi-form-editor #bodySection.content-shop-form .field-label.label-above {
  display: block;
  margin-bottom: 0.5em;
}
.shop-form.content-shop-form .field.label-above > .label,
.shop-form.content-shop-form .field.label-above > .field-label,
.shop-form.content-shop-form .field-label.label-above > .label,
.shop-form.content-shop-form .field-label.label-above > .field-label,
.form-editor #bodySection.content-shop-form .field.label-above > .label,
.form-editor #bodySection.content-shop-form .field.label-above > .field-label,
.form-editor #bodySection.content-shop-form .field-label.label-above > .label,
.form-editor #bodySection.content-shop-form .field-label.label-above > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field.label-above > .label,
.flexi-form-editor #bodySection.content-shop-form .field.label-above > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field-label.label-above > .label,
.flexi-form-editor #bodySection.content-shop-form .field-label.label-above > .field-label {
  padding-top: 0.5em;
  padding-right: 0;
  max-width: none;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.shop-form.content-shop-form .field.label-above.field-yes-no > .label,
.shop-form.content-shop-form .field.label-above.field-yes-no > .field-label,
.shop-form.content-shop-form .field-label.label-above.field-yes-no > .label,
.shop-form.content-shop-form .field-label.label-above.field-yes-no > .field-label,
.form-editor #bodySection.content-shop-form .field.label-above.field-yes-no > .label,
.form-editor #bodySection.content-shop-form .field.label-above.field-yes-no > .field-label,
.form-editor #bodySection.content-shop-form .field-label.label-above.field-yes-no > .label,
.form-editor #bodySection.content-shop-form .field-label.label-above.field-yes-no > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field.label-above.field-yes-no > .label,
.flexi-form-editor #bodySection.content-shop-form .field.label-above.field-yes-no > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field-label.label-above.field-yes-no > .label,
.flexi-form-editor #bodySection.content-shop-form .field-label.label-above.field-yes-no > .field-label {
  display: none;
}
.shop-form.content-shop-form .field > .label,
.shop-form.content-shop-form .field > .field-label,
.shop-form.content-shop-form .field-label > .label,
.shop-form.content-shop-form .field-label > .field-label,
.form-editor #bodySection.content-shop-form .field > .label,
.form-editor #bodySection.content-shop-form .field > .field-label,
.form-editor #bodySection.content-shop-form .field-label > .label,
.form-editor #bodySection.content-shop-form .field-label > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field > .label,
.flexi-form-editor #bodySection.content-shop-form .field > .field-label,
.flexi-form-editor #bodySection.content-shop-form .field-label > .label,
.flexi-form-editor #bodySection.content-shop-form .field-label > .field-label {
  font-weight: var(--body-heavier-weight);
}
.shop-form.content-shop-form.labels-above .field,
.shop-form.content-shop-form.labels-above .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field,
.form-editor #bodySection.content-shop-form.labels-above .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label {
  display: block;
  margin-bottom: 0.5em;
}
.shop-form.content-shop-form.labels-above .field > .label,
.shop-form.content-shop-form.labels-above .field > .field-label,
.shop-form.content-shop-form.labels-above .field-label > .label,
.shop-form.content-shop-form.labels-above .field-label > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field > .label,
.form-editor #bodySection.content-shop-form.labels-above .field > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field-label > .label,
.form-editor #bodySection.content-shop-form.labels-above .field-label > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label > .field-label {
  padding-top: 0.5em;
  padding-right: 0;
  max-width: none;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.shop-form.content-shop-form.labels-above .field.field-yes-no > .label,
.shop-form.content-shop-form.labels-above .field.field-yes-no > .field-label,
.shop-form.content-shop-form.labels-above .field-label.field-yes-no > .label,
.shop-form.content-shop-form.labels-above .field-label.field-yes-no > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field.field-yes-no > .label,
.form-editor #bodySection.content-shop-form.labels-above .field.field-yes-no > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field-label.field-yes-no > .label,
.form-editor #bodySection.content-shop-form.labels-above .field-label.field-yes-no > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.field-yes-no > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.field-yes-no > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.field-yes-no > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.field-yes-no > .field-label {
  display: none;
}
.shop-form.content-shop-form.labels-above .field.label-beside,
.shop-form.content-shop-form.labels-above .field-label.label-beside,
.form-editor #bodySection.content-shop-form.labels-above .field.label-beside,
.form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.shop-form.content-shop-form.labels-above .field.label-beside > .label,
.shop-form.content-shop-form.labels-above .field.label-beside > .field-label,
.shop-form.content-shop-form.labels-above .field-label.label-beside > .label,
.shop-form.content-shop-form.labels-above .field-label.label-beside > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .label,
.form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .label,
.form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-label {
  flex: 1 0 165px;
  max-width: 165px;
  padding-top: 0.7em;
  padding-right: 4px;
}
.shop-form.content-shop-form.labels-above .field.label-beside > .field-content,
.shop-form.content-shop-form.labels-above .field-label.label-beside > .field-content,
.form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-content,
.form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-content,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-content,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-content {
  flex: 1;
}
@media screen and (max-width: 686px) {
  .shop-form.content-shop-form.labels-above .field.label-beside,
  .shop-form.content-shop-form.labels-above .field-label.label-beside,
  .form-editor #bodySection.content-shop-form.labels-above .field.label-beside,
  .form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside {
    display: block;
    margin-bottom: 0.5em;
  }
  .shop-form.content-shop-form.labels-above .field.label-beside > .label,
  .shop-form.content-shop-form.labels-above .field.label-beside > .field-label,
  .shop-form.content-shop-form.labels-above .field-label.label-beside > .label,
  .shop-form.content-shop-form.labels-above .field-label.label-beside > .field-label,
  .form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .label,
  .form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-label,
  .form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .label,
  .form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside > .field-label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside > .field-label {
    padding-top: 0.5em;
    padding-right: 0;
    max-width: none;
    box-sizing: border-box;
    margin-bottom: 0.5em;
  }
  .shop-form.content-shop-form.labels-above .field.label-beside.field-yes-no > .label,
  .shop-form.content-shop-form.labels-above .field.label-beside.field-yes-no > .field-label,
  .shop-form.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .label,
  .shop-form.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .field-label,
  .form-editor #bodySection.content-shop-form.labels-above .field.label-beside.field-yes-no > .label,
  .form-editor #bodySection.content-shop-form.labels-above .field.label-beside.field-yes-no > .field-label,
  .form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .label,
  .form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside.field-yes-no > .label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field.label-beside.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .label,
  .flexi-form-editor #bodySection.content-shop-form.labels-above .field-label.label-beside.field-yes-no > .field-label {
    display: none;
  }
}
.shop-form.content-shop-form.labels-above .field > .label,
.shop-form.content-shop-form.labels-above .field > .field-label,
.shop-form.content-shop-form.labels-above .field-label > .label,
.shop-form.content-shop-form.labels-above .field-label > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field > .label,
.form-editor #bodySection.content-shop-form.labels-above .field > .field-label,
.form-editor #bodySection.content-shop-form.labels-above .field-label > .label,
.form-editor #bodySection.content-shop-form.labels-above .field-label > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field > .field-label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label > .label,
.flexi-form-editor #bodySection.content-shop-form.labels-above .field-label > .field-label {
  font-weight: var(--body-bold-weight);
}
.shop-form.product-shop-form .field,
.shop-form.product-shop-form .field-label,
.form-editor #bodySection.product-shop-form .field,
.form-editor #bodySection.product-shop-form .field-label,
.flexi-form-editor #bodySection.product-shop-form .field,
.flexi-form-editor #bodySection.product-shop-form .field-label {
  display: block;
  margin-bottom: 0.5em;
}
.shop-form.product-shop-form .field > .label,
.shop-form.product-shop-form .field > .field-label,
.shop-form.product-shop-form .field-label > .label,
.shop-form.product-shop-form .field-label > .field-label,
.form-editor #bodySection.product-shop-form .field > .label,
.form-editor #bodySection.product-shop-form .field > .field-label,
.form-editor #bodySection.product-shop-form .field-label > .label,
.form-editor #bodySection.product-shop-form .field-label > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field > .label,
.flexi-form-editor #bodySection.product-shop-form .field > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field-label > .label,
.flexi-form-editor #bodySection.product-shop-form .field-label > .field-label {
  padding-top: 0.5em;
  padding-right: 0;
  max-width: none;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.shop-form.product-shop-form .field.field-yes-no > .label,
.shop-form.product-shop-form .field.field-yes-no > .field-label,
.shop-form.product-shop-form .field-label.field-yes-no > .label,
.shop-form.product-shop-form .field-label.field-yes-no > .field-label,
.form-editor #bodySection.product-shop-form .field.field-yes-no > .label,
.form-editor #bodySection.product-shop-form .field.field-yes-no > .field-label,
.form-editor #bodySection.product-shop-form .field-label.field-yes-no > .label,
.form-editor #bodySection.product-shop-form .field-label.field-yes-no > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field.field-yes-no > .label,
.flexi-form-editor #bodySection.product-shop-form .field.field-yes-no > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field-label.field-yes-no > .label,
.flexi-form-editor #bodySection.product-shop-form .field-label.field-yes-no > .field-label {
  display: none;
}
.shop-form.product-shop-form .field.label-beside,
.shop-form.product-shop-form .field-label.label-beside,
.form-editor #bodySection.product-shop-form .field.label-beside,
.form-editor #bodySection.product-shop-form .field-label.label-beside,
.flexi-form-editor #bodySection.product-shop-form .field.label-beside,
.flexi-form-editor #bodySection.product-shop-form .field-label.label-beside {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.shop-form.product-shop-form .field.label-beside > .label,
.shop-form.product-shop-form .field.label-beside > .field-label,
.shop-form.product-shop-form .field-label.label-beside > .label,
.shop-form.product-shop-form .field-label.label-beside > .field-label,
.form-editor #bodySection.product-shop-form .field.label-beside > .label,
.form-editor #bodySection.product-shop-form .field.label-beside > .field-label,
.form-editor #bodySection.product-shop-form .field-label.label-beside > .label,
.form-editor #bodySection.product-shop-form .field-label.label-beside > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field.label-beside > .label,
.flexi-form-editor #bodySection.product-shop-form .field.label-beside > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field-label.label-beside > .label,
.flexi-form-editor #bodySection.product-shop-form .field-label.label-beside > .field-label {
  flex: 1 0 165px;
  max-width: 165px;
  padding-top: 0.7em;
  padding-right: 4px;
}
.shop-form.product-shop-form .field.label-beside > .field-content,
.shop-form.product-shop-form .field-label.label-beside > .field-content,
.form-editor #bodySection.product-shop-form .field.label-beside > .field-content,
.form-editor #bodySection.product-shop-form .field-label.label-beside > .field-content,
.flexi-form-editor #bodySection.product-shop-form .field.label-beside > .field-content,
.flexi-form-editor #bodySection.product-shop-form .field-label.label-beside > .field-content {
  flex: 1;
}
@media screen and (max-width: 686px) {
  .shop-form.product-shop-form .field.label-beside,
  .shop-form.product-shop-form .field-label.label-beside,
  .form-editor #bodySection.product-shop-form .field.label-beside,
  .form-editor #bodySection.product-shop-form .field-label.label-beside,
  .flexi-form-editor #bodySection.product-shop-form .field.label-beside,
  .flexi-form-editor #bodySection.product-shop-form .field-label.label-beside {
    display: block;
    margin-bottom: 0.5em;
  }
  .shop-form.product-shop-form .field.label-beside > .label,
  .shop-form.product-shop-form .field.label-beside > .field-label,
  .shop-form.product-shop-form .field-label.label-beside > .label,
  .shop-form.product-shop-form .field-label.label-beside > .field-label,
  .form-editor #bodySection.product-shop-form .field.label-beside > .label,
  .form-editor #bodySection.product-shop-form .field.label-beside > .field-label,
  .form-editor #bodySection.product-shop-form .field-label.label-beside > .label,
  .form-editor #bodySection.product-shop-form .field-label.label-beside > .field-label,
  .flexi-form-editor #bodySection.product-shop-form .field.label-beside > .label,
  .flexi-form-editor #bodySection.product-shop-form .field.label-beside > .field-label,
  .flexi-form-editor #bodySection.product-shop-form .field-label.label-beside > .label,
  .flexi-form-editor #bodySection.product-shop-form .field-label.label-beside > .field-label {
    padding-top: 0.5em;
    padding-right: 0;
    max-width: none;
    box-sizing: border-box;
    margin-bottom: 0.5em;
  }
  .shop-form.product-shop-form .field.label-beside.field-yes-no > .label,
  .shop-form.product-shop-form .field.label-beside.field-yes-no > .field-label,
  .shop-form.product-shop-form .field-label.label-beside.field-yes-no > .label,
  .shop-form.product-shop-form .field-label.label-beside.field-yes-no > .field-label,
  .form-editor #bodySection.product-shop-form .field.label-beside.field-yes-no > .label,
  .form-editor #bodySection.product-shop-form .field.label-beside.field-yes-no > .field-label,
  .form-editor #bodySection.product-shop-form .field-label.label-beside.field-yes-no > .label,
  .form-editor #bodySection.product-shop-form .field-label.label-beside.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.product-shop-form .field.label-beside.field-yes-no > .label,
  .flexi-form-editor #bodySection.product-shop-form .field.label-beside.field-yes-no > .field-label,
  .flexi-form-editor #bodySection.product-shop-form .field-label.label-beside.field-yes-no > .label,
  .flexi-form-editor #bodySection.product-shop-form .field-label.label-beside.field-yes-no > .field-label {
    display: none;
  }
}
.shop-form.product-shop-form .field > .label,
.shop-form.product-shop-form .field > .field-label,
.shop-form.product-shop-form .field-label > .label,
.shop-form.product-shop-form .field-label > .field-label,
.form-editor #bodySection.product-shop-form .field > .label,
.form-editor #bodySection.product-shop-form .field > .field-label,
.form-editor #bodySection.product-shop-form .field-label > .label,
.form-editor #bodySection.product-shop-form .field-label > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field > .label,
.flexi-form-editor #bodySection.product-shop-form .field > .field-label,
.flexi-form-editor #bodySection.product-shop-form .field-label > .label,
.flexi-form-editor #bodySection.product-shop-form .field-label > .field-label {
  font-weight: var(--body-bold-weight);
}
.shop-form.content-shop-form,
.form-editor #bodySection.content-shop-form,
.flexi-form-editor #bodySection.content-shop-form {
  padding: 15px 20px;
  background: #f5f5f5;
  color: #464646;
}
.shop-form.product-shop-form .field > .field-content > .help,
.form-editor #bodySection.product-shop-form .field > .field-content > .help,
.flexi-form-editor #bodySection.product-shop-form .field > .field-content > .help {
  font-size: 11px;
  color: #767676;
  margin-bottom: 0;
  font-style: italic;
}
.shop-form.product-shop-form .field > .field-content input[type=text], .shop-form.product-shop-form .field > .field-content input[type=password], .shop-form.product-shop-form .field > .field-content input[type=number], .shop-form.product-shop-form .field > .field-content input[type=date], .shop-form.product-shop-form .field > .field-content textarea, .shop-form.product-shop-form .field > .field-content select,
.form-editor #bodySection.product-shop-form .field > .field-content input[type=text],
.form-editor #bodySection.product-shop-form .field > .field-content input[type=password],
.form-editor #bodySection.product-shop-form .field > .field-content input[type=number],
.form-editor #bodySection.product-shop-form .field > .field-content input[type=date],
.form-editor #bodySection.product-shop-form .field > .field-content textarea,
.form-editor #bodySection.product-shop-form .field > .field-content select,
.flexi-form-editor #bodySection.product-shop-form .field > .field-content input[type=text],
.flexi-form-editor #bodySection.product-shop-form .field > .field-content input[type=password],
.flexi-form-editor #bodySection.product-shop-form .field > .field-content input[type=number],
.flexi-form-editor #bodySection.product-shop-form .field > .field-content input[type=date],
.flexi-form-editor #bodySection.product-shop-form .field > .field-content textarea,
.flexi-form-editor #bodySection.product-shop-form .field > .field-content select {
  padding: 10px;
  border-radius: 0;
  font-size: 13px;
  color: #000;
}

.contentAreaProductRightPanel .shop-form.product-shop-form .field-text-input > .label,
.contentAreaProductRightPanel .shop-form.product-shop-form .field-text-input > .field-label {
  color: #767676;
  margin-bottom: 5px;
  font-size: 11px;
}

/* date picker container for field popup calendar */
#ui-datepicker-div {
  font-size: 0.875rem;
  z-index: 999 !important;
}

.slice {
  padding-left: 20px;
  padding-right: 20px;
}

html.designStyleFramed #bodySection, html.designStyleOpen #bodySection {
  margin-right: 187px;
}
@media screen and (max-width: 686px) {
  html.designStyleFramed #bodySection, html.designStyleOpen #bodySection {
    margin-right: 0;
  }
}
html.designStyleFramed .slices > .slices-inner, html.designStyleOpen .slices > .slices-inner {
  padding: 0 11px;
}
html.designStyleFramed .slice, html.designStyleOpen .slice {
  padding-left: 11px;
  padding-right: 11px;
}
@media screen and (max-width: 440px) {
  html.designStyleFramed .slice, html.designStyleOpen .slice {
    padding-left: 0;
    padding-right: 0;
  }
}
html.designStyleFramed .slice.cw-standard .slice-inner, html.designStyleOpen .slice.cw-standard .slice-inner {
  width: 934px;
}
html.designStyleFramed .slice.cw-variable .slice-inner .contentArea934 .itemArea, html.designStyleOpen .slice.cw-variable .slice-inner .contentArea934 .itemArea {
  width: 934px;
}
html.designStyleFramed .slice.cw-variable .slice-inner .contentArea956 .itemArea, html.designStyleOpen .slice.cw-variable .slice-inner .contentArea956 .itemArea {
  width: 956px;
}
html.designStyleFramed .slices-header .slice .slice-inner .areaToolbar, html.designStyleOpen .slices-header .slice .slice-inner .areaToolbar {
  margin-left: -11px;
  margin-right: -11px;
}
html.designStyleFramed .slices-header .slice .slice-inner .itemArea, html.designStyleOpen .slices-header .slice .slice-inner .itemArea {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  max-width: 100%;
}
html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthContainer, html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthContainer {
  width: auto;
}
html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthContainer > .toolbar, html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthContainer > .toolbar {
  margin-left: -11px;
  margin-right: -11px;
}
html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthFull, html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthFull {
  width: auto !important;
  max-width: none !important;
  margin-left: -22px !important;
  margin-right: -22px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 440px) {
  html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthFull, html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthFull {
    margin-left: -11px !important;
    margin-right: -11px !important;
  }
}
html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthFull .toolbar,
html.designStyleFramed .slices-header .slice .slice-inner .itemArea.widthFull > .toolbar, html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthFull .toolbar,
html.designStyleOpen .slices-header .slice .slice-inner .itemArea.widthFull > .toolbar {
  margin-left: 11px;
  margin-right: 11px;
}
html.designStyleFramed .contentAreaEdit, html.designStyleOpen .contentAreaEdit {
  padding-left: 11px;
  padding-right: 11px;
  margin-left: -11px;
  margin-right: -11px;
}
html.designStyleFramed .contentAreaEdit:hover, html.designStyleOpen .contentAreaEdit:hover {
  box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.25);
  z-index: 1005;
}
html.designStyleFramed .slices-header .contentAreaEdit, html.designStyleOpen .slices-header .contentAreaEdit {
  padding-left: 22px;
  padding-right: 22px;
  margin-left: -22px;
  margin-right: -22px;
}
html.designStyleFramed .form-editor .editorContent .contentAreaEdit, html.designStyleOpen .form-editor .editorContent .contentAreaEdit {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
html.designStyleFramed .form-editor .editorContent .contentAreaEdit:hover, html.designStyleOpen .form-editor .editorContent .contentAreaEdit:hover {
  box-shadow: none;
}
.contentArea956 html.designStyleFramed .gallerySmall .galleryColumnsItem, .contentArea934 html.designStyleFramed .gallerySmall .galleryColumnsItem, .contentArea956 html.designStyleOpen .gallerySmall .galleryColumnsItem, .contentArea934 html.designStyleOpen .gallerySmall .galleryColumnsItem {
  width: 16.666667%;
}
.contentArea747 html.designStyleFramed .gallerySmall .galleryColumnsItem, .contentArea727 html.designStyleFramed .gallerySmall .galleryColumnsItem, .contentArea747 html.designStyleOpen .gallerySmall .galleryColumnsItem, .contentArea727 html.designStyleOpen .gallerySmall .galleryColumnsItem {
  width: 20%;
}
html.designStyleFramed .productDetailSmall .productContentSmall .contentArea916 .productContent, html.designStyleOpen .productDetailSmall .productContentSmall .contentArea916 .productContent {
  width: 300px;
}
.contentArea165 html.designStyleFramed .fileChooser .fileChooserCurrent .fileChooserCurrentText, .contentArea165 html.designStyleOpen .fileChooser .fileChooserCurrent .fileChooserCurrentText {
  width: 100px;
  font-size: 90%;
  padding-bottom: 5px;
}
.contentArea165 html.designStyleFramed .fileChooser .fileChooserCurrent .dropFilesHere, .contentArea165 html.designStyleOpen .fileChooser .fileChooserCurrent .dropFilesHere {
  width: 75px;
}
.contentArea165 html.designStyleFramed .fileChooser .fileChooserCurrent .clickToButton, .contentArea165 html.designStyleOpen .fileChooser .fileChooserCurrent .clickToButton {
  width: 80px;
}
@media screen and (max-width: 1000px) {
  html.designStyleFramed .sticky-action-bar, html.designStyleOpen .sticky-action-bar {
    padding: 0 20px;
  }
}
@media screen and (max-width: 440px) {
  html.designStyleFramed .sticky-action-bar, html.designStyleOpen .sticky-action-bar {
    padding: 0 9px;
  }
}

html.designStyleOpen .slices-body > .slices-inner {
  max-width: 956px;
  margin: 0 auto;
  padding-bottom: 20px;
}
html.designStyleOpen .slices-header + .slices-body {
  margin-top: -11px;
}
html.designStyleOpen .slices-header .slice .slice-inner .itemArea {
  width: 934px;
}
html.designStyleOpen #headerSection {
  margin-bottom: 20px;
}
html.designStyleOpen.navigationStyleTabs .slices-body {
  padding-top: 11px;
  background-color: #fff;
  background-image: url(/common/tabdividerline-fade.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 0;
}
html.designStyleOpen .sticky-action-bar {
  max-width: 934px;
}

html.designStyleFramed, html.designStyleFramed #body {
  background-color: #f3f4f4 !important;
}
html.designStyleFramed .slices-body > .slices-inner {
  margin: 0 auto;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
  border: solid 1px #d7d7d7;
  max-width: 956px;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  html.designStyleFramed .slices-body > .slices-inner {
    border-left: none;
    border-right: none;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
}
html.designStyleFramed .slices-body > .slices-inner .slice.cw-standard .slice-inner {
  width: 914px;
}
html.designStyleFramed .slices-centred {
  max-width: 1022px;
}
html.designStyleFramed .slice.cw-standard .slice-inner,
html.designStyleFramed .slices-header .slice .slice-inner .itemArea {
  width: 956px;
}
html.designStyleFramed .sticky-action-bar {
  max-width: 956px;
}
html.designStyleFramed .exception-box {
  margin-top: 60px;
  margin-bottom: 50px;
}

.designStyleFlexi .slice {
  padding-left: 20px;
  padding-right: 20px;
}
.designStyleFlexi .slice .slice-inner {
  max-width: 100%;
}
.designStyleFlexi .slice.cw-standard .slice-inner {
  width: 1000px;
}
.designStyleFlexi .slice.cw-wide .slice-inner {
  width: 1200px;
}
.designStyleFlexi .slice.cw-narrow .slice-inner {
  width: 800px;
}
.designStyleFlexi .slice.cw-full .slice-inner {
  width: 100%;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea .toolbar {
  margin-left: 0;
  margin-right: 0;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea > .itemAreaInner {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  width: 1000px;
  min-width: 280px;
  max-width: 100%;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthFull > .itemAreaInner, .designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthContainer > .itemAreaInner {
  width: auto !important;
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthFull.edgeToEdge > .itemAreaInner, .designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthContainer.edgeToEdge > .itemAreaInner {
  margin-left: -20px;
  margin-right: -20px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthStandard > .itemAreaInner {
  width: 1000px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthNarrow > .itemAreaInner {
  width: 800px;
}
.designStyleFlexi .slice.cw-variable .slice-inner .itemArea.widthWide > .itemAreaInner {
  width: 1200px;
}
.designStyleFlexi .slice.slice-announcements {
  margin: 25px 0;
}
.designStyleFlexi .slice.slice-navigation {
  margin: 20px 0;
}
.designStyleFlexi .slice.slice-footer {
  margin-top: 15px;
}
.designStyleFlexi .slice.slice-body-top.bgc {
  display: flex;
}
.designStyleFlexi .slice.slice-body-top .shop-search {
  margin-bottom: 20px;
}
.designStyleFlexi .slice.slice-body-top.btp-t #pageTitle {
  padding-top: 40px;
}
.designStyleFlexi #manageBodyContent #innerPageColumns {
  width: 1000px;
}
.designStyleFlexi .itemAreaSmallFishPageTitle #pageTitle {
  padding: 0;
}
.designStyleFlexi .contentArea {
  padding: 0;
}
.designStyleFlexi .areaToolbar {
  margin-left: 20px;
  margin-right: 20px;
  text-align: right;
}
.designStyleFlexi .areaToolbar .title {
  overflow: visible;
  width: auto;
  background-image: none;
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  justify-content: center;
  font-size: 0;
}
.designStyleFlexi .areaToolbar .title:after {
  content: "Add Content";
  text-transform: uppercase;
  display: block;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.03em;
  font-family: "Arial Rounded MT";
}
.designStyleFlexi .areaToolbar .title:after {
  font-size: 14px;
  padding-right: 10px;
}
.designStyleFlexi .bodyEdit .allContentItemsHidden:after {
  content: "Content hidden. Click the eye icon above to edit.";
  display: block;
  box-sizing: border-box;
  padding: 0 20px;
  color: #ccc;
  text-align: center;
}
.designStyleFlexi .sticky-action-bar {
  min-width: 280px;
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
}
.designStyleFlexi {
  /* Content */
}
.designStyleFlexi .itemAreaSmallFishRichText .richText > p:last-child,
.designStyleFlexi .itemAreaSmallFishRichText .richText > ul:last-child,
.designStyleFlexi .itemAreaSmallFishRichText .richText > ol:last-child {
  margin-bottom: 0;
}
.designStyleFlexi .message-block {
  padding: 0.75em 1em;
}

html.navigationStyleTabs.designStyleFramed .slice-navigation {
  background-image: url(/common/tabshadow-960.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
html.navigationStyleTabs.designStyleOpen .slice-navigation {
  background-image: url(/common/tabshadow-1160.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs {
  margin-top: 0;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs .navigationMenu, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs .navigationMenu {
  height: 50px;
  margin-bottom: -25px;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent span, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent span {
  margin-top: 0;
  height: 41px;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationMenuText, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationMenuText {
  padding: 6px 19px 0 30px;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationLeft, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationLeft {
  margin: 0 0 4px -6px;
  padding-top: 5px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: url(/common/nav-tab-rounded-middle-selected-LHS.png) !important;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationRight, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrent .navigationRight {
  margin-right: 0 !important;
  display: inline-block;
  width: 13px;
  background-image: url(/common/nav-tab-rounded-middle-selected-RHS.png) !important;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationMenuText, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationMenuText {
  padding-left: 24px;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationLeft, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationLeft {
  margin-left: 0px !important;
  background-image: url(/common/nav-tab-rounded-left-selected-LHS.png) !important;
}
html.navigationStyleTabs.designStyleFramed .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationRight, html.navigationStyleTabs.designStyleOpen .contentAreaNavigation .navigation.navigationTabs a.shopNavigationItemCurrentLeft .navigationRight {
  background-image: url(/common/nav-tab-rounded-left-selected-RHS.png) !important;
}

html.designStyleFramed .item .hero .hero-header .hero-logo,
html.designStyleFramed .item .bannerImageV2 .hero-header .hero-logo,
html.designStyleFramed .item .hero-slide .hero-header .hero-logo, html.designStyleFramed .subitem .hero .hero-header .hero-logo,
html.designStyleFramed .subitem .bannerImageV2 .hero-header .hero-logo,
html.designStyleFramed .subitem .hero-slide .hero-header .hero-logo {
  padding-left: 0;
  padding-right: 0;
}
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero .hero-header .hero-logo,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .bannerImageV2 .hero-header .hero-logo,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero-slide .hero-header .hero-logo, .designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero .hero-header .hero-logo,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .bannerImageV2 .hero-header .hero-logo,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero-slide .hero-header .hero-logo {
  padding-left: 22px;
  padding-right: 22px;
}
.designStyleFlexi .item .hero .hero-body .hero-content,
.designStyleFlexi .item .bannerImageV2 .hero-body .hero-content,
.designStyleFlexi .item .hero-slide .hero-body .hero-content, .designStyleFlexi .subitem .hero .hero-body .hero-content,
.designStyleFlexi .subitem .bannerImageV2 .hero-body .hero-content,
.designStyleFlexi .subitem .hero-slide .hero-body .hero-content {
  padding-left: 0;
}
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero .hero-body .hero-content,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .bannerImageV2 .hero-body .hero-content,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero-slide .hero-body .hero-content, .designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero .hero-body .hero-content,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .bannerImageV2 .hero-body .hero-content,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero-slide .hero-body .hero-content {
  padding-left: 22px;
}
.designStyleFlexi .item .hero .hero-body .hero-content-container,
.designStyleFlexi .item .bannerImageV2 .hero-body .hero-content-container,
.designStyleFlexi .item .hero-slide .hero-body .hero-content-container, .designStyleFlexi .subitem .hero .hero-body .hero-content-container,
.designStyleFlexi .subitem .bannerImageV2 .hero-body .hero-content-container,
.designStyleFlexi .subitem .hero-slide .hero-body .hero-content-container {
  max-width: 1000px;
}
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero .hero-body .hero-content-container,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .bannerImageV2 .hero-body .hero-content-container,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .item .hero-slide .hero-body .hero-content-container, .designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero .hero-body .hero-content-container,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .bannerImageV2 .hero-body .hero-content-container,
.designStyleFlexi .contentItem:not(.widthFull):not(.widthContainer) .subitem .hero-slide .hero-body .hero-content-container {
  max-width: none;
  padding-left: 20px;
}

/*
    var(--primary-color): #F5732D;
    var(--primary-color-rollover): saturate(lighten(var(--primary-color), 5%), 10%);
    var(--primary-color-shade): #91320A;
    var(--primary-color-shade)-rollover: saturate(lighten(var(--primary-color-shade), 5%), 10%);
    var(--primary-color-tint): #FEF1EA;
    var(--primary-color)-opposite: rgba(var(--primary-color), 0.1); *** Legacy ***
    var(--primary-color)-opposite: #1ACF9E; *** Legacy ***
*/
@layer theme-defaults {
  a {
    color: var(--link-color-default);
  }
  a:hover {
    color: var(--link-color-default-rollover);
  }
}
.themeColour {
  color: var(--primary-color-shade);
}

a.themeColour {
  color: var(--primary-color);
}
a.themeColour:hover {
  color: var(--primary-color-rollover);
}

.framework_header {
  background-color: var(--primary-color);
}

.framework_breadCrumbBar {
  color: var(--primary-color);
}

.framework_breadCrumbBar a {
  color: var(--primary-color);
}

.framework_breadCrumbBar a:hover {
  color: var(--primary-color-shade);
}

.framework_fullPageContent_PaymentRedirect {
  background-color: var(--primary-color);
}

h1, .explicitH1 {
  color: var(--primary-color);
}

span.gallery-mobile-location-button {
  color: var(--primary-color);
  cursor: pointer;
}

h2 {
  color: var(--primary-color);
}

.manageSubHeading {
  border-color: var(--primary-color);
}

.invalidMarker {
  color: var(--primary-color);
}

#searchLabel {
  color: var(--primary-color);
}

.categoryListTitle {
  color: var(--primary-color);
}

.quoteBlock {
  color: var(--primary-color);
}

.addToCart:not(.cartThemeModernWhite) .price {
  color: var(--primary-color);
}

.productDetailsBlock .productPrice {
  color: var(--primary-color);
}

.accordion .cartTable tr.totalLine td.value {
  color: var(--primary-color);
}

.cartTable tr td a {
  color: var(--primary-color);
}

.cartTable tr td a:hover {
  color: var(--primary-color-shade);
}

.sideBarShoppingCart {
  background-color: var(--primary-color-tint);
}

.sideBarShoppingCart hr {
  color: var(--primary-color);
  background-color: var(--primary-color);
}

.sideBarShoppingCart .cartTitleBlock {
  background-color: var(--primary-color);
}

.editPanelHyperLinkActivator:hover {
  color: var(--primary-color);
}

.wantToLink:hover {
  color: var(--primary-color);
}

.modalContainer {
  border: solid 1px var(--primary-color);
}

.outOfOffice {
  background-color: var(--primary-color);
}

.outOfOfficeInner {
  border: solid 1px var(--primary-color);
  color: var(--primary-color);
}

.productOptionsPleaseSelect {
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
}

.shopSummaryGoLiveTaskBoxInner {
  border: solid 6px #b0cc29;
}

.notificationBlock {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.notificationBlock {
  background-color: var(--primary-color);
}
#messageBlock,
.message-block {
  background-color: var(--primary-color);
}
.bgc.bgc-dark #messageBlock,
.bgc.bgc-dark .message-block {
  background: rgba(0, 0, 0, 0.5);
}
body.fixed #messageBlock,
body.fixed .message-block {
  /* gradient from accent colour to theme colour */
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-end) 0, var(--primary-color-gradient-start) 100%);
}

#messageBlockPopUp .message-block .message-text {
  padding-left: 37px;
}

#messageBlockPopUp .message-block.alert .message-text {
  padding-left: 37px;
}

#messageBlockPopUp .message-block.error .message-text {
  padding-left: 37px;
}

#messageBlockPopUp .message-block.success .message-text {
  padding-left: 37px;
}

.inlineValidationError {
  color: var(--primary-color);
  border: solid 1px var(--primary-color);
}

#orderPage h2 {
  border-color: var(--primary-color);
}

/* Order Search */
.orderSearchTitleBlock {
  background-color: var(--primary-color);
}

.orderStatusFilterSection a.selected:link, .orderStatusFilterSection a.selected:active, .orderStatusFilterSection a.selected:visited,
.orderStatusFilterSection a:hover {
  color: var(--primary-color);
}

.orderStatusFilterSection a:hover {
  color: var(--primary-color);
}

.productPrice {
  color: var(--primary-color);
}

.shoppingCartSummaryHighlight {
  color: var(--primary-color);
}

.listActionMenuSectionTitle {
  background-color: var(--primary-color);
}

.listActionMenuItem a {
  background-color: var(--primary-color-tint);
  color: var(--primary-color-shade);
}

.listActionMenuItem a:hover {
  color: var(--primary-color-shade);
}

a.theme-link {
  color: var(--primary-color);
}
a.theme-link:hover {
  color: var(--primary-color-rollover);
}

a.alt-theme-link {
  color: #2861A0;
}
a.alt-theme-link:hover {
  color: rgb(33.825, 108.80375, 191.675);
}

a.shopTabSelected {
  color: var(--primary-color);
}

a.shopTabSelected:hover {
  color: var(--primary-color-shade);
}

a.editTabSelected {
  color: var(--primary-color);
}

a.editTabUnselected:hover {
  color: var(--primary-color-shade);
}

.navigation.navigationText .shopNavigationItemCurrent {
  border-color: var(--primary-color);
}

.productOptionsStockTable td.productOptionLimitedStock,
.productOptionsStockTable td.productOptionAvailable {
  color: var(--primary-color);
}

.productOptionsStockTable td.priceCell {
  color: var(--primary-color);
}

a.selectedProductTab {
  color: var(--primary-color);
}

a.selectedProductTab {
  color: var(--primary-color-shade);
}

.highlightedOrderDetails tr td.value {
  color: var(--primary-color);
}

.jspDrag {
  background-color: var(--primary-color);
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover {
  background-color: var(--primary-color) !important;
}

.jspArrow {
  background-color: var(--primary-color) !important;
}

.jspDisabled, .jspArrow.jspDisabled {
  background-color: var(--primary-color-shade) !important;
}

.productPager a.currentPage {
  color: var(--primary-color);
}

/* VERSION 3 */
/* SHOP */
ul.navTabs li a {
  border-color: var(--primary-color-shade);
  background-color: var(--primary-color);
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-end) 0, var(--primary-color-gradient-start) 100%);
}

.breadcrumb a.selected {
  color: var(--primary-color-shade);
}

.shoppingCartSummary .cartContents {
  color: var(--primary-color);
}

/* MANAGE */
.managementBar .systemMessage {
  color: var(--primary-color-rollover);
}

.itemPicker table tr.hover td {
  background-color: var(--primary-color);
}

.addPanelArea a:hover {
  background-color: var(--primary-color);
}

.simpleDropMenu li a {
  background-color: var(--primary-color);
}

.item .bannerImageV2 .hero-background,
.item .hero .hero-background, .subitem .bannerImageV2 .hero-background,
.subitem .hero .hero-background {
  background-color: var(--primary-color);
  background-color: var(--primary-color-desaturated-light);
}

.navigation.navigationTabs a.shopNavigationItemCurrent .navigationMenuText {
  color: var(--primary-color) !important;
}

.navigation.navigationTabs a.shopNavigationItemCurrent:hover .navigationMenuText {
  color: var(--primary-color-shade) !important;
}

.navigation.navigationTabs a.shopNavigationItemCurrent .navigationLeft {
  border-color: var(--primary-color) !important;
}

.navigation.navigationTabs a.shopNavigationItemCurrent:hover .navigationLeft {
  border-color: var(--primary-color-shade) !important;
}

.fgc-inverse .navigation.navigationTabs a.shopNavigationItem span {
  color: var(--primary-color);
  height: 32px;
}
.fgc-inverse .navigation.navigationTabs a.shopNavigationItemCurrent .navigationLeft {
  border-color: var(--primary-color-darkened-10) !important;
}
.fgc-inverse .navigation.navigationTabs a.shopNavigationItemCurrent:hover .navigationLeft {
  border-color: var(--primary-color-darkened-10) !important;
}
.fgc-inverse .navigation.navigationTabs a.shopNavigationItem .navigationLeft {
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0.75) 100%);
  border-radius: 3px;
}
.fgc-inverse .navigation.navigationTabs a.shopNavigationItem:hover .navigationLeft {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
}
.fgc-inverse .navigation.navigationTabs a.shopNavigationItem .navigationRight,
.fgc-inverse .navigation.navigationTabs a.shopNavigationItem:hover .navigationRight {
  background-image: none;
}

.navigation.navigationText a.shopNavigationItemCurrent {
  color: var(--primary-color) !important;
}

.fgc-inverse .navigation.navigationText a.shopNavigationItemCurrent {
  color: #fff !important;
  border-color: #fff !important;
}

.navigation.navigationDropDown .dropdownContent > ul li a:hover {
  background-color: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.navigation.navigationDropDown .dropdownContent > ul li a:hover svg {
  fill: var(--primary-color);
}
.navigation.navigationDropDown a.shopNavigationItem:hover,
.navigation.navigationDropDown .dropdown-open a.shopNavigationItem {
  color: var(--primary-color);
}
.navigation.navigationDropDown a.shopNavigationItem:hover svg,
.navigation.navigationDropDown .dropdown-open a.shopNavigationItem svg {
  fill: var(--primary-color);
}

.fgc-inverse .navigation.navigationDropDown a.shopNavigationItem:hover,
.fgc-inverse .navigation.navigationDropDown .dropdown-open a.shopNavigationItem {
  color: #fff;
  opacity: 0.8;
}
.fgc-inverse .navigation.navigationDropDown a.shopNavigationItem:hover svg,
.fgc-inverse .navigation.navigationDropDown .dropdown-open a.shopNavigationItem svg {
  fill: #fff;
}

.galleryMasonry .galleryItem .galleryItemName a {
  color: var(--primary-color);
}
.galleryMasonry .galleryItem .galleryItemName a:hover {
  color: var(--primary-color-rollover);
}

.gallery .buttonColumn,
.gallery2 .details .actions {
  color: var(--primary-color);
}

.managePageAnnouncement, .masterPageHeader {
  background-color: var(--primary-color);
}
.managePageAnnouncement a:hover {
  color: var(--primary-color-tint);
}

.item .announcement,
.subitem .announcement {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
body.fixed .item .announcement,
body.fixed .subitem .announcement {
  border-color: var(--primary-color-gradient-end);
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-end) 0, var(--primary-color-gradient-start) 100%);
}

.pager .currentPage {
  color: var(--primary-color);
}

.pager a.page:hover {
  background-color: var(--primary-color);
}

.imageSelector .selected,
.buttonSelector .selected,
.themePicker .selected {
  border-color: var(--primary-color-shade);
}

/* Embedded */
.cart-summary {
  background-color: var(--primary-color);
}

.mobile-profile-control a {
  color: var(--primary-color);
}

.mobile-profile-control a:hover {
  color: var(--primary-color-rollover);
}

#checkout .step-number:before {
  background: var(--primary-color);
}

.themeLink {
  color: var(--primary-color);
  text-decoration: none;
}
.themeLink:hover {
  opacity: 0.8;
}

.smallFont {
  font-size: var(--fontsize-xsmall);
}

.themeGradient,
.themeGradientNoHover {
  background: var(--primary-color) !important;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%) !important;
  color: #fff !important;
}

.themeGradient:hover {
  background: var(--primary-color-rollover) !important;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%) !important;
}

.themeGradient.disabled,
.themeGradientNoHover.disabled,
.themeGradient.disabled:hover {
  background: #767676 !important;
  background: #767676 linear-gradient(to bottom, rgba(255, 255, 255, 0.36) 0, rgba(255, 255, 255, 0) 100%) !important;
}

.styled-radio-checkbox input[type=radio]:not(old):checked + label > span {
  background: var(--primary-color-tint) !important;
  border-color: var(--primary-color-tint) !important;
  box-shadow: inset 3px 3px 5px -3px rgba(0, 0, 0, 0.48);
}

.shop-tab.selected {
  border-bottom: 2px solid var(--primary-color);
  font-weight: 600;
}

.shopButton,
.manageArea #bodyContent a.shopButton {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.shopButton span,
.manageArea #bodyContent a.shopButton span {
  vertical-align: middle;
}
.shopButton.fullWidth,
.manageArea #bodyContent a.shopButton.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.shopButton.v2,
.manageArea #bodyContent a.shopButton.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.shopButton.large,
.manageArea #bodyContent a.shopButton.large {
  font-size: 1.5em;
}
.shopButton .verb, .shopButton em,
.manageArea #bodyContent a.shopButton .verb,
.manageArea #bodyContent a.shopButton em {
  font-style: italic;
}
.shopButton:focus-visible,
.manageArea #bodyContent a.shopButton:focus-visible {
  outline: 1px auto;
}
.buttonStyleSolid .shopButton,
.buttonStyleSolid .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.buttonStyleSolid .shopButton:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.buttonStyleSolid .shopButton.alternative,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.buttonStyleSolid .shopButton.alternative:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.buttonStyleSolid .shopButton.darken,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.buttonStyleSolid .shopButton.darken:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.buttonStyleSolid .shopButton.tint,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.buttonStyleSolid .shopButton.tint:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.buttonStyleSolid .shopButton.complement,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.buttonStyleSolid .shopButton.complement:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.buttonStyleSolid .shopButton.disabled,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.buttonStyleSolid .shopButton.on-dark, .bgc-dark .buttonStyleSolid .shopButton,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.on-dark,
.bgc-dark .buttonStyleSolid .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.buttonStyleSolid .shopButton.on-dark:hover, .bgc-dark .buttonStyleSolid .shopButton:hover,
.buttonStyleSolid .manageArea #bodyContent a.shopButton.on-dark:hover,
.bgc-dark .buttonStyleSolid .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .shopButton,
.buttonStyleGradient .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shopButton:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shopButton.alternative,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .shopButton.alternative:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .shopButton.darken,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shopButton.darken:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shopButton.tint,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .shopButton.tint:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .shopButton.complement,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .shopButton.complement:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .shopButton.disabled,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .shopButton.on-dark, .bgc-dark .buttonStyleGradient .shopButton,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.on-dark,
.bgc-dark .buttonStyleGradient .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .shopButton.on-dark:hover, .bgc-dark .buttonStyleGradient .shopButton:hover,
.buttonStyleGradient .manageArea #bodyContent a.shopButton.on-dark:hover,
.bgc-dark .buttonStyleGradient .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .shopButton,
.buttonStyleOutline .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .shopButton:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .shopButton.alternative,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .shopButton.alternative:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .shopButton.complement,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .shopButton.complement:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .shopButton.darken,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .shopButton.darken:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .shopButton.disabled, .buttonStyleOutline .shopButton.disabled:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.disabled,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .shopButton.on-dark, .bgc-dark .buttonStyleOutline .shopButton,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.on-dark,
.bgc-dark .buttonStyleOutline .manageArea #bodyContent a.shopButton {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .shopButton.on-dark:hover, .bgc-dark .buttonStyleOutline .shopButton:hover,
.buttonStyleOutline .manageArea #bodyContent a.shopButton.on-dark:hover,
.bgc-dark .buttonStyleOutline .manageArea #bodyContent a.shopButton:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.shopButton.styleSolid,
.manageArea #bodyContent a.shopButton.styleSolid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.shopButton.styleSolid:hover,
.manageArea #bodyContent a.shopButton.styleSolid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.shopButton.styleSolid.alternative,
.manageArea #bodyContent a.shopButton.styleSolid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.shopButton.styleSolid.alternative:hover,
.manageArea #bodyContent a.shopButton.styleSolid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.shopButton.styleSolid.darken,
.manageArea #bodyContent a.shopButton.styleSolid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.shopButton.styleSolid.darken:hover,
.manageArea #bodyContent a.shopButton.styleSolid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.shopButton.styleSolid.tint,
.manageArea #bodyContent a.shopButton.styleSolid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.shopButton.styleSolid.tint:hover,
.manageArea #bodyContent a.shopButton.styleSolid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.shopButton.styleSolid.complement,
.manageArea #bodyContent a.shopButton.styleSolid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.shopButton.styleSolid.complement:hover,
.manageArea #bodyContent a.shopButton.styleSolid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.shopButton.styleSolid.disabled,
.manageArea #bodyContent a.shopButton.styleSolid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.shopButton.styleSolid.on-dark, .bgc-dark .shopButton.styleSolid,
.manageArea #bodyContent a.shopButton.styleSolid.on-dark,
.bgc-dark .manageArea #bodyContent a.shopButton.styleSolid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.shopButton.styleSolid.on-dark:hover, .bgc-dark .shopButton.styleSolid:hover,
.manageArea #bodyContent a.shopButton.styleSolid.on-dark:hover,
.bgc-dark .manageArea #bodyContent a.shopButton.styleSolid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.shopButton.styleGradient,
.manageArea #bodyContent a.shopButton.styleGradient {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.shopButton.styleGradient:hover,
.manageArea #bodyContent a.shopButton.styleGradient:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.shopButton.styleGradient.alternative,
.manageArea #bodyContent a.shopButton.styleGradient.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.shopButton.styleGradient.alternative:hover,
.manageArea #bodyContent a.shopButton.styleGradient.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.shopButton.styleGradient.darken,
.manageArea #bodyContent a.shopButton.styleGradient.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.shopButton.styleGradient.darken:hover,
.manageArea #bodyContent a.shopButton.styleGradient.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.shopButton.styleGradient.tint,
.manageArea #bodyContent a.shopButton.styleGradient.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.shopButton.styleGradient.tint:hover,
.manageArea #bodyContent a.shopButton.styleGradient.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.shopButton.styleGradient.complement,
.manageArea #bodyContent a.shopButton.styleGradient.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.shopButton.styleGradient.complement:hover,
.manageArea #bodyContent a.shopButton.styleGradient.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.shopButton.styleGradient.disabled,
.manageArea #bodyContent a.shopButton.styleGradient.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.shopButton.styleGradient.on-dark, .bgc-dark .shopButton.styleGradient,
.manageArea #bodyContent a.shopButton.styleGradient.on-dark,
.bgc-dark .manageArea #bodyContent a.shopButton.styleGradient {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.shopButton.styleGradient.on-dark:hover, .bgc-dark .shopButton.styleGradient:hover,
.manageArea #bodyContent a.shopButton.styleGradient.on-dark:hover,
.bgc-dark .manageArea #bodyContent a.shopButton.styleGradient:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.shopButton.styleOutline,
.manageArea #bodyContent a.shopButton.styleOutline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.shopButton.styleOutline:hover,
.manageArea #bodyContent a.shopButton.styleOutline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.shopButton.styleOutline.alternative,
.manageArea #bodyContent a.shopButton.styleOutline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.shopButton.styleOutline.alternative:hover,
.manageArea #bodyContent a.shopButton.styleOutline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.shopButton.styleOutline.complement,
.manageArea #bodyContent a.shopButton.styleOutline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.shopButton.styleOutline.complement:hover,
.manageArea #bodyContent a.shopButton.styleOutline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.shopButton.styleOutline.darken,
.manageArea #bodyContent a.shopButton.styleOutline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.shopButton.styleOutline.darken:hover,
.manageArea #bodyContent a.shopButton.styleOutline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.shopButton.styleOutline.disabled, .shopButton.styleOutline.disabled:hover,
.manageArea #bodyContent a.shopButton.styleOutline.disabled,
.manageArea #bodyContent a.shopButton.styleOutline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.shopButton.styleOutline.on-dark, .bgc-dark .shopButton.styleOutline,
.manageArea #bodyContent a.shopButton.styleOutline.on-dark,
.bgc-dark .manageArea #bodyContent a.shopButton.styleOutline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.shopButton.styleOutline.on-dark:hover, .bgc-dark .shopButton.styleOutline:hover,
.manageArea #bodyContent a.shopButton.styleOutline.on-dark:hover,
.bgc-dark .manageArea #bodyContent a.shopButton.styleOutline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.buttonCornersSquare .shopButton,
.buttonCornersSquare .manageArea #bodyContent a.shopButton {
  border-radius: 0 !important;
}
.buttonCornersSoft .shopButton,
.buttonCornersSoft .manageArea #bodyContent a.shopButton {
  border-radius: 2px !important;
}
.buttonCornersRounded .shopButton,
.buttonCornersRounded .manageArea #bodyContent a.shopButton {
  border-radius: 4px !important;
}
.buttonCornersCurved .shopButton,
.buttonCornersCurved .manageArea #bodyContent a.shopButton {
  border-radius: 1.2em !important;
}
.shopButton.cornersSquare,
.manageArea #bodyContent a.shopButton.cornersSquare {
  border-radius: 0 !important;
}
.shopButton.cornersSoft,
.manageArea #bodyContent a.shopButton.cornersSoft {
  border-radius: 2px !important;
}
.shopButton.cornersRounded,
.manageArea #bodyContent a.shopButton.cornersRounded {
  border-radius: 4px !important;
}
.shopButton.cornersCurved,
.manageArea #bodyContent a.shopButton.cornersCurved {
  border-radius: 1.2em !important;
}
.buttonCapitalisationNormal .shopButton,
.buttonCapitalisationNormal .manageArea #bodyContent a.shopButton {
  text-transform: none;
}
.buttonCapitalisationUppercase .shopButton,
.buttonCapitalisationUppercase .manageArea #bodyContent a.shopButton {
  text-transform: uppercase;
}
.shopButton.capitalisationNormal,
.manageArea #bodyContent a.shopButton.capitalisationNormal {
  text-transform: none;
}
.shopButton.capitalisationUppercase,
.manageArea #bodyContent a.shopButton.capitalisationUppercase {
  text-transform: uppercase;
}
.shopButton.disabled,
.manageArea #bodyContent a.shopButton.disabled {
  cursor: default;
}
.shopButton + .shopButton,
.manageArea #bodyContent a.shopButton + .shopButton {
  margin-left: 5px;
}

.ui-slider-horizontal .ui-slider-handle {
  background-color: var(--primary-color);
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
  border-color: var(--primary-color-shade);
}

@layer theme-defaults {
  .gallery2 a {
    color: var(--primary-color);
  }
  .gallery2 a:hover {
    color: var(--primary-color-rollover);
  }
}
.share-icons-links .share-popup-mail a:hover {
  color: var(--primary-color-lightened-15);
}

.customer-page .theme span {
  color: var(--primary-color);
}

.themedTitles .galleryListItem h2 a {
  color: var(--primary-color);
}

.gallery2.gmc-f-ttc .details .title a {
  color: var(--primary-color);
}

.gallery2.gml-f-ttc .details .title a {
  color: var(--primary-color);
}

.gallery2.gmc-f-ttc .image .image-heading {
  color: var(--primary-color);
}

.gallery2.gmc-f-ttc .image .image-heading {
  color: var(--primary-color);
}

.gallery-filters .filter-group ul.single li.selected > a {
  color: var(--primary-color);
  background-color: var(--primary-color-transparent-tint);
}
.gallery-filters .filter-group ul.single li.selected > a:hover {
  color: var(--primary-color-rollover);
}

.gallery-filters .filter-group > .name button {
  color: var(--primary-color);
}
.gallery-filters .filter-group > .name button:hover {
  color: var(--primary-color-rollover);
}

/*@at-root {
    .richText h2.themeColour, .cke_panel_list h2.themeColour,
    .richText h3.themeColour, .cke_panel_list h3.themeColour {
        color: var(--primary-color);
    }

    .richText a, .cke_panel_list a,
    .richText p.accentuated, .cke_panel_list p.accentuated {
        color: var(--primary-color);

        .fgc-inverse & {
            color: #fff;
        }
    }

    .richText .color-theme {
        color: var(--primary-color);

        .fgc-inverse & {
            color: #fff;
        }
    }

    .richText .color-text {
        color: $body-text-color;

        .fgc-inverse & {
            color: #fff;
        }
    }

    .fgc-inverse {
    	h1,
        .richText,
        .richText h2, .cke_panel_list h2,
        .richText h3, .cke_panel_list h3,
        .richText h2.themeColour, .cke_panel_list h2.themeColour,
        .richText h3.themeColour, .cke_panel_list h3.themeColour {
            color: #fff;
        }
    }
}*/
.item .bannerText h1, .subitem .bannerText h1 {
  color: var(--primary-color);
}
.fgc-inverse .item .bannerText h1, .fgc-inverse .subitem .bannerText h1 {
  color: #fff;
}

.bgc.bgc-light {
  background-color: var(--primary-color-solid-tint);
}

.bgc.bgc-dark {
  background-color: var(--primary-color);
}
.bgc.bgc-dark .iconActions .ab-cart-summary .ab-cart-itemcount, .bgc.bgc-dark .content-action-bar .ab-cart-summary .ab-cart-itemcount {
  color: var(--primary-color);
}

/* -- HEADING FONT -- */
.sideNavigation,
.richText [data-themefont=heading] {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
}

.navigation .navigationMenuText {
  position: relative;
  top: var(--heading-vertical-adjustment);
}

#pageTitle h1,
html.navigationStyleText h1#pageTitleText,
html.navigationStyleDropDown h1#pageTitleText,
.bannerImageV2 .hero-content .title,
.hero .hero-content .title {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}

.accordion .titleContainer {
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h2);
}

.navigation.navigationText a.shopNavigationItem,
.navigation.navigationDropDown a.shopNavigationItem {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h4);
}

.subnavLink,
html.navigationStyleText ul.subnavLinks li a {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-small);
  line-height: 1.1;
}

.currentStepTitle,
.navigation .navigationMenuText {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h5);
  line-height: var(--body-line-height);
}

html.navigationStyleDropDown ul.subnavLinks li a {
  font-size: var(--fontsize-small);
  font-weight: var(--heading-default-weight);
}

/* -- BODY FONT -- */
.ab-cart-summary .ab-cart-button {
  font-size: var(--fontsize-large);
}

.gallery .contentXxLarge h2 {
  font-size: 1.0625rem;
}

/*.cke_editable h2,
.richtext-edit-container h2,
.itemArea h2,
.itemArea h2.item-title,
.addToCartProductPrice .pricing,
ul.mobile-nav li a.mobile-nav-expand,
ul.mobile-nav li a.mobile-nav-return,
ul.mobile-nav .ab-menu-button,
ul.mobile-nav .ab-home-button,
.ab-cart-summary .ab-cart-itemcount,
.gallery.galleryImageList h2,
.gallery.galleryList.largerTitles h2,
.ab-profile-dropdown {
    font-size: rem(16);
}*/
/*.checkoutFormRadioLabel {
    font-size: rem(16);
    font-weight: $body-default-weight;
}*/
.gallery .contentXxLarge .actions .pricing {
  font-size: 0.925rem;
}

/*.cke_editable h3,
.richtext-edit-container h3,
.itemArea h3,
#sb-counter {
    font-size: rem(14);
}*/
/*#dialog-cart,
.gallery.galleryList:not(.largerTitles) h2 {
        font-size: rem(13);
    }*/
/*.shopBodyFont,
.contentItem,
.richText,
.cke_panel_list,
.richText li,
.cke_panel_list li,
.notificationText,
.cartContentBlock,
.orderSummaryTable,
.checkoutFormSection,
.checkoutFormSection input.textInput,
.checkoutTextArea,
.checkoutMessage,
.itemAreaSmallFishAddress,
.itemAreaSmallFishContactForm,
.privacyPolicy,
.addToCartPanel,
.loginStatus,
.galleryColumns .galleryColumnsItem,
.galleryImageList,
.galleryList,
.galleryMasonry,
.gallery h2,
.shop-search-summary,
.ab-legacy-desktop-search .shop-search label,
.addToCartInner,
.addToCart .option,
.booking-time-picker a,
.booking-time-picker span,
.shop-search .search-field .search-input input[type=text],
.ui-widget-content {
    //font-size: rem(13);        
    font-weight: $body-default-weight;
}*/
/*.shopButton {
    font-size: rem(12.5);
}*/
/*.shopButton,
.cart .checkoutButton,
.cart .cartBoxes .promotionCartBox .field .applyVoucherCouponButton,
#mobile-nav-component {
    font-weight: $body-default-weight;
}*/
/*.cartCouponCodeSection,
#footer,
.shop-search label,
.ab-profile-dropdown .account-button,
.ab-profile-dropdown .logout-button {
    font-size: rem(12);
    font-weight: $body-default-weight;
}*/
.breadcrumb,
.cart .cart-table th,
.galleryColumns .mediumButtonSize .shopButton {
  font-size: var(--fontsize-small);
}

.galleryColumns .smallButtonSize .shopButton {
  font-size: 0.56875rem;
}

/*.cke_editable h2.large,
.richtext-edit-container h2.large,
.richText h2.large,
.cke_panel_list h2.large {
    font-size: rem(24);
}*/
/*.cke_editable p.large,
.richtext-edit-container p.large,
.richText p.large,
h2.large p.large {
    font-size: rem(18);
}*/
/*body {
    @include body-font();
}
*/
.font-open-sans {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans b, .font-open-sans strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-light {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 300;
}
.font-open-sans-light b, .font-open-sans-light strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-normal {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans-normal b, .font-open-sans-normal strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-semibold {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}
.font-open-sans-semibold b, .font-open-sans-semibold strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-bold {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}
.font-open-sans-bold b, .font-open-sans-bold strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-heading {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans-heading b, .font-open-sans-heading strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-banner {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}
.font-open-sans-banner b, .font-open-sans-banner strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.bannerWebFontOpenSans, .bannerWebFontOpenSans h1 {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}

.font-open-sans-condensed {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans-condensed b, .font-open-sans-condensed strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-light {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 300;
}
.font-open-sans-condensed-light b, .font-open-sans-condensed-light strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-normal {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans-condensed-normal b, .font-open-sans-condensed-normal strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-semibold {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}
.font-open-sans-condensed-semibold b, .font-open-sans-condensed-semibold strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-bold {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}
.font-open-sans-condensed-bold b, .font-open-sans-condensed-bold strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-heading {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 400;
}
.font-open-sans-condensed-heading b, .font-open-sans-condensed-heading strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.font-open-sans-condensed-banner {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}
.font-open-sans-condensed-banner b, .font-open-sans-condensed-banner strong {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 600;
}

.bannerWebFontOpenSans, .bannerWebFontOpenSans h1 {
  font-family: "[Storbie] Open Sans", "[Local] Open Sans", "Open Sans", sans-serif;
  font-weight: 500;
}

.font-arimo {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 400;
}
.font-arimo b, .font-arimo strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-light {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 400;
}
.font-arimo-light b, .font-arimo-light strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-normal {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 400;
}
.font-arimo-normal b, .font-arimo-normal strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-semibold {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 475;
}
.font-arimo-semibold b, .font-arimo-semibold strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-bold {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}
.font-arimo-bold b, .font-arimo-bold strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-heading {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 450;
}
.font-arimo-heading b, .font-arimo-heading strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.font-arimo-banner {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 600;
}
.font-arimo-banner b, .font-arimo-banner strong {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 575;
}

.bannerWebFontArimo, .bannerWebFontArimo h1 {
  font-family: "[Storbie] Arimo", "[Local] Arimo", "Arimo", sans-serif;
  font-weight: 600;
}

.font-overlock {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock b, .font-overlock strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-light {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock-light b, .font-overlock-light strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-normal {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock-normal b, .font-overlock-normal strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-semibold {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock-semibold b, .font-overlock-semibold strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-bold {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}
.font-overlock-bold b, .font-overlock-bold strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-heading {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock-heading b, .font-overlock-heading strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.font-overlock-banner {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}
.font-overlock-banner b, .font-overlock-banner strong {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 700;
}

.bannerWebFontOverlock, .bannerWebFontOverlock h1 {
  font-family: "[Storbie] Overlock", "[Local] Overlock", "Overlock", sans-serif;
  font-weight: 400;
}

.font-simonetta {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta b, .font-simonetta strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-light {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta-light b, .font-simonetta-light strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-normal {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta-normal b, .font-simonetta-normal strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-semibold {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta-semibold b, .font-simonetta-semibold strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-bold {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}
.font-simonetta-bold b, .font-simonetta-bold strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-heading {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta-heading b, .font-simonetta-heading strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.font-simonetta-banner {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}
.font-simonetta-banner b, .font-simonetta-banner strong {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 900;
}

.bannerWebFontSimonetta, .bannerWebFontSimonetta h1 {
  font-family: "[Storbie] Simonetta", "[Local] Simonetta", "Simonetta", sans-serif;
  font-weight: 400;
}

.font-crete-round {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round b, .font-crete-round strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-light {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round-light b, .font-crete-round-light strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-normal {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round-normal b, .font-crete-round-normal strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-semibold {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round-semibold b, .font-crete-round-semibold strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-bold {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}
.font-crete-round-bold b, .font-crete-round-bold strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-heading {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round-heading b, .font-crete-round-heading strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.font-crete-round-banner {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}
.font-crete-round-banner b, .font-crete-round-banner strong {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 600;
}

.bannerWebFontCreteRound, .bannerWebFontCreteRound h1 {
  font-family: "[Storbie] Crete Round", "[Local] Crete Round", "Crete Round", sans-serif;
  font-weight: 400;
}

.font-fugaz-one {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one b, .font-fugaz-one strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-light {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one-light b, .font-fugaz-one-light strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-normal {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one-normal b, .font-fugaz-one-normal strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-semibold {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one-semibold b, .font-fugaz-one-semibold strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-bold {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}
.font-fugaz-one-bold b, .font-fugaz-one-bold strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-heading {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one-heading b, .font-fugaz-one-heading strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.font-fugaz-one-banner {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}
.font-fugaz-one-banner b, .font-fugaz-one-banner strong {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 600;
}

.bannerWebFontFugazOne, .bannerWebFontFugazOne h1 {
  font-family: "[Storbie] Fugaz One", "[Local] Fugaz One", "Fugaz One", sans-serif;
  font-weight: 400;
}

.font-montez {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez b, .font-montez strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-light {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez-light b, .font-montez-light strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-normal {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez-normal b, .font-montez-normal strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-semibold {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez-semibold b, .font-montez-semibold strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-bold {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}
.font-montez-bold b, .font-montez-bold strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-heading {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez-heading b, .font-montez-heading strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.font-montez-banner {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}
.font-montez-banner b, .font-montez-banner strong {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 600;
}

.bannerWebFontMontez, .bannerWebFontMontez h1 {
  font-family: "[Storbie] Montez", "[Local] Montez", "Montez", sans-serif;
  font-weight: 400;
}

.font-sorts-mill-goudy {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy b, .font-sorts-mill-goudy strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-light {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy-light b, .font-sorts-mill-goudy-light strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-normal {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy-normal b, .font-sorts-mill-goudy-normal strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-semibold {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy-semibold b, .font-sorts-mill-goudy-semibold strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-bold {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}
.font-sorts-mill-goudy-bold b, .font-sorts-mill-goudy-bold strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-heading {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy-heading b, .font-sorts-mill-goudy-heading strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.font-sorts-mill-goudy-banner {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}
.font-sorts-mill-goudy-banner b, .font-sorts-mill-goudy-banner strong {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 600;
}

.bannerWebFontSortsMillGoudy, .bannerWebFontSortsMillGoudy h1 {
  font-family: "[Storbie] Sorts Mill Goudy", "[Local] Sorts Mill Goudy", "Sorts Mill Goudy", sans-serif;
  font-weight: 400;
}

.font-fredoka-one {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one b, .font-fredoka-one strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-light {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one-light b, .font-fredoka-one-light strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-normal {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one-normal b, .font-fredoka-one-normal strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-semibold {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one-semibold b, .font-fredoka-one-semibold strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-bold {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}
.font-fredoka-one-bold b, .font-fredoka-one-bold strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-heading {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one-heading b, .font-fredoka-one-heading strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.font-fredoka-one-banner {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}
.font-fredoka-one-banner b, .font-fredoka-one-banner strong {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 600;
}

.bannerWebFontFredokaOne, .bannerWebFontFredokaOne h1 {
  font-family: "[Storbie] Fredoka One", "[Local] Fredoka One", "Fredoka One", sans-serif;
  font-weight: 400;
}

.font-josefin-sans {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font-josefin-sans b, .font-josefin-sans strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-light {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font-josefin-sans-light b, .font-josefin-sans-light strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-normal {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font-josefin-sans-normal b, .font-josefin-sans-normal strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-semibold {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 500;
}
.font-josefin-sans-semibold b, .font-josefin-sans-semibold strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-bold {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}
.font-josefin-sans-bold b, .font-josefin-sans-bold strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-heading {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font-josefin-sans-heading b, .font-josefin-sans-heading strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.font-josefin-sans-banner {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font-josefin-sans-banner b, .font-josefin-sans-banner strong {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 700;
}

.bannerWebFontJosefinSans, .bannerWebFontJosefinSans h1 {
  font-family: "[Storbie] Josefin Sans", "[Local] Josefin Sans", "Josefin Sans", sans-serif;
  font-weight: 400;
}

.font-marck-script {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script b, .font-marck-script strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-light {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script-light b, .font-marck-script-light strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-normal {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script-normal b, .font-marck-script-normal strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-semibold {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script-semibold b, .font-marck-script-semibold strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-bold {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}
.font-marck-script-bold b, .font-marck-script-bold strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-heading {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script-heading b, .font-marck-script-heading strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.font-marck-script-banner {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}
.font-marck-script-banner b, .font-marck-script-banner strong {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 600;
}

.bannerWebFontMarckScript, .bannerWebFontMarckScript h1 {
  font-family: "[Storbie] Marck Script", "[Local] Marck Script", "Marck Script", sans-serif;
  font-weight: 400;
}

.font-varela-round {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round b, .font-varela-round strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-light {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round-light b, .font-varela-round-light strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-normal {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round-normal b, .font-varela-round-normal strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-semibold {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round-semibold b, .font-varela-round-semibold strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-bold {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}
.font-varela-round-bold b, .font-varela-round-bold strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-heading {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round-heading b, .font-varela-round-heading strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.font-varela-round-banner {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}
.font-varela-round-banner b, .font-varela-round-banner strong {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 600;
}

.bannerWebFontVarelaRound, .bannerWebFontVarelaRound h1 {
  font-family: "[Storbie] Varela Round", "[Local] Varela Round", "Varela Round", sans-serif;
  font-weight: 400;
}

.font-quattrocento {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento b, .font-quattrocento strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-light {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento-light b, .font-quattrocento-light strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-normal {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento-normal b, .font-quattrocento-normal strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-semibold {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento-semibold b, .font-quattrocento-semibold strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-bold {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}
.font-quattrocento-bold b, .font-quattrocento-bold strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-heading {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento-heading b, .font-quattrocento-heading strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.font-quattrocento-banner {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}
.font-quattrocento-banner b, .font-quattrocento-banner strong {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 700;
}

.bannerWebFontQuattrocento, .bannerWebFontQuattrocento h1 {
  font-family: "[Storbie] Quattrocento", "[Local] Quattrocento", "Quattrocento", sans-serif;
  font-weight: 400;
}

.font-quattrocento-sans {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans b, .font-quattrocento-sans strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-light {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans-light b, .font-quattrocento-sans-light strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-normal {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans-normal b, .font-quattrocento-sans-normal strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-semibold {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans-semibold b, .font-quattrocento-sans-semibold strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-bold {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}
.font-quattrocento-sans-bold b, .font-quattrocento-sans-bold strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-heading {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans-heading b, .font-quattrocento-sans-heading strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.font-quattrocento-sans-banner {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.font-quattrocento-sans-banner b, .font-quattrocento-sans-banner strong {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 700;
}

.bannerWebFontQuattrocentoSans, .bannerWebFontQuattrocentoSans h1 {
  font-family: "[Storbie] Quattrocento Sans", "[Local] Quattrocento Sans", "Quattrocento Sans", sans-serif;
  font-weight: 400;
}

.font-chelsea-market {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market b, .font-chelsea-market strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-light {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market-light b, .font-chelsea-market-light strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-normal {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market-normal b, .font-chelsea-market-normal strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-semibold {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market-semibold b, .font-chelsea-market-semibold strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-bold {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}
.font-chelsea-market-bold b, .font-chelsea-market-bold strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-heading {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market-heading b, .font-chelsea-market-heading strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.font-chelsea-market-banner {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}
.font-chelsea-market-banner b, .font-chelsea-market-banner strong {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 600;
}

.bannerWebFontChelseaMarket, .bannerWebFontChelseaMarket h1 {
  font-family: "[Storbie] Chelsea Market", "[Local] Chelsea Market", "Chelsea Market", sans-serif;
  font-weight: 400;
}

.font-special-elite {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite b, .font-special-elite strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-light {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite-light b, .font-special-elite-light strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-normal {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite-normal b, .font-special-elite-normal strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-semibold {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite-semibold b, .font-special-elite-semibold strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-bold {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}
.font-special-elite-bold b, .font-special-elite-bold strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-heading {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite-heading b, .font-special-elite-heading strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.font-special-elite-banner {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}
.font-special-elite-banner b, .font-special-elite-banner strong {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 600;
}

.bannerWebFontSpecialElite, .bannerWebFontSpecialElite h1 {
  font-family: "[Storbie] Special Elite", "[Local] Special Elite", "Special Elite", sans-serif;
  font-weight: 400;
}

.font-lato {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-lato b, .font-lato strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-light {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 300;
}
.font-lato-light b, .font-lato-light strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-normal {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-lato-normal b, .font-lato-normal strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-semibold {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 500;
}
.font-lato-semibold b, .font-lato-semibold strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-bold {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}
.font-lato-bold b, .font-lato-bold strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-heading {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 500;
}
.font-lato-heading b, .font-lato-heading strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-lato-banner {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-lato-banner b, .font-lato-banner strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.bannerWebFontNoto Sans, .bannerWebFontNoto Sans h1 {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}

.font-libre-baskerville {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville b, .font-libre-baskerville strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-light {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville-light b, .font-libre-baskerville-light strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-normal {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville-normal b, .font-libre-baskerville-normal strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-semibold {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville-semibold b, .font-libre-baskerville-semibold strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-bold {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}
.font-libre-baskerville-bold b, .font-libre-baskerville-bold strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-heading {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville-heading b, .font-libre-baskerville-heading strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.font-libre-baskerville-banner {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}
.font-libre-baskerville-banner b, .font-libre-baskerville-banner strong {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 700;
}

.bannerWebFontLibreBaskerville, .bannerWebFontLibreBaskerville h1 {
  font-family: "[Storbie] Libre Baskerville", "[Local] Libre Baskerville", "Libre Baskerville", sans-serif;
  font-weight: 400;
}

.font-cardo {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo b, .font-cardo strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-light {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo-light b, .font-cardo-light strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-normal {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo-normal b, .font-cardo-normal strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-semibold {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo-semibold b, .font-cardo-semibold strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-bold {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}
.font-cardo-bold b, .font-cardo-bold strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-heading {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo-heading b, .font-cardo-heading strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.font-cardo-banner {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}
.font-cardo-banner b, .font-cardo-banner strong {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 700;
}

.bannerWebFontCardo, .bannerWebFontCardo h1 {
  font-family: "[Storbie] Cardo", "[Local] Cardo", "Cardo", sans-serif;
  font-weight: 400;
}

.font-asap {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 400;
}
.font-asap b, .font-asap strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-light {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 300;
}
.font-asap-light b, .font-asap-light strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-normal {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 400;
}
.font-asap-normal b, .font-asap-normal strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-semibold {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 500;
}
.font-asap-semibold b, .font-asap-semibold strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-bold {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}
.font-asap-bold b, .font-asap-bold strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-heading {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 400;
}
.font-asap-heading b, .font-asap-heading strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.font-asap-banner {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 400;
}
.font-asap-banner b, .font-asap-banner strong {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 600;
}

.bannerWebFontAsap, .bannerWebFontAsap h1 {
  font-family: "[Storbie] Asap", "[Local] Asap", "Asap", sans-serif;
  font-weight: 400;
}

.font-dosis {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 400;
}
.font-dosis b, .font-dosis strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-light {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 300;
}
.font-dosis-light b, .font-dosis-light strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-normal {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 400;
}
.font-dosis-normal b, .font-dosis-normal strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-semibold {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 500;
}
.font-dosis-semibold b, .font-dosis-semibold strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-bold {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}
.font-dosis-bold b, .font-dosis-bold strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-heading {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 300;
}
.font-dosis-heading b, .font-dosis-heading strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.font-dosis-banner {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 400;
}
.font-dosis-banner b, .font-dosis-banner strong {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 700;
}

.bannerWebFontDosis, .bannerWebFontDosis h1 {
  font-family: "[Storbie] Dosis", "[Local] Dosis", "Dosis", sans-serif;
  font-weight: 400;
}

.font-montserrat {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 400;
}
.font-montserrat b, .font-montserrat strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-light {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 300;
}
.font-montserrat-light b, .font-montserrat-light strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-normal {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 400;
}
.font-montserrat-normal b, .font-montserrat-normal strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-semibold {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 500;
}
.font-montserrat-semibold b, .font-montserrat-semibold strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-bold {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}
.font-montserrat-bold b, .font-montserrat-bold strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-heading {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 400;
}
.font-montserrat-heading b, .font-montserrat-heading strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.font-montserrat-banner {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 400;
}
.font-montserrat-banner b, .font-montserrat-banner strong {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 600;
}

.bannerWebFontMontserrat, .bannerWebFontMontserrat h1 {
  font-family: "[Storbie] Montserrat", "[Local] Montserrat", "Montserrat", sans-serif;
  font-weight: 400;
}

.font-urbanist {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 400;
}
.font-urbanist b, .font-urbanist strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-light {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 300;
}
.font-urbanist-light b, .font-urbanist-light strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-normal {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 400;
}
.font-urbanist-normal b, .font-urbanist-normal strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-semibold {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 500;
}
.font-urbanist-semibold b, .font-urbanist-semibold strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-bold {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}
.font-urbanist-bold b, .font-urbanist-bold strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-heading {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 500;
}
.font-urbanist-heading b, .font-urbanist-heading strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.font-urbanist-banner {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 500;
}
.font-urbanist-banner b, .font-urbanist-banner strong {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 600;
}

.bannerWebFontUrbanist, .bannerWebFontUrbanist h1 {
  font-family: "[Storbie] Urbanist", "[Local] Urbanist", "Urbanist", sans-serif;
  font-weight: 500;
}

.font-rokkitt {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}
.font-rokkitt b, .font-rokkitt strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-light {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}
.font-rokkitt-light b, .font-rokkitt-light strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-normal {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}
.font-rokkitt-normal b, .font-rokkitt-normal strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-semibold {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 500;
}
.font-rokkitt-semibold b, .font-rokkitt-semibold strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-bold {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}
.font-rokkitt-bold b, .font-rokkitt-bold strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-heading {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}
.font-rokkitt-heading b, .font-rokkitt-heading strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.font-rokkitt-banner {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}
.font-rokkitt-banner b, .font-rokkitt-banner strong {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 700;
}

.bannerWebFontRokkitt, .bannerWebFontRokkitt h1 {
  font-family: "[Storbie] Rokkitt", "[Local] Rokkitt", "Rokkitt", sans-serif;
  font-weight: 400;
}

.font-cabin {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}
.font-cabin b, .font-cabin strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-light {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}
.font-cabin-light b, .font-cabin-light strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-normal {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}
.font-cabin-normal b, .font-cabin-normal strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-semibold {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 500;
}
.font-cabin-semibold b, .font-cabin-semibold strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-bold {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}
.font-cabin-bold b, .font-cabin-bold strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-heading {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}
.font-cabin-heading b, .font-cabin-heading strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.font-cabin-banner {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}
.font-cabin-banner b, .font-cabin-banner strong {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 600;
}

.bannerWebFontCabin, .bannerWebFontCabin h1 {
  font-family: "[Storbie] Cabin", "[Local] Cabin", "Cabin", sans-serif;
  font-weight: 400;
}

.font-ubuntu {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 360;
}
.font-ubuntu b, .font-ubuntu strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-light {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 300;
}
.font-ubuntu-light b, .font-ubuntu-light strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-normal {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 360;
}
.font-ubuntu-normal b, .font-ubuntu-normal strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-semibold {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 460;
}
.font-ubuntu-semibold b, .font-ubuntu-semibold strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-bold {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}
.font-ubuntu-bold b, .font-ubuntu-bold strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-heading {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 400;
}
.font-ubuntu-heading b, .font-ubuntu-heading strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-banner {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}
.font-ubuntu-banner b, .font-ubuntu-banner strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.bannerWebFontUbuntu Sans, .bannerWebFontUbuntu Sans h1 {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 360;
}
.font-ubuntu-sans b, .font-ubuntu-sans strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-light {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 300;
}
.font-ubuntu-sans-light b, .font-ubuntu-sans-light strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-normal {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 360;
}
.font-ubuntu-sans-normal b, .font-ubuntu-sans-normal strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-semibold {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 460;
}
.font-ubuntu-sans-semibold b, .font-ubuntu-sans-semibold strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-bold {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}
.font-ubuntu-sans-bold b, .font-ubuntu-sans-bold strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-heading {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 400;
}
.font-ubuntu-sans-heading b, .font-ubuntu-sans-heading strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-ubuntu-sans-banner {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}
.font-ubuntu-sans-banner b, .font-ubuntu-sans-banner strong {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.bannerWebFontUbuntu Sans, .bannerWebFontUbuntu Sans h1 {
  font-family: "[Storbie] Ubuntu Sans", "[Local] Ubuntu Sans", "Ubuntu Sans", sans-serif;
  font-weight: 500;
}

.font-abeezee {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee b, .font-abeezee strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-light {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee-light b, .font-abeezee-light strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-normal {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee-normal b, .font-abeezee-normal strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-semibold {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee-semibold b, .font-abeezee-semibold strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-bold {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}
.font-abeezee-bold b, .font-abeezee-bold strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-heading {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee-heading b, .font-abeezee-heading strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.font-abeezee-banner {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}
.font-abeezee-banner b, .font-abeezee-banner strong {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 600;
}

.bannerWebFontAbeezee, .bannerWebFontAbeezee h1 {
  font-family: "[Storbie] Abeezee", "[Local] Abeezee", "Abeezee", sans-serif;
  font-weight: 400;
}

.font-nunito {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 400;
}
.font-nunito b, .font-nunito strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-light {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 300;
}
.font-nunito-light b, .font-nunito-light strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-normal {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 400;
}
.font-nunito-normal b, .font-nunito-normal strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-semibold {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 500;
}
.font-nunito-semibold b, .font-nunito-semibold strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-bold {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}
.font-nunito-bold b, .font-nunito-bold strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-heading {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 400;
}
.font-nunito-heading b, .font-nunito-heading strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.font-nunito-banner {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 400;
}
.font-nunito-banner b, .font-nunito-banner strong {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 700;
}

.bannerWebFontNunito, .bannerWebFontNunito h1 {
  font-family: "[Storbie] Nunito", "[Local] Nunito", "Nunito", sans-serif;
  font-weight: 400;
}

.font-nunito-sans {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 400;
}
.font-nunito-sans b, .font-nunito-sans strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-light {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 300;
}
.font-nunito-sans-light b, .font-nunito-sans-light strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-normal {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 400;
}
.font-nunito-sans-normal b, .font-nunito-sans-normal strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-semibold {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 500;
}
.font-nunito-sans-semibold b, .font-nunito-sans-semibold strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-bold {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}
.font-nunito-sans-bold b, .font-nunito-sans-bold strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-heading {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 400;
}
.font-nunito-sans-heading b, .font-nunito-sans-heading strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.font-nunito-sans-banner {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 400;
}
.font-nunito-sans-banner b, .font-nunito-sans-banner strong {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 640;
}

.bannerWebFontNunitoSans, .bannerWebFontNunitoSans h1 {
  font-family: "[Storbie] Nunito Sans", "[Local] Nunito Sans", "Nunito Sans", sans-serif;
  font-weight: 400;
}

.font-shadows-into-light {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light b, .font-shadows-into-light strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-light {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light-light b, .font-shadows-into-light-light strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-normal {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light-normal b, .font-shadows-into-light-normal strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-semibold {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light-semibold b, .font-shadows-into-light-semibold strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-bold {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}
.font-shadows-into-light-bold b, .font-shadows-into-light-bold strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-heading {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light-heading b, .font-shadows-into-light-heading strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.font-shadows-into-light-banner {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}
.font-shadows-into-light-banner b, .font-shadows-into-light-banner strong {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 600;
}

.bannerWebFontShadowsIntoLight, .bannerWebFontShadowsIntoLight h1 {
  font-family: "[Storbie] Shadows Into Light", "[Local] Shadows Into Light", "Shadows Into Light", sans-serif;
  font-weight: 400;
}

.font-crimson-pro {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 400;
}
.font-crimson-pro b, .font-crimson-pro strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-light {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 300;
}
.font-crimson-pro-light b, .font-crimson-pro-light strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-normal {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 400;
}
.font-crimson-pro-normal b, .font-crimson-pro-normal strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-semibold {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 500;
}
.font-crimson-pro-semibold b, .font-crimson-pro-semibold strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-bold {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}
.font-crimson-pro-bold b, .font-crimson-pro-bold strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-heading {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 400;
}
.font-crimson-pro-heading b, .font-crimson-pro-heading strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.font-crimson-pro-banner {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 400;
}
.font-crimson-pro-banner b, .font-crimson-pro-banner strong {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 560;
}

.bannerWebFontCrimsonPro, .bannerWebFontCrimsonPro h1 {
  font-family: "[Storbie] Crimson Pro", "[Local] Crimson Pro", "Crimson Pro", sans-serif;
  font-weight: 400;
}

.font-noto-sans {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-noto-sans b, .font-noto-sans strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-light {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 300;
}
.font-noto-sans-light b, .font-noto-sans-light strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-normal {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-noto-sans-normal b, .font-noto-sans-normal strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-semibold {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 500;
}
.font-noto-sans-semibold b, .font-noto-sans-semibold strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-bold {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}
.font-noto-sans-bold b, .font-noto-sans-bold strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-heading {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 500;
}
.font-noto-sans-heading b, .font-noto-sans-heading strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.font-noto-sans-banner {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}
.font-noto-sans-banner b, .font-noto-sans-banner strong {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 600;
}

.bannerWebFontNoto Sans, .bannerWebFontNoto Sans h1 {
  font-family: "[Storbie] Noto Sans", "[Local] Noto Sans", "Noto Sans", sans-serif;
  font-weight: 400;
}

.itemAreaSmallFishFooter {
  color: #333333;
}
.itemAreaSmallFishFooter .content {
  line-height: 1.3;
  font-size: 0.9375rem;
  padding-bottom: 1rem;
}
.itemAreaSmallFishFooter .fr-main,
.itemAreaSmallFishFooter .fr-quick-links {
  display: flex;
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 850px) {
  .itemAreaSmallFishFooter .fr-main,
  .itemAreaSmallFishFooter .fr-quick-links {
    flex-direction: column;
  }
}
.itemAreaSmallFishFooter .fr-main > div,
.itemAreaSmallFishFooter .fr-quick-links > div {
  flex: 0 0 auto;
  padding: 0 1rem;
}
.itemAreaSmallFishFooter .fr-main > div:first-child,
.itemAreaSmallFishFooter .fr-quick-links > div:first-child {
  padding-left: 0;
}
.itemAreaSmallFishFooter .fr-main > div:last-child,
.itemAreaSmallFishFooter .fr-quick-links > div:last-child {
  padding-right: 0;
}
@media screen and (max-width: 850px) {
  .itemAreaSmallFishFooter .fr-main > div,
  .itemAreaSmallFishFooter .fr-quick-links > div {
    padding: 0 0 0.75rem;
  }
}
.itemAreaSmallFishFooter .fr-main {
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px #c4c4c4;
}
.itemAreaSmallFishFooter .fr-main > div {
  flex: 0 1 auto;
}
.itemAreaSmallFishFooter .fr-charity {
  margin-top: 2rem;
}
.itemAreaSmallFishFooter a {
  color: #333333;
  text-decoration: none;
}
.itemAreaSmallFishFooter a:hover {
  opacity: 0.8;
}
.itemAreaSmallFishFooter .about {
  max-width: 50%;
  min-width: 14.0625rem;
}
.itemAreaSmallFishFooter .about p {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: balance;
}
@media screen and (max-width: 850px) {
  .itemAreaSmallFishFooter .about {
    max-width: none;
  }
  .itemAreaSmallFishFooter .about p {
    line-clamp: none;
  }
}
.itemAreaSmallFishFooter .physical-address {
  max-width: 25%;
}
.itemAreaSmallFishFooter .physical-address p {
  text-wrap: balance;
}
.itemAreaSmallFishFooter .physical-address p span {
  white-space: nowrap;
}
.itemAreaSmallFishFooter .social-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5rem;
}
.itemAreaSmallFishFooter .social-links > .label {
  margin-right: 0.5em;
  color: #aaa;
}
.itemAreaSmallFishFooter a.social-link {
  margin-right: 0.5em;
  font-size: 1.25em;
  color: #333333;
}
.itemAreaSmallFishFooter a.social-link:hover {
  color: #333333;
}
.itemAreaSmallFishFooter a.social-link span {
  position: relative;
  top: 2px;
}
.itemAreaSmallFishFooter a.social-link div {
  display: none;
}
.itemAreaSmallFishFooter .site-links a {
  display: inline-block;
  vertical-align: middle;
}
.itemAreaSmallFishFooter .site-links .separator {
  font-size: 0.5em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em;
  line-height: 1;
}
.itemAreaSmallFishFooter .site-links .mobile-social {
  display: none;
  margin: 0 0 0.625rem;
}
.itemAreaSmallFishFooter .storbie-link img {
  display: inline-block;
  margin-left: 0.2em;
  max-height: 0.8125rem;
}
.itemAreaSmallFishFooter .charityFooter {
  margin-bottom: 0.625rem;
}
.itemAreaSmallFishFooter.fgc-inverse {
  color: #fff;
}
.itemAreaSmallFishFooter.fgc-inverse a, .itemAreaSmallFishFooter.fgc-inverse a.social-link {
  color: #fff;
}
.itemAreaSmallFishFooter.fgc-inverse .storbie-link img {
  filter: invert(1);
}
.itemAreaSmallFishFooter.bgc-light .fr-main {
  border-color: #333333;
}
.itemAreaSmallFishFooter.bgc-light .fr-main h4 {
  color: var(--primary-color);
}
.itemAreaSmallFishFooter.bgc-dark .fr-main {
  border-color: #fff;
}
.itemAreaSmallFishFooter.widthNarrow .charityFooter .charityFooterMoreLink {
  display: none;
}
@media screen and (max-width: 850px) {
  .itemAreaSmallFishFooter .site-links .mobile-social {
    display: block;
  }
  .itemAreaSmallFishFooter .fr-quick-links .social-links {
    display: none;
  }
}

.rxlocal-container {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  color: #464646;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@layer theme-defaults {
  .rxlocal-container a:not([class*=button]):not([class*=Button]) {
    color: var(--primary-color);
  }
}
.rxlocal-container a.ql-button, .rxlocal-container a.ql-button-solid, .rxlocal-container a.ql-button-outline {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.rxlocal-container a.ql-button:has(+ a), .rxlocal-container a.ql-button-solid:has(+ a), .rxlocal-container a.ql-button-outline:has(+ a) {
  margin-right: 0.5em;
}
.rxlocal-container a.ql-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.rxlocal-container a.ql-button span {
  vertical-align: middle;
}
.rxlocal-container a.ql-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.rxlocal-container a.ql-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.rxlocal-container a.ql-button.large {
  font-size: 1.5em;
}
.rxlocal-container a.ql-button .verb, .rxlocal-container a.ql-button em {
  font-style: italic;
}
.rxlocal-container a.ql-button:focus-visible {
  outline: 1px auto;
}
.rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.rxlocal-container a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.rxlocal-container a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.rxlocal-container a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.rxlocal-container a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.rxlocal-container a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.rxlocal-container a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.rxlocal-container a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.rxlocal-container a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.rxlocal-container a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.rxlocal-container a.ql-button.on-dark, .bgc-dark .rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.rxlocal-container a.ql-button.on-dark:hover, .bgc-dark .rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .rxlocal-container a.ql-button.on-dark, .bgc-dark .buttonStyleGradient .rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .rxlocal-container a.ql-button.on-dark:hover, .bgc-dark .buttonStyleGradient .rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.disabled, .buttonStyleOutline .rxlocal-container a.ql-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .rxlocal-container a.ql-button.on-dark, .bgc-dark .buttonStyleOutline .rxlocal-container a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .rxlocal-container a.ql-button.on-dark:hover, .bgc-dark .buttonStyleOutline .rxlocal-container a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.rxlocal-container a.ql-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.rxlocal-container a.ql-button-solid {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.rxlocal-container a.ql-button-solid span {
  vertical-align: middle;
}
.rxlocal-container a.ql-button-solid.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.rxlocal-container a.ql-button-solid.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.rxlocal-container a.ql-button-solid.large {
  font-size: 1.5em;
}
.rxlocal-container a.ql-button-solid .verb, .rxlocal-container a.ql-button-solid em {
  font-style: italic;
}
.rxlocal-container a.ql-button-solid:focus-visible {
  outline: 1px auto;
}
.rxlocal-container a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.rxlocal-container a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.rxlocal-container a.ql-button-solid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.rxlocal-container a.ql-button-solid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.rxlocal-container a.ql-button-solid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.rxlocal-container a.ql-button-solid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.rxlocal-container a.ql-button-solid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.rxlocal-container a.ql-button-solid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.rxlocal-container a.ql-button-solid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.rxlocal-container a.ql-button-solid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.rxlocal-container a.ql-button-solid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.rxlocal-container a.ql-button-solid.on-dark, .bgc-dark .rxlocal-container a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.rxlocal-container a.ql-button-solid.on-dark:hover, .bgc-dark .rxlocal-container a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.rxlocal-container a.ql-button-solid {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.rxlocal-container a.ql-button-outline {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.rxlocal-container a.ql-button-outline span {
  vertical-align: middle;
}
.rxlocal-container a.ql-button-outline.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.rxlocal-container a.ql-button-outline.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.rxlocal-container a.ql-button-outline.large {
  font-size: 1.5em;
}
.rxlocal-container a.ql-button-outline .verb, .rxlocal-container a.ql-button-outline em {
  font-style: italic;
}
.rxlocal-container a.ql-button-outline:focus-visible {
  outline: 1px auto;
}
.rxlocal-container a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.rxlocal-container a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.rxlocal-container a.ql-button-outline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.rxlocal-container a.ql-button-outline.disabled, .rxlocal-container a.ql-button-outline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.rxlocal-container a.ql-button-outline.on-dark, .bgc-dark .rxlocal-container a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.rxlocal-container a.ql-button-outline.on-dark:hover, .bgc-dark .rxlocal-container a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.rxlocal-container a.ql-button-outline {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.rxlocal-container p.large, .rxlocal-container p.size-large, .rxlocal-container p.size-large-v2 {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.rxlocal-container p.accentuated {
  font-style: italic;
  color: var(--primary-color);
}
.rxlocal-container p.spotlight {
  font-size: var(--fontsize-xlarge);
  font-weight: var(--body-light-weight);
}
.rxlocal-container p.spotlight.size-large {
  font-size: var(--fontsize-xxlarge);
}
.rxlocal-container h2 {
  color: #464646;
  font-size: var(--fontsize-h2);
  line-height: 1.3;
  margin-top: 1.618rem;
}
.rxlocal-container h2.large, .rxlocal-container h2.size-large {
  font-size: var(--fontsize-h2-large);
}
.rxlocal-container h3 {
  color: #464646;
  font-weight: var(--legacy-heading-bold);
  font-size: var(--fontsize-h3);
  margin-top: 1.618rem;
  line-height: 1.5;
}
.rxlocal-container h3.large, .rxlocal-container h3.size-large {
  font-size: var(--fontsize-h3-large);
}
.rxlocal-container h1, .rxlocal-container h2, .rxlocal-container h3 {
  font-weight: var(--heading-default-weight);
  color: var(--primary-color);
}
.rxlocal-container h1 strong, .rxlocal-container h1 b, .rxlocal-container h2 strong, .rxlocal-container h2 b, .rxlocal-container h3 strong, .rxlocal-container h3 b {
  font-weight: var(--heading-bold-weight);
}
.rxlocal-container h1 + h1, .rxlocal-container h1 + h2, .rxlocal-container h1 + h3, .rxlocal-container h1 + h4, .rxlocal-container h2 + h1, .rxlocal-container h2 + h2, .rxlocal-container h2 + h3, .rxlocal-container h2 + h4, .rxlocal-container h3 + h1, .rxlocal-container h3 + h2, .rxlocal-container h3 + h3, .rxlocal-container h3 + h4 {
  margin-top: -1rem;
}
.rxlocal-container h1 {
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}
.rxlocal-container p, .rxlocal-container ol, .rxlocal-container ul, .rxlocal-container h2, .rxlocal-container h3, .rxlocal-container h4, .rxlocal-container h5 {
  margin-bottom: 1rem;
}
.rxlocal-container p:first-child, .rxlocal-container ol:first-child, .rxlocal-container ul:first-child, .rxlocal-container h2:first-child, .rxlocal-container h3:first-child, .rxlocal-container h4:first-child, .rxlocal-container h5:first-child {
  margin-top: 0;
}
.rxlocal-container p:last-child, .rxlocal-container ol:last-child, .rxlocal-container ul:last-child, .rxlocal-container h2:last-child, .rxlocal-container h3:last-child, .rxlocal-container h4:last-child, .rxlocal-container h5:last-child {
  margin-bottom: 0;
}
.rxlocal-container ol p, .rxlocal-container ol p:first-child, .rxlocal-container ol p:last-child, .rxlocal-container ol ol, .rxlocal-container ol ol:first-child, .rxlocal-container ol ol:last-child, .rxlocal-container ol ul, .rxlocal-container ol ul:first-child, .rxlocal-container ol ul:last-child, .rxlocal-container ol h2, .rxlocal-container ol h2:first-child, .rxlocal-container ol h2:last-child, .rxlocal-container ol h3, .rxlocal-container ol h3:first-child, .rxlocal-container ol h3:last-child, .rxlocal-container ol h4, .rxlocal-container ol h4:first-child, .rxlocal-container ol h4:last-child, .rxlocal-container ol h5, .rxlocal-container ol h5:first-child, .rxlocal-container ol h5:last-child, .rxlocal-container ul p, .rxlocal-container ul p:first-child, .rxlocal-container ul p:last-child, .rxlocal-container ul ol, .rxlocal-container ul ol:first-child, .rxlocal-container ul ol:last-child, .rxlocal-container ul ul, .rxlocal-container ul ul:first-child, .rxlocal-container ul ul:last-child, .rxlocal-container ul h2, .rxlocal-container ul h2:first-child, .rxlocal-container ul h2:last-child, .rxlocal-container ul h3, .rxlocal-container ul h3:first-child, .rxlocal-container ul h3:last-child, .rxlocal-container ul h4, .rxlocal-container ul h4:first-child, .rxlocal-container ul h4:last-child, .rxlocal-container ul h5, .rxlocal-container ul h5:first-child, .rxlocal-container ul h5:last-child {
  margin-top: 0.3333rem;
  margin-bottom: 0.3333rem;
}
.rxlocal-container ol ol, .rxlocal-container ol ol:first-child, .rxlocal-container ol ol:last-child, .rxlocal-container ol ul, .rxlocal-container ol ul:first-child, .rxlocal-container ol ul:last-child, .rxlocal-container ul ol, .rxlocal-container ul ol:first-child, .rxlocal-container ul ol:last-child, .rxlocal-container ul ul, .rxlocal-container ul ul:first-child, .rxlocal-container ul ul:last-child {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.rxlocal-container ol li, .rxlocal-container ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.rxlocal-container ol li + li, .rxlocal-container ul li + li {
  margin-top: 0.3333em;
}
.rxlocal-container li {
  margin-left: 30px;
}
.rxlocal-container li.large, .rxlocal-container li.size-large {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.rxlocal-container ol li {
  list-style-type: decimal;
}
.rxlocal-container ul li {
  list-style-type: disc;
}
.rxlocal-container p[data-rtalign=justify], .rxlocal-container p.align-justify, .rxlocal-container h3[data-rtalign=justify], .rxlocal-container h3.align-justify, .rxlocal-container h2[data-rtalign=justify], .rxlocal-container h2.align-justify {
  text-align: justify;
}
.rxlocal-container p[data-rtalign=center], .rxlocal-container p.align-center, .rxlocal-container h3[data-rtalign=center], .rxlocal-container h3.align-center, .rxlocal-container h2[data-rtalign=center], .rxlocal-container h2.align-center {
  text-align: center;
}
.rxlocal-container p[data-rtalign=right], .rxlocal-container p.align-right, .rxlocal-container h3[data-rtalign=right], .rxlocal-container h3.align-right, .rxlocal-container h2[data-rtalign=right], .rxlocal-container h2.align-right {
  text-align: right;
}
.rxlocal-container p.ql-indent-1, .rxlocal-container h3.ql-indent-1, .rxlocal-container h2.ql-indent-1 {
  margin-left: min(3vw,30px);
}
.rxlocal-container p.ql-indent-2, .rxlocal-container h3.ql-indent-2, .rxlocal-container h2.ql-indent-2 {
  margin-left: min(6vw,60px);
}
.rxlocal-container p.ql-indent-3, .rxlocal-container h3.ql-indent-3, .rxlocal-container h2.ql-indent-3 {
  margin-left: min(9vw,90px);
}
.rxlocal-container p.ql-indent-4, .rxlocal-container h3.ql-indent-4, .rxlocal-container h2.ql-indent-4 {
  margin-left: min(12vw,120px);
}
.rxlocal-container p.ql-indent-5, .rxlocal-container h3.ql-indent-5, .rxlocal-container h2.ql-indent-5 {
  margin-left: min(15vw,150px);
}
.rxlocal-container p.ql-indent-6, .rxlocal-container h3.ql-indent-6, .rxlocal-container h2.ql-indent-6 {
  margin-left: min(18vw,180px);
}
.rxlocal-container p.ql-indent-7, .rxlocal-container h3.ql-indent-7, .rxlocal-container h2.ql-indent-7 {
  margin-left: min(21vw,210px);
}
.rxlocal-container p.ql-indent-8, .rxlocal-container h3.ql-indent-8, .rxlocal-container h2.ql-indent-8 {
  margin-left: min(24vw,240px);
}
.rxlocal-container p.ql-indent-9, .rxlocal-container h3.ql-indent-9, .rxlocal-container h2.ql-indent-9 {
  margin-left: min(27vw,270px);
}
.rxlocal-container sub {
  vertical-align: sub;
  font-size: smaller;
}
.rxlocal-container sup {
  vertical-align: super;
  font-size: smaller;
}
.rxlocal-container .color-theme {
  color: var(--primary-color);
}
.rxlocal-container .color-text {
  color: #464646;
}
.fgc-inverse .rxlocal-container, .fgc-inverse .rxlocal-container h1, .fgc-inverse .rxlocal-container h2, .fgc-inverse .rxlocal-container h3, .fgc-inverse .rxlocal-container h4, .fgc-inverse .rxlocal-container h5, .fgc-inverse .rxlocal-container h2.themeColor, .fgc-inverse .rxlocal-container h3.themeColor, .fgc-inverse .rxlocal-container a, .fgc-inverse .rxlocal-container .color-theme, .fgc-inverse .rxlocal-container .color-text, .fgc-inverse .rxlocal-container p.accentuated {
  color: #fff;
}
.rxlocal-container {
  font-size: 1em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #484848;
}
.rxlocal-container .rxlocal-logo {
  width: 80px;
  height: 77px;
  margin: 0px 0px 15px 0px;
}
.rxlocal-container h2 {
  margin-bottom: 7px;
  color: #484848;
}
.fgc-inverse .rxlocal-container h2 {
  color: #fff;
}
.rxlocal-container p {
  margin-bottom: 15px;
}
.fgc-inverse .rxlocal-container p {
  color: #fff;
}
.rxlocal-container .rxlocal-login-link {
  color: #484848;
}
.rxlocal-container .rxlocal-login-link:hover {
  color: #484848;
}
.fgc-inverse .rxlocal-container .rxlocal-login-link {
  color: #fff;
}
.fgc-inverse .rxlocal-container .rxlocal-login-link:hover {
  color: #fff;
}
.rxlocal-container .rxlocal-badge-app-store {
  width: 120px;
  height: 40px;
}
.rxlocal-container .rxlocal-badge-divider {
  width: 1px;
  display: inline-block;
}
.rxlocal-container .rxlocal-badge-google-play {
  width: 133px;
  height: 40px;
}

.iframeContent iframe {
  height: 600px;
  width: 100%;
  border: solid 1px #f1f1f1;
  border-radius: 5px;
}
.iframeContent div.cannotRender {
  width: 100%;
  border: solid 4px #f1f1f1;
  border-radius: 5px;
  background-color: #fff;
}
.iframeContent div.cannotRender div.innerMessage {
  padding-top: 20%;
  vertical-align: middle;
  text-align: center;
}
.iframeContent div.cannotRender div.innerMessage img {
  width: clamp(200px, 50%, 400px);
  height: auto;
  margin-bottom: 2rem;
}
.iframeContent div.cannotRender div.innerMessage p {
  font-size: 1rem;
  line-height: 1.5;
}
.iframeContent div.cannotRender div.innerMessage p + p {
  margin-top: 0.5rem;
}

html:has(.full-screen-iframe-active) {
  overflow: hidden;
}

.iframe-full-screen-supported {
  border: solid 1px var(--primary-color);
}
.bgc-dark .iframe-full-screen-supported {
  border: solid 1px #fff;
}

.iframe-full-screen-supported .iframeContent {
  background-color: #fff;
  padding: 1rem;
}
.iframe-full-screen-supported .iframeContent iframe {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
}
.iframe-full-screen-supported .frame-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25em 0.75em;
  height: 48px;
  background: #fff;
  font-size: 1.2rem;
  background: var(--primary-color);
  color: #fff;
  line-height: 1;
  font-weight: 600;
  box-sizing: border-box;
}
.iframe-full-screen-supported .frame-toolbar img {
  width: auto;
  height: 1.2rem;
  transform: translateY(15%);
}
.iframe-full-screen-supported .frame-toolbar .expand-button {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: currentColor;
}
.iframe-full-screen-supported .frame-toolbar .expand-button:hover {
  opacity: 0.9;
}
.iframe-full-screen-supported .frame-toolbar .expand-button .open-iframe,
.iframe-full-screen-supported .frame-toolbar .expand-button .close-iframe {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.5em;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.785em;
}
.iframe-full-screen-supported .frame-toolbar .expand-button .open-iframe svg,
.iframe-full-screen-supported .frame-toolbar .expand-button .close-iframe svg {
  width: 1.5em;
  height: 1.5em;
}
.iframe-full-screen-supported .frame-toolbar .expand-button .close-iframe {
  display: none;
}
.iframe-full-screen-supported.full-screen-iframe-active {
  display: grid;
  grid-auto-rows: auto 1fr;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
  background-color: #fff;
  padding: 2vw;
  background: rgba(0, 0, 0, 0.7);
  border: none;
}
.iframe-full-screen-supported.full-screen-iframe-active .frame-toolbar {
  grid-row: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: var(--primary-color);
  color: #fff;
  height: 50px;
  border: solid 1px #fff;
  border-bottom: none;
}
.iframe-full-screen-supported.full-screen-iframe-active .frame-toolbar .expand-button .close-iframe {
  display: flex;
}
.iframe-full-screen-supported.full-screen-iframe-active .frame-toolbar .expand-button .open-iframe {
  display: none;
}
.iframe-full-screen-supported.full-screen-iframe-active .iframeContent {
  grid-row: 2;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
}
.iframe-full-screen-supported.full-screen-iframe-active iframe {
  box-sizing: border-box;
  height: 100% !important;
  overflow: auto;
  border: none;
}

.itemAreaSmallFishRxLocaliFrame .rxlocal-login-required {
  font-size: var(--fontsize-large);
}
.itemAreaSmallFishRxLocaliFrame .rxlocal-login-required > p:last-child {
  margin-top: 2rem;
}
.itemAreaSmallFishRxLocaliFrame .rxlocal-login-required .shopButton {
  font-size: var(--fontsize-large);
}

.medmate-window {
  background: #f5f5f5;
}

.mw__form-hold {
  color: #464646;
  max-width: 100% !important;
  padding: 20px 0 20px 0px !important;
  text-align: right;
}
.mw__form-hold .mw__loader {
  background: #fff url(/common/loader-black.svg) center top no-repeat;
  background-size: 40px 40px;
  opacity: 0.6;
}
.mw__form-hold .mw__loader svg {
  display: none;
}
.mw__form-hold .mw__loader span {
  display: none;
}
.mw__form-hold h2 {
  display: block;
  text-align: left !important;
  color: #464646 !important;
  margin: 0px 0px 5px 20px !important;
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h3);
  color: var(--heading-default-color);
  line-height: 1.4;
  margin: 0 0 0.25em;
}
.mw__form-hold label {
  text-align: left;
}
.mw__form-hold form {
  margin: 0px !important;
}
.mw__form-hold .mw__text-field .error-message {
  margin: 5px 0px 0px !important;
  color: #CF290C;
  text-align: left;
}
.mw__form-hold .mw__text-field-top-label {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.mw__form-hold .mw__text-field-top-label > label {
  flex: 1 0 160px !important;
  max-width: 160px !important;
  padding-top: 0.08em !important;
  flex: 1 0 180px !important;
  max-width: 180px !important;
}
.mw__form-hold .mw__text-field-top-label input {
  flex: 1;
}
.mw__form-hold .mw__text-field-top-label > .mw__text-field {
  flex: 1;
}
@media screen and (max-width: 686px) {
  .mw__form-hold .mw__text-field-top-label {
    display: block;
    text-align: left;
  }
  .mw__form-hold .mw__text-field-top-label > label {
    display: inline-block;
    margin-bottom: 0.5em;
  }
}
.mw__form-hold .mw__text-field-top-label {
  padding: 6px 20px;
  margin-bottom: 0px !important;
}
.mw__form-hold .mw__text-field-top-label input {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #c1c1c1;
  padding: 5px !important;
  border-radius: 3px;
  font-size: 13px !important;
  transition: border-color 1s, background-color 1s;
}
.mw__form-hold .mw__text-field-top-label .mw__text-field {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  transition: border-color 1s, background-color 1s;
}
.mw__form-hold .mw__checkbox {
  text-align: initial;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 10px 20px;
  margin: 0px 0px 0px 157px;
  display: block;
}
@media screen and (max-width: 686px) {
  .mw__form-hold .mw__checkbox {
    margin: 0px 0px 0px 0px;
  }
}
.mw__form-hold .mw__checkbox input[type=checkbox] {
  float: unset !important;
}
.mw__form-hold button[type=submit] {
  padding: 0 1.5em;
  line-height: 2.4em;
  width: initial;
  font-size: initial;
  height: initial;
  padding-right: 20px;
  margin: 6px 20px 0 auto;
}

.__rail-is-horizontal {
  display: none;
}

.mw__store-page {
  background: #f5f5f5;
  color: #464646;
  padding: 40px 30px 20px;
}
.mw__store-page .button {
  margin-left: auto;
}
.mw__store-page .medication-variants {
  width: 100%;
}
.mw__store-page .medication-variants button {
  width: initial !important;
}
.mw__store-page .medication-variants h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
.mw__store-page .medication-variants .item-row {
  width: 95%;
  display: flex;
  padding: 10px;
  background-color: #efefef;
  justify-items: center;
  margin: 5px 0px;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-variants .item-row {
    width: 92%;
  }
}
.mw__store-page .medication-variants .item-row h5 {
  vertical-align: middle;
  margin: auto 2%;
}
.mw__store-page .medication-variants .item-row .price {
  display: flex;
  vertical-align: middle;
  text-align: right;
  width: 70%;
  justify-content: end;
  margin: auto 2%;
}
.mw__store-page .medication-variants .item-row button {
  text-align: right;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-variants .item-row button {
    padding: 0 1em;
  }
}
.mw__store-page .mw__radio {
  width: 100%;
}
.mw__store-page .mw__radio .main-label {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4em;
}
.mw__store-page .mw__radio .mw__radio-inline {
  display: flex;
  text-align: left;
  margin-bottom: 10px;
}
.mw__store-page .mw__radio .mw__radio-inline .mw__radio-item input[type=radio] ~ label {
  line-height: 2.4em;
}
.mw__store-page .medication-item {
  box-sizing: border-box;
  margin: 7px 0px;
  position: relative;
  width: 100%;
}
.mw__store-page .medication-item figure {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: flex;
  height: 130px;
  justify-content: center;
  position: absolute;
  width: 130px;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-item figure {
    width: 120px;
    height: 120px;
  }
}
.mw__store-page .medication-item .data {
  padding: 0px 0px 16px 160px;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-item .data {
    padding: 0px 0px 16px 150px;
  }
}
.mw__store-page .medication-item .data h4 {
  color: #454953;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 18px;
  margin: 0 0 3px;
}
.mw__store-page .medication-item dl {
  margin: 0 0 14px;
}
.mw__store-page .medication-item dl dt {
  clear: left;
  width: 25%;
  color: #454953;
  float: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 25px;
  margin: 0;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-item dl dt {
    width: initial;
    margin-right: 2px;
  }
}
.mw__store-page .medication-item dl dd {
  width: 75%;
  color: #454953;
  float: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 25px;
  margin: 0;
}
@media screen and (max-width: 686px) {
  .mw__store-page .medication-item dl dd {
    width: initial;
    float: initial;
  }
}

.storbie-wrapper .mw__wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.content-store-finder {
  padding: 1em 0em;
  margin-bottom: 2em;
}
.content-store-finder h2 {
  margin-bottom: 0.667em;
  font-weight: var(--legacy-heading-bold);
}
.content-store-finder .search-bar {
  margin-bottom: 2em;
}
.content-store-finder .search-box {
  background-color: transparent;
  padding: 0.75em 10px 0.75em 2.7em;
  border: none;
  border: 1px solid lightgray;
  width: 40%;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all 300ms;
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png");
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(white, white), url("/Common/ajax-waiting.gif");
  background-position: left center, center center, center right 0.667em;
  background-size: 2.71em, 100% 100%, auto 50%;
  background-repeat: no-repeat;
}
.content-store-finder .search-box.ui-autocomplete-loading {
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url("/Common/ajax-waiting.gif");
}
.content-store-finder .control-bar-search-box {
  width: 100%;
}
.content-store-finder.content-store-finder .search-bar {
  display: flex;
  flex-direction: row;
}
.content-store-finder.content-store-finder .search-bar input {
  flex: 1 0 auto;
}
.content-store-finder.content-store-finder .search-bar button {
  margin-left: 1em;
  flex: 0 0 auto;
}
.content-store-finder.content-store-finder .search-bar button .mobile-icon {
  display: none;
  font-size: 1.75em;
}
@media screen and (max-width: 686px) {
  .content-store-finder.content-store-finder .search-bar button .label {
    display: none;
  }
  .content-store-finder.content-store-finder .search-bar button .mobile-icon {
    display: block;
  }
}
.content-store-finder .store-finder-locations {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
  box-sizing: border-box;
  gap: 20px;
}
.content-store-finder .store-finder-location {
  container-name: gallery-item-container;
  container-type: inline-size;
}
.content-store-finder .store-finder-map .map {
  width: 100%;
  height: 400px;
  max-height: 80vh;
  margin-bottom: 20px;
}
.content-store-finder .store-finder-map .map.pending {
  background-color: #f1f1f1;
  background-image: url("/common/ajax-waiting.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
.content-store-finder.no-map .store-finder-locations:empty {
  min-height: 350px;
  background-color: #f1f1f1;
  background-position: center center, center center;
  background: url("/common/ajax-waiting.gif") no-repeat center center, linear-gradient(to right, #f1f1f1 0%, #f1f1f1 32%, #fff 32%, #fff 34%, #f1f1f1 34%, #f1f1f1 65%, #fff 65%, #fff 67%, #f1f1f1 67%, #f1f1f1 100%);
}
@media screen and (max-width: 979px) {
  .content-store-finder.no-map .store-finder-locations:empty {
    background: url("/common/ajax-waiting.gif") no-repeat center center, #f1f1f1;
  }
}
.content-store-finder .location-summary {
  box-sizing: border-box;
  color: #464646;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.content-store-finder .location-summary .store-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.content-store-finder .location-summary .store-name h3 {
  flex: 1 1 auto;
  padding-top: 0;
}
.content-store-finder .location-summary .store-name .store-distance,
.content-store-finder .location-summary .store-name .select-shop-button,
.content-store-finder .location-summary .store-name .selected-shop-button {
  flex: 0 0 auto;
  border-radius: var(--button-corner-radius);
  font-size: 0.857em;
  line-height: 1.2;
  margin-left: 0.5rem;
  font-weight: var(--body-regular-weight);
}
.content-store-finder .location-summary .store-name .store-distance {
  background-color: var(--primary-color-solid-tint);
  padding: 0.25rem 0.5rem;
}
.content-store-finder .location-summary .store-name .store-distance:empty {
  display: none;
}
.content-store-finder .location-summary .store-name .select-shop-button,
.content-store-finder .location-summary .store-name .selected-shop-button {
  min-width: 64px;
  min-width: 9ch;
  text-align: center;
  box-sizing: border-box;
}
.content-store-finder .location-summary .store-name .select-shop-button {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
  padding: 0.25rem 4px;
}
.content-store-finder .location-summary .store-name .select-shop-button:hover {
  background-color: var(--primary-color-rollover);
}
.content-store-finder .location-summary .store-name .selected-shop-button {
  border: solid 1px var(--primary-color);
  background-color: transparent;
  padding: calc(0.25rem - 1px) 2px;
  color: var(--primary-color);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 400px) {
  .content-store-finder .location-summary .store-name {
    flex-wrap: wrap;
    padding-bottom: 2.5em;
  }
  .content-store-finder .location-summary .store-name .select-shop-button,
  .content-store-finder .location-summary .store-name .selected-shop-button {
    position: absolute;
    left: 0;
    top: 2em;
    margin-left: 0;
  }
}
.content-store-finder .location-summary p {
  margin: 0;
  padding: 0;
}
.content-store-finder .location-summary {
  height: 100%;
  flex: 1 0 auto;
  border: solid 1px #c4c4c4;
  border-radius: 3px;
  padding: 1em;
  width: 100%;
}
.content-store-finder .location-summary:last-child {
  margin-bottom: 0;
  margin-top: auto;
}
.content-store-finder .location-summary .profile-image {
  margin-bottom: 0.75em;
}
.content-store-finder .location-summary .profile-image img {
  max-width: 100%;
  width: 100%;
}
.content-store-finder .location-summary .store-name {
  margin-bottom: 0.5em;
}
.content-store-finder .location-summary .store-name h3 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: 1.0625rem;
  color: #464646;
  padding: 0;
  margin: 0;
}
.content-store-finder .location-summary p {
  margin: 0.25em 0;
}
.content-store-finder .location-summary .product-availability {
  font-size: 0.85em;
  margin-left: 0.1em;
}
.content-store-finder .location-summary .location-contact-details {
  align-items: flex-start;
  padding: 0.5em 0 0;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
}
.content-store-finder .location-summary .location-contact-details p {
  padding-left: 1.5em;
  position: relative;
}
.content-store-finder .location-summary .location-contact-details p.email {
  text-transform: lowercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 100%;
}
.content-store-finder .location-summary .location-contact-details p.email:hover {
  word-break: break-word;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: normal;
}
.content-store-finder .location-summary .location-contact-details p .se-icon {
  position: absolute;
  left: 0;
  top: 0.125em;
}
.content-store-finder .location-summary .location-contact-details a {
  color: var(--primary-color);
  text-decoration: none;
}
.content-store-finder .location-summary .location-contact-details a:hover {
  color: var(--primary-color-rollover);
}
.content-store-finder .location-summary .footer-location-buttons {
  margin-top: auto;
  padding-top: 1em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}
.content-store-finder .location-summary .footer-location-buttons .shopButton {
  flex: 1 1 auto;
  font-size: min(4cqw, var(--fontsize-small));
  margin: 0 !important;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 170px;
}
.content-store-finder .location-summary .footer-location-buttons .shopButton span {
  cursor: default;
}
@container gallery-item-container (max-width: 400px) {
  .content-store-finder .location-summary .footer-location-buttons:has(.shopButton + .shopButton) .shopButton {
    flex: 1 1 50%;
    max-width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.dialog-shop,
#dialog-message,
#dialog-cart,
#dialog-search,
#dialog-location-selector {
  z-index: 10000;
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 50px;
  max-height: 80%;
  max-width: 80%;
  border-radius: 5px;
  background-color: #fff;
  overflow-y: auto;
  font-size: 1em;
  text-align: center;
  color: #464646;
  box-sizing: border-box;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.dialog-shop .waiting-icon:before,
#dialog-message .waiting-icon:before,
#dialog-cart .waiting-icon:before,
#dialog-search .waiting-icon:before,
#dialog-location-selector .waiting-icon:before {
  content: "";
  width: 32px;
  height: 32px;
  margin: 0 auto 2.5em;
  display: block;
  background-image: url(/common/loader-black.svg);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
}

#dialog-search {
  min-height: 0;
  top: 20%;
  width: 335px;
  transform: translate(-50%, 0);
  max-height: 70%;
}

#dialog-location-selector {
  text-align: left;
  width: 31.5rem;
}
#dialog-location-selector .close-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  color: #333333;
  background: transparent;
  border: none;
  font-size: 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media screen and (max-width: 440px) {
  #dialog-search,
  #dialog-location-selector {
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
  #dialog-location-selector {
    height: 100%;
  }
}
.dialog-2 {
  padding: 0;
  text-align: left;
  width: 48ch;
  max-width: 95%;
  font-size: 1rem;
  box-sizing: border-box;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  border: 0;
}
.dialog-2::backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog-2 .header {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: var(--legacy-bold);
  padding: 0.5em 20px;
  background-color: #f1f1f1;
  border-radius: 5px;
}
.dialog-2 .header .heading {
  font-size: 0.875em;
}
.dialog-2 .header .close-button {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  left: 10px;
  background-image: url("/common/themed-icons/000000/crossmark");
}
.dialog-2 .dialog-panel {
  padding: 20px;
}
.dialog-2 .footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 20px;
}
.dialog-2 .footer button {
  margin-left: 10px;
  min-width: 70px;
}
.dialog-2 .footer input[type=submit],
.dialog-2 .footer button:not(.close-button) {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: 0.5em 0.8em;
}
.dialog-2 .footer input[type=submit]:hover,
.dialog-2 .footer button:not(.close-button):hover {
  text-decoration: none;
}
.dialog-2 .footer input[type=submit],
.dialog-2 .footer button:not(.close-button) {
  background-color: #17aacc;
  color: #fff;
  border: none;
}
.dialog-2 .footer input[type=submit]:hover, .dialog-2 .footer input[type=submit].hover,
.dialog-2 .footer button:not(.close-button):hover,
.dialog-2 .footer button:not(.close-button).hover {
  color: #fff;
  background-color: #0089a7;
}
.dialog-2 .footer button.close-button {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: calc(0.5em - 1px) calc(0.8em - 1px);
}
.dialog-2 .footer button.close-button:hover {
  text-decoration: none;
}
.dialog-2 .footer button.close-button {
  background-color: #fff;
  color: #17aacc;
  border: solid 1px #f1f1f1;
}
.dialog-2 .footer button.close-button:hover, .dialog-2 .footer button.close-button.hover {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.dialog-2 .field-validation-error {
  margin-bottom: 15px !important;
}

.dialog-2 fieldset {
  container-name: dialog-fieldset;
  container-type: inline-size;
  align-items: center;
  display: grid;
  grid-gap: 0.75em;
}
.dialog-2 fieldset .field {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(66%, 1fr);
  grid-template-areas: "label input";
  gap: 1em;
}
.dialog-2 fieldset .field .label {
  grid-area: label;
}
.dialog-2 fieldset .field .field-content {
  grid-area: input;
}
.dialog-2 fieldset .field.label-above, .label-above .dialog-2 fieldset .field {
  grid-template-areas: "label" "input";
  grid-template-columns: 1fr;
  grid-gap: 0.25em;
}
.dialog-2 fieldset .field.single-checkbox {
  grid-template-areas: "input label";
  grid-template-columns: auto 1fr;
  gap: 0.25em;
}
.dialog-2 fieldset .field {
  /*> .help {
      font-size: 0.875em;
      margin: 0.75em 0 1.25em;
  }*/
}
.dialog-2 fieldset .field input[type=text], .dialog-2 fieldset .field input[type=password], .dialog-2 fieldset .field input[type=number], .dialog-2 fieldset .field input[type=date], .dialog-2 fieldset .field textarea, .dialog-2 fieldset .field select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
  transition: border-color 1s, background-color 1s;
}
.dialog-2 fieldset {
  /*.field-note {
      font-size: 0.85em;
      padding-bottom: 0.2em;
  }*/
}
.dialog-2 fieldset .error {
  margin-top: 10px;
  font-size: 0.85em;
  color: #CF290C;
}

[auto-tooltip] {
  position: relative;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}
[auto-tooltip]:after, [auto-tooltip]:before {
  display: none;
  position: absolute;
  bottom: 110%;
  left: 50%;
  box-sizing: border-box;
  background-color: var(--primary-color-shade);
  pointer-events: none;
}
body.bodyManage {
  background-color: #1d4a5b;
}

[auto-tooltip]:after {
  content: attr(auto-tooltip);
  bottom: calc(100% + 0.6rem);
  font-size: 0.8rem;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0.3rem;
  z-index: 2501;
  line-height: 1.5;
  box-shadow: 0 -2px 2px 0 rgba(255, 255, 255, 0.5);
  text-wrap: pretty;
  text-wrap: balance;
}
[auto-tooltip]:before {
  content: "";
  bottom: calc(100% + 0.3rem);
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  font-size: 0.8rem;
  transform: translateX(-50%) rotate(45deg);
  z-index: 2500;
}
[auto-tooltip][tooltip-width=nowrap]:after {
  white-space: nowrap;
}
[auto-tooltip][tooltip-width=parent]:after {
  white-space: normal;
  width: 100%;
}
[auto-tooltip][tooltip-width=medium]:after {
  white-space: normal;
  min-width: 20em;
}
[auto-tooltip][tooltip-theme=grey]:after, [auto-tooltip][tooltip-theme=grey]:before {
  background-color: #666666;
}
[auto-tooltip][tooltip-position=left]:after, [auto-tooltip][tooltip-position=right]:after {
  bottom: 50%;
  transform: translateY(50%);
}
[auto-tooltip][tooltip-position=left]:before, [auto-tooltip][tooltip-position=right]:before {
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}
[auto-tooltip][tooltip-position=left]:after {
  left: auto;
  right: calc(100% + 0.5rem);
  box-shadow: -2px 0 2px 0 rgba(255, 255, 255, 0.5);
}
[auto-tooltip][tooltip-position=left]:before {
  left: auto;
  right: calc(100% + 0.25rem);
}
[auto-tooltip][tooltip-position=right]:after {
  right: auto;
  left: calc(100% + 0.5rem);
  box-shadow: 2px 0 2px 0 rgba(255, 255, 255, 0.5);
}
[auto-tooltip][tooltip-position=right]:before {
  right: auto;
  left: calc(100% + 0.25rem);
}
[auto-tooltip]:hover[auto-tooltip]:after, [auto-tooltip]:hover[auto-tooltip]:before {
  display: block;
}

/*
[auto-tooltip] {
    position: relative;

    &:after {
        display: none;
        content: attr(auto-tooltip);
        position: absolute;
        bottom: calc(100% + 0.6rem);
        font-size: 0.8rem;
        left: 50%;
        transform: translateX(-50%);
        background-color: #464646;
        color: #fff;
        padding: 0.75rem 1rem;
        border-radius: 5px;
        box-sizing: border-box;
        z-index: 2501;
        min-width: 100px;
        text-align: center;
        line-height: 1.3;
        max-width: 15rem;
    }

    &:before {
        display: none;
        content: '';
        position: absolute;
        bottom: calc(100% + 0.3rem);
        width: 1rem;
        height: 1rem;
        border-radius: 0.2rem;
        font-size: 0.8rem;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        background-color: #464646;
        box-sizing: border-box;
        z-index: 2500;
    }

    &:hover {
        &:after,
        &:before {
            display: block;
        }
    }
}
*/
.store-finder-info-popup {
  max-width: 246px;
  padding: 0 8px 8px;
  box-sizing: border-box;
  color: #464646;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.store-finder-info-popup .store-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.store-finder-info-popup .store-name h3 {
  flex: 1 1 auto;
  padding-top: 0;
}
.store-finder-info-popup .store-name .store-distance,
.store-finder-info-popup .store-name .select-shop-button,
.store-finder-info-popup .store-name .selected-shop-button {
  flex: 0 0 auto;
  border-radius: var(--button-corner-radius);
  font-size: 0.857em;
  line-height: 1.2;
  margin-left: 0.5rem;
  font-weight: var(--body-regular-weight);
}
.store-finder-info-popup .store-name .store-distance {
  background-color: var(--primary-color-solid-tint);
  padding: 0.25rem 0.5rem;
}
.store-finder-info-popup .store-name .store-distance:empty {
  display: none;
}
.store-finder-info-popup .store-name .select-shop-button,
.store-finder-info-popup .store-name .selected-shop-button {
  min-width: 64px;
  min-width: 9ch;
  text-align: center;
  box-sizing: border-box;
}
.store-finder-info-popup .store-name .select-shop-button {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
  padding: 0.25rem 4px;
}
.store-finder-info-popup .store-name .select-shop-button:hover {
  background-color: var(--primary-color-rollover);
}
.store-finder-info-popup .store-name .selected-shop-button {
  border: solid 1px var(--primary-color);
  background-color: transparent;
  padding: calc(0.25rem - 1px) 2px;
  color: var(--primary-color);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 400px) {
  .store-finder-info-popup .store-name {
    flex-wrap: wrap;
    padding-bottom: 2.5em;
  }
  .store-finder-info-popup .store-name .select-shop-button,
  .store-finder-info-popup .store-name .selected-shop-button {
    position: absolute;
    left: 0;
    top: 2em;
    margin-left: 0;
  }
}
.store-finder-info-popup p {
  margin: 0;
  padding: 0;
}
.store-finder-info-popup .store-name {
  margin-bottom: 0.5em;
}
.store-finder-info-popup .store-button {
  margin: 1em 0 0;
}
.store-finder-info-popup .store-button .shopButton {
  font-size: 0.9em;
}

.product-availability {
  margin: 0.75em 0;
}
.product-availability:empty {
  margin-top: 0;
  margin-bottom: 0;
}
.product-availability {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.8em;
}
.product-availability.compact {
  font-size: 0.7em;
  font-size: max(0.7em, 10px);
}
.product-availability .availability-methods > div,
.product-availability .change-location {
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 500;
  line-height: 1.3;
}
.product-availability .change-location {
  border-radius: var(--button-corner-radius);
}
.product-availability .availability-methods {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: -1em;
}
.product-availability .availability-methods > div {
  display: flex;
  align-items: flex-start;
  border: none;
  color: var(--primary-color);
  margin: 0 1em 0 0;
  padding: 0.36em 0;
}
.product-availability .availability-methods > div .se-icon {
  transform: scale(1.7);
  margin-right: 0.25em;
  flex: 0 0 auto;
}
.product-availability .availability-methods > div.unavailable {
  color: #CF290C;
}
.gmc-fgc-inv .product-availability .availability-methods > div {
  color: var(--primary-color-transparent-tint-on-dark);
}
.gmc-fgc-inv .product-availability .availability-methods > div.unavailable {
  color: #FFB0A0;
}

.product-availability .change-location {
  margin: 0.5em 0 0.25em;
  background-color: var(--primary-color-transparent-tint);
  color: var(--primary-color-shade);
  letter-spacing: 0.01em;
  text-decoration: none;
  padding: 0.36em 0.6em;
  text-align: center;
}
.product-availability .change-location:hover {
  color: var(--primary-color-rollover);
}
.gmc-fgc-inv .product-availability .change-location {
  color: var(--primary-color-transparent-tint-on-dark);
  background-color: transparent;
  border: solid 1px var(--primary-color-transparent-tint-on-dark);
}
.gmc-fgc-inv .product-availability .change-location:hover {
  color: var(--primary-color);
  background-color: var(--primary-color-transparent-tint-on-dark);
}

.store-finder.location-selector {
  margin: 0;
  padding: 0px;
  color: #333333;
  text-align: left;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}
.store-finder.location-selector h1, .store-finder.location-selector h2, .store-finder.location-selector h3 {
  color: #333333;
}
.store-finder.location-selector h1 {
  font-size: 1.125rem;
  font-weight: var(--legacy-heading-bold);
}
.store-finder.location-selector h2 {
  font-family: var(--heading-font-stack);
  font-weight: var(--legacy-heading-bold);
  font-size: 1rem;
  margin-bottom: 0.667em;
}
.store-finder.location-selector h3 {
  font-family: var(--heading-font-stack);
  font-weight: var(--legacy-heading-bold);
  font-size: 0.875rem;
  margin-bottom: 0.25em;
  color: var(--primary-color-shade);
}
.store-finder.location-selector {
  box-sizing: border-box;
  color: #464646;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.store-finder.location-selector .store-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.store-finder.location-selector .store-name h3 {
  flex: 1 1 auto;
  padding-top: 0.333em;
}
.store-finder.location-selector .store-name .store-distance,
.store-finder.location-selector .store-name .select-shop-button,
.store-finder.location-selector .store-name .selected-shop-button {
  flex: 0 0 auto;
  border-radius: var(--button-corner-radius);
  font-size: 0.857em;
  line-height: 1.2;
  margin-left: 0.5rem;
  font-weight: var(--body-regular-weight);
}
.store-finder.location-selector .store-name .store-distance {
  background-color: var(--primary-color-solid-tint);
  padding: 0.25rem 0.5rem;
}
.store-finder.location-selector .store-name .store-distance:empty {
  display: none;
}
.store-finder.location-selector .store-name .select-shop-button,
.store-finder.location-selector .store-name .selected-shop-button {
  min-width: 64px;
  min-width: 9ch;
  text-align: center;
  box-sizing: border-box;
}
.store-finder.location-selector .store-name .select-shop-button {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
  padding: 0.25rem 4px;
}
.store-finder.location-selector .store-name .select-shop-button:hover {
  background-color: var(--primary-color-rollover);
}
.store-finder.location-selector .store-name .selected-shop-button {
  border: solid 1px var(--primary-color);
  background-color: transparent;
  padding: calc(0.25rem - 1px) 2px;
  color: var(--primary-color);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 400px) {
  .store-finder.location-selector .store-name {
    flex-wrap: wrap;
    padding-bottom: 2.5em;
  }
  .store-finder.location-selector .store-name .select-shop-button,
  .store-finder.location-selector .store-name .selected-shop-button {
    position: absolute;
    left: 0;
    top: 2em;
    margin-left: 0;
  }
}
.store-finder.location-selector p {
  margin: 0;
  padding: 0;
}
.store-finder.location-selector .search-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 440px) {
  .store-finder.location-selector .search-bar {
    flex-direction: column;
    align-items: unset;
  }
}
@media screen and (max-width: 686px) {
  .store-finder.location-selector .search-bar {
    flex-direction: column;
    align-items: unset;
  }
}
.store-finder.location-selector .search-box {
  background-color: transparent;
  padding: 0.75em 10px 0.75em 2.7em;
  border: none;
  border: 1px solid lightgray;
  width: 40%;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all 300ms;
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png");
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(white, white), url("/Common/ajax-waiting.gif");
  background-position: left center, center center, center right 0.667em;
  background-size: 2.71em, 100% 100%, auto 50%;
  background-repeat: no-repeat;
}
.store-finder.location-selector .search-box.ui-autocomplete-loading {
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url("/Common/ajax-waiting.gif");
}
.store-finder.location-selector #LocationSelectorSearchBar {
  padding: 20px 20px 0;
}
.store-finder.location-selector #LocationSelectorSelectedLocation {
  display: block;
  background: var(--primary-color-solid-tint);
  padding: 20px;
  border-radius: 0.3em;
}
.store-finder.location-selector #LocationSelectorSelectedLocation .store-name {
  margin-right: 2em;
}
.store-finder.location-selector #LocationSelectorSelectedLocation .store-name h2 {
  margin-bottom: 0;
}
.store-finder.location-selector #LocationSelectorSelectedLocation:empty {
  display: none;
}
.store-finder.location-selector .location-selector-search {
  display: flex;
  position: relative;
  flex-direction: row;
  margin-bottom: 0 !important;
  align-items: stretch;
}
.store-finder.location-selector .location-selector-search #LocationSelectorSearchInput {
  flex: 1 0 auto;
  border-color: var(--primary-color);
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png");
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(rgba(var(--primary-color-solid-tint), 1), rgba(var(--primary-color-solid-tint), 1)), url("/Common/ajax-waiting.gif");
  background-position: left center, center center, center right 0.667em;
  background-size: 2.71em, 100% 100%, auto 50%;
  background-repeat: no-repeat;
}
.store-finder.location-selector .location-selector-search #LocationSelectorSearchInput.ui-autocomplete-loading {
  background-image: url("/Common/mobilecontrolpanel/icon-search-2X.png"), linear-gradient(rgba(var(--primary-color-solid-tint), 0), rgba(var(--primary-color-solid-tint), 0)), url("/Common/ajax-waiting.gif");
}
.store-finder.location-selector .location-selector-search #LocationSelectorSearchInput {
  margin-right: 10px;
}
.store-finder.location-selector .location-selector-search #CurrentLocationButton {
  flex: 0 0 auto;
  z-index: 1;
  width: 4em;
  text-align: center;
  padding: 0;
  border-radius: 3px !important;
  background-color: var(--primary-color);
  border: none;
  cursor: pointer;
}
.store-finder.location-selector .location-selector-search #CurrentLocationButton:hover {
  background-color: var(--primary-color-rollover);
}
.store-finder.location-selector .location-selector-search #CurrentLocationButton .s-icon {
  transform: scale(1.6);
  transform-origin: center 60%;
  vertical-align: middle;
}
.store-finder.location-selector .location-selector-search .button-highlighted {
  width: 100%;
}
.store-finder.location-selector .selected-product {
  margin: 0 0 1em;
}
.store-finder.location-selector .selected-product .product-name-prefix {
  font-size: 0.8em;
  text-transform: uppercase;
}
.store-finder.location-selector .selected-product .product-name {
  display: block;
  font-weight: var(--body-bold-weight);
  margin-top: 0.125em;
}
.store-finder.location-selector .location-selector-result .expanded-location-details {
  display: none;
}
.store-finder.location-selector .location-selector-result .store-name h3 {
  padding: 0;
  margin: 0;
}
.store-finder.location-selector .location-selector-result p {
  margin: 0.25em 0;
}
.store-finder.location-selector #LocationSelectorResults .location-selector-result {
  margin: 0 0 1em 0;
  border: solid 1px var(--primary-color);
  border-radius: 3px;
  padding: 0.75em;
  cursor: pointer;
}
.store-finder.location-selector #LocationSelectorResults .location-selector-result:last-child {
  margin-bottom: 0;
}
.store-finder.location-selector #LocationSelectorResults .location-selector-result .expand-icon {
  flex: 0 0 auto;
  padding: 0;
  font-size: 1em;
  line-height: 1;
  margin-left: 0.5rem;
  padding-top: 0.15em;
  color: var(--primary-color-shade);
}
.store-finder.location-selector #LocationSelectorResults .location-selector-result .expand-icon .se-icon {
  transform: scale(1.75) rotate(0deg);
  vertical-align: middle;
  transition: transform 300ms;
}
.store-finder.location-selector #LocationSelectorResults .location-selector-result.show .expand-icon .se-icon {
  transform: scale(1.75) rotate(180deg);
}
.store-finder.location-selector .product-availability {
  font-size: 0.8em;
}
.store-finder.location-selector .detailed-cart-warning {
  font-size: 0.8em;
  margin: 1em 0 0;
  padding: 0.5em;
  background-color: #FFF4F4;
  color: #CF290C;
  border-radius: 3px;
}
.store-finder.location-selector .detailed-cart-warning h6 {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1em;
  text-transform: uppercase;
  margin: 0;
}
.store-finder.location-selector .detailed-cart-warning p:last-child {
  margin-top: 0.25em;
}
.store-finder.location-selector .detailed-cart-warning a {
  color: #CF290C;
  font-weight: var(--body-bold-weight);
}
.store-finder.location-selector .detailed-cart-warning a:hover {
  opacity: 0.8;
}
.store-finder.location-selector #LocationSelectorResultsContainer {
  padding: 1em 20px 20px;
}
.store-finder.location-selector #LocationSelectorResultsContainer .error {
  padding-top: 1.5em;
  margin: 0 0 1.5em 0;
  color: #CF290C;
  text-align: center;
  text-wrap: pretty;
  text-wrap: balance;
}
.store-finder.location-selector .location-contact-details {
  align-items: flex-start;
  padding: 0.5em 0 0;
}
.store-finder.location-selector .location-contact-details p.email {
  text-transform: lowercase;
  box-sizing: border-box;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.store-finder.location-selector .location-contact-details a {
  color: var(--primary-color);
  text-decoration: none;
}
.store-finder.location-selector .location-contact-details a:hover {
  color: var(--primary-color-rollover);
}
.store-finder.location-selector .location-buttons,
.store-finder.location-selector .footer-location-buttons {
  margin: 0.75em 0 0.25em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 0.875em;
}
.store-finder.location-selector .location-buttons .shopButton,
.store-finder.location-selector .footer-location-buttons .shopButton {
  flex: 0 0 auto;
  font-size: 1em;
  min-width: 8em;
  margin-top: 0;
  margin-bottom: 0;
}
.store-finder.location-selector .location-buttons .shopButton span,
.store-finder.location-selector .footer-location-buttons .shopButton span {
  cursor: default;
}
.store-finder.location-selector .footer-location-buttons {
  display: none;
  margin-top: 1em;
}
@media screen and (max-width: 600px) {
  .store-finder.location-selector .select-shop-button,
  .store-finder.location-selector .selected-shop-button,
  .store-finder.location-selector .location-buttons {
    display: none;
  }
  .store-finder.location-selector .footer-location-buttons {
    display: block;
  }
}
.store-finder.location-selector #LocationSelectorSelectedLocation .location-buttons {
  margin-top: 1em;
}
.store-finder.location-selector .shopButton[disabled] {
  pointer-events: none;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 40px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #c1c1c1;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -6em;
  padding-left: 7em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

html.chat-web-open,
body.chat-web-open {
  overflow: hidden;
  height: 100%;
}

.customer-page {
  margin-top: 30px;
  color: #464646;
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
}
.customer-page .text-block {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  color: #464646;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@layer theme-defaults {
  .customer-page .text-block a:not([class*=button]):not([class*=Button]) {
    color: var(--primary-color);
  }
}
.customer-page .text-block a.ql-button, .customer-page .text-block a.ql-button-solid, .customer-page .text-block a.ql-button-outline {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.customer-page .text-block a.ql-button:has(+ a), .customer-page .text-block a.ql-button-solid:has(+ a), .customer-page .text-block a.ql-button-outline:has(+ a) {
  margin-right: 0.5em;
}
.customer-page .text-block a.ql-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.customer-page .text-block a.ql-button span {
  vertical-align: middle;
}
.customer-page .text-block a.ql-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.customer-page .text-block a.ql-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.customer-page .text-block a.ql-button.large {
  font-size: 1.5em;
}
.customer-page .text-block a.ql-button .verb, .customer-page .text-block a.ql-button em {
  font-style: italic;
}
.customer-page .text-block a.ql-button:focus-visible {
  outline: 1px auto;
}
.customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.customer-page .text-block a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.customer-page .text-block a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.customer-page .text-block a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.customer-page .text-block a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.customer-page .text-block a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.customer-page .text-block a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.customer-page .text-block a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.customer-page .text-block a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.customer-page .text-block a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.customer-page .text-block a.ql-button.on-dark, .bgc-dark .customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.customer-page .text-block a.ql-button.on-dark:hover, .bgc-dark .customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .customer-page .text-block a.ql-button.on-dark, .bgc-dark .buttonStyleGradient .customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .customer-page .text-block a.ql-button.on-dark:hover, .bgc-dark .buttonStyleGradient .customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.disabled, .buttonStyleOutline .customer-page .text-block a.ql-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.on-dark, .bgc-dark .buttonStyleOutline .customer-page .text-block a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .customer-page .text-block a.ql-button.on-dark:hover, .bgc-dark .buttonStyleOutline .customer-page .text-block a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.customer-page .text-block a.ql-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.customer-page .text-block a.ql-button-solid {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.customer-page .text-block a.ql-button-solid span {
  vertical-align: middle;
}
.customer-page .text-block a.ql-button-solid.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.customer-page .text-block a.ql-button-solid.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.customer-page .text-block a.ql-button-solid.large {
  font-size: 1.5em;
}
.customer-page .text-block a.ql-button-solid .verb, .customer-page .text-block a.ql-button-solid em {
  font-style: italic;
}
.customer-page .text-block a.ql-button-solid:focus-visible {
  outline: 1px auto;
}
.customer-page .text-block a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.customer-page .text-block a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.customer-page .text-block a.ql-button-solid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.customer-page .text-block a.ql-button-solid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.customer-page .text-block a.ql-button-solid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.customer-page .text-block a.ql-button-solid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.customer-page .text-block a.ql-button-solid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.customer-page .text-block a.ql-button-solid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.customer-page .text-block a.ql-button-solid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.customer-page .text-block a.ql-button-solid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.customer-page .text-block a.ql-button-solid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.customer-page .text-block a.ql-button-solid.on-dark, .bgc-dark .customer-page .text-block a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.customer-page .text-block a.ql-button-solid.on-dark:hover, .bgc-dark .customer-page .text-block a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.customer-page .text-block a.ql-button-solid {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.customer-page .text-block a.ql-button-outline {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.customer-page .text-block a.ql-button-outline span {
  vertical-align: middle;
}
.customer-page .text-block a.ql-button-outline.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.customer-page .text-block a.ql-button-outline.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.customer-page .text-block a.ql-button-outline.large {
  font-size: 1.5em;
}
.customer-page .text-block a.ql-button-outline .verb, .customer-page .text-block a.ql-button-outline em {
  font-style: italic;
}
.customer-page .text-block a.ql-button-outline:focus-visible {
  outline: 1px auto;
}
.customer-page .text-block a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.customer-page .text-block a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.disabled, .customer-page .text-block a.ql-button-outline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.customer-page .text-block a.ql-button-outline.on-dark, .bgc-dark .customer-page .text-block a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.customer-page .text-block a.ql-button-outline.on-dark:hover, .bgc-dark .customer-page .text-block a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.customer-page .text-block a.ql-button-outline {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.customer-page .text-block p.large, .customer-page .text-block p.size-large, .customer-page .text-block p.size-large-v2 {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.customer-page .text-block p.accentuated {
  font-style: italic;
  color: var(--primary-color);
}
.customer-page .text-block p.spotlight {
  font-size: var(--fontsize-xlarge);
  font-weight: var(--body-light-weight);
}
.customer-page .text-block p.spotlight.size-large {
  font-size: var(--fontsize-xxlarge);
}
.customer-page .text-block h2 {
  color: #464646;
  font-size: var(--fontsize-h2);
  line-height: 1.3;
  margin-top: 1.618rem;
}
.customer-page .text-block h2.large, .customer-page .text-block h2.size-large {
  font-size: var(--fontsize-h2-large);
}
.customer-page .text-block h3 {
  color: #464646;
  font-weight: var(--legacy-heading-bold);
  font-size: var(--fontsize-h3);
  margin-top: 1.618rem;
  line-height: 1.5;
}
.customer-page .text-block h3.large, .customer-page .text-block h3.size-large {
  font-size: var(--fontsize-h3-large);
}
.customer-page .text-block h1, .customer-page .text-block h2, .customer-page .text-block h3 {
  font-weight: var(--heading-default-weight);
  color: var(--primary-color);
}
.customer-page .text-block h1 strong, .customer-page .text-block h1 b, .customer-page .text-block h2 strong, .customer-page .text-block h2 b, .customer-page .text-block h3 strong, .customer-page .text-block h3 b {
  font-weight: var(--heading-bold-weight);
}
.customer-page .text-block h1 + h1, .customer-page .text-block h1 + h2, .customer-page .text-block h1 + h3, .customer-page .text-block h1 + h4, .customer-page .text-block h2 + h1, .customer-page .text-block h2 + h2, .customer-page .text-block h2 + h3, .customer-page .text-block h2 + h4, .customer-page .text-block h3 + h1, .customer-page .text-block h3 + h2, .customer-page .text-block h3 + h3, .customer-page .text-block h3 + h4 {
  margin-top: -1rem;
}
.customer-page .text-block h1 {
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}
.customer-page .text-block p, .customer-page .text-block ol, .customer-page .text-block ul, .customer-page .text-block h2, .customer-page .text-block h3, .customer-page .text-block h4, .customer-page .text-block h5 {
  margin-bottom: 1rem;
}
.customer-page .text-block p:first-child, .customer-page .text-block ol:first-child, .customer-page .text-block ul:first-child, .customer-page .text-block h2:first-child, .customer-page .text-block h3:first-child, .customer-page .text-block h4:first-child, .customer-page .text-block h5:first-child {
  margin-top: 0;
}
.customer-page .text-block p:last-child, .customer-page .text-block ol:last-child, .customer-page .text-block ul:last-child, .customer-page .text-block h2:last-child, .customer-page .text-block h3:last-child, .customer-page .text-block h4:last-child, .customer-page .text-block h5:last-child {
  margin-bottom: 0;
}
.customer-page .text-block ol p, .customer-page .text-block ol p:first-child, .customer-page .text-block ol p:last-child, .customer-page .text-block ol ol, .customer-page .text-block ol ol:first-child, .customer-page .text-block ol ol:last-child, .customer-page .text-block ol ul, .customer-page .text-block ol ul:first-child, .customer-page .text-block ol ul:last-child, .customer-page .text-block ol h2, .customer-page .text-block ol h2:first-child, .customer-page .text-block ol h2:last-child, .customer-page .text-block ol h3, .customer-page .text-block ol h3:first-child, .customer-page .text-block ol h3:last-child, .customer-page .text-block ol h4, .customer-page .text-block ol h4:first-child, .customer-page .text-block ol h4:last-child, .customer-page .text-block ol h5, .customer-page .text-block ol h5:first-child, .customer-page .text-block ol h5:last-child, .customer-page .text-block ul p, .customer-page .text-block ul p:first-child, .customer-page .text-block ul p:last-child, .customer-page .text-block ul ol, .customer-page .text-block ul ol:first-child, .customer-page .text-block ul ol:last-child, .customer-page .text-block ul ul, .customer-page .text-block ul ul:first-child, .customer-page .text-block ul ul:last-child, .customer-page .text-block ul h2, .customer-page .text-block ul h2:first-child, .customer-page .text-block ul h2:last-child, .customer-page .text-block ul h3, .customer-page .text-block ul h3:first-child, .customer-page .text-block ul h3:last-child, .customer-page .text-block ul h4, .customer-page .text-block ul h4:first-child, .customer-page .text-block ul h4:last-child, .customer-page .text-block ul h5, .customer-page .text-block ul h5:first-child, .customer-page .text-block ul h5:last-child {
  margin-top: 0.3333rem;
  margin-bottom: 0.3333rem;
}
.customer-page .text-block ol ol, .customer-page .text-block ol ol:first-child, .customer-page .text-block ol ol:last-child, .customer-page .text-block ol ul, .customer-page .text-block ol ul:first-child, .customer-page .text-block ol ul:last-child, .customer-page .text-block ul ol, .customer-page .text-block ul ol:first-child, .customer-page .text-block ul ol:last-child, .customer-page .text-block ul ul, .customer-page .text-block ul ul:first-child, .customer-page .text-block ul ul:last-child {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.customer-page .text-block ol li, .customer-page .text-block ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.customer-page .text-block ol li + li, .customer-page .text-block ul li + li {
  margin-top: 0.3333em;
}
.customer-page .text-block li {
  margin-left: 30px;
}
.customer-page .text-block li.large, .customer-page .text-block li.size-large {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.customer-page .text-block ol li {
  list-style-type: decimal;
}
.customer-page .text-block ul li {
  list-style-type: disc;
}
.customer-page .text-block p[data-rtalign=justify], .customer-page .text-block p.align-justify, .customer-page .text-block h3[data-rtalign=justify], .customer-page .text-block h3.align-justify, .customer-page .text-block h2[data-rtalign=justify], .customer-page .text-block h2.align-justify {
  text-align: justify;
}
.customer-page .text-block p[data-rtalign=center], .customer-page .text-block p.align-center, .customer-page .text-block h3[data-rtalign=center], .customer-page .text-block h3.align-center, .customer-page .text-block h2[data-rtalign=center], .customer-page .text-block h2.align-center {
  text-align: center;
}
.customer-page .text-block p[data-rtalign=right], .customer-page .text-block p.align-right, .customer-page .text-block h3[data-rtalign=right], .customer-page .text-block h3.align-right, .customer-page .text-block h2[data-rtalign=right], .customer-page .text-block h2.align-right {
  text-align: right;
}
.customer-page .text-block p.ql-indent-1, .customer-page .text-block h3.ql-indent-1, .customer-page .text-block h2.ql-indent-1 {
  margin-left: min(3vw,30px);
}
.customer-page .text-block p.ql-indent-2, .customer-page .text-block h3.ql-indent-2, .customer-page .text-block h2.ql-indent-2 {
  margin-left: min(6vw,60px);
}
.customer-page .text-block p.ql-indent-3, .customer-page .text-block h3.ql-indent-3, .customer-page .text-block h2.ql-indent-3 {
  margin-left: min(9vw,90px);
}
.customer-page .text-block p.ql-indent-4, .customer-page .text-block h3.ql-indent-4, .customer-page .text-block h2.ql-indent-4 {
  margin-left: min(12vw,120px);
}
.customer-page .text-block p.ql-indent-5, .customer-page .text-block h3.ql-indent-5, .customer-page .text-block h2.ql-indent-5 {
  margin-left: min(15vw,150px);
}
.customer-page .text-block p.ql-indent-6, .customer-page .text-block h3.ql-indent-6, .customer-page .text-block h2.ql-indent-6 {
  margin-left: min(18vw,180px);
}
.customer-page .text-block p.ql-indent-7, .customer-page .text-block h3.ql-indent-7, .customer-page .text-block h2.ql-indent-7 {
  margin-left: min(21vw,210px);
}
.customer-page .text-block p.ql-indent-8, .customer-page .text-block h3.ql-indent-8, .customer-page .text-block h2.ql-indent-8 {
  margin-left: min(24vw,240px);
}
.customer-page .text-block p.ql-indent-9, .customer-page .text-block h3.ql-indent-9, .customer-page .text-block h2.ql-indent-9 {
  margin-left: min(27vw,270px);
}
.customer-page .text-block sub {
  vertical-align: sub;
  font-size: smaller;
}
.customer-page .text-block sup {
  vertical-align: super;
  font-size: smaller;
}
.customer-page .text-block .color-theme {
  color: var(--primary-color);
}
.customer-page .text-block .color-text {
  color: #464646;
}
.fgc-inverse .customer-page .text-block, .fgc-inverse .customer-page .text-block h1, .fgc-inverse .customer-page .text-block h2, .fgc-inverse .customer-page .text-block h3, .fgc-inverse .customer-page .text-block h4, .fgc-inverse .customer-page .text-block h5, .fgc-inverse .customer-page .text-block h2.themeColor, .fgc-inverse .customer-page .text-block h3.themeColor, .fgc-inverse .customer-page .text-block a, .fgc-inverse .customer-page .text-block .color-theme, .fgc-inverse .customer-page .text-block .color-text, .fgc-inverse .customer-page .text-block p.accentuated {
  color: #fff;
}
.customer-page .text-block {
  line-height: var(--body-line-height);
  margin: 20px 0px;
}
.customer-page .text-block .shopButton {
  font-size: var(--fontsize-small);
}
.customer-page .customer-page-footer {
  margin-top: 60px;
  font-size: var(--fontsize-small);
}
.customer-page .verify-email-bar {
  width: 96.5%;
  background-color: #efefef;
  color: #464646;
  padding: 1em;
  border-radius: 3px;
  margin-top: 0.6em;
}
.customer-page .verify-email-bar .emailVerification {
  margin-left: 0.7em;
}
.customer-page .verify-email-bar a {
  color: var(--primary-color);
}
.customer-page .customer-title {
  margin-top: 1em;
}
.customer-page .orderRefresh {
  margin-bottom: 0.8em;
}
.customer-page .emptyLinkButton {
  border-style: solid;
  border-color: white;
  text-decoration: none;
  padding: 2px 5px;
  border-radius: 5px;
  margin: 4px 0px;
}
.customer-page .emptyLinkButton:hover {
  opacity: 0.8;
}
.customer-page .customerTable {
  display: flex;
  flex-flow: row wrap;
}
.customer-page .customerTable .customerTableDivider {
  width: 100%;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.customer-page .customerTable .customerTableDividerLight {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.customer-page .customerTable .title {
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: var(--legacy-bold);
  opacity: 0.6;
}
.customer-page .customerTable .fiveCol {
  width: 20%;
  display: flex;
  align-items: center;
}
@media (max-width: 440px) {
  .customer-page .customerTable .fiveCol.mobileHide {
    display: none;
  }
  .customer-page .customerTable .fiveCol.mobileShow {
    width: 33%;
  }
}
.customer-page .customerTable .fiveCol a {
  text-decoration: none;
  font-size: 0.8em;
}
.customer-page .customerTable .fiveCol a:hover {
  opacity: 0.8;
}
.customer-page .customerTable .payment-method-delete-button:hover {
  opacity: 0.8;
}
.customer-page .customerTable .outerDiv {
  display: inline-block;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.customer-page .customerTable .outerDiv .topCartContentBlock {
  margin-top: -1.2em;
}
.customer-page .customerTable .outerDiv .cartContentBlock {
  padding-top: 1em;
  padding-bottom: 5px;
  width: 100%;
}
.customer-page .customerTable .outerDiv .cartContentBlock .subscriptionPopupButtons {
  display: flex;
}
@media (max-width: 545px) {
  .customer-page .customerTable .outerDiv .cartContentBlock .subscriptionPopupButtons {
    flex-direction: column;
  }
}
.customer-page .customerTable .outerDiv .cartContentBlock .subscriptionPopupButton {
  width: 45%;
}
@media (max-width: 545px) {
  .customer-page .customerTable .outerDiv .cartContentBlock .subscriptionPopupButton {
    width: auto;
  }
}
.customer-page .customerTable .outerDiv .cartContentBlock .bottomButton {
  margin-left: 2.9em;
}
@media (max-width: 545px) {
  .customer-page .customerTable .outerDiv .cartContentBlock .bottomButton {
    margin: 0;
    margin-top: 1em;
  }
}
.customer-page .customerTable .outerDiv .cartContentBlock .customerTableSpacer {
  margin-left: 0.3em;
}
@media (max-width: 545px) {
  .customer-page .customerTable .outerDiv .cartContentBlock .customerTableSpacer {
    margin: 0;
  }
}
.customer-page .customerTable .sixCol {
  width: 16%;
  display: inline-block;
}
@media (max-width: 440px) {
  .customer-page .customerTable .sixCol.mobileHide {
    display: none;
  }
  .customer-page .customerTable .sixCol.mobileShow {
    width: 32%;
  }
}
.customer-page .customerTable .sixCol a.popUpLink {
  cursor: pointer;
}
.customer-page .customerTable .sixCol a.popUpLink:hover {
  opacity: 0.6;
  font-weight: 400;
}
.customer-page .customerTable .sixCol a.subscriptionViewButton {
  font-size: 0.9em;
}
.customer-page .customerTable .sixCol a.subscriptionViewButton:hover {
  opacity: 0.8;
}
.customer-page .customerTable .oneCol {
  width: 99%;
}
.customer-page .customerTable .threeCol {
  width: 32%;
  display: inline-block;
}
.customer-page .customerTable .fourCol {
  width: 26%;
  display: inline-flex;
}
.customer-page .customerTable .fourCol.threeOfFourCols {
  width: 72%;
}

.shop-policy-page {
  margin-bottom: 3rem;
}

.store-location-details {
  padding-bottom: 4em;
}
.store-location-details .delivery-methods {
  margin-bottom: 1em;
}

.s2-site-style-guide {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  background-color: #f3f3f3;
}
.s2-site-style-guide .outer-content {
  display: flex;
  justify-content: center;
  padding: 0 2em 2em;
}
.s2-site-style-guide .inner-content {
  box-sizing: border-box;
  width: 100%;
}
.s2-site-style-guide .inner-content > h1 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h1);
  color: var(--heading-default-color);
  line-height: 1.2;
  margin: 0 0 0.25em;
  margin: 1em 0 0;
}
.s2-site-style-guide .inner-content > h2, .s2-site-style-guide .inner-content .col > h2 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h3);
  color: var(--heading-default-color);
  line-height: 1.4;
  margin: 0 0 0.25em;
  margin-top: 1.75em;
}
.s2-site-style-guide .inner-content .two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
.s2-site-style-guide .inner-content .three-col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
}
.s2-site-style-guide .inner-content section {
  margin: 1em 0;
  border: solid 1px #eee;
  border-radius: 0.5em;
  padding: 1.5em 2em 2em;
  background-color: #fff;
  border: solid 1px #ddd;
  overflow-x: auto;
}
.s2-site-style-guide .inner-content section > h2:first-child {
  margin-bottom: 0.5em;
}
.s2-site-style-guide .inner-content hr {
  border: 0;
  height: 1px;
  background: #eee;
  margin: 1.5rem 0;
}
.s2-site-style-guide .item-table th, .s2-site-style-guide .item-table td {
  text-align: center;
  padding: 0.5em 1em 0.5em 0.5em;
}
.s2-site-style-guide .item-table th {
  font-size: 0.9em;
}
.s2-site-style-guide .item-table th:first-child {
  text-align: left;
}
.s2-site-style-guide section.typography h1 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h1);
  color: var(--heading-default-color);
  line-height: 1.2;
  margin: 0 0 0.25em;
}
.s2-site-style-guide section.typography h2 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h2);
  color: var(--heading-default-color);
  line-height: 1.3;
  margin: 0 0 0.25em;
}
.s2-site-style-guide section.typography h3 {
  font-family: var(--heading-font-stack);
  font-weight: var(--heading-default-weight);
  font-size: var(--fontsize-h3);
  color: var(--heading-default-color);
  line-height: 1.4;
  margin: 0 0 0.25em;
}
.s2-site-style-guide section.typography h4 {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h4);
  color: var(--heading-default-color);
  line-height: var(--body-line-height);
  margin: 0 0 0.25em;
}
.s2-site-style-guide section.typography h5 {
  font-family: var(--body-font-stack);
  font-weight: var(--body-semibold-weight);
  font-size: var(--fontsize-h5);
  color: var(--heading-default-color);
  line-height: var(--body-line-height);
  margin: 0 0 0.25em;
}
.s2-site-style-guide section.typography p {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  line-height: var(--body-line-height);
  margin: 0 0 1em;
}
.s2-site-style-guide section.typography p.large-type {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  line-height: var(--body-line-height);
  margin: 0 0 1em;
}
.s2-site-style-guide section.typography p.small-type {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  line-height: var(--body-line-height);
}
.s2-site-style-guide section.typography p.extra-small-type {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  line-height: var(--body-line-height);
}
.s2-site-style-guide section.rich-text-typography {
  font-family: var(--body-font-stack);
  font-weight: var(--body-default-weight);
  font-size: 1rem;
  color: #464646;
  vertical-align: top;
  text-align: left;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@layer theme-defaults {
  .s2-site-style-guide section.rich-text-typography a:not([class*=button]):not([class*=Button]) {
    color: var(--primary-color);
  }
}
.s2-site-style-guide section.rich-text-typography a.ql-button, .s2-site-style-guide section.rich-text-typography a.ql-button-solid, .s2-site-style-guide section.rich-text-typography a.ql-button-outline {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button:has(+ a), .s2-site-style-guide section.rich-text-typography a.ql-button-solid:has(+ a), .s2-site-style-guide section.rich-text-typography a.ql-button-outline:has(+ a) {
  margin-right: 0.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.s2-site-style-guide section.rich-text-typography a.ql-button span {
  vertical-align: middle;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.large {
  font-size: 1.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button .verb, .s2-site-style-guide section.rich-text-typography a.ql-button em {
  font-style: italic;
}
.s2-site-style-guide section.rich-text-typography a.ql-button:focus-visible {
  outline: 1px auto;
}
.s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.s2-site-style-guide section.rich-text-typography a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.on-dark, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.s2-site-style-guide section.rich-text-typography a.ql-button.on-dark:hover, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(55.96, 126.868, 205.24) 0, rgb(34.9, 84.6325, 139.6) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgb(65.195, 139.44225, 221.505) 0, rgb(30, 96.5, 170) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-transparent-tint) 0, var(--primary-color-darkened-20-alpha-01) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--primary-color-alpha-02) 0, var(--primary-color-darkened-20-alpha-02) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-gradient-start) 0, var(--primary-color-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--primary-color-rollover-gradient-start) 0, var(--primary-color-rollover-gradient-end) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
  background-image: linear-gradient(to bottom, rgb(178.5, 178.5, 178.5) 0, rgb(127.5, 127.5, 127.5) 100%);
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.on-dark, .bgc-dark .buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.75) 100%);
  background-color: transparent;
}
.buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button.on-dark:hover, .bgc-dark .buttonStyleGradient .s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.65) 100%);
  background-color: transparent;
  color: var(--primary-color);
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.disabled, .buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.on-dark, .bgc-dark .buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button.on-dark:hover, .bgc-dark .buttonStyleOutline .s2-site-style-guide section.rich-text-typography a.ql-button:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.s2-site-style-guide section.rich-text-typography a.ql-button {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid span {
  vertical-align: middle;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.large {
  font-size: 1.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid .verb, .s2-site-style-guide section.rich-text-typography a.ql-button-solid em {
  font-style: italic;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid:focus-visible {
  outline: 1px auto;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: none;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: #2861A0;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: rgb(33.825, 108.80375, 191.675);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.tint {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-transparent-tint);
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.tint:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-alpha-02);
  color: var(--primary-color-darkened-10);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-complement);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background: var(--primary-color-rollover-complement);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.disabled {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: #999 !important;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.on-dark, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button-solid {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background-color: #fff;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid.on-dark:hover, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button-solid:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-solid {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline {
  color: white;
  white-space: nowrap;
  text-decoration: none;
  padding: 0em 1.5em;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  line-height: 2.4em;
  vertical-align: middle;
  background: var(--primary-color);
  text-align: center;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline span {
  vertical-align: middle;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.fullWidth {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.v2 {
  font-size: 17px;
  line-height: 2.3;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.large {
  font-size: 1.5em;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline .verb, .s2-site-style-guide section.rich-text-typography a.ql-button-outline em {
  font-style: italic;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline:focus-visible {
  outline: 1px auto;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  color: var(--primary-color);
  background: transparent;
  border: solid 1px var(--primary-color);
  margin: 1px 0;
  line-height: calc(2.4em - 2px);
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover);
  color: var(--primary-color-rollover);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.alternative {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #2861A0;
  color: #2861A0;
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.alternative:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px rgb(33.825, 108.80375, 191.675);
  color: rgb(33.825, 108.80375, 191.675);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.complement {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-complement);
  color: var(--primary-color-complement);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.complement:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-complement);
  color: var(--primary-color-rollover-complement);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.darken {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-darkened-10);
  color: var(--primary-color-darkened-10);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.darken:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px var(--primary-color-rollover-darkened-10);
  color: var(--primary-color-rollover-darkened-10);
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.disabled, .s2-site-style-guide section.rich-text-typography a.ql-button-outline.disabled:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border-color: #999 !important;
  color: #999 !important;
  background: #f1f1f1 !important;
  cursor: default;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.on-dark, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button-outline {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: transparent;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline.on-dark:hover, .bgc-dark .s2-site-style-guide section.rich-text-typography a.ql-button-outline:hover {
  background: var(--primary-color);
  background-image: none;
  border: none;
  color: #fff;
  border: solid 1px #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.18) !important;
}
.s2-site-style-guide section.rich-text-typography a.ql-button-outline {
  border-radius: var(--button-corner-radius) !important;
  text-transform: var(--button-capitalisation);
}
.s2-site-style-guide section.rich-text-typography p.large, .s2-site-style-guide section.rich-text-typography p.size-large, .s2-site-style-guide section.rich-text-typography p.size-large-v2 {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.s2-site-style-guide section.rich-text-typography p.accentuated {
  font-style: italic;
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography p.spotlight {
  font-size: var(--fontsize-xlarge);
  font-weight: var(--body-light-weight);
}
.s2-site-style-guide section.rich-text-typography p.spotlight.size-large {
  font-size: var(--fontsize-xxlarge);
}
.s2-site-style-guide section.rich-text-typography h2 {
  color: #464646;
  font-size: var(--fontsize-h2);
  line-height: 1.3;
  margin-top: 1.618rem;
}
.s2-site-style-guide section.rich-text-typography h2.large, .s2-site-style-guide section.rich-text-typography h2.size-large {
  font-size: var(--fontsize-h2-large);
}
.s2-site-style-guide section.rich-text-typography h3 {
  color: #464646;
  font-weight: var(--legacy-heading-bold);
  font-size: var(--fontsize-h3);
  margin-top: 1.618rem;
  line-height: 1.5;
}
.s2-site-style-guide section.rich-text-typography h3.large, .s2-site-style-guide section.rich-text-typography h3.size-large {
  font-size: var(--fontsize-h3-large);
}
.s2-site-style-guide section.rich-text-typography h1, .s2-site-style-guide section.rich-text-typography h2, .s2-site-style-guide section.rich-text-typography h3 {
  font-weight: var(--heading-default-weight);
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography h1 strong, .s2-site-style-guide section.rich-text-typography h1 b, .s2-site-style-guide section.rich-text-typography h2 strong, .s2-site-style-guide section.rich-text-typography h2 b, .s2-site-style-guide section.rich-text-typography h3 strong, .s2-site-style-guide section.rich-text-typography h3 b {
  font-weight: var(--heading-bold-weight);
}
.s2-site-style-guide section.rich-text-typography h1 + h1, .s2-site-style-guide section.rich-text-typography h1 + h2, .s2-site-style-guide section.rich-text-typography h1 + h3, .s2-site-style-guide section.rich-text-typography h1 + h4, .s2-site-style-guide section.rich-text-typography h2 + h1, .s2-site-style-guide section.rich-text-typography h2 + h2, .s2-site-style-guide section.rich-text-typography h2 + h3, .s2-site-style-guide section.rich-text-typography h2 + h4, .s2-site-style-guide section.rich-text-typography h3 + h1, .s2-site-style-guide section.rich-text-typography h3 + h2, .s2-site-style-guide section.rich-text-typography h3 + h3, .s2-site-style-guide section.rich-text-typography h3 + h4 {
  margin-top: -1rem;
}
.s2-site-style-guide section.rich-text-typography h1 {
  font-size: var(--fontsize-h1);
  line-height: 1.2;
}
.s2-site-style-guide section.rich-text-typography p, .s2-site-style-guide section.rich-text-typography ol, .s2-site-style-guide section.rich-text-typography ul, .s2-site-style-guide section.rich-text-typography h2, .s2-site-style-guide section.rich-text-typography h3, .s2-site-style-guide section.rich-text-typography h4, .s2-site-style-guide section.rich-text-typography h5 {
  margin-bottom: 1rem;
}
.s2-site-style-guide section.rich-text-typography p:first-child, .s2-site-style-guide section.rich-text-typography ol:first-child, .s2-site-style-guide section.rich-text-typography ul:first-child, .s2-site-style-guide section.rich-text-typography h2:first-child, .s2-site-style-guide section.rich-text-typography h3:first-child, .s2-site-style-guide section.rich-text-typography h4:first-child, .s2-site-style-guide section.rich-text-typography h5:first-child {
  margin-top: 0;
}
.s2-site-style-guide section.rich-text-typography p:last-child, .s2-site-style-guide section.rich-text-typography ol:last-child, .s2-site-style-guide section.rich-text-typography ul:last-child, .s2-site-style-guide section.rich-text-typography h2:last-child, .s2-site-style-guide section.rich-text-typography h3:last-child, .s2-site-style-guide section.rich-text-typography h4:last-child, .s2-site-style-guide section.rich-text-typography h5:last-child {
  margin-bottom: 0;
}
.s2-site-style-guide section.rich-text-typography ol p, .s2-site-style-guide section.rich-text-typography ol p:first-child, .s2-site-style-guide section.rich-text-typography ol p:last-child, .s2-site-style-guide section.rich-text-typography ol ol, .s2-site-style-guide section.rich-text-typography ol ol:first-child, .s2-site-style-guide section.rich-text-typography ol ol:last-child, .s2-site-style-guide section.rich-text-typography ol ul, .s2-site-style-guide section.rich-text-typography ol ul:first-child, .s2-site-style-guide section.rich-text-typography ol ul:last-child, .s2-site-style-guide section.rich-text-typography ol h2, .s2-site-style-guide section.rich-text-typography ol h2:first-child, .s2-site-style-guide section.rich-text-typography ol h2:last-child, .s2-site-style-guide section.rich-text-typography ol h3, .s2-site-style-guide section.rich-text-typography ol h3:first-child, .s2-site-style-guide section.rich-text-typography ol h3:last-child, .s2-site-style-guide section.rich-text-typography ol h4, .s2-site-style-guide section.rich-text-typography ol h4:first-child, .s2-site-style-guide section.rich-text-typography ol h4:last-child, .s2-site-style-guide section.rich-text-typography ol h5, .s2-site-style-guide section.rich-text-typography ol h5:first-child, .s2-site-style-guide section.rich-text-typography ol h5:last-child, .s2-site-style-guide section.rich-text-typography ul p, .s2-site-style-guide section.rich-text-typography ul p:first-child, .s2-site-style-guide section.rich-text-typography ul p:last-child, .s2-site-style-guide section.rich-text-typography ul ol, .s2-site-style-guide section.rich-text-typography ul ol:first-child, .s2-site-style-guide section.rich-text-typography ul ol:last-child, .s2-site-style-guide section.rich-text-typography ul ul, .s2-site-style-guide section.rich-text-typography ul ul:first-child, .s2-site-style-guide section.rich-text-typography ul ul:last-child, .s2-site-style-guide section.rich-text-typography ul h2, .s2-site-style-guide section.rich-text-typography ul h2:first-child, .s2-site-style-guide section.rich-text-typography ul h2:last-child, .s2-site-style-guide section.rich-text-typography ul h3, .s2-site-style-guide section.rich-text-typography ul h3:first-child, .s2-site-style-guide section.rich-text-typography ul h3:last-child, .s2-site-style-guide section.rich-text-typography ul h4, .s2-site-style-guide section.rich-text-typography ul h4:first-child, .s2-site-style-guide section.rich-text-typography ul h4:last-child, .s2-site-style-guide section.rich-text-typography ul h5, .s2-site-style-guide section.rich-text-typography ul h5:first-child, .s2-site-style-guide section.rich-text-typography ul h5:last-child {
  margin-top: 0.3333rem;
  margin-bottom: 0.3333rem;
}
.s2-site-style-guide section.rich-text-typography ol ol, .s2-site-style-guide section.rich-text-typography ol ol:first-child, .s2-site-style-guide section.rich-text-typography ol ol:last-child, .s2-site-style-guide section.rich-text-typography ol ul, .s2-site-style-guide section.rich-text-typography ol ul:first-child, .s2-site-style-guide section.rich-text-typography ol ul:last-child, .s2-site-style-guide section.rich-text-typography ul ol, .s2-site-style-guide section.rich-text-typography ul ol:first-child, .s2-site-style-guide section.rich-text-typography ul ol:last-child, .s2-site-style-guide section.rich-text-typography ul ul, .s2-site-style-guide section.rich-text-typography ul ul:first-child, .s2-site-style-guide section.rich-text-typography ul ul:last-child {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.s2-site-style-guide section.rich-text-typography ol li, .s2-site-style-guide section.rich-text-typography ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.s2-site-style-guide section.rich-text-typography ol li + li, .s2-site-style-guide section.rich-text-typography ul li + li {
  margin-top: 0.3333em;
}
.s2-site-style-guide section.rich-text-typography li {
  margin-left: 30px;
}
.s2-site-style-guide section.rich-text-typography li.large, .s2-site-style-guide section.rich-text-typography li.size-large {
  font-size: var(--fontsize-large);
  line-height: 1.3;
}
.s2-site-style-guide section.rich-text-typography ol li {
  list-style-type: decimal;
}
.s2-site-style-guide section.rich-text-typography ul li {
  list-style-type: disc;
}
.s2-site-style-guide section.rich-text-typography p[data-rtalign=justify], .s2-site-style-guide section.rich-text-typography p.align-justify, .s2-site-style-guide section.rich-text-typography h3[data-rtalign=justify], .s2-site-style-guide section.rich-text-typography h3.align-justify, .s2-site-style-guide section.rich-text-typography h2[data-rtalign=justify], .s2-site-style-guide section.rich-text-typography h2.align-justify {
  text-align: justify;
}
.s2-site-style-guide section.rich-text-typography p[data-rtalign=center], .s2-site-style-guide section.rich-text-typography p.align-center, .s2-site-style-guide section.rich-text-typography h3[data-rtalign=center], .s2-site-style-guide section.rich-text-typography h3.align-center, .s2-site-style-guide section.rich-text-typography h2[data-rtalign=center], .s2-site-style-guide section.rich-text-typography h2.align-center {
  text-align: center;
}
.s2-site-style-guide section.rich-text-typography p[data-rtalign=right], .s2-site-style-guide section.rich-text-typography p.align-right, .s2-site-style-guide section.rich-text-typography h3[data-rtalign=right], .s2-site-style-guide section.rich-text-typography h3.align-right, .s2-site-style-guide section.rich-text-typography h2[data-rtalign=right], .s2-site-style-guide section.rich-text-typography h2.align-right {
  text-align: right;
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-1, .s2-site-style-guide section.rich-text-typography h3.ql-indent-1, .s2-site-style-guide section.rich-text-typography h2.ql-indent-1 {
  margin-left: min(3vw,30px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-2, .s2-site-style-guide section.rich-text-typography h3.ql-indent-2, .s2-site-style-guide section.rich-text-typography h2.ql-indent-2 {
  margin-left: min(6vw,60px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-3, .s2-site-style-guide section.rich-text-typography h3.ql-indent-3, .s2-site-style-guide section.rich-text-typography h2.ql-indent-3 {
  margin-left: min(9vw,90px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-4, .s2-site-style-guide section.rich-text-typography h3.ql-indent-4, .s2-site-style-guide section.rich-text-typography h2.ql-indent-4 {
  margin-left: min(12vw,120px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-5, .s2-site-style-guide section.rich-text-typography h3.ql-indent-5, .s2-site-style-guide section.rich-text-typography h2.ql-indent-5 {
  margin-left: min(15vw,150px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-6, .s2-site-style-guide section.rich-text-typography h3.ql-indent-6, .s2-site-style-guide section.rich-text-typography h2.ql-indent-6 {
  margin-left: min(18vw,180px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-7, .s2-site-style-guide section.rich-text-typography h3.ql-indent-7, .s2-site-style-guide section.rich-text-typography h2.ql-indent-7 {
  margin-left: min(21vw,210px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-8, .s2-site-style-guide section.rich-text-typography h3.ql-indent-8, .s2-site-style-guide section.rich-text-typography h2.ql-indent-8 {
  margin-left: min(24vw,240px);
}
.s2-site-style-guide section.rich-text-typography p.ql-indent-9, .s2-site-style-guide section.rich-text-typography h3.ql-indent-9, .s2-site-style-guide section.rich-text-typography h2.ql-indent-9 {
  margin-left: min(27vw,270px);
}
.s2-site-style-guide section.rich-text-typography sub {
  vertical-align: sub;
  font-size: smaller;
}
.s2-site-style-guide section.rich-text-typography sup {
  vertical-align: super;
  font-size: smaller;
}
.s2-site-style-guide section.rich-text-typography .color-theme {
  color: var(--primary-color);
}
.s2-site-style-guide section.rich-text-typography .color-text {
  color: #464646;
}
.fgc-inverse .s2-site-style-guide section.rich-text-typography, .fgc-inverse .s2-site-style-guide section.rich-text-typography h1, .fgc-inverse .s2-site-style-guide section.rich-text-typography h2, .fgc-inverse .s2-site-style-guide section.rich-text-typography h3, .fgc-inverse .s2-site-style-guide section.rich-text-typography h4, .fgc-inverse .s2-site-style-guide section.rich-text-typography h5, .fgc-inverse .s2-site-style-guide section.rich-text-typography h2.themeColor, .fgc-inverse .s2-site-style-guide section.rich-text-typography h3.themeColor, .fgc-inverse .s2-site-style-guide section.rich-text-typography a, .fgc-inverse .s2-site-style-guide section.rich-text-typography .color-theme, .fgc-inverse .s2-site-style-guide section.rich-text-typography .color-text, .fgc-inverse .s2-site-style-guide section.rich-text-typography p.accentuated {
  color: #fff;
}
.s2-site-style-guide {
  /*
  section.buttons {
      .primary-button {
          @include primary-button;
      }

      .secondary-button {
          @include secondary-button;
      }

      .plain-button {
          @include plain-button;
      }
  }

  section.form-area {
      input[type=text] {
          @include text-input-style();
          width: 180px;
      }

      .currency-input {
          @include text-input-container($prefix: '$');
      }

      .unit-input {
          @include text-input-container($postfix: 'cm', $postfix-width: 3ch);
      }

      .prefix-postfix-input {
          @include text-input-container($prefix: '$', $postfix: '+ gst', $postfix-width: 4ch);
      }

      .example-form {
          @include standard-form;
      }
  }*/
}

.s2-management-style-guide {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  background-color: #f3f3f3;
}
.s2-management-style-guide .outer-content {
  display: flex;
  justify-content: center;
  padding: 0 2em 2em;
}
.s2-management-style-guide .inner-content {
  max-width: 934px;
  box-sizing: border-box;
  width: 100%;
}
.s2-management-style-guide .inner-content > h1 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.1875rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
  margin: 1em 0 0;
}
.s2-management-style-guide .inner-content > h2 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
  margin-top: 1.75em;
}
.s2-management-style-guide .inner-content > section {
  margin: 1em 0;
  border: solid 1px #eee;
  border-radius: 0.5em;
  padding: 1.5em 2em 2em;
  background-color: #fff;
  border: solid 1px #ddd;
  overflow-x: auto;
}
.s2-management-style-guide .inner-content > section > h2:first-child {
  margin-bottom: 0.5em;
}
.s2-management-style-guide .inner-content hr {
  border: 0;
  height: 1px;
  background: #eee;
  margin: 1.5rem 0;
}
.s2-management-style-guide .item-table th, .s2-management-style-guide .item-table td {
  text-align: center;
  padding: 0.5em 1em 0.5em 0.5em;
}
.s2-management-style-guide .item-table th {
  font-size: 0.9em;
}
.s2-management-style-guide .item-table th:first-child {
  text-align: left;
}
.s2-management-style-guide section.typography h1 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.1875rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
}
.s2-management-style-guide section.typography h2 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
}
.s2-management-style-guide section.typography h3 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
}
.s2-management-style-guide section.typography h4 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #0089a7;
  line-height: 1.2;
  margin: 0 0 0.25em;
}
.s2-management-style-guide section.typography h5 {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  color: #0089a7;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0.25em;
}
.s2-management-style-guide section.typography p {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0 0 1em;
}
.s2-management-style-guide section.typography p.large-type {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.2;
}
.s2-management-style-guide section.typography p.small-type {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #8c8c8c;
  line-height: 1.2;
}
.s2-management-style-guide section.typography p.extra-small-type {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.2;
  color: #c4c4c4;
}
.s2-management-style-guide section.buttons .management-primary-button {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: 0.5em 0.8em;
}
.s2-management-style-guide section.buttons .management-primary-button:hover {
  text-decoration: none;
}
.s2-management-style-guide section.buttons .management-primary-button {
  background-color: #17aacc;
  color: #fff;
  border: none;
}
.s2-management-style-guide section.buttons .management-primary-button:hover, .s2-management-style-guide section.buttons .management-primary-button.hover {
  color: #fff;
  background-color: #0089a7;
}
.s2-management-style-guide section.buttons .management-secondary-button {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: calc(0.5em - 1px) calc(0.8em - 1px);
}
.s2-management-style-guide section.buttons .management-secondary-button:hover {
  text-decoration: none;
}
.s2-management-style-guide section.buttons .management-secondary-button {
  background-color: #fff;
  color: #17aacc;
  border: solid 1px #f1f1f1;
}
.s2-management-style-guide section.buttons .management-secondary-button:hover, .s2-management-style-guide section.buttons .management-secondary-button.hover {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.s2-management-style-guide section.buttons .management-plain-button {
  border-radius: 0.3125em;
  font-weight: var(--body-semibold-weight);
  padding: calc(0.5em - 1px) calc(0.8em - 1px);
}
.s2-management-style-guide section.buttons .management-plain-button:hover {
  text-decoration: none;
}
.s2-management-style-guide section.buttons .management-plain-button {
  background-color: #fff;
  color: #1d4a5b;
  border: solid 1px #f1f1f1;
}
.s2-management-style-guide section.buttons .management-plain-button:hover, .s2-management-style-guide section.buttons .management-plain-button.hover {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.s2-management-style-guide section.form-area input[type=text] {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding: calc(0.56875em - 1px);
  border: solid 1px #c4c4c4;
  box-sizing: border-box;
  border-radius: 5px;
  color: #1d4a5b;
}
.s2-management-style-guide section.form-area input[type=text]:focus, .s2-management-style-guide section.form-area input[type=text].with-focus {
  border-color: #17aacc;
  outline: solid 1px #17aacc;
}
.s2-management-style-guide section.form-area input[type=text]:disabled {
  color: #c4c4c4;
  border-color: #c4c4c4;
  background-color: #f1f1f1;
}
.s2-management-style-guide section.form-area input[type=text].validation-error {
  color: #CF290C;
  border-color: #CF290C;
  background-color: #FFF4F4;
}
.s2-management-style-guide section.form-area input[type=text] {
  /*    &.currency {
      position: relative;
      padding-left: calc(1.1375em + 1ch);

      &:after {
          content: '$';
          display: block;
          color: $grey-tint;
          position: absolute;
          left: $_textbox-padding;
      }
  }*/
  width: 180px;
}
.s2-management-style-guide section.form-area .currency-input {
  display: inline-block;
  position: relative;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
}
.s2-management-style-guide section.form-area .currency-input::before {
  content: "$";
  display: block;
  color: #8c8c8c;
  position: absolute;
  left: calc(0.56875em + 1px);
  top: 50%;
  transform: translateY(-50%);
}
.s2-management-style-guide section.form-area .currency-input::before.disabled {
  color: #c4c4c4;
}
.s2-management-style-guide section.form-area .currency-input::before.validation-error {
  color: #CF290C;
  opacity: 0.66;
}
.s2-management-style-guide section.form-area .currency-input input {
  padding-left: calc(2ch + 0.56875em + 1px) !important;
}
.s2-management-style-guide section.form-area .unit-input {
  display: inline-block;
  position: relative;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
}
.s2-management-style-guide section.form-area .unit-input::after {
  content: "cm";
  display: block;
  color: #8c8c8c;
  position: absolute;
  right: calc(0.56875em + 1px);
  top: 50%;
  transform: translateY(-50%);
}
.s2-management-style-guide section.form-area .unit-input::after.disabled {
  color: #c4c4c4;
}
.s2-management-style-guide section.form-area .unit-input::after.validation-error {
  color: #CF290C;
  opacity: 0.66;
}
.s2-management-style-guide section.form-area .unit-input input {
  padding-right: calc(3ch + 0.56875em + 1px) !important;
}
.s2-management-style-guide section.form-area .prefix-postfix-input {
  display: inline-block;
  position: relative;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
}
.s2-management-style-guide section.form-area .prefix-postfix-input::before {
  content: "$";
  display: block;
  color: #8c8c8c;
  position: absolute;
  left: calc(0.56875em + 1px);
  top: 50%;
  transform: translateY(-50%);
}
.s2-management-style-guide section.form-area .prefix-postfix-input::before.disabled {
  color: #c4c4c4;
}
.s2-management-style-guide section.form-area .prefix-postfix-input::before.validation-error {
  color: #CF290C;
  opacity: 0.66;
}
.s2-management-style-guide section.form-area .prefix-postfix-input input {
  padding-left: calc(2ch + 0.56875em + 1px) !important;
}
.s2-management-style-guide section.form-area .prefix-postfix-input::after {
  content: "+ gst";
  display: block;
  color: #8c8c8c;
  position: absolute;
  right: calc(0.56875em + 1px);
  top: 50%;
  transform: translateY(-50%);
}
.s2-management-style-guide section.form-area .prefix-postfix-input::after.disabled {
  color: #c4c4c4;
}
.s2-management-style-guide section.form-area .prefix-postfix-input::after.validation-error {
  color: #CF290C;
  opacity: 0.66;
}
.s2-management-style-guide section.form-area .prefix-postfix-input input {
  padding-right: calc(4ch + 0.56875em + 1px) !important;
}
.s2-management-style-guide section.form-area .example-form fieldset {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.s2-management-style-guide section.form-area .example-form fieldset > .row-break {
  display: block;
  flex: 1 0 100%;
  height: 0;
}
.s2-management-style-guide section.form-area .example-form .field {
  flex: 1 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .s2-management-style-guide section.form-area .example-form .field.three-quarters {
    max-width: calc(74.9962501875% - 5.0007499625px);
  }
  .s2-management-style-guide section.form-area .example-form .field.half {
    max-width: calc(50% - 10px);
  }
  .s2-management-style-guide section.form-area .example-form .field.third {
    max-width: calc(33.3333333333% - 13.3333333333px);
  }
  .s2-management-style-guide section.form-area .example-form .field.quarter {
    max-width: calc(25% - 15px);
  }
  .s2-management-style-guide section.form-area .example-form .field.fifth {
    max-width: calc(20% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .s2-management-style-guide section.form-area .example-form .field.sm-three-quarters {
    max-width: calc(74.9962501875% - 5.0007499625px);
  }
  .s2-management-style-guide section.form-area .example-form .field.sm-half {
    max-width: calc(50% - 10px);
  }
  .s2-management-style-guide section.form-area .example-form .field.sm-third {
    max-width: calc(33.3333333333% - 13.3333333333px);
  }
  .s2-management-style-guide section.form-area .example-form .field.sm-quarter {
    max-width: calc(25% - 15px);
  }
  .s2-management-style-guide section.form-area .example-form .field.sm-fifth {
    max-width: calc(20% - 16px);
  }
}
.s2-management-style-guide section.form-area .example-form .field {
  padding: 0;
}
.s2-management-style-guide section.form-area .example-form .field > .label {
  padding-top: 0.5em;
  margin-bottom: 0.5em;
  display: flex;
  justify-content: space-between;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 600;
  color: #1d4a5b;
}
.s2-management-style-guide section.form-area .example-form .field > .label a.help-link {
  display: block;
  border: none;
  background: none;
  color: #17aacc;
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
.s2-management-style-guide section.form-area .example-form .field > .field-content > .help {
  font-family: "[Storbie] Noto Sans", "Noto Sans", "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #8c8c8c;
  line-height: 1.2;
  margin: 0.75em 0 0;
}
.s2-management-style-guide section.form-area .example-form .field > .field-content > .help.validation-error {
  color: #CF290C;
}
.s2-management-style-guide section.form-area .example-form .field > .field-content input[type=text], .s2-management-style-guide section.form-area .example-form .field > .field-content input[type=password], .s2-management-style-guide section.form-area .example-form .field > .field-content input[type=number], .s2-management-style-guide section.form-area .example-form .field > .field-content input[type=date], .s2-management-style-guide section.form-area .example-form .field > .field-content textarea, .s2-management-style-guide section.form-area .example-form .field > .field-content select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
  transition: border-color 1s, background-color 1s;
  font-weight: var(--body-semibold-weight);
}
.s2-management-style-guide section.form-area .example-form .field > .field-content textarea {
  height: auto;
}
.s2-management-style-guide section.form-area .example-form .field.required-field::-webkit-input-placeholder {
  color: #999;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field.required-field::-moz-placeholder {
  color: #999;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field.required-field:-ms-input-placeholder {
  color: #999;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field.required-field:-moz-placeholder {
  color: #999;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field.required-field .fileUploadRequired {
  color: #888;
  font-family: sans-serif;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair {
  display: flex;
  padding: 0.3em 0;
  align-items: flex-start;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair .input-column {
  flex: 0 1 auto;
  padding-right: 0.5em;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair .label-column {
  flex: 1 1 auto;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair label {
  cursor: pointer;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair input {
  float: none;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .field-label-pair.option-list-option-other {
  align-items: center;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no input[type=checkbox] {
  float: none;
  margin-left: 0;
}
.s2-management-style-guide section.form-area .example-form .field-yes-no .help {
  margin-top: 1em;
}
.s2-management-style-guide section.form-area .example-form .field-datepicker > .field-content {
  padding-bottom: 2px;
}
.s2-management-style-guide section.form-area .example-form .field-datepicker > .field-content select.ui-datepicker-year {
  text-align: center;
  padding-left: 0 !important;
  width: 4.4em;
  max-width: 100%;
  min-width: 4.4em;
}
.s2-management-style-guide section.form-area .example-form .human-check {
  padding: 5px 0;
  text-align: right;
}
.s2-management-style-guide section.form-area .example-form .human-check .recaptcha > div {
  margin: 0 0 0 auto;
}
.s2-management-style-guide section.form-area .example-form .field .field-content .input-validation-error {
  border-color: #CF290C !important;
  background-color: #FFF4F4;
  transition: border-color 0.1s, background-color 0.1s;
}
.s2-management-style-guide section.form-area .example-form .field .field-content .input-validation-error::-webkit-input-placeholder {
  color: #CF290C;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field .field-content .input-validation-error::-moz-placeholder {
  color: #CF290C;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field .field-content .input-validation-error:-ms-input-placeholder {
  color: #CF290C;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field .field-content .input-validation-error:-moz-placeholder {
  color: #CF290C;
  opacity: 0.4;
}
.s2-management-style-guide section.form-area .example-form .field-validation-error {
  font-weight: 400;
}
.s2-management-style-guide section.form-area .example-form .validation-summary {
  text-align: right;
}
.s2-management-style-guide section.form-area .example-form .validation-summary .validation-summary-content {
  display: none;
}
.s2-management-style-guide section.form-area .example-form .validation-summary .validation-summary-content.validation-summary-errors {
  display: inline-block;
  padding: 10px;
  background-color: #FFF4F4;
  color: #CF290C;
  border: solid 1px #CF290C;
  border-radius: 5px;
  font-weight: 400;
  margin: 5px 0 10px;
  line-height: 1.6;
}
.s2-management-style-guide section.form-area .example-form .validation-summary .validation-summary-content ul {
  display: none;
}
.s2-management-style-guide section.form-area .example-form .button-bar {
  padding: 5px 0;
  text-align: right;
}

.storbie-policy .header {
  text-align: center;
  min-height: 60px;
  overflow: hidden;
}
.storbie-policy .header h1 {
  margin: 0;
  font-weight: 400;
  line-height: 1;
  color: #17aacc;
  text-transform: uppercase;
  font-size: 3.125em;
  letter-spacing: 0;
}
.storbie-policy .header hgroup {
  padding: 33px 10px 10px 10px;
}
.storbie-policy .header hgroup .noCallToAction {
  padding-bottom: 30px;
}
.storbie-policy .header a:not(.button):not(.tile) {
  color: white;
  font-weight: 500;
  opacity: 1;
}
.storbie-policy .header a:hover:not(.button):not(.tile) {
  text-decoration: underline;
}
.storbie-policy .content-body {
  background-color: #fff;
  color: #464646;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 10px 0 20px 0;
}
.storbie-policy .content-body .after-text {
  margin-top: 30px;
}
.storbie-policy .content-body .section:not(.centred) {
  margin: 0 auto;
  position: relative;
  min-width: 300px;
  max-width: 960px;
  text-align: left;
}
.storbie-policy .content-body .section.centred {
  margin: 0 auto;
  position: relative;
  min-width: 300px;
  max-width: 960px;
  text-align: center;
}
@media screen and (max-width: 1010px) {
  .storbie-policy .content-body #content .content-body .section:not(.centred) {
    padding: 0 15px;
  }
}
@media screen and (max-width: 380px) {
  .storbie-policy .content-body #content .content-body .section:not(.centred) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1010px) {
  .storbie-policy .content-body #content .content-body .section.centred {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 380px) {
  .storbie-policy .content-body #content .content-body .section.centred {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.storbie-policy .content-body .standardSection {
  text-align: left;
  margin: 0 auto;
  max-width: 960px;
}
.storbie-policy .content-body .standardSection .legal h2 {
  font-size: 1.875em;
}
.storbie-policy .content-body .standardSection .legal h3 {
  font-size: 1.125em;
}
.storbie-policy .content-body .sectionPaddingStandard {
  padding: 2em 0;
}

@media screen and (max-width: 1000px) {
  /* Contact form */
  .shopContactForm table,
  .shopContactForm tbody,
  .shopContactForm tr,
  .shopContactForm td {
    display: block;
  }
  .shopContactForm tbody,
  .shopContactForm tr,
  .shopContactForm td {
    padding: 0 0 5px 0;
    width: auto;
  }
  .shopContactForm textarea {
    height: 100px;
  }
  /* Address */
  .richTextImageWidthLarge .richTextImage,
  .richTextImageWidthMedium .richTextImage {
    float: none !important;
    margin: 0 0 20px 0 !important;
    width: auto !important;
    display: inline-block;
  }
  .richTextImageWidthLarge .richTextImage img,
  .richTextImageWidthMedium .richTextImage img {
    width: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .richTextImageWidthSmall .richTextImage {
    float: none !important;
    margin: 0 0 20px 0 !important;
    width: auto !important;
    display: inline-block;
  }
  .richTextImageWidthSmall .richTextImage img {
    width: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 686px) {
  .item .bannerText h1 {
    font-size: 40pt;
    line-height: 40pt;
  }
}
@media (max-width: 480px) {
  .item .not-mobile {
    display: none;
  }
  .item .mobile-only {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .gallerySmall .galleryColumnsItem {
    width: 33.333333% !important;
  }
  .galleryThreeColumns .topActions,
  .galleryFourColumns .topActions,
  .gallerySmall .topActions {
    margin-left: -8px;
    margin-right: -8px;
  }
  .galleryThreeColumns .actionButton,
  .galleryFourColumns .actionButton,
  .gallerySmall .actionButton {
    margin-right: 2px !important;
  }
  .galleryThreeColumns .addToCartButton img,
  .galleryThreeColumns input.actionButton,
  .galleryThreeColumns a.actionButton img,
  .galleryThreeColumns .moreInfoBelowImage img {
    height: 20px;
  }
  .galleryList table,
  .galleryList tbody,
  .galleryList tr.galleryListItem {
    display: block;
    border: none;
    padding: 0;
  }
  .galleryList tr.galleryListItem td {
    display: inline-block;
    border: none;
    padding: 5px 0;
  }
  .galleryList tr.galleryListItem td.titleColumn,
  .galleryList tr.galleryListItem td.priceColumn {
    display: block;
    text-align: left;
  }
  .galleryList tr.galleryListItem td.titleColumn h2 {
    margin: 0 !important;
  }
  .galleryList tr.galleryListItem td.emptyColumn {
    display: none;
  }
  .galleryList tr.galleryListItem {
    border-bottom: solid 1px #f3f3f3;
    padding: 5px 0 10px 0;
  }
  .galleryList .pricing {
    margin-left: 0;
  }
}
@media screen and (max-width: 850px) {
  .galleryTwoColumns .addToCartButton img,
  .galleryTwoColumns input.actionButton,
  .galleryTwoColumns a.actionButton img,
  .galleryTwoColumns .moreInfoBelowImage img {
    height: 20px;
  }
  .galleryImageList .addToCartButton img,
  .galleryImageList input.actionButton,
  .galleryImageList a.actionButton img,
  .galleryImageList .moreInfoBelowImage img {
    height: 20px;
  }
  /*.galleryImageList .image {
      float: none;
      margin-bottom: 6px;        
  }

  .galleryImageList .content {
      margin-left: 0 !important;
  }

  .galleryImageList .galleryImageListItem {
      background-image: url("/common/dividershadow-260.png");
  }*/
}
@media screen and (max-width: 686px) {
  .galleryThreeColumns .galleryColumnsItem,
  .galleryFourColumns .galleryColumnsItem,
  .gallerySmall .galleryColumnsItem {
    width: 50% !important;
  }
}
@media screen and (max-width: 440px) {
  .pageGallery .galleryColumnsItem,
  .pageGallery .galleryFourColumns .galleryColumnsItem,
  .pageGallery .gallerySmall .galleryColumnsItem {
    width: 100% !important;
  }
  .productGallery,
  .searchResultGallery,
  .galleryMarketplaceProducts {
    /* Display image beside text */
  }
  .productGallery .galleryMasonry,
  .searchResultGallery .galleryMasonry,
  .galleryMarketplaceProducts .galleryMasonry {
    height: auto !important;
  }
  .productGallery .galleryTwoColumns,
  .productGallery .galleryThreeColumns,
  .productGallery .galleryFourColumns,
  .productGallery .gallerySmall,
  .productGallery .galleryMasonry,
  .searchResultGallery .galleryTwoColumns,
  .searchResultGallery .galleryThreeColumns,
  .searchResultGallery .galleryFourColumns,
  .searchResultGallery .gallerySmall,
  .searchResultGallery .galleryMasonry,
  .galleryMarketplaceProducts .galleryTwoColumns,
  .galleryMarketplaceProducts .galleryThreeColumns,
  .galleryMarketplaceProducts .galleryFourColumns,
  .galleryMarketplaceProducts .gallerySmall,
  .galleryMarketplaceProducts .galleryMasonry {
    margin: 0;
  }
  .productGallery .galleryMasonry .masonryGalleryItemContainer,
  .searchResultGallery .galleryMasonry .masonryGalleryItemContainer,
  .galleryMarketplaceProducts .galleryMasonry .masonryGalleryItemContainer {
    padding: 0;
    box-shadow: none;
  }
  .productGallery .galleryImageList .galleryImageListItem,
  .productGallery .galleryTwoColumns .galleryColumnsItem,
  .productGallery .galleryThreeColumns .galleryColumnsItem,
  .productGallery .galleryFourColumns .galleryColumnsItem,
  .productGallery .gallerySmall .galleryColumnsItem,
  .productGallery .galleryMasonry .galleryItem,
  .searchResultGallery .galleryImageList .galleryImageListItem,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem,
  .searchResultGallery .gallerySmall .galleryColumnsItem,
  .searchResultGallery .galleryMasonry .galleryItem,
  .galleryMarketplaceProducts .galleryImageList .galleryImageListItem,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem {
    width: 100% !important;
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 18px;
  }
  .productGallery .galleryTwoColumns .galleryColumnsItem:after,
  .productGallery .galleryThreeColumns .galleryColumnsItem:after,
  .productGallery .galleryFourColumns .galleryColumnsItem:after,
  .productGallery .gallerySmall .galleryColumnsItem:after,
  .productGallery .galleryMasonry .galleryItem:after,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem:after,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem:after,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem:after,
  .searchResultGallery .gallerySmall .galleryColumnsItem:after,
  .searchResultGallery .galleryMasonry .galleryItem:after,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem:after,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem:after,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem:after,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem:after,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem:after {
    content: " ";
    display: block;
    clear: both;
  }
  .productGallery .galleryImageList .galleryImageListItem .image,
  .productGallery .galleryTwoColumns .galleryColumnsItem .image,
  .productGallery .galleryThreeColumns .galleryColumnsItem .image,
  .productGallery .galleryFourColumns .galleryColumnsItem .image,
  .productGallery .gallerySmall .galleryColumnsItem .image,
  .productGallery .galleryMasonry .galleryItem .image,
  .searchResultGallery .galleryImageList .galleryImageListItem .image,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem .image,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem .image,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem .image,
  .searchResultGallery .gallerySmall .galleryColumnsItem .image,
  .searchResultGallery .galleryMasonry .galleryItem .image,
  .galleryMarketplaceProducts .galleryImageList .galleryImageListItem .image,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem .image,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem .image,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem .image,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem .image,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem .image {
    width: 130px;
    margin: 0;
    float: left;
  }
  .productGallery .galleryImageList .galleryImageListItem .content,
  .productGallery .galleryTwoColumns .galleryColumnsItem .contentOverlay,
  .productGallery .galleryThreeColumns .galleryColumnsItem .contentOverlay,
  .productGallery .galleryFourColumns .galleryColumnsItem .contentOverlay,
  .productGallery .gallerySmall .galleryColumnsItem .contentOverlay,
  .productGallery .galleryMasonry .galleryItem .contentOverlay,
  .searchResultGallery .galleryImageList .galleryImageListItem .content,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem .contentOverlay,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem .contentOverlay,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem .contentOverlay,
  .searchResultGallery .gallerySmall .galleryColumnsItem .contentOverlay,
  .searchResultGallery .galleryMasonry .galleryItem .contentOverlay,
  .galleryMarketplaceProducts .galleryImageList .galleryImageListItem .content,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem .contentOverlay,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem .contentOverlay,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem .contentOverlay,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem .contentOverlay,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem .contentOverlay {
    margin-left: 145px;
  }
  .productGallery .galleryTwoColumns .galleryColumnsItem .content,
  .productGallery .galleryThreeColumns .galleryColumnsItem .content,
  .productGallery .galleryFourColumns .galleryColumnsItem .content,
  .productGallery .gallerySmall .galleryColumnsItem .content,
  .productGallery .galleryMasonry .galleryItem .content,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem .content,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem .content,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem .content,
  .searchResultGallery .gallerySmall .galleryColumnsItem .content,
  .searchResultGallery .galleryMasonry .galleryItem .content,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem .content,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem .content,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem .content,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem .content,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem .content {
    text-align: left;
    margin: 0 !important;
    width: auto !important;
    padding-top: 0;
  }
  .productGallery .galleryTwoColumns .galleryColumnsItem h2,
  .productGallery .galleryThreeColumns .galleryColumnsItem h2,
  .productGallery .galleryFourColumns .galleryColumnsItem h2,
  .productGallery .gallerySmall .galleryColumnsItem h2,
  .productGallery .galleryMasonry .galleryItem h2,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem h2,
  .searchResultGallery .galleryThreeColumns .galleryColumnsItem h2,
  .searchResultGallery .galleryFourColumns .galleryColumnsItem h2,
  .searchResultGallery .gallerySmall .galleryColumnsItem h2,
  .searchResultGallery .galleryMasonry .galleryItem h2,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem h2,
  .galleryMarketplaceProducts .galleryThreeColumns .galleryColumnsItem h2,
  .galleryMarketplaceProducts .galleryFourColumns .galleryColumnsItem h2,
  .galleryMarketplaceProducts .gallerySmall .galleryColumnsItem h2,
  .galleryMarketplaceProducts .galleryMasonry .galleryItem h2 {
    margin-top: 0;
  }
  .productGallery .galleryImageList .galleryImageListItem h2.titleLarge,
  .searchResultGallery .galleryImageList .galleryImageListItem h2.titleLarge,
  .galleryMarketplaceProducts .galleryImageList .galleryImageListItem h2.titleLarge {
    font-size: 17px;
    font-weight: var(--legacy-bold);
  }
  .productGallery .galleryTwoColumns .galleryColumnsItem .topActions,
  .productGallery .galleryThreeColumns .topActions,
  .productGallery .galleryFourColumns .topActions,
  .productGallery .gallerySmall .topActions,
  .searchResultGallery .galleryTwoColumns .galleryColumnsItem .topActions,
  .searchResultGallery .galleryThreeColumns .topActions,
  .searchResultGallery .galleryFourColumns .topActions,
  .searchResultGallery .gallerySmall .topActions,
  .galleryMarketplaceProducts .galleryTwoColumns .galleryColumnsItem .topActions,
  .galleryMarketplaceProducts .galleryThreeColumns .topActions,
  .galleryMarketplaceProducts .galleryFourColumns .topActions,
  .galleryMarketplaceProducts .gallerySmall .topActions {
    margin-left: 0;
    margin-right: 0;
  }
  .productGallery .shopButton,
  .searchResultGallery .shopButton,
  .galleryMarketplaceProducts .shopButton {
    font-size: 0.9em !important;
  }
  .galleryMarketplaceSites .image,
  .galleryMarketplaceSites .imageWidthDynamic .image {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .galleryMarketplaceSites .content,
  .galleryMarketplaceSites .imageWidthDynamic .content {
    margin-left: 0;
    padding-left: 0;
  }
}
/* Framework */
@media screen and (max-width: 1000px) {
  .slice {
    min-width: 280px;
  }
  .slice .slice-inner,
  .slice .slice-inner .itemArea {
    width: auto !important;
  }
  .pageArea {
    margin-left: 0;
    margin-right: 0;
  }
  #headerSection,
  .headerInfoLine {
    margin: 0;
  }
  #contentAreaNavigation {
    margin: 0;
  }
}
@media screen and (max-width: 850px) {
  .productDetailLarge .addToCartWidth_300 .addToCart,
  .productDetailLarge .addToCartInsideProduct .addToCart {
    display: none;
  }
  .productDetailLarge .addToCartWidth_300 .productDetailContent,
  .productDetailLarge .addToCartInsideProduct .productDetailContent {
    margin-right: 0;
  }
  .productDetailLarge .addToCartWidth_300 .productDetailContent {
    margin-right: 0;
  }
  .productDetailLarge .addToCartInsideProduct:not(.noCart) ~ .mobile-cart {
    display: block;
  }
  #innerPageRight {
    margin-left: 0;
  }
  #leftSection {
    display: none;
  }
}
@media screen and (max-width: 686px) {
  #rightSection,
  .right-section-mobile-hide {
    display: none;
    margin-left: auto;
    margin-right: auto;
  }
  #rightSectionMobile {
    position: static;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    overflow: visible;
    display: block;
  }
  .sticky-action-bar .ab-marketplace-context {
    padding-right: 0;
  }
  .sticky-action-bar .ab-marketplace-context .marketplace-name {
    display: none;
  }
  .productDetailLargeV2 .mobile-cart,
  .productDetailLarge .mobile-cart,
  .productDetailSmall .mobile-cart,
  .productDetailText .mobile-cart {
    display: block;
  }
  .productDetailSmall .addToCartWidth_200 .addToCart,
  .productDetailText .addToCartWidth_200 .addToCart,
  .productDetailSmall .addToCartInsideProduct .addToCart,
  .productDetailText .addToCartInsideProduct .addToCart {
    display: none;
  }
  .productDetailSmall .addToCartWidth_200 .productDetailContent,
  .productDetailText .addToCartWidth_200 .productDetailContent,
  .productDetailSmall .addToCartInsideProduct .productDetailContent,
  .productDetailText .addToCartInsideProduct .productDetailContent {
    margin-right: 0;
  }
  .designStyleFramed .itemAreaSmallFishProductDetailsAddToCart, .designStyleOpen .itemAreaSmallFishProductDetailsAddToCart {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .slice {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* Mobile Navigation */
@media screen and (max-width: 850px) {
  #page {
    padding-top: 0;
  }
  .slice-navigation .slice-inner {
    width: 100%;
  }
  .navigation,
  .ab-item.ab-social-icon {
    display: none;
  }
  .navigationMobile {
    display: block;
  }
  .mobileControlOuter {
    display: block;
  }
  .ab-icon.ab-menu-button {
    display: inline-block;
  }
  .sticky-action-bar .ab-legacy-mobile-search {
    display: inline-block;
  }
  .ab-legacy-desktop-search {
    display: none;
  }
  .headerInfoLine {
    display: none;
  }
  .slice-navigation .slice-inner {
    width: auto !important;
  }
  .contentAreaNavigation {
    padding-bottom: 0;
  }
  .contentAreaNavigation,
  #contentAreaNavigation {
    padding: 0;
    margin: 0;
  }
  .menu-button {
    margin-left: 20px;
  }
  span.headerInfoLineSplit {
    display: block;
    margin-bottom: 2px;
    clear: both;
  }
  span.headerInfoLineSplit .breadcrumb {
    position: static;
  }
  span.headerInfoLineSplit .shoppingCartSummary {
    float: left;
    margin-left: 0;
  }
  .searchFrame, .pagerFrame {
    padding: 10px;
  }
  .searchFrame .pager {
    display: none;
  }
}
/* Footer */
@media (max-width: 1000px) {
  .charityFooter {
    padding-right: 0;
  }
  .charityFooter .charityFooterLogo {
    display: block;
    padding: 35px 35px 20px 35px;
    width: auto;
  }
  .charityFooter .charityFooterText {
    display: block;
    padding: 0 35px;
    width: auto;
  }
  .charityFooter .charityFooterText .charityFooterTopLine {
    margin-bottom: 10px;
  }
  .charityFooter .charityFooterMoreLink {
    display: block;
    padding: 20px 35px 35px 35px;
    width: auto;
    text-align: left;
  }
}
/* Up/Down control */
@media screen and (max-width: 686px) {
  .updownControl .updownControlIncrease,
  .updownControl .updownControlDecrease {
    display: inline-block;
    position: static;
    border-left-width: 9px;
    border-right-width: 9px;
    border-top-width: 11px;
    border-bottom-width: 11px;
    margin-left: 6px;
  }
}
@media screen and (max-width: 1000px) {
  /* Product Details - Small */
  .productDetailSmall .images {
    width: 130px;
  }
  .productDetailSmall .productDescription {
    margin-left: 150px;
  }
  /* Add To Cart */
  .addToCartMobileOnly {
    display: block;
  }
  .addToCartDesktopOnly {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  /* Product Details - Small */
  .productDetailSmall .images {
    float: none;
    margin: 0 auto;
    width: auto;
    text-align: center;
    width: 100%;
    max-width: 296px;
  }
  .productDetailSmall .image {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 20px 0;
  }
  .productDetailSmall .productDescription {
    margin-left: 0;
  }
}
@media screen and (max-width: 686px) {
  .productDetail .imagesResponsive {
    display: block;
  }
  .productDetail .images {
    display: none !important;
  }
}