/**
*
*   Retailers Fonts if any
*
*/
@font-face {
  font-family: "Noto Sans";
  src: url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.eot");
  src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.woff2") format("woff2"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.woff") format("woff"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.ttf") format("truetype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Regular.svg#NotoSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.eot");
  src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.woff2") format("woff2"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.woff") format("woff"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.ttf") format("truetype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Italic.svg#NotoSans-Italic") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.eot");
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.woff2") format("woff2"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.woff") format("woff"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.ttf") format("truetype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-Bold.svg#NotoSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.eot");
  src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.woff2") format("woff2"), url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.woff") format("woff"), url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.ttf") format("truetype"), url("/public/fonts/vendor/notosans-fontface/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
}
/* noto-serif-regular - latin */
@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: 400;
  src: url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.woff2") format("woff2"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.woff") format("woff"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.ttf") format("truetype"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-regular.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: 700;
  src: url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.woff2") format("woff2"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.woff") format("woff"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.ttf") format("truetype"), url("/public/fonts/noto-serif-v20-latin/noto-serif-v20-latin-700.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}
/**
*
*   Retailers CSS Custom Properties
*
*/
:root {
  --bs-body-font-family: "Noto Sans", sans-serif !important;
  --retailer-primary: hsl(28deg 100% 50%);
  --retailer-secondary: hsl(28deg 100% 87%);
  --retailer-tertiary: hsl(60deg 17% 89%);
  --retailer-auth-color: var(--retailer-primary);
  --retailer-black: hsl(0deg 0% 10%);
  --retailer-sidebar-bg: #f6f1ec;
  /* Buttons, inputs and focus overrides */
  --retailer-focus: var(--retailer-primary);
  --retailer-focus-outline: hsl(28deg 100% 50% / 20%);
  --retailer-checkbox: var(--retailer-primary);
  --retailer-dropdown-item-active: var(--retailer-primary);
  --retailer-btn-link: var(--retailer-primary);
  --retailer-btn-link-hover: hsl(28deg 100% 40%);
  --retailer-primary-button: var(--retailer-primary);
  --retailer-primary-button-text: #000;
  --retailer-primary-button-hover: hsl(28deg 100% 40%);
  --retailer-loading-color: var(--retailer-primary);
  --retailer-link-color: var(--retailer-primary);
  --retailer-secondary-button: var(--retailer-secondary);
  --retailer-secondary-button-text: var(--retailer-black);
  --retailer-secondary-button-focus: hsl(28deg 100% 93%);
  --retailer-secondary-button-hover: hsl(28deg 100% 77%);
  --retailer-secondary-button-hover-text: var(--retailer-black);
  /* retailer border-color and other color overrides */
  --retailer-border-color: var(--retailer-tertiary);
  /* retailer vue calendar overrides */
  --retailer-calendar-color: var(--retailer-primary);
  --retailer-calendar-color-light: var(--retailer-secondary);
  /* bg primary */
  --retailer-bg-primary: var(--retailer-primary);
}

/**
*
*   Specific Retailer CSS Resets
*
*/
a.navbar-brand {
  margin: 2.75rem 0 0 0 !important;
}

nav#main-sidebar-nav > ul {
  font-weight: 300 !important;
  font-family: "Noto Serif";
  text-transform: none !important;
}

nav#main-sidebar-nav > ul > li:not(:last-of-type) {
  border-color: var(--retailer-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main__card .card-header {
  font-family: "Noto Serif", sans-serif;
}

.item-label {
  font-family: "Noto Sans" !important;
}
