/* -------- START - ALTM Fonts -------- */

@font-face {
  font-family: RalewayRegular;
  src: url('Raleway-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: RalewayMedium;
  src: url('Raleway-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: RalewaySemiBold;
  src: url('Raleway-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: RalewayBold;
  src: url('Raleway-Bold.ttf') format('truetype');
  font-display: swap;
}

/* -------- END - ALTM Fonts -------- */

/* -------- END - ALTM Variable Override -------- */
:root {
  --altm-primary-color: #ed1c24;
  --altm-secondary-color: #e67425;

  --altm-background-color-white: #ffffff;
  --altm-background-color-light-grey: #f7f7f7;
  --altm-background-color-mig-grey: #efefef;
  --altm-background-color-dark-black: #2b2b2b;
  --altm-background-color-dark-red: #a62825;

  --altm-link-button-text-color: #193047;

  --altm-text-color-black-primary: var(--altm-background-color-dark-black);
  --altm-text-color-black-secondary: rgba(0, 0, 0, 0.54);
  --altm-text-color-black-disabled: rgba(0, 0, 0, 0.38);

  --altm-text-color-white-primary: var(--altm-background-color-white);
  --altm-text-color-white-secondary: rgb(255, 255, 255 0.54);
  --altm-text-color-white-disabled: rgb(255, 255, 255, 0.38);

  --altm-link-text-color-orange-primary: var(--altm-secondary-color);
  --altm-link-text-color-orange-secondary: rgb(230, 117, 37, 0.54);
  --altm-link-text-color-orange-disabled: rgb(230, 117, 37, 0.38);

  --altm-link-text-color-light-orange-primary: #ffc76e;
  --altm-link-text-color-light-orange-secondary: rgba(255, 199, 110, 0.54);
  --altm-link-text-color-light-orange-disabled: rgba(255, 199, 110, 0.38);

  --altm-status-color-success: #24a01f;
  --altm-status-color-success-with-opacity: rgba(35, 160, 31, 0.1);
  --altm-status-color-warning: #f4a61e;
  --altm-status-color-warning-with-opacity: rgb(244, 166, 30, 0.1);
  --altm-status-color-error: #e61010;
  --altm-status-color-error-with-opacity: rgb(230, 16, 16, 0.1);
  --altm-status-color-processing: var(--altm-background-color-dark-black);
  --altm-status-color-processing-with-opacity: rgb(43, 43, 43, 0.1);
  --altm-status-color-shipped: #1f47a0;
  --altm-status-color-shipped-with-opacity: rgb(31, 71, 160, 0.1);

  --altm-container-in-review-color: #fef6e8;
  --altm-square-box-color: #f4ece2;
  --altm-container-closed-color: #e8f5e8;

  --altm-button-primary-background-color: var(--altm-primary-color);
  --altm-button-primary-background-color-hover: var(--altm-secondary-color);

  --altm-button-secondary-background-color: var(--altm-background-color-white);
  --altm-button-secondary-background-color-hover: #ed1c2415;

  --cc-a-color: var(--altm-secondary-color);
  --cc-a-color-active: var(--altm-link-text-color-orange-secondary);

  --cc-button-background-color: var(--altm-primary-color);
  --cc-button-background-color-hover: var(--altm-secondary-color);
  --cc-button-background-color-active: var(--altm-secondary-color);
  --cc-button-background-color-disabled: rgb(237, 28, 35, 0.38);
  --cc-button-color: #ffffff;
  --cc-button-color-with-opacity: rgba(255, 255, 255, 0.38);
  --cc-button-disabled: rgb(237, 28, 35 0.38);
  --cc-border-color: #e6e7e8;

  --cc-icon-color: var(--altm-secondary-color);
  --cc-secondary-button-background-color: rgb(237, 28, 35, 100);
  --cc-secondary-button-background-gradient-color: #f2f4f7;
  --cc-secondary-button-background-gradient-hover-color: #f6f6f6;
  --cc-secondary-button-color: var(--altm-primary-color);
  --cc-secondary-button-box-shadow: inset 0 0 0 0.05em #ddd;
  --cc-userlinks-color: #55565a;
  --altm-cc-button-color-hover: #ffffff;
  --altm-font-family-regular: 'RalewayRegular';
  --altm-font-family-medium: 'RalewayMedium';
  --altm-font-family-semibold: 'RalewaySemiBold';
  --altm-font-family-bold: 'RalewayBold';

  --altm-alert-success-bg-color: #005953;
  --altm-alert-success-color: #aed8d2;
  --cc-success-message-icon-color: #aed8d2;
  --cc-success-message-background-color: #005953;
  --cc-success-message-color: #aed8d2;

  --altm-color-error: #f03d3e;

  --cc-radio-border-color: var(--altm-secondary-color);
  --cc-radio-size: 0.813em;
  --cc-radio-checked-color: var(--altm-secondary-color);

  --h1-font-size: 44px;
  --h2-font-size: 30px;
  --h3-font-size: 20px;
  --h4-font-size: 16px;
  --h5-font-size: 14px;

  --font-size-100: 100;
  --font-size-200: 200;
  --font-size-300: 300;
  --font-size-400: 400;
  --font-size-500: 500;
  --font-size-600: 600;
  --font-size-700: 700;
  --font-size-800: 800;
  --font-size-900: 900;

  --btn-disabled-opacity: 0.38;
  --btn-padding: 10px 16px 8px;

  --loader: var(--altm-primary-color);
}

/* ============================================
/* Typography Style Declaration
============================================ */

h1 {
  font-size: var(--h1-font-size);
  font-family: var(--altm-font-family-bold);
}
h2 {
  font-size: var(--h2-font-size);
  font-family: var(--altm-font-family-bold);
}
h3 {
  font-size: var(--h3-font-size);
  font-family: var(--altm-font-family-bold);
}
h4 {
  font-size: var(--h4-font-size);
  font-family: var(--altm-font-family-bold);
}
h5 {
  font-size: var(--h5-font-size);
  font-family: var(--altm-font-family-bold);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

a {
  color: var(--altm-secondary-color);
  font-size: var(--h5-font-size);
  font-family: var(--altm-font-family-regular);
}

.altm-a {
  color: var(--altm-secondary-color);
  font-size: var(--h5-font-size);
  font-weight: 600;
}

.altm-a:hover {
  cursor: pointer;
}

/* ============================================
/* Button - Primary Style
============================================ */

button.primary,
a.button.primary {
  background-color: var(--altm-button-primary-background-color);
  font-family: var(--altm-font-family-regular);
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-size-600);
  padding: var(--btn-padding);
  font-size: var(--h5-font-size);
  color: var(--altm-background-color-white);
}

button.primary:hover,
button.primary:focus,
button.primary:active,
a.button.primary:hover {
  background-color: var(--altm-button-primary-background-color-hover);
}

button.primary.disabled,
button.primary:disabled,
button.primary.disabled:hover,
button.primary:disabled:hover,
button.primary.disabled:focus,
button.primary:disabled:focus,
button.primary.disabled:active,
button.primary:disabled:active {
  background-color: var(--altm-primary-color);
  font-family: var(--altm-font-family-regular);
  color: var(--altm-background-color-white);
  opacity: var(--btn-disabled-opacity);
  cursor: no-drop;
}

/* ============================================
/* Button - Secondary Style
============================================ */

button.secondary,
a.button.secondary {
  font-family: var(--altm-font-family-regular);
  border: none;
  background-color: var(--altm-background-color-white);
  border-radius: 3px;
  font-weight: var(--font-size-600);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--btn-padding);
  font-size: var(--h5-font-size);
  color: var(--altm-primary-color);
}

button.secondary:hover,
button.secondary:focus,
button.secondary:active,
a.button.secondary:hover {
  background-color: var(--altm-button-secondary-background-color-hover);
  border: 1px solid var(--altm-primary-color);
  color: var(--altm-primary-color);
}

button.secondary.disabled,
button.secondary:disabled,
button.secondary.disabled:hover,
button.secondary:disabled:hover,
button.secondary.disabled:focus,
button.secondary:disabled:focus,
button.secondary.disabled:active,
button.secondary:disabled:active {
  opacity: var(--btn-disabled-opacity);
  color: var(--altm-primary-color);
  cursor: no-drop;
}

/* ============================================
/* Button - Tertiary Style
============================================ */

button.tertiary,
a.button.tertiary {
  background-color: var(--altm-background-color-white);
  font-family: var(--altm-font-family-regular);
  flex-direction: row;
  font-weight: var(--font-size-600);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--btn-padding);
  font-size: var(--h5-font-size);
  color: var(--altm-secondary-color);
}

button.tertiary:hover,
button.tertiary:focus,
button.tertiary:active,
a.button.tertiary:hover {
  background-color: var(--altm-background-color-white);
  color: var(--altm-background-color-dark-red);
}

button.tertiary.disabled,
button.tertiary:disabled,
button.tertiary.disabled:hover,
button.tertiary:disabled:hover,
button.tertiary.disabled:focus,
button.tertiary:disabled:focus,
button.tertiary.disabled:active,
button.tertiary:disabled:active {
  background-color: var(--altm-background-color-white);
  opacity: var(--btn-disabled-opacity);
  cursor: no-drop;
}

.altm-chip {
  font-size: var(--h5-font-size);
  padding: 0 8px;
  border-radius: 3px;
}

.altm-chip-success,
.delivered,
.approved-design {
  background-color: var(--altm-status-color-success-with-opacity);
  color: var(--altm-status-color-success);
}

.altm-chip-warning,
.action-required {
  background-color: var(--altm-status-color-warning-with-opacity);
  color: var(--altm-status-color-warning);
}

.altm-chip-error,
.cancelled {
  background-color: var(--altm-status-color-error-with-opacity);
  color: var(--altm-status-color-error);
}

.altm-chip-processing,
.processing,
.in-progress {
  background-color: var(--altm-status-color-processing-with-opacity);
  color: var(--altm-status-color-processing);
}

.altm-chip-shipped,
.shipped,
.order-placed {
  background-color: var(--altm-status-color-shipped-with-opacity);
  color: var(--altm-status-color-shipped);
}

.altm-notification {
  height: 71px;
  /* margin: 30px 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 18px;
  gap: 8px;
  color: var(--altm-background-color-dark-black);
  font-size: var(--h5-font-size);
}

.altm-notification-success {
  background-color: var(--altm-status-color-success-with-opacity);
}

.altm-notification-info {
  background-color: var(--altm-status-color-warning-with-opacity);
}

.altm-notification-error {
  background-color: var(--altm-status-color-error-with-opacity);
}

/* -------- END - ALTM Variable Override -------- */

/* -------- START - ALTM CSS Override -------- */

body,
button,
input,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--altm-font-family-regular);
  max-width: unset;
}

/* Adding scroll freeze for iOS device when modal is open */
@media screen and (max-width: 767px) {
  .lock-scroll {
    overflow: hidden;
  }
}

.login-page {
  background-image: url('/file/general/login-bg.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--altm-background-color-dark-red);
}

input,
textarea {
  border: 1px solid rgba(43, 43, 43, 0.16);
  border-radius: 3px;
  padding: 10px 16px;
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-size: var(--h4-font-size);
  line-height: 20px;
  color: var(--altm-background-color-dark-black);
  width: 100%;
}

.input {
  height: 40px !important;
}

.Invisible {
  visibility: hidden;
  opacity: 0;
}

a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
  /* color: unset; */
}

a.ProductResultImage div img,
.ProductResultImage div img,
a.NonNavigableProductResultImage div img {
  height: 300px !important;
  object-fit: contain;
}

a.ProductResultImage .Img__Wrapper svg,
.ProductResultImage .Img__Wrapper svg {
  max-height: 300px;
  height: 300px;
  object-fit: contain;
}

.Img__Wrapper {
  display: flex;
  justify-content: center;
  object-fit: contain;
}

.Img__MissingImgIcon {
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
}

div.ProductItem__Image div img {
  height: 300px !important;
  object-fit: contain;
}

a.altm-primary {
  border-radius: 8px;
  background-color: var(--altm-primary-color);
  color: var(--altm-primary-color);
  letter-spacing: 0;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
  border: 0;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--btn-padding);
  gap: 10px;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
}

a.altm-secondary-link-text,
a.altm-secondary-link-text:not([href]):not([tabindex]) {
  color: var(--altm-primary-color);
  letter-spacing: 0;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
  font-family: var(--altm-font-family-regular);
  text-align: center;
}

a.altm-secondary {
  border-radius: 8px;
  background-color: var(--altm-primary-color);
  /* color: var(--altm-primary-color); */
  color: var(--altm-background-color-light-grey);
  /* border: 2px solid var(--altm-primary-color); */
  letter-spacing: 0;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
  font-family: var(--altm-font-family-regular);

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--btn-padding);
  gap: 10px;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
}

span.Checkbox__Control {
  border-radius: 0px;
}

label,
label.altm-form-field {
  font-family: var(--altm-font-family-regular);
  color: var(--altm-background-color-dark-black);
  font-style: normal;
  font-size: var(--h5-font-size);
  line-height: 22px;
  opacity: 1;
  width: 100%;
  display: flex;
  align-items: center;
}

a.altm-primary-link-button {
  border-radius: 8px;
  background-color: var(--altm-primary-color);
  color: var(--altm-primary-color);
  letter-spacing: 0;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
  border: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--btn-padding);
  gap: 10px;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
}

a.primary {
  color: var(--altm-secondary-color) !important;
  font-family: var(--altm-font-family-regular);
  opacity: 1;
}

a.primary:hover {
  color: var(--altm-background-color-dark-red);
}

.AccountPicker__Display {
  display: none !important;
}
.hidden {
  display: none;
}
/* -------- END - ALTM CSS Override -------- */

/* -------- START - ALTM Styling ------------*/
.altm-logo {
  margin-bottom: auto;
  width: 10em;
  margin-top: 2rem;
}

.WebContent__Html {
  padding: 0 !important;
}

.header-content-padding {
  padding-top: 15px !important;
}

.primary-link-text {
  font-family: var(--altm-font-family-regular);
  color: var(--altm-primary-color);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
}

.color-primary-first {
  color: var(--altm-primary-color);
}
.color-primary-third {
  color: var(--altm-primary-color);
}
.color-secondary-first {
  color: var(--altm-secondary-color);
}
.color-secondary-second {
  color: var(--altm-secondary-color);
}
.color-tertiary-first {
  color: var(--altm-background-color-dark-black);
}
.color-tertiary-second {
  color: var(--altm-background-color-light-grey);
}
.color-tertiary-third {
  color: var(--altm-background-color-mig-grey);
}
.color-tertiary-fourth {
  color: var(--altm-background-color-dark-black);
}
.color-tertiary-fifth {
  color: var(--altm-background-color-dark-red);
}

.title-primary-first {
  font-family: var(--altm-font-family-regular);
  color: var(--altm-primary-color);
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.title-primary-second {
  font-family: var(--altm-font-family-regular);
  color: var(--altm-primary-color);
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.primary-light-text {
  font-family: var(--altm-font-family-light);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 22px;
}

.primary-light-text-18 {
  font-family: var(--altm-font-family-light);
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.primary-text {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 22px;
}

.primary-text-18 {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.primary-text-14 {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: 22px;
}

.ULAngleLeftIcon {
  transform: rotate(-90deg);
}

.ULAngleRightIcon {
  transform: rotate(-90deg);
}

.ULAngleDownIcon {
  transform: rotate(180deg);
}

.ULCaretDownIcon {
  fill-opacity: 1;
  transform: unset;
}

.Alert.Alert__Message--Info,
.Alert.Alert__Message--Info svg {
  border-color: var(--altm-primary-color);
  background: #fff;
}

.Alert__MessageWrapper {
  font-family: var(--altm-font-family-regular);
}
.Alert__MessageWrapper a {
  font-family: var(--altm-font-family-regular);
  font-size: var(--h6-font-size);
}

svg.Icon.Alert__Icon {
  color: var(--altm-primary-color);
}

/* Bread Crumbs Sytling - START */

div.NavigationBreadcrumbs {
  display: block;
  font-family: var(--altm-font-family-regular);
  color: var(--altm-primary-color);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h5-font-size);
  line-height: 20px;
  /* padding-top: 20px; */
  padding: 20px 0px 0px 0px !important;
}

.ProfilePurchaseLists__NewPurchaselistButton {
  color: #fff !important;
}

.ProfilePurchaseLists__NewPurchaselistButton:hover {
  background: var(--cc-button-background-color) !important;
}

@media (max-width: 767px) {
  div.NavigationBreadcrumbs {
    display: none;
  }
}

a.NavigationBreadcrumbs__BreadcrumbItem,
a.NavigationBreadcrumbs__BreadcrumbItem:hover {
  text-decoration: none;
}
.NavigationBreadcrumbs__Seperator {
  padding: 0px 0.5em 0px 0.5em;
}
.NavigationBreadcrumbs span {
  padding-bottom: 0.5em;
}
.NavigationBreadcrumbs__BreadcrumbItem--disable {
  border-bottom: 2px solid var(--altm-primary-color);
}

a.ProductBreadcrumbs__BreadcrumbLink,
a.ProductBreadcrumbs__BreadcrumbLink:active,
a.ProductBreadcrumbs__BreadcrumbLink:hover {
  font-family: var(--altm-font-family-light);
  color: var(--altm-primary-color);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h5-font-size);
  line-height: 20px;
  text-decoration: none;
}

a.ProductBreadcrumbs__BreadcrumbLink.ProductBreadcrumbs__BreadcrumbLink__Last {
  border-bottom: 2px solid var(--altm-primary-color);
  font-family: var(--altm-font-family-regular);
}

.ProductBreadcrumbs span a,
.ProductBreadcrumbs a {
  padding-bottom: 0.5em;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

/* TEXT - Sytling -- START */
.altm-text-title,
.altm-text-title span,
span.altm-text-title {
  font-family: var(--altm-font-family-bold);
  font-style: normal;
  font-size: var(--h3-font-size);
  line-height: 30px;
  text-align: left;
  text-transform: capitalize;
}

.altm-text-small-title,
.altm-text-small-title span,
span.altm-text-small-title {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.altm-text-description,
span.altm-text-description,
.altm-text-description span {
  font-family: var(--altm-font-family-regular);
  color: var(--altm-background-color-dark-black);
  opacity: 0.8;
  font-style: normal;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 22px;
}

.altm-text-link-title {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  text-decoration: none;
  cursor: pointer;
}

.altm-text-tag,
.altm-text-tag span,
span.altm-text-tag {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 400;
  font-size: var(--h4-font-size);
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  .altm-logo {
    width: 5em;
    margin-top: 0;
  }
  .altm-text-title,
  .altm-text-link-title,
  span.altm-text-title,
  .altm-text-title span {
    font-size: 18px;
    line-height: 26px;
  }

  .altm-text-description,
  span.altm-text-description,
  .altm-text-description span {
    font-size: var(--h5-font-size);
    line-height: 20px;
  }

  .altm-text-tag,
  span.altm-text-tag,
  .altm-text-tag span {
    font-size: var(--h5-font-size);
    line-height: 22px;
  }
}
/* TEXT - Sytling -- END */

.HomePage__Separator {
  border: 1px solid var(--altm-background-color-dark-black);
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  height: 1px;
}
/* Bread Crumbs Sytling - END */

.CheckoutShippingContainer {
  height: auto;
  position: relative;
  margin: auto;
  padding: 0 0.5rem;
  padding: 0 var(--cc-container-padding);
  background-color: var(--cc-button-color);
}
.CheckoutShippingContainer .CheckoutShippingContainer__Section .col-4 {
  height: max-content;
}
.TabContainer__TabHeaders button,
.SharePurchaseList__AddEmailElement button {
  color: var(--altm-primary-color) !important;
}

.TabContainer__TabHeaders button:first-child {
  /* margin-left: -16px; */
}

.TabContainer__TabHeaders .selected {
  /* background-color: var(--altm-primary-color) !important; */
  /*color: var(--altm-primary-color) !important;*/
  border-bottom: 2px solid var(--altm-primary-color);
  font-size: var(--h4-font-size);
  border-radius: 3px;
}

.TabContainer__TabHeaders .selected .ProductContent__Tab__Header {
  color: var(--altm-primary-color);
  opacity: 1;
}

button,
a {
  background-image: unset !important;
}

button.link {
  color: var(--altm-link-text-color-orange-primary) !important;

  button.link:hover {
    color: var(--altm-link-text-color-orange-secondary) !important;
    border: none !important;
  }
}

.TabContainer__TabContent .MyPurchaseLists__FilterOptions,
.TabContainer__TabContent .SharedPurchaseLists__FilterOptions {
  padding-top: 15px;
}

.TabContainer__TabContent .Dropdown label {
  padding: 0 !important;
}

.SearchComponent__SearchIcon {
  bottom: 6px !important;
}

.Search__SearchText {
  padding-left: 2.2rem !important;
  height: 2.3em !important;
}

.ProfileCreatePurchaseList__SearchIcon svg,
.ProfilePurchaseListInformation__SearchIcon svg {
  height: 1rem !important;
  margin: 4px 0 0 4px !important;
  color: var(--altm-secondary-color);
}

.PurchaseLists__PurchaseListItems a:active,
.PurchaseLists__PurchaseListItems a:focus {
  box-shadow: none !important;
}

.Checkbox input[type='checkbox']:checked ~ .Checkbox__Control::before {
  top: -3px !important;
}

.ULProfilePurchaseListDetailsContainer .ULPurchaseListInformation {
  padding: 0 !important;
}

.UserProfileLinks__VerticalDiv {
  margin: 0 !important;
}

.UserProfileLinks__VerticalDiv > *:not(:last-child),
.UserProfileLinks__ProfileLink:last-child {
  padding: 8px 0 0 !important;
}

.CheckoutShippingContainer .CheckoutContinueToPaymentButton {
  padding: 1rem 0 0 0.5rem;
  text-align: end;
}

@media screen and (min-width: 992px) {
  /* .altm-logo {
    margin-bottom: auto;
    width: 5em;
    margin-top: 0;
  } */
  .CheckoutShippingContainer {
    max-width: 90%;
  }
  .CheckoutShippingContainer .CheckoutContinueToPaymentButton {
    padding: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .CheckoutShippingContainer .CheckoutContinueToPaymentButton {
    padding: 1rem 0 0 0;
  }
  .CheckoutBackToPreviousButton,
  .CheckoutContinueToReviewOrderButton {
    padding: 0 !important;
  }
}

.react-tooltip {
  background-color: var(--altm-primary-color);
  border: 1px solid var(--altm-primary-color);
}

.Alert__Message--Success {
  border: 0;
  background-color: var(--altm-alert-success-bg-color);
  color: var(--altm-alert-success-color);
}
.Alert__Message--Success .Alert__IconWrapper .Alert__Icon {
  color: var(--altm-alert-success-color);
}

form label {
  /* text-transform: capitalize; */
}

/* Changes for Order Approval UI -- START */
.OrderApproval {
  width: 80%;
  margin: 2rem 0;
  padding: 2rem 2rem 3rem 2rem;
  border-top: 1px solid var(--altm-background-color-dark-black);
  border-bottom: 1px solid var(--altm-background-color-dark-black);
}

button.OrderApproval__RejectButton {
  background: var(--altm-primary-color);
  color: var(--altm-primary-color);
  border-radius: 8px;
  border: 1.5px solid var(--altm-primary-color);
}

/* Changes for Order Approval UI -- END */

/* Hide Default Reveal Password Icon -- START */
input::-ms-reveal {
  display: none;
}
/* Hide Default Reveal Password Icon -- END */

/* Align Buttongs for Registration requests -- START */
select#RegistrationStatusDropdown-id {
  vertical-align: middle;
  padding-bottom: 0.5rem;
}
.UpdateRegistrationRequest__Buttons {
  margin-top: 0rem I !important;
  padding-top: 2rem;
}
/* Align Buttongs for Registration requests -- END */

/* Article page -- START */

div[class*='Article__'],
span[class*='Article__'] {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.Article__MainContainer a {
  font-size: 16px;
}
.Article__MainContainer strong {
  font-family: var(--altm-font-family-semibold);
}
.Article__HorizontalRule {
  margin: 1.5625rem 0 0.9375rem;
  width: 6.25rem;
  border-style: solid;
  color: var(--altm-secondary-color);
  background: var(--altm-secondary-color);
  margin-inline-start: unset;
  height: 0;
}
.Article__Container:after,
.Article__Container:before {
  content: '';
  display: table;
}

.Article__Container:after {
  clear: both;
}
.Article__FirstMainRowContainer {
  width: 100%;
}

.Article__FirstMainRowContainer:after,
.Article__FirstMainRowContainer:before {
  content: '';
  display: table;
}

.Article__FirstMainRowContainer:after {
  clear: both;
}

.Article__FirstMainRowContainer [class*='Article__MainSp'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: 2.127659574%;
  min-height: 1.75rem;
  width: 100%;
}

.Article__FirstMainRowContainer [class*='Article__MainSp']:first-child {
  margin-left: 0;
  min-height: 0;
}

.Article__FirstMainRowContainer .Article__MainSpan {
  width: 99.99999998999999%;
}

@media (min-width: 768px) and (max-width: 1139px) {
  .Article__FirstMainRowContainer .Article__MainSpan {
    width: 99.999999993%;
  }
}
@media (min-width: 1280px) {
  .Article__FirstMainRowContainer .Article__MainSpan {
    width: 100%;
  }
}
@media (max-width: 1250px) {
  .Article__MainHeroWrapper > div:nth-last-child(1),
  .Article__Image .Article__Overlay,
  .Article__Image .Article__OverlayStyle {
    padding-left: 5%;
    width: 50%;
  }
  .Article__MainHeroWrapper .Article__LastOverlay {
    padding-left: 5%;
  }
}
@media (max-width: 1000px) {
  .Article__MainHeroWrapper > div:nth-last-child(1),
  .Article__Image .Article__Overlay,
  .Article__Image .Article__OverlayStyle {
    width: 60%;
  }
  .Article__ColumnWrapper .Article__ColumnItem {
    padding: 1.5625rem;
  }
  .Article__ColumnWrapper {
    margin: 0 -1.5625rem;
  }
  .Article__ColumnWrapper.Article__CollageWrapper {
    margin: 0;
  }
  .Article__CollageText {
    max-width: 100%;
    width: 100%;
    padding: 0 0 1.875rem;
    order: 0 !important;
  }
  .Article__CollageContainer {
    width: 100%;
    padding: 0;
    margin: 0 -0.625rem;
  }
}
@media (max-width: 991px) {
  /* .altm-logo {
    margin-bottom: auto;
    width: 5em;
    margin-top: 0;
  } */
  .Article__MainHeroWrapper > div:nth-last-child(1),
  .Article__Image .Article__Overlay,
  .Article__Image .Article__OverlayStyle {
    width: 70%;
  }
  .Article__TopWrapper {
    margin-top: 3.75rem;
  }
  .Article__BottomWrapper {
    margin-bottom: 4.375rem;
  }
  .Article__LastWrapper.Article__Content {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .Article__MainHeroWrapper > div:nth-last-child(1),
  .Article__Image .Article__Overlay,
  .Article__Image .Article__OverlayStyle {
    width: 100% !important;
    height: 100%;
  }
  .Article__TopWrapper {
    margin-top: 1.875rem;
  }
  .Article__BottomWrapper {
    margin-bottom: 1.875rem;
  }
  .Article__CollageContainer .Article__CollageItem.d-width {
    min-width: 12.5rem;
  }
  .Article__CollageContainer .Article__CollageItem:nth-last-child(1) {
    max-width: 100%;
  }
  .Article__ColumnItem.Article__VideoItem.Article__VideoLeft {
    max-width: 100% !important;
    padding: 0;
  }
  .Article__ColumnWrapper .Article__ColumnItem {
    padding: 0;
  }
  .Article__ColumnItem.Article__TextItem.Article__TextCenter {
    width: 100% !important;
    padding: 0;
    max-width: 100% !important;
  }
  .Article__CollageText {
    max-width: 100% !important;
    padding: 0 !important;
    margin-bottom: 1.25rem;
  }
  .Article__CollageContainer .Article__CollageItem {
    padding: 10px 0 !important;
  }
  .Article__CollageItem {
    max-width: 100% !important;
    padding: 1.25rem 0px !important;
  }
  .Article__Image .Article__OverlayStyle {
    height: 100%;
    width: 100% !important;
  }
}
.Article__MainHeroWrapper {
  position: relative;
  z-index: 1;
}
.Article__MainHeroWrapper h1 {
  margin-top: 0.3125rem;
  font-size: 42px;
  line-height: 1.1em;
}
.Article__MainHeroWrapper p {
  margin-bottom: 0;
}
.Article__MainHeroWrapper > div:nth-last-child(1) {
  width: 45%;
}
.Article__MainHeroWrapper .Article__OverlayContinue {
  padding: 6.25rem 50px;
  padding-left: calc(50vw - 600px);
  transform: translate(0, 0);
  opacity: 1;
  animation: hero-in 1.3s 1;
}
.Article__MainHeroWrapper .Article__OverlayContinue > span > div {
  margin-bottom: 1.875rem;
}
.Article__MainHeroWrapper .Article__OverlayContinue > span > div:nth-last-child(1) {
  margin-bottom: 0px;
}
.Article__SubContainer .Article__MainHeroWrapper .Article__OverlayContinue {
  padding-left: 3.125rem;
}
.Article__MainHeroWrapper .Article__LastOverlay {
  padding: 0px 15%;
}
.Article__MainHeroWrapper .Article__LastOverlay > span > div {
  margin-bottom: 1.875rem;
}
.Article__MainHeroWrapper .Article__LastOverlay > span > div:nth-child(1) {
  margin-top: 6.25rem;
}
.Article__MainHeroWrapper .Article__LastOverlay > span > div:nth-last-child(1) {
  margin-bottom: 6.25rem;
}

.Article__Image {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.Article__Image .Article__Overlay {
  height: 100%;
  width: 45%;
  animation: hero-in 1.3s 1;
}
.Article__Image .Article__OverlayStyle {
  height: 100%;
  width: 45%;
}
.Article__RichText {
  word-wrap: break-word;
}
.Article__JumpEnd {
  position: relative;
  top: -5rem;
}

.Article__Wrapper h3 {
  margin: 0 0 10px;
}
.Article__Wrapper p {
  margin: 10px 0;
}
.Article__Wrapper {
  margin-top: 5rem;
}
.Article__Wrapper,
.Article__Wrapper .Article__ModuleOverlay,
.Article__ColumnItem,
.Article__ColumnItem .Article__InsideItem {
  position: relative;
  top: 0;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.Article__SubContainer,
.Article__FirstMainRowContainer .Article__SubContainer {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  float: none !important;
}
.Article__SubContainer .Article__SubContainer {
  padding: 0 1.875rem;
}

.Article__ColumnWrapper h3 {
  margin-top: 0;
  font-size: 1.7em;
  line-height: 1.3em;
}
.Article__ColumnWrapper [id*='Article__GetDetailsButton'] a:hover {
  background: var(--altm-primary-color) !important;
  border-color: var(--altm-primary-color) !important;
  color: #fff !important;
}

.Article__ColumnWrapper [id*='Article__GetDetailsButton'] a:hover span {
  color: #fff !important;
}
.Article__ColumnWrapper [id*='Article__WhereToBuyButton'] a:hover {
  background: var(--altm-primary-color) !important;
  border-color: var(--altm-primary-color) !important;
  color: #fff !important;
}

.Article__ColumnWrapper [id*='Article__WhereToBuyButton'] a:hover span {
  color: #fff !important;
}
.Article__ColumnWrapper h1 {
  margin: 0 0 0.625rem;
  font-size: 1.7em;
}
.Article__ColumnWrapper .Article__Stretch p:nth-child(1) {
  margin: 0;
}
.Article__ColumnWrapper {
  margin: 0 -0.9375rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.Article__ColumnWrapper h4 {
  margin-bottom: 10px;
  font-size: 1.3em;
  line-height: 1.2em;
}
.Article__ColumnWrapper h4 a {
  text-decoration: none;
  color: #707070;
}
.Article__ColumnWrapper h4 a:hover {
  color: var(--altm-primary-color);
}

.Article__ColumnWrapper h3:nth-last-child(1) {
  margin-bottom: 0;
}
.Article__ColumnWrapper .Article__ColumnItem {
  padding: 1.5625rem 0.9375rem;
}
.Article__ColumnWrapper .Article__ColumnItem .Article__Stretch {
  flex: 1 auto;
}
.Article__ColumnWrapper .Article__ColumnItem .Article__InsideItem {
  border-radius: 0px;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
}
.Article__ColumnWrapper .Article__TextCenter {
  -webkit-align-self: center;
  align-self: center;
}
.Article__ColumnWrapper .Article__ColumnItem > div > *:nth-child(1) {
  margin-top: 0;
}
.Article__ColumnWrapper .Article__ColumnItem > div > *:nth-last-child(1) {
  margin-bottom: 0;
}
.Article__ColumnWrapper .Article__TextItem .Article__InsideItem {
  padding: 1.25rem 10%;
}
.Article__ColumnWrapper.Article__VideoLeft {
  -webkit-justify-content: left;
  justify-content: left;
}
a.Article__InsideItem {
  color: #707070;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}
.Article__TopWrapper {
  margin-top: 5rem;
}
.Article__BottomWrapper {
  margin-bottom: 6.25rem;
}
.Article__CollageWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Article__CollageWrapper > div {
  flex: 1 auto;
}
.Article__CollageText {
  max-width: 40%;
  box-sizing: border-box;
  padding: 0 5%;
}

.Article__CollageContainer {
  width: 60%;
  padding: 0 0.3125rem;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Article__CollageContainer .Article__CollageItem {
  padding: 10px;
  flex: 1 auto;
  min-width: 200px;
  min-height: 200px;
  box-sizing: border-box;
}
.Article__CollageContainer .Article__CollageItem.d-width {
  flex: 2 auto;
  min-width: 400px;
}
.Article__CollageContainer .Article__CollageItemImage {
  padding-top: 100%;
  height: 100%;
  box-sizing: border-box;
}
.Article__CollageContainer .Article__CollageItemImage.Article__CollageItemDepth {
  height: auto;
}
.Article__CollageContainer .Article__CollageItemImage.Article__CollageItemDepth:nth-child(2) {
  margin-top: 1.25rem;
}
.Article__CollageContainer .Article__CollageItem.d-width .Article__CollageItemImage {
  padding-top: 50%;
}
.Article__CollageContainer .Article__CollageItem.Article__CollageItemHeight .Article__CollageItemImage {
  padding-top: 200%;
  padding-bottom: 1.25rem;
}
.Article__CollageContainer .Article__CollageItem.d-width.Article__CollageItemHeight .Article__CollageItemImage {
  padding-top: 98%;
  padding-bottom: 0;
}
.Article__CollageContainer .Article__CollageItem:nth-last-child(1) {
  max-width: 50%;
}
.Article__GetDetailsButtonContainer p,
.Article__GetDetailsButtonContainer div {
  margin: 0;
  padding: 0;
}
a#Article__WhereToBuyButtonId {
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  background: rgb(0, 89, 83);
  border-radius: 0.375rem;
  border-width: 0px;
  color: rgb(255, 255, 255);
  font-family: sans-serif;
  height: auto;
  transition: all 0.4s ease;
  padding: 0.625rem 1.875rem;
  text-shadow: none;
  width: auto;
  font-size: 24px;
  line-height: 1.5em;
  border: 1px solid var(--altm-primary-color);
}
a#Article__WhereToBuyButtonId:hover {
  background: rgb(0, 97, 91);
  color: rgb(255, 255, 255);
}

a#Article__WhereToBuyButtonId:active,
#Article__WhereToBuyButtonId:active:hover {
  background: rgb(0, 71, 66);
  color: rgb(244, 244, 244);
}
.Article__GetDetailsButtonContainer div {
  margin: 0;
  padding: 0;
}
a#Article__GetDetailsButtonId {
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  background: rgb(25, 48, 71);
  border-radius: 0.375rem;
  border-width: 0px;
  color: rgb(255, 255, 255);
  font-family: sans-serif;
  height: auto;
  transition: all 0.4s ease;
  padding: 10px 1.875rem;
  text-shadow: none;
  width: auto;
  font-size: 24px;
  line-height: 1.5em;
  border: 1px solid var(--altm-primary-color);
}
a#Article__GetDetailsButtonId:hover {
  background: rgb(27, 52, 78);
  color: rgb(255, 255, 255);
}

a#Article__GetDetailsButtonId:active,
#Article__GetDetailsButtonId:active:hover {
  background: rgb(20, 38, 56);
  color: rgb(244, 244, 244);
}
.Article__MainButton,
a.Article__MainButton {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  background: var(--altm-primary-color);
  border: 2px solid var(--altm-primary-color);
  border-radius: 0.1875rem;
  padding: 1.25rem 2.1875rem;
  font-size: 13px;
  line-height: 1.3em;
  font-family: FrutigerLTW01-75Black, Helvetica, Arial, sans-serif;
  min-width: 150px;
  max-width: 100%;
  text-align: center;
}

.Article__MainButton:hover,
a.Article__MainButton:hover {
  background: hsla(0, 0%, 100%, 0.5) !important;
  color: var(--altm-primary-color) !important;
}

.Article__LastWrapper {
  border-radius: 0.3125rem;
  overflow: hidden;
}
.Article__LastWrapper.Article__Content {
  margin-bottom: 5rem;
}

/* Article page -- END */

/* Subscription table -- START */
.Subscription_Table {
  overflow-x: auto;
  margin-top: 2rem;
  border-collapse: collapse;
  width: 100%;
}

.Subscription_Table table th,
.Subscription_Table table td {
  padding: 1rem;
  text-align: center;
  height: 3rem;
  font-size: 1em;
}

.Subscription_Table table thead {
  border-bottom: 1px solid;
}

.Subscription_Table tr:hover {
  background-color: #f5f5f5;
}

/* Subscription table -- END */

/* Subscription Heading -- START */

.Subscription_Title {
  font-family: var(--altm-font-family-regular);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: var(--altm-secondary-color);
}
/* Subscription Heading -- END */

.CartItemDelete {
  font-family: var(--altm-font-family-regular);
  font-size: 13px;
  color: var(--altm-background-color-dark-black);
  opacity: 0.56;
  width: 100%;
  text-align: end;
}

.CartItemDelete:hover {
  cursor: pointer;
}

.background-fill {
  position: absolute;
  left: 0;
  height: 20rem;
  width: 100%;
  background-color: var(--altm-background-color-dark-red);
  z-index: 0;
}

.checkout-background,
.cart-background {
  background: var(--altm-background-color-mig-grey);
}

.OrderSummary .PromotionsDisplay {
  width: 100% !important;
  margin-top: 16px;
}

.content-container {
  max-width: 1440px !important;
  margin: 0 auto !important;
}