:root {
  --Poppins: "Poppins", sans-serif;
  --ion-font-family: var(--Poppins);
  --text-2xs: 12px;
  --text-xs: 14px;
  --text-sm: 15px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 24px;
  --text-xl: 32px;
  --text-2xl: 40px;
  --text-3xl: 60px;
}

@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p {
  margin: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  text-transform: capitalize;
}

html body h1 {
  font-family: var(--Poppins);
  font-size: var(--text-xl);
  font-weight: bold;
  line-height: 48px;
}
html body h2 {
  font-family: var(--Poppins);
  font-size: var(--text-lg);
  font-weight: bold;
  line-height: 32px;
}
html body h3 {
  font-family: var(--Poppins);
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 28px;
}
html body h4 {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  font-weight: bold;
  line-height: 20px;
}
html body h5 {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  font-weight: bold;
  line-height: 20px;
}
@media (min-width: 768px) {
  html body h1 {
    font-family: var(--Poppins);
    font-size: var(--text-3xl);
    font-weight: bold;
    line-height: 80px;
  }
  html body h2 {
    font-family: var(--Poppins);
    font-size: var(--text-2xl);
    font-weight: bold;
    line-height: 56px;
  }
  html body h3 {
    font-family: var(--Poppins);
    font-size: var(--text-xl);
    font-weight: bold;
    line-height: 48px;
  }
  html body h4 {
    font-family: var(--Poppins);
    font-size: var(--text-lg);
    font-weight: bold;
    line-height: 32px;
  }
  html body h5 {
    font-family: var(--Poppins);
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 28px;
  }
  html body h6 {
    font-family: var(--Poppins);
    font-size: var(--text-base);
    font-weight: bold;
    line-height: 20px;
  }
}
html body p,
html body .text-body {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
}
@media (min-width: 768px) {
  html body p,
  html body .text-body {
    font-size: var(--text-md);
    line-height: 32px;
  }
}
html body .text-button, html body .btn {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
}
html body .text-body-sm, html body .footer__left p {
  font-family: var(--Poppins);
  font-size: var(--text-xs);
  line-height: 22px;
}
html body .text-micro, html body .footer__secondary p a, html body .footer__secondary p, html body .footer__secondary {
  font-family: var(--Poppins);
  font-size: var(--text-2xs);
  line-height: 18px;
}

:root {
  --Poppins: "Poppins", sans-serif;
  --ion-font-family: var(--Poppins);
  --text-2xs: 12px;
  --text-xs: 14px;
  --text-sm: 15px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 24px;
  --text-xl: 32px;
  --text-2xl: 40px;
  --text-3xl: 60px;
}

@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: "Poppins";
  src: url(../../assets/fonts/Poppins-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p {
  margin: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  text-transform: capitalize;
}

html body h1 {
  font-family: var(--Poppins);
  font-size: var(--text-xl);
  font-weight: bold;
  line-height: 48px;
}
html body h2 {
  font-family: var(--Poppins);
  font-size: var(--text-lg);
  font-weight: bold;
  line-height: 32px;
}
html body h3 {
  font-family: var(--Poppins);
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 28px;
}
html body h4 {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  font-weight: bold;
  line-height: 20px;
}
html body h5 {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  font-weight: bold;
  line-height: 20px;
}
@media (min-width: 768px) {
  html body h1 {
    font-family: var(--Poppins);
    font-size: var(--text-3xl);
    font-weight: bold;
    line-height: 80px;
  }
  html body h2 {
    font-family: var(--Poppins);
    font-size: var(--text-2xl);
    font-weight: bold;
    line-height: 56px;
  }
  html body h3 {
    font-family: var(--Poppins);
    font-size: var(--text-xl);
    font-weight: bold;
    line-height: 48px;
  }
  html body h4 {
    font-family: var(--Poppins);
    font-size: var(--text-lg);
    font-weight: bold;
    line-height: 32px;
  }
  html body h5 {
    font-family: var(--Poppins);
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 28px;
  }
  html body h6 {
    font-family: var(--Poppins);
    font-size: var(--text-base);
    font-weight: bold;
    line-height: 20px;
  }
}
html body p,
html body .text-body {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
}
@media (min-width: 768px) {
  html body p,
  html body .text-body {
    font-size: var(--text-md);
    line-height: 32px;
  }
}
html body .text-button, html body .btn {
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
}
html body .text-body-sm, html body .footer__left p {
  font-family: var(--Poppins);
  font-size: var(--text-xs);
  line-height: 22px;
}
html body .text-micro, html body .footer__secondary p a, html body .footer__secondary p, html body .footer__secondary {
  font-family: var(--Poppins);
  font-size: var(--text-2xs);
  line-height: 18px;
}

html body .btn {
  border-radius: 10px;
  font-weight: 500;
  text-transform: none;
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
  background: var(--ion-color-primary);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
  --background-activated-opacity: 1;
  --background-focused-opacity: 1;
  --background-hover-opacity: 1;
  transition: var(--transition-basic);
}
html body .btn.btn--primary, html body .btn.btn-default {
  background: var(--ion-color-primary);
  color: var(--white);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
}
html body .btn.btn--primary:hover, html body .btn.btn--primary:focus, html body .btn.btn--primary:active, html body .btn.btn-default:hover, html body .btn.btn-default:focus, html body .btn.btn-default:active {
  background: var(--ion-color-primary-shade);
}
html body .btn.btn--secondary {
  background: var(--gray-900);
  color: var(--white);
  --background-activated: var(--gray-800);
  --background-focused: var(--gray-800);
  --background-hover: var(--gray-800);
}
html body .btn.btn--secondary:hover, html body .btn.btn--secondary:focus, html body .btn.btn--secondary:active {
  background: var(--gray-800);
}
html body .btn.btn--pill--sm {
  --border-radius: 20px;
  font-size: var(--text-sm);
  line-height: 18px;
  --padding-top: var(--space-2xs);
  --padding-bottom: var(--space-2xs);
  --padding-start: var(--space-sm);
  --padding-end: var(--space-sm);
  --background: var(--gray-900);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
}
html body .btn.btn--pill--sm--primary {
  --background: var(--ion-color-primary);
}
html body .btn.btn--pill--half {
  --border-radius: 50px 0 0 50px;
  --background: var(--ion-color-primary);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
  --padding-start: var(--space-base);
  --padding-end: var(--space-sm);
  margin-inline: 0;
}
@media (min-width: 1024px) {
  html body .btn.btn--pill--half {
    --padding-start: var(--space-2xl);
    --padding-end: var(--space-2xl);
  }
}
html body a {
  color: var(--black);
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

:root {
  /** Spacing **/
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-base: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 72px;
  --space-4xl: 88px;
  --space-5xl: 104px;
  /** Colors: Primary **/
  --ion-color-primary: #b52c1f;
  --ion-color-primary-rgb: 181, 44, 31;
  --ion-color-primary-contrast: var(--white);
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #7a1d15;
  --ion-color-primary-tint: #e15d51;
  /** Colors: Dark **/
  --ion-color-dark: #000000;
  --ion-color-dark-rgb: 0, 0, 0;
  --ion-color-dark-contrast: var(--white);
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #000000;
  --ion-color-dark-tint: var(--grey-800);
  /** Colors: Medium **/
  --ion-color-medium: var(--gray-500);
  --ion-color-medium-rgb: 153, 153, 153;
  --ion-color-medium-contrast: var(--white);
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: var(--gray-600);
  --ion-color-medium-tint: var(--gray-400);
  /** Colors: Light **/
  --ion-color-light: var(--gray-200);
  --ion-color-light-rgb: 224, 224, 224;
  --ion-color-light-contrast: var(--black);
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: var(--gray-300);
  --ion-color-light-tint: var(--gray-100);
  /** Colors: Grayscale **/
  --white: #fff;
  --gray-50: #f5f5f5;
  --gray-100: #e0e0e0;
  --gray-200: #cccccc;
  --gray-300: #adadad;
  --gray-400: #999999;
  --gray-500: #707070;
  --gray-600: #5c5c5c;
  --gray-700: #4f4f4f;
  --gray-800: #333333;
  --gray-900: #1f1f1f;
  --black: #000;
}

@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: "Poppins";
  src: url(https://static.slicehouse.com/fonts/Poppins-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
html body {
  padding: 0;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  word-wrap: break-word;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-image: url(https://static.slicehouse.com/images/backgrounds/natural-marble-texture.jpg);
  background-attachment: fixed;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  font-family: "Poppins", sans-serif;
}
html body span.sh-icon {
  height: 24px;
  width: 24px;
  display: flex;
}
html body span.sh-icon img {
  height: 24px;
  width: 24px;
}
html body #lift__noticesContainer___error ul, html body #lift__noticesContainer___warning ul, html body #lift__noticesContainer__notice ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
html body .navbar.navbar-inverse ul.navbar-nav > li > a {
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  display: none;
}
html body .navbar.navbar-inverse ul.navbar-nav > li > a.visible {
  display: inline-block;
}
html body .navbar .navbar-secondary {
  display: none;
  background: var(--black);
  justify-content: flex-end;
  padding: var(--space-2xs) var(--space-xl);
  gap: var(--space-2xl);
}
@media (min-width: 1024px) {
  html body .navbar .navbar-secondary {
    display: flex;
  }
}
html body .navbar .navbar-secondary a {
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.25px;
  font-family: "Poppins";
  line-height: 22px;
}
html body .navbar .navbar-secondary a:hover, html body .navbar .navbar-secondary a:active, html body .navbar .navbar-secondary a:focus {
  text-decoration: none;
}
html body .navbar > .container {
  margin: 0;
  width: 100%;
  height: 72px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  align-items: center;
  justify-self: flex-start;
  padding: var(--space-sm) 0;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
@media (min-width: 1024px) {
  html body .navbar > .container {
    display: flex;
    padding: var(--space-sm) 0 var(--space-sm) var(--space-lg);
    justify-content: space-between;
  }
}
html body .navbar > .container .navbar-header {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
}
html body .navbar > .container .navbar-header .navbar-toggle {
  margin-right: auto;
  display: block;
}
@media (min-width: 1024px) {
  html body .navbar > .container .navbar-header .navbar-toggle {
    display: none;
  }
}
html body .navbar > .container .navbar-header .navbar-toggle .icon-bar {
  background: var(--black);
}
html body .navbar > .container .navbar-header > a {
  margin-right: auto;
  margin-left: 0;
}
@media (min-width: 480px) {
  html body .navbar > .container .navbar-header > a {
    margin-left: 53px;
  }
}
@media (min-width: 1024px) {
  html body .navbar > .container .navbar-header > a {
    margin-left: 0;
  }
}
html body .navbar > .container .navbar-header img#logoImage {
  content: url("https://static.slicehouse.com/images/logo-primary.svg");
  height: 43px;
}
@media (min-width: 1024px) {
  html body .navbar > .container .navbar-header img#logoImage {
    content: url("https://static.slicehouse.com/images/logo-primary.svg");
  }
}
html body .navbar > .container > .navbar-collapse {
  display: none !important;
  align-items: center;
}
@media (min-width: 1024px) {
  html body .navbar > .container > .navbar-collapse {
    display: flex !important;
  }
}
html body .navbar > .container > .navbar-collapse button.close-button {
  display: none;
}
html body .navbar > .container > .navbar-collapse ul.navvy.mobile-only {
  display: none;
}
html body .navbar > .container > .navbar-collapse.in {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  align-items: flex-start;
  min-width: 80%;
  min-height: 100vh;
  box-shadow: 0 6px 8px -2px rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.18), 0 1px 5px 0 rgba(0, 0, 0, 0.18);
}
html body .navbar > .container > .navbar-collapse.in:after {
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html body .navbar > .container > .navbar-collapse.in > ul {
  flex-direction: column;
  flex: 1;
  margin: 0;
  text-align: left;
  align-items: flex-start;
  padding-left: var(--space-md);
  width: 100%;
  gap: var(--space-md);
  margin-top: 1rem;
}
html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only {
  display: flex;
  margin-top: 0;
}
html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li {
  color: var(--black);
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  font-family: var(--Poppins);
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
}
html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li a {
  color: var(--black);
  font-size: 16px !important;
}
html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li a:active, html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li a:focus, html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li a:visited, html body .navbar > .container > .navbar-collapse.in > ul.navvy.mobile-only li a:hover {
  color: var(--black);
  text-decoration: none;
}
html body .navbar > .container > .navbar-collapse.in > ul li a {
  font-size: 16px;
}
html body .navbar > .container > .navbar-collapse.in button.close-button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px 18px;
  padding: 6px 13px;
  border-radius: 10px;
  --background: var(--ion-color-primary);
  background: var(--ion-color-primary);
  /* --background-activated: var(--ion-color-primary-shade); */
  /* --background-focused: var(--ion-color-primary-shade); */
  /* --background-hover: var(--ion-color-primary-shade); */
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
  box-shadow: none;
  -webkit-appearance: none;
  color: white;
  border: 0;
  font-style: inherit;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-family: var(--Poppins);
  font-size: var(--text-base);
  line-height: 22px;
  display: block;
}
html body .navbar > .container > .navbar-collapse.in .mobile-nav-bottom {
  padding-left: var(--space-md);
  margin-top: 2rem;
  display: block;
}
html body .navbar > .container > .navbar-collapse.in .mobile-nav-bottom a {
  background: var(--ion-color-primary);
  font-family: "Poppins";
  padding: var(--space-xs) var(--space-sm);
  border-radius: 20px;
  font-size: var(--text-sm);
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
  color: var(--white);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-inline: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  min-height: 36px;
  line-height: 28px;
  margin-right: 1rem;
  text-decoration: none;
}
html body .navbar > .container > .navbar-collapse .mobile-nav-bottom {
  display: none;
}
html body .navbar > .container > .navbar-collapse > ul {
  gap: var(--space-xl);
}
html body .navbar > .container .slice-nav-right {
  display: flex;
  align-items: center;
  gap: var(--space-base);
  justify-self: flex-end;
}
html body .navbar > .container .slice-nav-right a {
  display: none;
  border-radius: 50px 0 0 50px;
  background: var(--ion-color-primary);
  color: var(--white);
  letter-spacing: 0.96px;
  font-family: "Poppins";
  font-weight: 400;
  font-size: var(--space-base);
  padding: var(--space-xs) var(--space-sm);
}
@media (min-width: 1024px) {
  html body .navbar > .container .slice-nav-right a {
    display: flex;
  }
}
html body .navbar > .container .slice-nav-right a span {
  padding-left: var(--space-sm);
  padding-right: var(--space-xsm);
}
@media (min-width: 768px) {
  html body .navbar > .container .slice-nav-right a span {
    padding-right: var(--space-xsm);
  }
}
html body .navbar > .container .slice-nav-right a.login-button {
  color: var(--black);
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  background: transparent;
  letter-spacing: unset;
  text-rendering: optimizeLegibility;
  padding: var(--space-xs) 0;
}
@media (min-width: 1024px) {
  html body .navbar > .container .slice-nav-right a.login-button {
    display: flex;
  }
}
html body .navbar > .container .slice-nav-right a.signup-button {
  border-radius: 20px;
  font-size: var(--text-sm);
  line-height: 18px;
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
  background: var(--gray-900);
  color: var(--white);
  --background-activated: var(--ion-color-primary-shade);
  --background-focused: var(--ion-color-primary-shade);
  --background-hover: var(--ion-color-primary-shade);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-inline: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  min-height: 36px;
  margin-right: 0;
  line-height: 28px;
}
html body .navbar > .container .slice-nav-right a.signup-button:hover, html body .navbar > .container .slice-nav-right a.signup-button:focus, html body .navbar > .container .slice-nav-right a.signup-button:active {
  background: var(--ion-color-primary-shade);
  text-decoration: none;
}
html body .navbar > .container .slice-nav-right a.order-button {
  display: flex;
  border-radius: 50px 0 0 50px;
  background: var(--ion-color-primary);
  padding: var(--space-xs) var(--space-sm);
  color: var(--white);
  letter-spacing: 0.96px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: var(--space-base);
  margin-inline: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  min-height: 36px;
  margin-right: 0;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 1024px) {
  html body .navbar > .container .slice-nav-right a.order-button {
    display: flex;
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }
}
html body .navbar > .container .slice-nav-right a.order-button:hover, html body .navbar > .container .slice-nav-right a.order-button:focus, html body .navbar > .container .slice-nav-right a.order-button:active {
  background: var(--ion-color-primary-shade);
  text-decoration: none;
}
html body .navbar > .container form#languageDrop {
  display: none;
}
html body .jumbotron {
  margin: 0;
  padding: 0;
  height: 350px;
  background-image: url(https://static.slicehouse.com/images/banners/hero-5.jpg);
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #000000;
  box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35);
}
html body .jumbotron .container {
  padding: 103px 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
html body .jumbotron .container h1 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--text-3xl);
  font-weight: bold;
  line-height: 80px;
}
html body .jumbotron .container p {
  line-height: 1.4;
  color: var(--black);
  display: block;
  background: var(--white);
  border-radius: 5px;
  padding: 3px 9px;
  font-weight: bold;
  margin-top: 0.5rem;
}
html body .jumbotron .container p:empty {
  display: none;
}
html body p.lead {
  display: none;
}
html body .container {
  margin: 54px auto;
}
html body .container.footer-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
}
html body .footer {
  background-color: var(--gray-50);
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--gray-900);
}
html body .footer img.footer-logo {
  width: 87px;
}
html body .footer__main {
  display: flex;
  flex-direction: column;
  padding: var(--space-lg);
  gap: var(--space-lg);
  align-items: center;
}
@media (min-width: 768px) {
  html body .footer__main {
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  html body .footer__main {
    flex-direction: row;
    padding: var(--space-lg) var(--space-xl);
    gap: 0;
  }
}
@media (min-width: 1200px) {
  html body .footer__main {
    padding: var(--space-lg) var(--space-4xl);
  }
}
html body .footer__left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-base);
  text-align: left;
  align-items: center;
}
@media (min-width: 768px) {
  html body .footer__left {
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  html body .footer__left {
    min-width: 370px;
    padding-right: var(--space-2xl);
    border-right: 1px solid var(--black);
  }
}
html body .footer__left > div {
  display: flex;
  align-items: center;
  width: max-content;
  gap: var(--space-base);
}
html body .footer__left p {
  margin-bottom: 0;
}
html body .footer__left p span {
  font-weight: bold;
}
html body .footer__left__socials {
  font-size: var(--text-lg);
}
html body .footer__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  text-align: left;
  gap: var(--space-lg);
}
@media (min-width: 1024px) {
  html body .footer__links {
    padding: 0 0 0 var(--space-xl);
    display: flex;
    flex-direction: row;
    gap: var(--space-xl);
  }
}
@media (min-width: 1200px) {
  html body .footer__links {
    padding: 0 0 0 var(--space-2xl);
    gap: var(--space-4xl);
  }
}
html body .footer__links h6 {
  font-size: 14px;
  color: var(--black);
  font-weight: bold;
}
html body .footer__links a {
  font-size: 14px;
  font-weight: normal;
  color: var(--black);
  line-height: 22px;
  text-decoration: none;
}
html body .footer__links .active {
  color: var(--ion-color-primary);
  font-weight: 600;
}
html body .footer__links__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
html body .footer__links__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
html body .footer__secondary {
  padding: var(--space-xs) var(--space-xl);
  background: var(--gray-100);
  display: flex;
  align-items: center;
  color: var(--gray-800);
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
@media (min-width: 768px) {
  html body .footer__secondary {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  html body .footer__secondary {
    padding: var(--space-xs) var(--space-4xl);
    text-align: left;
  }
}
html body .footer__secondary > div {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin: 0 auto;
}
@media (min-width: 768px) {
  html body .footer__secondary > div {
    margin: auto;
  }
}
html body .footer__secondary p a {
  color: inherit;
}
html body .panel.panel-primary {
  border-color: #CCC;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin: 0;
}
html body .panel.panel-primary .panel-heading {
  background: var(--gray-800);
  border: 0;
  border-radius: 3px 3px 0 0;
}
html body .panel.panel-primary .panel-title {
  font-family: var(--Poppins);
  font-size: var(--text-lg);
  font-weight: bold;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}
html body .panel.panel-primary form.form-horizontal .fields .form-group.loginFormUsernameInputs, html body .panel.panel-primary form.form-horizontal .fields .form-group.loginFormPasswordInputs {
  display: block;
}
html body .panel.panel-primary form.form-horizontal .fields .form-group label.control-label {
  width: 100%;
  text-align: left;
  margin: 0 0 0.5rem 3px;
  font-weight: 500;
  font-size: var(--text-2xs);
}
html body .panel.panel-primary form.form-horizontal .fields .form-group label.control-label + div {
  width: 100%;
  float: none;
}
html body .panel.panel-primary form.form-horizontal .fields .form-group > div {
  width: 100%;
  float: none;
  margin: 0;
}
html body .panel.panel-primary form.form-horizontal .fields .form-group:first-child > label.control-label {
  padding-top: 0;
}

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