/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./modules/theme/resources/scss/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* -------------------------------------------------------------------------------------------------
   Text
   ---------------------------------------------------------------------------------------------- */
.no-breaking-word {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
@supports not (overflow-wrap: anywhere) {
  .no-breaking-word {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}

/* -------------------------------------------------------------------------------------------------
   Visibility
   ---------------------------------------------------------------------------------------------- */
.is-hidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.is-hidden-on-small-screens {
  display: none;
}
@media only screen and (min-width: 48em) {
  .is-hidden-on-small-screens {
    display: inherit;
  }
}

@media only screen and (min-width: 48em) {
  .is-hidden-on-medium-screens {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .is-hidden-on-medium-screens {
    display: inherit;
  }
}

@media only screen and (min-width: 75em) {
  .is-hidden-on-large-screens {
    display: none;
  }
}

.no-text-breaking {
  white-space: nowrap;
}

.editor-styles-wrapper,
:root {
  --mhh-mcn-animation-transition--normal: 400ms ease;
  --mhh-mcn-animation-transition--reduced: 110ms ease;
  --mhh-mcn-animation-transition--extended: 1000ms ease;
}

.editor-styles-wrapper,
:root {
  /*
   * Functional Colors
   */
  --mhh-mcn-color-black: #000;
  --mhh-mcn-color-white: #fff;
  --mhh-mcn-color-gray-100: #f7f7f7;
  --mhh-mcn-color-gray-300: #d2d3d4;
  --mhh-mcn-color-gray-500: #cfd2d7;
  --mhh-mcn-color-gray-600: #949494;
  --mhh-mcn-color-gray-700: #757575;
  --mhh-mcn-color-gray-800: #555;
  /*
   * Primary Colors
   */
  --mhh-mcn-color-dark-blue: #0c2340;
  --mhh-mcn-color-teal-100: #e1efee;
  --mhh-mcn-color-teal-300: #90e8ce;
  --mhh-mcn-color-teal-500: #00857c;
  --mhh-mcn-color-teal-700: #005c55;
  --mhh-mcn-color-teal-900: #003e3a;
  /*
   * Secondary Colors
   */
  --mhh-mcn-color-lime: #bfed33;
  --mhh-mcn-color-lemon: #fff063;
  --mhh-mcn-color-pastel-blue: #69b8f7;
  --mhh-mcn-color-vista-blue: #688ce8;
  --mhh-mcn-color-rich-blue: #5450e4;
  /*
   * Feedback Colors
   */
  --mhh-mcn-color-alert-red: #e95459;
  --mhh-mcn-color-alert-orange: #f0a626;
  --mhh-mcn-color-alert-green: #80b50d;
  --mhh-mcn-color-alert-red-text: #d83434;
  --mhh-mcn-color-alert-orange-text: #c6821e;
  --mhh-mcn-color-alert-green-text: #587d08;
  /*
   * Anchor
   */
  --mhh-mcn-anchor-color: var(--mhh-mcn-color-teal-700);
  --mhh-mcn-anchor-color--hover: var(--mhh-mcn-color-teal-500);
  --mhh-mcn-color-overlay: rgba(0, 0, 0, 0.75);
}

.editor-styles-wrapper,
:root {
  --mhh-mcn-columns-gutter-size-l: 2.5rem;
  --mhh-mcn-columns-gutter-size-m: calc(var(--mhh-mcn-columns-gutter-size-l) / 2);
  --mhh-mcn-columns-gutter-size-s: calc(var(--mhh-mcn-columns-gutter-size-m) / 2);
}

:root {
  --mhh-mcn-container-max-width: var(--site-max-width);
  --mhh-mcn-container-wide-width: var(--site-max-width-wide);
  --mhh-mcn-container-medium-width: var(--site-max-width-medium);
  --mhh-mcn-container-narrow-width: var(--site-max-width-narrow);
  --mhh-mcn-container-x-narrow-width: var(--site-max-width-xnarrow);
}

:root {
  --mhh-mcn-background-position: 0 0;
  --mhh-mcn-image-aspect-ratio: "original";
  --mhh-mcn-overlay-opacity: 0.7;
  --mhh-mcn-box-shadow--normal: 0 2px 10px 0 rgba(0, 92, 85, 0.3);
}

:root {
  --mhh-mcn-spacing-xs: 0.25rem;
  --mhh-mcn-spacing-s: calc(var(--mhh-mcn-spacing-xs) * 2);
  --mhh-mcn-spacing-xm: calc(var(--mhh-mcn-spacing-s) * 2);
  --mhh-mcn-spacing-m: calc(var(--mhh-mcn-spacing-s) * 3);
  --mhh-mcn-spacing-l: calc(var(--mhh-mcn-spacing-s) * 4);
  --mhh-mcn-spacing-xl: calc(var(--mhh-mcn-spacing-s) * 5);
  --mhh-mcn-spacing-xxl: calc(var(--mhh-mcn-spacing-s) * 6);
  --mhh-mcn-spacing-xxxl: calc(var(--mhh-mcn-spacing-s) * 8);
  --mhh-mcn-spacing-super: calc(var(--mhh-mcn-spacing-s) * 13);
}

.editor-styles-wrapper,
:root {
  --mhh-mcn-font-size--xs: var(--fs-minus-2);
  --mhh-mcn-font-size--s: var(--fs-minus-1);
  --mhh-mcn-font-size--xm: var(--fs-base);
  --mhh-mcn-font-size--m: var(--fs-plus-1);
  --mhh-mcn-font-size--l: var(--fs-plus-2);
  --mhh-mcn-font-size--xl: var(--fs-plus-3);
  --mhh-mcn-font-size--xxl: var(--fs-plus-4);
  --mhh-mcn-font-size--xxxl: var(--fs-plus-5);
  --mhh-mcn-line-height--xs: var(--lh-minus-2);
  --mhh-mcn-line-height--s: var(--lh-minus-1);
  --mhh-mcn-line-height--xm: var(--lh-base);
  --mhh-mcn-line-height--m: var(--lh-plus-1);
  --mhh-mcn-line-height--l: var(--lh-plus-2);
  --mhh-mcn-line-height--xl: var(--lh-plus-3);
  --mhh-mcn-line-height--xxl: var(--lh-plus-4);
  --mhh-mcn-line-height--xxxl: var(--lh-plus-5);
  --mhh-mcn-font-weight--light: 200;
  --mhh-mcn-font-weight--normal: 400;
  --mhh-mcn-font-weight--bold: 700;
  /*
   * Components Configuration
   */
  --mhh-mcn-heading-1-font-size: var(--mhh-mcn-font-size--xxxl);
  --mhh-mcn-heading-1-line-height: var(--lh-plus-5);
  --mhh-mcn-heading-2-font-size: var(--mhh-mcn-font-size--xxl);
  --mhh-mcn-heading-2-line-height: var(--mhh-mcn-line-height--xxl);
  --mhh-mcn-heading-3-font-size: var(--mhh-mcn-font-size--xl);
  --mhh-mcn-heading-3-line-height: var(--mhh-mcn-line-height--xl);
  --mhh-mcn-heading-4-font-size: var(--mhh-mcn-font-size--l);
  --mhh-mcn-heading-4-line-height: var(--mhh-mcn-line-height--l);
  --mhh-mcn-heading-5-font-size: var(--mhh-mcn-font-size--m);
  --mhh-mcn-heading-5-line-height: var(--mhh-mcn-line-height--m);
  --mhh-mcn-heading-6-font-size: var(--mhh-mcn-font-size--xm);
  --mhh-mcn-heading-6-line-height: var(--mhh-mcn-line-height--xm);
}

a {
  color: var(--mhh-mcn-anchor-color);
  overflow-wrap: break-word;
}
a:focus, a:active, a:hover {
  color: var(--mhh-mcn-anchor-color--hover);
}

figure {
  margin: 0;
}
figure .mhh-mcn-anchor-for-image {
  /*
   * The display:inline is necessary due to the padding added to the image.
   * If not `inline` the image will not obtain the right Aspect Ratio.
   */
  display: inline;
}

figure.with-aspect-ratio .figure-outer {
  padding-bottom: 50%;
  height: 0;
  position: relative;
}
figure.with-aspect-ratio .figure-outer .figure-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  left: 0;
  height: 100%;
  width: 100%;
}
figure.with-aspect-ratio .figure-outer .figure-inner img {
  object-position: var(--mhh-mcn-image-object-position, 50% 50%);
  object-fit: cover;
  height: 100%;
  width: 100%;
}
figure.with-aspect-ratio--square .figure-outer {
  padding-bottom: 100%;
}
figure.with-aspect-ratio--43 .figure-outer {
  padding-bottom: 75%;
}
figure.with-aspect-ratio--169 .figure-outer {
  padding-bottom: 56.3%;
}
figure.with-aspect-ratio--219 .figure-outer {
  padding-bottom: 42.84%;
}
figure.with-aspect-ratio--content-grid .figure-outer {
  padding-bottom: 74.8%;
}
figure.with-aspect-ratio--64 .figure-outer {
  padding-bottom: 63.6%;
}

h1 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-1-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-1-line-height));
  font-weight: var(--mhh-mcn-font-weight--normal);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h1 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-1-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-1-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h1 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-1-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-1-line-height));
  }
}

h2 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-2-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-2-line-height));
  font-weight: var(--mhh-mcn-font-weight--normal);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h2 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-2-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-2-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h2 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-2-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-2-line-height));
  }
}

h3 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-3-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-3-line-height));
  font-weight: var(--mhh-mcn-font-weight--bold);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h3 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-3-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-3-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h3 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-3-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-3-line-height));
    font-weight: var(--mhh-mcn-font-weight--normal);
  }
}

h4 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-4-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-4-line-height));
  font-weight: var(--mhh-mcn-font-weight--bold);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h4 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-4-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-4-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h4 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-4-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-4-line-height));
  }
}

h5 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-5-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-5-line-height));
  font-weight: var(--mhh-mcn-font-weight--bold);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h5 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-5-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-5-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h5 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-5-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-5-line-height));
  }
}

h6 {
  font-size: var(--mhh-mcn-heading-font-size--s, var(--mhh-mcn-heading-6-font-size));
  line-height: var(--mhh-mcn-heading-line-height--s, var(--mhh-mcn-heading-6-line-height));
  font-weight: var(--mhh-mcn-font-weight--bold);
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  h6 {
    font-size: var(--mhh-mcn-heading-font-size--m, var(--mhh-mcn-heading-6-font-size));
    line-height: var(--mhh-mcn-heading-line-height--m, var(--mhh-mcn-heading-6-line-height));
  }
}
@media only screen and (min-width: 75em) {
  h6 {
    font-size: var(--mhh-mcn-heading-font-size--l, var(--mhh-mcn-heading-6-font-size));
    line-height: var(--mhh-mcn-heading-line-height--l, var(--mhh-mcn-heading-6-line-height));
  }
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
img.is-full-width {
  width: 100%;
}
img:where([class*=wp-image-]) {
  display: inline-block;
}

html[dir=rtl] svg:not(.mh-icon--no-flip), .editor-styles-wrapper[dir=rtl] svg:not(.mh-icon--no-flip) {
  transform: scaleX(-1);
}

.mhh-mcn-button--link {
  border: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: inherit;
  width: auto;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  color: var(--mhh-mcn-anchor-color);
  overflow-wrap: break-word;
}
.mhh-mcn-button--link:focus, .mhh-mcn-button--link:active, .mhh-mcn-button--link:hover {
  color: var(--mhh-mcn-anchor-color--hover);
}

p {
  overflow-wrap: break-word;
}

.mhh-mcn-badge-container {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.mhh-mcn-badge-container > .mhh-mcn-badge {
  margin-inline-end: var(--mhh-mcn-spacing-xm);
}
.mhh-mcn-badge-container > .mhh-mcn-badge:last-child {
  margin-inline-end: 0;
}
.mhh-mcn-badge-container > .mhh-mcn-badge + .mhh-mcn-badge--flat {
  margin-inline-start: var(--mhh-mcn-spacing-xm);
}
.mhh-mcn-badge-container > .mhh-mcn-badge + .mhh-mcn-badge--flat::after {
  background: var(--mhh-mcn-color-gray-700);
  border-radius: 0;
  content: "";
  display: block;
  height: 1em;
  margin-inline-start: calc(var(--mhh-mcn-spacing-xm) * -1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.mhh-mcn-badge-container > .mhh-mcn-badge--content-type:first-child + .mhh-mcn-badge--flat {
  margin-left: 0;
}
.mhh-mcn-badge-container > .mhh-mcn-badge--content-type:first-child + .mhh-mcn-badge--flat::after {
  display: none;
}

.mhh-mcn-badge {
  color: var(--mhh-mcn-color-white);
  display: inline-block;
  font-size: var(--mhh-mcn-badge-font-size, var(--mhh-mcn-font-size--s));
  line-height: var(--mhh-mcn-badge-line-height, var(--mhh-mcn-line-height--s));
  padding: 0.1em 0.4em;
  position: relative;
  text-transform: uppercase;
}
.mhh-mcn-badge svg {
  display: inline-block;
  fill: currentColor;
  height: 0.875rem;
  margin-right: var(--mhh-mcn-spacing-xs);
  position: relative;
  top: 0.125rem;
  width: 0.875rem;
}
.mhh-mcn-badge--new {
  background: var(--mhh-mcn-color-rich-blue);
}
.mhh-mcn-badge--alert-red {
  background: var(--mhh-mcn-color-alert-red);
  color: var(--mhh-mcn-color-white);
}
.mhh-mcn-badge--flat, .mhh-mcn-badge--date, .mhh-mcn-badge--time {
  background: transparent;
  color: var(--mhh-mcn-color-gray-800);
  font-weight: var(--mhh-mcn-font-weight--normal);
  padding-left: 0;
  padding-right: 0;
  text-transform: initial;
}
.mhh-mcn-badge--ltr svg {
  transform: scaleX(1);
}
.mhh-mcn-badge--live {
  color: var(--mhh-mcn-color-alert-red);
  font-weight: var(--mhh-mcn-font-weight--bold);
  text-transform: uppercase;
}
.mhh-mcn-badge--registered {
  color: var(--mhh-mcn-color-black);
  font-weight: var(--mhh-mcn-font-weight--bold);
}
.mhh-mcn-badge--restricted {
  align-items: center;
  color: var(--mhh-mcn-color-gray-800);
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
}
.mhh-mcn-badge--restricted::before {
  background-image: url(./images/user-grey.656926d3.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex: 0 0 auto;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  overflow: hidden;
  width: 1.2em;
}

.mhh-mcn-members-only-badge {
  align-items: center;
  display: flex;
  margin-top: 0;
}
.mhh-mcn-members-only-badge__icon {
  fill: var(--mhh-mcn-color-gray-700);
  height: 0.875rem;
  margin-right: 0.375rem;
  width: 0.875rem;
}
.mhh-mcn-members-only-badge__icon svg {
  display: block;
  fill: currentColor;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.mhh-mcn-members-only-badge__icon img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.mhh-mcn-members-only-badge__text {
  color: var(--mhh-mcn-color-gray-700);
  font-size: var(--mhh-mcn-font-size--xs);
}

.mhh-mcn-page-header {
  margin-bottom: var(--mhh-mcn-spacing-xm);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-page-header {
    margin-bottom: var(--mhh-mcn-spacing-xxxl);
  }
}

.single {
  /*
   * Hero
   */
}
.single .mhh-mcn-page-hero {
  margin-bottom: 1.4375em;
  min-height: 117px;
  overflow: hidden;
  padding: var(--mhh-mcn-spacing-m) 0;
  position: relative;
}
@media only screen and (min-width: 48em) {
  .single .mhh-mcn-page-hero {
    height: 348px;
    margin-bottom: var(--mhh-mcn-spacing-xxxl);
  }
  .single .mhh-mcn-page-hero:has(.mhh-mcn-product-logo:nth-last-child(n+2)) {
    height: 500px;
  }
}
@media only screen and (min-width: 75em) {
  .single .mhh-mcn-page-hero {
    height: 500px;
  }
}
.single .mhh-mcn-page-hero img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.single .mhh-mcn-page-hero .mhh-mcn-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative;
}

.single-product.hide-banners-on-mobile,
.single-therapeutic-area.hide-banners-on-mobile {
  /*
   * Within some single post types the layout is set to with-sidebar.
   * It need a vertical space between the Header and the Sidebar content when the
   * page hero must be hidden.
   */
}
.single-product.hide-banners-on-mobile .mhh-mcn-sidebar,
.single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-sidebar {
  margin-top: calc(var(--mhh-mcn-line-height--xm) * 1em);
}
.single-product.hide-banners-on-mobile .mhh-mcn-page-hero,
.single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-page-hero {
  display: none;
}
.single-product.hide-banners-on-mobile .mhh-mcn-product-logos,
.single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-product-logos {
  display: none;
}
@media only screen and (min-width: 48em) {
  .single-product.hide-banners-on-mobile .mhh-mcn-sidebar,
  .single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-sidebar {
    margin-top: 0;
  }
  .single-product.hide-banners-on-mobile .mhh-mcn-page-hero,
  .single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-page-hero {
    display: block;
  }
  .single-product.hide-banners-on-mobile .mhh-mcn-product-logos,
  .single-therapeutic-area.hide-banners-on-mobile .mhh-mcn-product-logos {
    display: block;
  }
}

.single-product .mhh-mcn-page-hero .mhh-mcn-product-logos .mhh-mcn-product-logo {
  aspect-ratio: 420/240;
  position: relative;
  width: calc(200px + var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .single-product .mhh-mcn-page-hero .mhh-mcn-product-logos .mhh-mcn-product-logo {
    aspect-ratio: 293/220;
    width: auto;
  }
}
.single-product .mhh-mcn-page-hero .mhh-mcn-product-logos .mhh-mcn-product-logo .mhh-mcn-product-logo-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 48em) {
  .single-product.hide-banners-on-tablet,
  .single-therapeutic-area.hide-banners-on-tablet {
    /*
     * Within some single post types the layout is set to with-sidebar.
     * It need a vertical space between the Header and the Sidebar content when the
     * page hero must be hidden.
     */
  }
  .single-product.hide-banners-on-tablet .mhh-mcn-sidebar,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-sidebar {
    margin-top: calc(var(--mhh-mcn-line-height--xm) * 1em);
  }
  .single-product.hide-banners-on-tablet .mhh-mcn-page-hero,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-page-hero {
    display: none;
  }
  .single-product.hide-banners-on-tablet .mhh-mcn-product-logos,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-product-logos {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .single-product.hide-banners-on-tablet .mhh-mcn-sidebar,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-sidebar {
    margin-top: 0;
  }
  .single-product.hide-banners-on-tablet .mhh-mcn-page-hero,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-page-hero {
    display: block;
  }
  .single-product.hide-banners-on-tablet .mhh-mcn-product-logos,
  .single-therapeutic-area.hide-banners-on-tablet .mhh-mcn-product-logos {
    display: block;
  }
}

.mhh-mcn-page-title {
  margin-bottom: 0;
}
.mhh-mcn-page-title.screen-reader-text + * {
  margin-top: 0;
}
.mhh-mcn-page-title + .page-meta {
  margin-top: var(--mhh-mcn-spacing-s);
}

.mhh-mcn-prescriptions-items {
  display: block;
  padding-left: 0;
}
.mhh-mcn-prescriptions-items .mhh-mcn-prescriptions-item {
  font-size: var(--mhh-mcn-font-size--xm);
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-prescriptions-items {
    clear: both;
  }
  .mhh-mcn-prescriptions-items::before, .mhh-mcn-prescriptions-items::after {
    clear: both;
    content: "";
    display: block;
  }
  .mhh-mcn-prescriptions-items .mhh-mcn-prescriptions-item {
    float: left;
    margin-right: var(--mhh-mcn-spacing-xm);
  }
  .mhh-mcn-prescriptions-items .mhh-mcn-prescriptions-item::after {
    content: ",";
    position: absolute;
  }
  .mhh-mcn-prescriptions-items .mhh-mcn-prescriptions-item:last-child::after {
    content: "";
  }
  .mhh-mcn-prescriptions-items .mhh-mcn-prescriptions-item::before {
    content: none;
  }
}

.mhh-mcn-prescriptions-link::after {
  content: "/";
  margin: 0 5px;
}
.mhh-mcn-prescriptions-link:last-child::after {
  display: none;
}

.mhh-mcn-prescriptions__title {
  align-self: center;
  font-size: var(--mhh-mcn-font-size--xm);
  font-weight: var(--mhh-mcn-font-weight--bold);
  margin-bottom: var(--mhh-mcn-spacing-s);
  margin-top: var(--mhh-mcn-spacing-m);
}
.mhh-mcn-prescriptions__title.is-single-prescription a {
  text-decoration: none;
}

/*
 * Prescriptions within the Sidebar Navigation
 */
.sidebar-navigation {
  /*
   * Remove the margin bottom from the latest item child
   * Check the Sidebar Navigation styles to know why this is necessary.
   */
}
.sidebar-navigation .mhh-mcn-prescriptions {
  padding-bottom: 0.75rem;
  padding-left: 1.625rem;
  padding-top: calc(0.75rem - 1px); /* account for border */
}
.sidebar-navigation .mhh-mcn-prescriptions .mhh-mcn-prescriptions-items {
  display: block;
}
.sidebar-navigation .mhh-mcn-prescriptions a {
  color: var(--mhh-mcn-color-teal-500);
  display: inline;
  text-decoration: underline;
}
.sidebar-navigation .mhh-mcn-prescriptions a:hover, .sidebar-navigation .mhh-mcn-prescriptions a:focus {
  color: var(--mhh-mcn-color-teal-700);
}
.sidebar-navigation > .mhh-mcn-prescriptions:last-child {
  border-bottom: 0;
}

.sidebar-navigation {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.sidebar-navigation a {
  color: var(--mhh-mcn-sidebar-navigation-item-color, var(--mhh-mcn-color-black));
  display: block;
  text-decoration: none;
}
.sidebar-navigation a svg,
.sidebar-navigation a svg g {
  fill: var(--mhh-mcn-sidebar-navigation-item-color, var(--mhh-mcn-color-black));
}
.sidebar-navigation a:focus, .sidebar-navigation a:active, .sidebar-navigation a:hover {
  color: var(--mhh-mcn-sidebar-navigation-item-color--hover, var(--mhh-mcn-color-teal-700));
}
.sidebar-navigation a:focus svg,
.sidebar-navigation a:focus svg g, .sidebar-navigation a:active svg,
.sidebar-navigation a:active svg g, .sidebar-navigation a:hover svg,
.sidebar-navigation a:hover svg g {
  fill: var(--mhh-mcn-sidebar-navigation-item-color--hover, var(--mhh-mcn-color-teal-700));
}
.sidebar-navigation li {
  position: relative;
}
.sidebar-navigation li::before {
  display: none;
}
.sidebar-navigation li.current-menu-item > a, .sidebar-navigation li.current_page_item > a {
  color: var(--mhh-mcn-sidebar-navigation-item-current-color, var(--mhh-mcn-color-black));
  font-weight: var(--mhh-mcn-font-weight--bold);
  position: relative;
}
.sidebar-navigation li.current-menu-item > a::before, .sidebar-navigation li.current_page_item > a::before {
  background: var(--mhh-mcn-sidebar-navigation-item-theme-color, var(--mhh-mcn-color-teal-500));
  bottom: 1em;
  content: "";
  display: block;
  margin-inline-start: calc(var(--mhh-mcn-spacing-s) * -1.6);
  position: absolute;
  top: 1em;
  width: 3px;
}
.sidebar-navigation li.current-menu-item > a:focus, .sidebar-navigation li.current-menu-item > a:active, .sidebar-navigation li.current-menu-item > a:hover, .sidebar-navigation li.current_page_item > a:focus, .sidebar-navigation li.current_page_item > a:active, .sidebar-navigation li.current_page_item > a:hover {
  color: var(--mhh-mcn-sidebar-navigation-item-current-color--hover, var(--mhh-mcn-color-black));
}
@media only screen and (min-width: 75em) {
  .sidebar-navigation li {
    font-size: var(--mhh-mcn-sidebar-navigation-item-font-size--l, );
    line-height: var(--mhh-mcn-sidebar-navigation-item-line-height--l, var(--mhh-mcn-line-height--xm));
  }
}
.sidebar-navigation ul {
  list-style: none;
  padding-left: 0;
}
.sidebar-navigation > li:not(.is-expanded):last-child > a {
  padding-bottom: calc(0.75rem - 1px);
}
.sidebar-navigation > li.is-expanded:not(.current_page_item) > a {
  color: var(--mhh-mcn-sidebar-navigation-item-color, var(--mhh-mcn-color-teal-700));
}
.sidebar-navigation > li.is-expanded > ul {
  display: block;
}
.sidebar-navigation > li.is-expanded > .sidebar-navigation__toggle > span {
  transform: rotate(-180deg);
}
.sidebar-navigation > li.menu-item-has-children > a, .sidebar-navigation > li.page_item_has_children > a {
  padding-inline-end: 3rem;
}
.sidebar-navigation > li > a {
  border: var(--mhh-mcn-sidebar-navigation-item-border-width, 1px) var(--mhh-mcn-sidebar-navigation-item-border-style, solid) var(--mhh-mcn-sidebar-navigation-item-border-color, var(--mhh-mcn-color-gray-300));
  background-color: var(--mhh-mcn-sidebar-navigation-item-background-color, transparent);
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-bottom: 0.75rem;
  padding-inline-start: 1.625rem;
  padding-top: calc(0.75rem - 1px);
  transition: background-color var(--mhh-mcn-animation-transition--normal);
}
.sidebar-navigation > li > a:focus, .sidebar-navigation > li > a:active, .sidebar-navigation > li > a:hover {
  background-color: var(--mhh-mcn-sidebar-navigation-item-background-color--hover, var(--mhh-mcn-color-gray-100));
}
.sidebar-navigation > li:last-child {
  border: var(--mhh-mcn-sidebar-navigation-item-border-width, 1px) var(--mhh-mcn-sidebar-navigation-item-border-style, solid) var(--mhh-mcn-sidebar-navigation-item-border-color, var(--mhh-mcn-color-gray-300));
  border-left: none;
  border-right: none;
}
.sidebar-navigation > li:last-child > a {
  border: none;
}
.sidebar-navigation > li > ul {
  display: none;
}
.sidebar-navigation > li > ul > li > a {
  padding: calc(var(--mhh-mcn-spacing-m) / 2) 0 calc(var(--mhh-mcn-spacing-m) / 2) 2.5rem;
}
.sidebar-navigation > li > ul > li:first-child > a {
  padding-top: 0.75rem;
}
.sidebar-navigation > li > ul > li:last-child > a {
  padding-bottom: 0.75rem;
}
.sidebar-navigation__toggle {
  border: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: inherit;
  width: auto;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 3.25rem;
  inset-inline-end: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 2.75rem;
}
.sidebar-navigation__toggle:focus > span, .sidebar-navigation__toggle:active > span, .sidebar-navigation__toggle:hover > span {
  background-color: var(--mhh-mcn-color-gray-100);
}
.is-expanded .sidebar-navigation__toggle > span {
  background-color: var(--mhh-mcn-color-gray-100);
}
.sidebar-navigation__toggle svg {
  fill: var(--mhh-mcn-sidebar-navigation-item-theme-color, var(--mhh-mcn-color-teal-500));
  color: var(--mhh-mcn-sidebar-navigation-item-theme-color, var(--mhh-mcn-color-teal-500));
  width: 0.75rem;
}
.sidebar-navigation__toggle > span {
  align-items: center;
  border-radius: 1000px;
  display: flex;
  height: 1.75rem;
  justify-content: center;
  transform-origin: 50% 50%;
  transition: background-color var(--mhh-mcn-animation-transition--normal), transform var(--mhh-mcn-animation-transition--normal);
  width: 1.75rem;
}
@media only screen and (min-width: 75em) {
  .sidebar-navigation {
    margin-inline-end: 1.25rem;
  }
}

.block-editor-writing-flow > .is-root-container,
.mhh-mcn-content-main {
  /*
   * Versioned Components aka Blocks does have a different margin top.
   */
}
.block-editor-writing-flow > .is-root-container > *,
.mhh-mcn-content-main > * {
  margin-top: calc(var(--mhh-mcn-line-height--xm) * 1em);
}
.block-editor-writing-flow > .is-root-container > :last-child,
.mhh-mcn-content-main > :last-child {
  margin-bottom: var(--mhh-mcn-spacing-xxl);
}

/*
 * Let collapse the top railing elements margin bottom.
 *
 * The Top Railing Component has vertical margins but it is not rendered within the Main Content
 * therefore the margins between the Top Railing and the first Component of the Main Content does not collapse.
 *
 * This is considered a regression issue due to the Layout changes we made in the theme on 2.0.0.
 */
.top-railing ~ .mhh-mcn-content .mhh-mcn-content-main > *:first-child {
  margin-top: 0;
}

.mhh-mcn-content-main #DigitalIdentityHubHost,
.mhh-mcn-content-main #ConsentHubHost {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-content-main #DigitalIdentityHubHost,
  .mhh-mcn-content-main #ConsentHubHost {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}

.mhh-mcn-sidebar {
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
.mhh-mcn-sidebar:empty {
  display: none;
}
.mhh-mcn-sidebar:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-sidebar--is-sticky .mhh-mcn-sidebar-sticky-area {
    position: sticky;
    top: var(--mhh-mcn-spacing-xxxl);
  }
}
@media only screen and (min-width: 75em) {
  .mhh-mcn-sidebar {
    margin-bottom: 0;
  }
}

.mhh-mcn-footer .mhh-mcn-footer-nav a,
.mhh-mcn-footer .mhh-mcn-footer-nav .mhh-mcn-button--link {
  text-decoration: none;
}
.mhh-mcn-footer .mhh-mcn-footer-nav a:focus, .mhh-mcn-footer .mhh-mcn-footer-nav a:active, .mhh-mcn-footer .mhh-mcn-footer-nav a:hover,
.mhh-mcn-footer .mhh-mcn-footer-nav .mhh-mcn-button--link:focus,
.mhh-mcn-footer .mhh-mcn-footer-nav .mhh-mcn-button--link:active,
.mhh-mcn-footer .mhh-mcn-footer-nav .mhh-mcn-button--link:hover {
  border-bottom: 1px solid;
}
.mhh-mcn-footer .mhh-mcn-footer-nav--privacy a {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
@supports not (overflow-wrap: anywhere) {
  .mhh-mcn-footer .mhh-mcn-footer-nav--privacy a {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}

.mhh-mcn-container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
}
.mhh-mcn-container:not([class*="--full"]), .mhh-mcn-container:not([class*="--wide"]), .mhh-mcn-container:not([class*="--medium"]), .mhh-mcn-container:not([class*="--narrow"]), .mhh-mcn-container:not([class*="--x-narrow"]) {
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-container:not([class*="--full"]), .mhh-mcn-container:not([class*="--wide"]), .mhh-mcn-container:not([class*="--medium"]), .mhh-mcn-container:not([class*="--narrow"]), .mhh-mcn-container:not([class*="--x-narrow"]) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
.mhh-mcn-container--full {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.mhh-mcn-container--wide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}
.mhh-mcn-container--medium {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.mhh-mcn-container--narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.mhh-mcn-container--x-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-x-narrow-width);
}
.mhh-mcn-container .mhh-mcn-container {
  margin: 0;
  max-width: none;
  padding: 0;
}

.mhh-mcn-template-default {
  /*
   * Main Content
   */
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright),
.mhh-mcn-template-default .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .mhh-mcn-template-default .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-full"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignfull,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-full"],
.mhh-mcn-template-default .mhh-mcn-content-main > .alignfull {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-wide"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignwide,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-wide"],
.mhh-mcn-template-default .mhh-mcn-content-main > .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-medium"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignmedium,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-medium"],
.mhh-mcn-template-default .mhh-mcn-content-main > .alignmedium {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-narrow"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignnarrow,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-narrow"],
.mhh-mcn-template-default .mhh-mcn-content-main > .alignnarrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-x-narrow"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignx-narrow,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-x-narrow"],
.mhh-mcn-template-default .mhh-mcn-content-main > .alignx-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-x-narrow-width);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-left"],
  .mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignleft,
  .mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-left"],
  .mhh-mcn-template-default .mhh-mcn-content-main > .alignleft {
    max-width: var(--mhh-mcn-container-max-width);
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-right"],
  .mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .alignright,
  .mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-right"],
  .mhh-mcn-template-default .mhh-mcn-content-main > .alignright {
    max-width: var(--mhh-mcn-container-max-width);
    float: right;
  }
}
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > [class*="--align-center"],
.mhh-mcn-template-default .block-editor-writing-flow > .is-root-container > .aligncenter,
.mhh-mcn-template-default .mhh-mcn-content-main > [class*="--align-center"],
.mhh-mcn-template-default .mhh-mcn-content-main > .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.mhh-mcn-template-medium {
  /*
   * Main Content
   */
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright),
.mhh-mcn-template-medium .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .mhh-mcn-template-medium .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-full"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignfull,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-full"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .alignfull {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-wide"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignwide,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-wide"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-medium"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignmedium,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-medium"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .alignmedium {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-narrow"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignnarrow,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-narrow"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .alignnarrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-x-narrow"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignx-narrow,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-x-narrow"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .alignx-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-x-narrow-width);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-left"],
  .mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignleft,
  .mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-left"],
  .mhh-mcn-template-medium .mhh-mcn-content-main > .alignleft {
    max-width: var(--mhh-mcn-container-max-width);
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-right"],
  .mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .alignright,
  .mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-right"],
  .mhh-mcn-template-medium .mhh-mcn-content-main > .alignright {
    max-width: var(--mhh-mcn-container-max-width);
    float: right;
  }
}
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > [class*="--align-center"],
.mhh-mcn-template-medium .block-editor-writing-flow > .is-root-container > .aligncenter,
.mhh-mcn-template-medium .mhh-mcn-content-main > [class*="--align-center"],
.mhh-mcn-template-medium .mhh-mcn-content-main > .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.mhh-mcn-template-narrow {
  /*
   * Main Content
   */
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright),
.mhh-mcn-template-narrow .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .mhh-mcn-template-narrow .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-full"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignfull,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-full"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .alignfull {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-wide"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignwide,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-wide"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-medium"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignmedium,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-medium"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .alignmedium {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-narrow"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignnarrow,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-narrow"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .alignnarrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-x-narrow"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignx-narrow,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-x-narrow"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .alignx-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-x-narrow-width);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-left"],
  .mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignleft,
  .mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-left"],
  .mhh-mcn-template-narrow .mhh-mcn-content-main > .alignleft {
    max-width: var(--mhh-mcn-container-max-width);
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-right"],
  .mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .alignright,
  .mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-right"],
  .mhh-mcn-template-narrow .mhh-mcn-content-main > .alignright {
    max-width: var(--mhh-mcn-container-max-width);
    float: right;
  }
}
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-center"],
.mhh-mcn-template-narrow .block-editor-writing-flow > .is-root-container > .aligncenter,
.mhh-mcn-template-narrow .mhh-mcn-content-main > [class*="--align-center"],
.mhh-mcn-template-narrow .mhh-mcn-content-main > .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.mhh-mcn-template-x-narrow {
  /*
   * Main Content
   */
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright),
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
@media only screen and (min-width: 75em) {
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--mhh-mcn-container-max-width);
    max-width: var(--mhh-mcn-container-x-narrow-width);
  }
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-full"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignfull,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-full"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignfull {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-wide"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignwide,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-wide"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-medium"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignmedium,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-medium"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignmedium {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-narrow"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignnarrow,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-narrow"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignnarrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-x-narrow"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignx-narrow,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-x-narrow"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignx-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-x-narrow-width);
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-left"],
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignleft,
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-left"],
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignleft {
    max-width: var(--mhh-mcn-container-max-width);
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-right"],
  .mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .alignright,
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-right"],
  .mhh-mcn-template-x-narrow .mhh-mcn-content-main > .alignright {
    max-width: var(--mhh-mcn-container-max-width);
    float: right;
  }
}
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > [class*="--align-center"],
.mhh-mcn-template-x-narrow .block-editor-writing-flow > .is-root-container > .aligncenter,
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > [class*="--align-center"],
.mhh-mcn-template-x-narrow .mhh-mcn-content-main > .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.error404 {
  /*
   * Header
   */
}
.error404 .mhh-mcn-404-header {
  background-color: var(--mhh-mcn-color-teal-700);
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.08);
  color: var(--mhh-mcn-color-white);
  margin-bottom: 6rem;
  padding: var(--mhh-mcn-spacing-xl) 0;
}
.error404 .mhh-mcn-404-header__title {
  margin-bottom: 0;
}

.home,
.archive {
  /*
   * Header
   */
}
.home .mhh-mcn-page-header,
.archive .mhh-mcn-page-header {
  margin-bottom: var(--mhh-mcn-spacing-l);
}
.home .mhh-mcn-page-header__title,
.archive .mhh-mcn-page-header__title {
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .home .mhh-mcn-page-header,
  .archive .mhh-mcn-page-header {
    margin-bottom: var(--mhh-mcn-spacing-xl);
  }
}

.post-type-archive-product {
  /*
   * Main
   */
}
.post-type-archive-product .mhh-mcn-content-main > * {
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
.post-type-archive-product .mhh-mcn-content-main > *:empty, .post-type-archive-product .mhh-mcn-content-main > *:last-child {
  margin-bottom: 0;
}

.post-type-archive-therapeutic-area {
  /*
   * Main
   */
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main {
  /*
   * No Result Message
   */
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas {
  margin-bottom: var(--mhh-mcn-spacing-xxl);
  /*
   * Variants
   */
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-image {
  display: none;
  max-width: 45%;
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-image img {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-image {
    display: block;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-content {
    background-color: var(--mhh-mcn-color-white);
    flex-grow: 1;
    margin-left: calc(9.5rem * -1);
    margin-top: 3.5rem;
    padding: 3.25rem 6.5rem 3rem 6rem;
  }
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-title {
  font-size: 1.5rem;
  margin-bottom: var(--mhh-mcn-spacing-s);
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-title a {
  color: inherit;
  text-decoration: none;
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-title a:hover, .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-title a:focus {
  color: var(--mhh-mcn-color-teal-700);
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-title {
    font-size: 1.625rem;
    margin-bottom: var(--mhh-mcn-spacing-l);
  }
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list {
  list-style: none;
  padding-left: 0;
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list .mhh-mcn-therapeutic-areas-list-item {
  margin-bottom: var(--mhh-mcn-spacing-s);
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list .mhh-mcn-therapeutic-areas-list-item:nth-child(odd) {
  margin-right: var(--mhh-mcn-spacing-s);
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list .mhh-mcn-therapeutic-areas-list-item a {
  text-align: left;
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list .mhh-mcn-therapeutic-areas-list-item a + .badges {
  margin-left: 1rem;
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list .mhh-mcn-therapeutic-areas-list-item {
    margin-bottom: var(--mhh-mcn-spacing-l);
    width: calc(50% - var(--mhh-mcn-spacing-m));
  }
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas .mhh-mcn-therapeutic-areas-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 48em) {
  .post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas--grouped {
    display: flex;
    margin-bottom: var(--mhh-mcn-spacing-xl);
  }
}
.post-type-archive-therapeutic-area .mhh-mcn-content-main .mhh-mcn-therapeutic-areas-no-result-msg {
  margin-top: 0;
}

/*
 * Old theme had display flex enabled but this prevent in our layout to collapse margins.
 * It's currently disabled to see if we encounter some layout issues.
 *
 * It can be removed on a stable release if it is still commented.
 */
body {
  background: var(--mhh-mcn-color-white);
  color: var(--mhh-mcn-color-black);
  min-height: 100%;
}
body.js-filter-open, body.js-on-page-login-open, body.js-search-modal-open {
  overflow-y: hidden;
}
body .mhh-mcn-content {
  flex-grow: 1;
}
body * {
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow-x: hidden;
}
html.js-html-menu-open, html.js-modal-open {
  overflow-y: hidden;
}

body.restricted {
  /*
   * Main Content
   */
}
body.restricted .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  body.restricted .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}

.search {
  /*
   * Main Content
   */
  /*
   * Main Content
   */
}
.search .mhh-mcn-content-main .mhh-mcn-page-header {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
  margin-top: 0;
}
.search .mhh-mcn-content-main .mhh-mcn-page-header__title {
  font-size: var(--mhh-mcn-font-size--m);
  line-height: var(--mhh-mcn-line-height--m);
  font-weight: var(--mhh-mcn-font-weight--bold);
}
.search .mhh-mcn-search-form {
  background-color: var(--mhh-mcn-color-teal-500);
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.08);
  color: var(--mhh-mcn-color-white);
  margin-bottom: var(--mhh-mcn-spacing-xl);
  padding-bottom: var(--mhh-mcn-spacing-l);
  padding-top: var(--mhh-mcn-spacing-l);
}

.single {
  /*
   * Title
   */
  /*
   * Main Content
   */
}
.single .mhh-mcn-page-title {
  font-size: var(--mhh-mcn-font-size--xxl);
  line-height: var(--mhh-mcn-line-height--xxl);
}
.single .mhh-mcn-content-main .mhh-mcn-page-header {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
}
.single .mhh-mcn-content-main .mhh-mcn-page-header > *:not(.mhh-mcn-page-featured-image) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
}
.single .mhh-mcn-content-main .mhh-mcn-page-header .mhh-mcn-page-featured-image img {
  margin: 0 auto;
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 45rem;
}

.single,
.page {
  /*
   * Featured Image
   */
}
.single .mhh-mcn-page-featured-image,
.page .mhh-mcn-page-featured-image {
  margin-top: var(--mhh-mcn-spacing-xl);
}

.single-conference {
  /*
   * Title
   */
  /*
   * Main Content
   */
  /*
   * Dates
   */
  /*
   * Location
   */
  /*
   * Actions
   */
  /*
   * Chair Man
   */
}
.single-conference .mhh-mcn-page-title {
  margin: 0;
  margin-bottom: var(--mhh-mcn-spacing-m);
}
.single-conference .mhh-mcn-content-main .mhh-mcn-page-header {
  margin-bottom: 0;
}
.single-conference .mhh-mcn-single-conference-dates {
  font-size: var(--mhh-mcn-font-size--l);
  line-height: var(--mhh-mcn-line-height--l);
  margin: 0;
  margin-top: var(--mhh-mcn-spacing-s);
}
.single-conference .mhh-mcn-single-conference-location {
  color: var(--mhh-mcn-color-gray-700);
  margin: 0;
}
.single-conference .mhh-mcn-single-conference-actions {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  margin-top: var(--mhh-mcn-spacing-xl);
}
.single-conference .mhh-mcn-single-conference-actions > * {
  margin: var(--mhh-mcn-spacing-m) 0 0 0;
}
.single-conference .mhh-mcn-single-conference-actions > *:first-child {
  margin-top: 0;
}
.single-conference .mhh-mcn-single-conference-actions__link {
  align-self: stretch;
}
@media only screen and (min-width: 48em) {
  .single-conference .mhh-mcn-single-conference-actions__link {
    align-self: center;
  }
}
.single-conference .mhh-mcn-single-conference-actions__calendar svg {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin: 0 var(--mhh-mcn-spacing-s) 0 0;
}
@media only screen and (min-width: 48em) {
  .single-conference .mhh-mcn-single-conference-actions {
    flex-flow: row wrap;
    margin-top: var(--mhh-mcn-spacing-m);
  }
  .single-conference .mhh-mcn-single-conference-actions > * {
    margin: 0 var(--mhh-mcn-spacing-m) 0 0;
  }
  .single-conference .mhh-mcn-single-conference-actions > *:last-child {
    margin-right: 0;
  }
}
.single-conference .mhh-mcn-single-conference-chairman {
  margin: 0;
  margin-top: var(--mhh-mcn-spacing-m);
}

.single-product {
  /*
   * Hero
   */
  /*
   * Logos
   */
  /*
   * Sidebar
   */
  /*
   * Content
   */
}
.single-product .mhh-mcn-page-hero .mhh-mcn-product-logos {
  flex: 0 1 auto;
  max-height: 100%;
  max-width: 293px;
}
.single-product .mhh-mcn-product-logos {
  margin: 0;
  width: 100%;
}
.single-product .mhh-mcn-product-logos .mhh-mcn-product-logo {
  background: var(--mhh-mcn-color-gray-100);
  flex: 0 0 auto;
  margin: 0 0 var(--mhh-mcn-spacing-s) 0;
}
@media only screen and (min-width: 75em) {
  .single-product .mhh-mcn-product-logos .mhh-mcn-product-logo {
    aspect-ratio: 293/220;
    position: relative;
  }
}
.single-product .mhh-mcn-product-logos .mhh-mcn-product-logo:last-child {
  margin-bottom: 0;
}
.single-product .mhh-mcn-product-logos .mhh-mcn-product-logo img {
  flex: 0 0 auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  position: relative;
}
.single-product .mhh-mcn-product-logos .mhh-mcn-product-logo .mhh-mcn-product-logo-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: var(--mhh-mcn-spacing-m);
}
@media only screen and (min-width: 75em) {
  .single-product .mhh-mcn-product-logos .mhh-mcn-product-logo .mhh-mcn-product-logo-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.single-product .mhh-mcn-sidebar > :first-child {
  margin-top: 0;
}
.single-product .mhh-mcn-sidebar > :last-child {
  margin-bottom: 0;
}
.single-product .mhh-mcn-sidebar .mhh-mcn-product-logos {
  margin-bottom: var(--mhh-mcn-spacing-xxxl);
}
@media only screen and (min-width: 48em) {
  .single-product .mhh-mcn-sidebar .mhh-mcn-product-logos .mhh-mcn-product-logo-inner {
    padding: var(--mhh-mcn-spacing-l);
  }
}
@media only screen and (min-width: 75em) {
  .single-product .mhh-mcn-sidebar .mhh-mcn-product-logos .mhh-mcn-product-logo-inner {
    padding: var(--mhh-mcn-spacing-m);
  }
}
.single-product .mhh-mcn-content .mhh-mcn-product-scientific-title {
  font-size: var(--mhh-mcn-heading-4-font-size);
  font-weight: var(--mhh-mcn-font-weight--bold);
  line-height: var(--mhh-mcn-heading-4-line-height);
  margin-bottom: 0;
}

.restricted-reference,
.single-reference {
  /*
   * Main Content
   */
  /*
   * Reset vertical margins when Breadcrumb is rendered
   */
}
.restricted-reference .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright),
.single-reference .mhh-mcn-content-main > *:not([class*="--align-full"],
.alignfull,
[class*="--align-wide"],
.alignwide,
[class*="--align-medium"],
.alignmedium,
[class*="--align-narrow"],
.alignnarrow,
[class*="--align-x-narrow"],
.alignx-narrow,
[class*="--align-left"],
.alignleft,
[class*="--align-right"],
.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-medium-width);
  width: calc(100% - var(--mhh-mcn-spacing-m) * 2);
}
@media only screen and (min-width: 48em) {
  .restricted-reference .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright),
  .single-reference .mhh-mcn-content-main > *:not([class*="--align-full"],
  .alignfull,
  [class*="--align-wide"],
  .alignwide,
  [class*="--align-medium"],
  .alignmedium,
  [class*="--align-narrow"],
  .alignnarrow,
  [class*="--align-x-narrow"],
  .alignx-narrow,
  [class*="--align-left"],
  .alignleft,
  [class*="--align-right"],
  .alignright) {
    width: calc(100% - var(--mhh-mcn-spacing-xl) * 2);
  }
}
.restricted-reference .top-railing + .mhh-mcn-content .mhh-mcn-content-main > article:first-of-type,
.single-reference .top-railing + .mhh-mcn-content .mhh-mcn-content-main > article:first-of-type {
  margin-bottom: 0;
  margin-top: 0;
}

.single-video {
  /*
   * Main Content
   */
}
.single-video .mhh-mcn-content-main .mhh-mcn-single-video-video {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-wide-width);
}

.single-webinar {
  /*
   * Main Content
   */
  /*
   * Page Header
   */
  /*
   * Page Title
   */
  /*
   * Featured Image
   */
  /*
   * Details
   */
  /*
   * Date Time
   */
  /*
   * Meta
   */
  /*
   * Actions
   */
  /*
   * Help
   */
  /*
   * Agenda
   */
  /*
   * Speakers
   */
}
.single-webinar h2 {
  margin-bottom: var(--mhh-mcn-spacing-m);
}
@media only screen and (min-width: 75em) {
  .single-webinar h2 {
    margin-bottom: var(--mhh-mcn-spacing-xl);
  }
}
.single-webinar .mhh-mcn-content-main > section,
.single-webinar .mhh-mcn-content-main > .wp-block-separator {
  margin-bottom: var(--mhh-mcn-spacing-xxl);
  margin-top: var(--mhh-mcn-spacing-xxl);
}
.single-webinar .mhh-mcn-content-main .mhh-mcn-single-webinar-generic-notice {
  padding: var(--mhh-mcn-spacing-m);
}
.single-webinar .mhh-mcn-page-header {
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-page-header {
    margin-bottom: 5rem;
  }
}
.single-webinar .has-post-thumbnail .mhh-mcn-page-header {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
  display: flex;
  flex-flow: column nowrap;
  padding-left: 0;
  padding-right: 0;
}
.single-webinar .has-post-thumbnail .mhh-mcn-page-header > * {
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
.single-webinar .has-post-thumbnail .mhh-mcn-page-header > *:empty, .single-webinar .has-post-thumbnail .mhh-mcn-page-header > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 75em) {
  .single-webinar .has-post-thumbnail .mhh-mcn-page-header {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--mhh-mcn-container-max-width);
    max-width: var(--mhh-mcn-container-medium-width);
    column-gap: var(--mhh-mcn-spacing-xl);
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .single-webinar .has-post-thumbnail .mhh-mcn-page-header > * {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .single-webinar .has-post-thumbnail .mhh-mcn-page-header > *:nth-child(odd) {
    width: 40%;
  }
  .single-webinar .has-post-thumbnail .mhh-mcn-page-header > *:nth-child(even) {
    width: 60%;
  }
}
.single-webinar .mhh-mcn-page-title {
  margin-bottom: var(--mhh-mcn-spacing-m);
}
.single-webinar .mhh-mcn-page-featured-image {
  height: 300px;
  margin: 0;
}
.single-webinar .mhh-mcn-page-featured-image img {
  margin-bottom: 0;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.single-webinar .mhh-mcn-page-details {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.single-webinar .mhh-mcn-single-webinar-date-time {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--mhh-mcn-font-size--m);
  font-weight: var(--mhh-mcn-font-weight--bold);
  line-height: var(--mhh-mcn-line-height--m);
}
.single-webinar .mhh-mcn-single-webinar-date-time__time {
  margin-right: var(--sp-base);
}
.single-webinar .mhh-mcn-single-webinar-date-time__date {
  margin-bottom: 0.25rem;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .single-webinar .mhh-mcn-single-webinar-date-time__date {
    margin-bottom: 0;
    width: auto;
  }
}
@media only screen and (min-width: 48em) {
  .single-webinar .mhh-mcn-single-webinar-date-time__date + .mhh-mcn-single-webinar-date-time__time::before {
    background-color: var(--mhh-mcn-color-gray-700);
    content: "";
    display: inline-block;
    height: var(--mhh-mcn-spacing-xm);
    margin-right: var(--mhh-mcn-spacing-xm);
    width: 1px;
    content: "";
  }
}
.single-webinar .mhh-mcn-single-webinar-date-time__date--end::before, .single-webinar .mhh-mcn-single-webinar-date-time__time--end::before {
  content: " - ";
}
.single-webinar .mhh-mcn-single-webinar-date-time .badge.badge--flat::before {
  background-color: var(--mhh-mcn-color-gray-700);
  content: "";
  display: inline-block;
  height: var(--mhh-mcn-spacing-xm);
  margin-right: var(--mhh-mcn-spacing-xm);
  width: 1px;
}
.single-webinar .mhh-mcn-single-webinar-date-time > *, .single-webinar .mhh-mcn-single-webinar-date-time .badge.badge--flat {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin-right: var(--mhh-mcn-spacing-xm);
}
.single-webinar .mhh-mcn-single-webinar-date-time > *:last-child, .single-webinar .mhh-mcn-single-webinar-date-time .badge.badge--flat:last-child {
  margin-right: 0;
}
.single-webinar .mhh-mcn-single-webinar-meta {
  color: var(--mhh-mcn-color-gray-700);
  margin-top: var(--mhh-mcn-spacing-s);
  display: flex;
  gap: var(--mhh-mcn-spacing-xm);
}
.single-webinar .mhh-mcn-single-webinar-meta svg {
  height: 1rem;
  width: 1rem;
  margin-right: var(--mhh-mcn-spacing-s);
}
.single-webinar .mhh-mcn-single-webinar-meta > div {
  display: flex;
  align-items: center;
}
.single-webinar .mhh-mcn-single-webinar-meta > div:not(:first-child)::before {
  content: "•";
  margin-right: var(--mhh-mcn-spacing-xm);
}
.single-webinar .mhh-mcn-single-webinar-actions {
  margin-top: 1.875rem;
}
.single-webinar .mhh-mcn-single-webinar-actions .wp-block-button {
  display: block;
  margin-bottom: var(--mhh-mcn-spacing-s);
  margin-right: var(--mhh-mcn-spacing-m);
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-actions .wp-block-button {
    display: inline-block;
    margin-bottom: 0;
  }
}
.single-webinar .mhh-mcn-single-webinar-actions .wp-block-button:first-child {
  margin-bottom: var(--mhh-mcn-spacing-m);
  width: 100%;
}
.single-webinar .mhh-mcn-single-webinar-actions .wp-block-button:first-child > a {
  display: block;
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-actions .wp-block-button:first-child {
    display: inline-block;
    width: auto;
  }
  .single-webinar .mhh-mcn-single-webinar-actions .wp-block-button:first-child > a {
    display: inline-block;
    width: auto;
  }
}
.single-webinar .mhh-mcn-single-webinar-help {
  background-color: var(--mhh-mcn-color-gray-100);
  padding: var(--mhh-mcn-spacing-m);
  text-align: center;
}
.single-webinar .mhh-mcn-single-webinar-help__title {
  flex-shrink: 1;
}
.single-webinar .mhh-mcn-single-webinar-help__icon svg {
  display: inline-block;
  height: 3rem;
  width: 3rem;
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-help__icon svg {
    margin: 0 var(--mhh-mcn-spacing-xl) 0 calc(var(--mhh-mcn-spacing-xl) - var(--mhh-mcn-spacing-m));
  }
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-help {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
  }
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-table {
  font-weight: var(--mhh-mcn-font-weight--bold);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-table td:first-child {
  white-space: nowrap;
  width: 1%;
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker {
  font-weight: var(--mhh-mcn-font-weight--normal);
  margin-top: var(--mhh-mcn-spacing-s);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-item {
  margin-bottom: var(--mhh-mcn-spacing-m);
  font-size: var(--mhh-mcn-font-size--m);
  line-height: var(--mhh-mcn-line-height--m);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-item .mhh-mcn-single-webinar-agenda-item-title {
  font-size: var(--mhh-mcn-font-size--m);
  font-weight: var(--mhh-mcn-font-weight--normal);
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-item .mhh-mcn-single-webinar-agenda-item-title time {
  font-weight: var(--mhh-mcn-font-weight--bold);
  color: var(--mhh-mcn-color-teal-500);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-item:not(:last-child) {
  border-bottom: 1px solid var(--mhh-mcn-color-gray-500);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-card {
  display: flex;
  align-items: flex-start;
  gap: var(--mhh-mcn-spacing-l);
  margin-bottom: var(--mhh-mcn-spacing-l);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-card:last-child {
  margin-bottom: var(--mhh-mcn-spacing-xl);
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-content .mh-icon {
  top: 0;
  height: 0.75rem;
  width: 0.75rem;
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-avatar {
  flex: 0 0 auto;
  object-fit: cover;
  height: 3.75rem;
  width: 3.75rem;
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-avatar {
    height: 7.75rem;
    width: 7.75rem;
  }
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-avatar .mh-icon {
  width: 100%;
  height: 100%;
}
.single-webinar .mhh-mcn-single-webinar-agenda .mhh-mcn-single-webinar-agenda-speaker-name {
  margin-bottom: var(--mhh-mcn-spacing-m);
  font-weight: var(--mhh-mcn-font-weight--bold);
  color: var(--mhh-mcn-color-teal-500);
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker {
  display: flex;
  margin-bottom: 3.75rem;
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker > * {
  flex: 0 0 auto;
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker__avatar {
  align-items: center;
  background-color: var(--mhh-mcn-color-gray-100);
  display: flex;
  flex-shrink: 0;
  height: 3.75rem;
  justify-content: center;
  margin-right: var(--mhh-mcn-spacing-m);
  object-fit: cover;
  width: 3.75rem;
}
@media only screen and (min-width: 75em) {
  .single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker__avatar {
    height: 7.75rem;
    margin-right: var(--mhh-mcn-spacing-xl);
    width: 7.75rem;
  }
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker__avatar svg {
  display: block;
  fill: var(--mhh-mcn-color-gray-100);
  height: 70%;
  width: 70%;
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker-meta {
  flex-shrink: 1;
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker-bio {
  margin-bottom: var(--mhh-mcn-spacing-xm);
}
.single-webinar .mhh-mcn-single-webinar-speakers .mhh-mcn-single-webinar-speaker-bio-toggle svg {
  height: 0.75rem !important;
  top: 0 !important;
  width: 0.75rem !important;
}

.single-ecme-course .course {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mhh-mcn-container-max-width);
  max-width: var(--mhh-mcn-container-narrow-width);
}
.single-ecme-course .ecme-course .ecme-course-details {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-image {
  flex-shrink: 0;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-image figure {
  max-height: 213px;
  max-width: 284px;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-page-title {
  font-size: 2em;
  margin: 0.375rem 0 0.5rem 0;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-primary-tag {
  font-weight: bold;
  color: var(--accent);
  margin-bottom: 0;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas {
  flex-grow: 1;
  width: 100%;
  color: var(--dark-gray);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-icon {
  width: 1.25em;
  height: 1.25em;
  vertical-align: text-top;
  fill: var(--dark-gray);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas a .ecme-icon {
  fill: var(--accent);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas a:hover .ecme-icon {
  fill: var(--black);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 1.25em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .label--not-planned {
  background: #d9efe9;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .label--planned {
  background: #6eceb2;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .label--on-going {
  background: #fff063;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .label--completed {
  background: #bfed33;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .label,
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .expired-info {
  display: inline-block;
  color: var(--black);
  padding: 0.375em 0.625em;
  font-weight: bold;
  line-height: initial;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-labels .expired-info {
  background: #d03b38;
  color: var(--mhh-mcn-color-white);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-text .ecme-details {
  display: flex;
  gap: 1em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  gap: 1.5em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions--no-access {
  display: block;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .wp-block-button:not(.is-style-secondary) .wp-block-button__link {
  padding: 0.625em 1.5em;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .wp-block-button .wp-block-button__link:hover {
  background-position: 0 100%;
  color: var(--mhh-mcn-color-white);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .plan-actions-form {
  margin-block-end: 0;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .plan-actions-form .plan-action-button {
  border: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: inherit;
  width: auto;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  color: var(--accent);
  cursor: pointer;
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .plan-actions-form .plan-action-button .ecme-icon {
  fill: var(--accent);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .plan-actions-form .plan-action-button:hover {
  color: var(--accent-dark);
}
.single-ecme-course .ecme-course .ecme-course-details .ecme-metas .ecme-actions .plan-actions-form .plan-action-button:hover .ecme-icon {
  fill: var(--accent-dark);
}
@media only screen and (min-width: 48em) {
  .single-ecme-course .ecme-course .ecme-course-details {
    flex-direction: row;
  }
}

.page-template-template-content-updates {
  /*
   * Main Content
   */
  /*
   * Page Title
   */
}
.page-template-template-content-updates .mhh-mcn-content-main .mhh-mcn-page-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 48em) {
  .page-template-template-content-updates .mhh-mcn-content-main .mhh-mcn-page-header {
    flex-wrap: nowrap;
  }
}
.page-template-template-content-updates .mhh-mcn-content-main .mhh-mcn-page-header > * {
  flex: 0 1 auto;
}
.page-template-template-content-updates .mhh-mcn-page-title {
  margin-bottom: var(--mhh-mcn-spacing-m);
}
@media only screen and (min-width: 48em) {
  .page-template-template-content-updates .mhh-mcn-page-title {
    margin-bottom: 0;
    margin-right: var(--mhh-mcn-spacing-m);
  }
}
.page-template-template-content-updates__content.sub__entry__content > * {
  padding-left: 0;
  padding-right: 0;
}
.product-template .page-template-template-content-updates__content.sub__entry__content, .therapeutic-area-template .page-template-template-content-updates__content.sub__entry__content {
  max-width: none;
}

/**
 * Following rules exists for backward compatibility and must override the Theme
 * typography rules applied to Components.
 *
 * The `!important` here is necessary since we do not know where the classes are consumed,
 * therefore isn't possible to determine a parent selector.
 *
 * Note:
 * There's a typo for `has-nagative-1-font-size` > "nagative" instead of "negative" and for Backward Compatibility
 * we have to keep both.
 */
.has-negative-1-font-size,
.has-nagative-1-font-size {
  font-size: var(--fs-minus-1) !important;
  line-height: var(--lh-minus-1) !important;
}

.has-positive-1-font-size {
  font-size: var(--fs-plus-1) !important;
  line-height: var(--lh-plus-1) !important;
}

.has-positive-2-font-size {
  font-size: var(--fs-plus-2) !important;
  line-height: var(--lh-plus-2) !important;
}

.has-positive-3-font-size {
  font-size: var(--fs-plus-3) !important;
  line-height: var(--lh-plus-3) !important;
}

.has-positive-4-font-size {
  font-size: var(--fs-plus-4) !important;
  line-height: var(--lh-plus-4) !important;
}

.has-positive-5-font-size {
  font-size: var(--fs-plus-5) !important;
  line-height: var(--lh-plus-5) !important;
}

[class*=mhh-mcn-v].has-black-color,
*.has-black-color {
  color: var(--mhh-mcn-color-black) !important;
}
[class*=mhh-mcn-v].has-cyan-bluish-gray-color,
*.has-cyan-bluish-gray-color {
  color: var(--mhh-mcn-color-cyan-bluish-gray) !important;
}
[class*=mhh-mcn-v].has-white-color,
*.has-white-color {
  color: var(--mhh-mcn-color-white) !important;
}
[class*=mhh-mcn-v].has-pale-pink-color,
*.has-pale-pink-color {
  color: var(--mhh-mcn-color-pale-pink) !important;
}
[class*=mhh-mcn-v].has-vivid-red-color,
*.has-vivid-red-color {
  color: var(--mhh-mcn-color-vivid-red) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-orange-color,
*.has-luminous-vivid-orange-color {
  color: var(--mhh-mcn-color-luminous-vivid-orange) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-amber-color,
*.has-luminous-vivid-amber-color {
  color: var(--mhh-mcn-color-luminous-vivid-amber) !important;
}
[class*=mhh-mcn-v].has-light-green-cyan-color,
*.has-light-green-cyan-color {
  color: var(--mhh-mcn-color-light-green-cyan) !important;
}
[class*=mhh-mcn-v].has-vivid-green-cyan-color,
*.has-vivid-green-cyan-color {
  color: var(--mhh-mcn-color-vivid-green-cyan) !important;
}
[class*=mhh-mcn-v].has-pale-cyan-blue-color,
*.has-pale-cyan-blue-color {
  color: var(--mhh-mcn-color-pale-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-cyan-blue-color,
*.has-vivid-cyan-blue-color {
  color: var(--mhh-mcn-color-vivid-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-purple-color,
*.has-vivid-purple-color {
  color: var(--mhh-mcn-color-vivid-purple) !important;
}
[class*=mhh-mcn-v].has-gray-100-color,
*.has-gray-100-color {
  color: var(--mhh-mcn-color-gray-100) !important;
}
[class*=mhh-mcn-v].has-gray-300-color,
*.has-gray-300-color {
  color: var(--mhh-mcn-color-gray-300) !important;
}
[class*=mhh-mcn-v].has-gray-500-color,
*.has-gray-500-color {
  color: var(--mhh-mcn-color-gray-500) !important;
}
[class*=mhh-mcn-v].has-gray-700-color,
*.has-gray-700-color {
  color: var(--mhh-mcn-color-gray-700) !important;
}
[class*=mhh-mcn-v].has-gray-800-color,
*.has-gray-800-color {
  color: var(--mhh-mcn-color-gray-800) !important;
}
[class*=mhh-mcn-v].has-dark-blue-color,
*.has-dark-blue-color {
  color: var(--mhh-mcn-color-dark-blue) !important;
}
[class*=mhh-mcn-v].has-teal-100-color,
*.has-teal-100-color {
  color: var(--mhh-mcn-color-teal-100) !important;
}
[class*=mhh-mcn-v].has-teal-300-color,
*.has-teal-300-color {
  color: var(--mhh-mcn-color-teal-300) !important;
}
[class*=mhh-mcn-v].has-teal-500-color,
*.has-teal-500-color {
  color: var(--mhh-mcn-color-teal-500) !important;
}
[class*=mhh-mcn-v].has-teal-700-color,
*.has-teal-700-color {
  color: var(--mhh-mcn-color-teal-700) !important;
}
[class*=mhh-mcn-v].has-teal-900-color,
*.has-teal-900-color {
  color: var(--mhh-mcn-color-teal-900) !important;
}
[class*=mhh-mcn-v].has-lime-color,
*.has-lime-color {
  color: var(--mhh-mcn-color-lime) !important;
}
[class*=mhh-mcn-v].has-lemon-color,
*.has-lemon-color {
  color: var(--mhh-mcn-color-lemon) !important;
}
[class*=mhh-mcn-v].has-pastel-blue-color,
*.has-pastel-blue-color {
  color: var(--mhh-mcn-color-pastel-blue) !important;
}
[class*=mhh-mcn-v].has-vista-blue-color,
*.has-vista-blue-color {
  color: var(--mhh-mcn-color-vista-blue) !important;
}
[class*=mhh-mcn-v].has-rich-blue-color,
*.has-rich-blue-color {
  color: var(--mhh-mcn-color-rich-blue) !important;
}
[class*=mhh-mcn-v].has-alert-red-color,
*.has-alert-red-color {
  color: var(--mhh-mcn-color-alert-red) !important;
}
[class*=mhh-mcn-v].has-alert-orange-color,
*.has-alert-orange-color {
  color: var(--mhh-mcn-color-alert-orange) !important;
}
[class*=mhh-mcn-v].has-alert-green-color,
*.has-alert-green-color {
  color: var(--mhh-mcn-color-alert-green) !important;
}
[class*=mhh-mcn-v].has-alert-red-text-color,
*.has-alert-red-text-color {
  color: var(--mhh-mcn-color-alert-red-text) !important;
}
[class*=mhh-mcn-v].has-alert-orange-text-color,
*.has-alert-orange-text-color {
  color: var(--mhh-mcn-color-alert-orange-text) !important;
}
[class*=mhh-mcn-v].has-alert-green-text-color,
*.has-alert-green-text-color {
  color: var(--mhh-mcn-color-alert-green-text) !important;
}
[class*=mhh-mcn-v].has-black-background-color,
*.has-black-background-color {
  background-color: var(--mhh-mcn-color-black) !important;
}
[class*=mhh-mcn-v].has-cyan-bluish-gray-background-color,
*.has-cyan-bluish-gray-background-color {
  background-color: var(--mhh-mcn-color-cyan-bluish-gray) !important;
}
[class*=mhh-mcn-v].has-white-background-color,
*.has-white-background-color {
  background-color: var(--mhh-mcn-color-white) !important;
}
[class*=mhh-mcn-v].has-pale-pink-background-color,
*.has-pale-pink-background-color {
  background-color: var(--mhh-mcn-color-pale-pink) !important;
}
[class*=mhh-mcn-v].has-vivid-red-background-color,
*.has-vivid-red-background-color {
  background-color: var(--mhh-mcn-color-vivid-red) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-orange-background-color,
*.has-luminous-vivid-orange-background-color {
  background-color: var(--mhh-mcn-color-luminous-vivid-orange) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-amber-background-color,
*.has-luminous-vivid-amber-background-color {
  background-color: var(--mhh-mcn-color-luminous-vivid-amber) !important;
}
[class*=mhh-mcn-v].has-light-green-cyan-background-color,
*.has-light-green-cyan-background-color {
  background-color: var(--mhh-mcn-color-light-green-cyan) !important;
}
[class*=mhh-mcn-v].has-vivid-green-cyan-background-color,
*.has-vivid-green-cyan-background-color {
  background-color: var(--mhh-mcn-color-vivid-green-cyan) !important;
}
[class*=mhh-mcn-v].has-pale-cyan-blue-background-color,
*.has-pale-cyan-blue-background-color {
  background-color: var(--mhh-mcn-color-pale-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-cyan-blue-background-color,
*.has-vivid-cyan-blue-background-color {
  background-color: var(--mhh-mcn-color-vivid-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-purple-background-color,
*.has-vivid-purple-background-color {
  background-color: var(--mhh-mcn-color-vivid-purple) !important;
}
[class*=mhh-mcn-v].has-gray-100-background-color,
*.has-gray-100-background-color {
  background-color: var(--mhh-mcn-color-gray-100) !important;
}
[class*=mhh-mcn-v].has-gray-300-background-color,
*.has-gray-300-background-color {
  background-color: var(--mhh-mcn-color-gray-300) !important;
}
[class*=mhh-mcn-v].has-gray-500-background-color,
*.has-gray-500-background-color {
  background-color: var(--mhh-mcn-color-gray-500) !important;
}
[class*=mhh-mcn-v].has-gray-700-background-color,
*.has-gray-700-background-color {
  background-color: var(--mhh-mcn-color-gray-700) !important;
}
[class*=mhh-mcn-v].has-gray-800-background-color,
*.has-gray-800-background-color {
  background-color: var(--mhh-mcn-color-gray-800) !important;
}
[class*=mhh-mcn-v].has-dark-blue-background-color,
*.has-dark-blue-background-color {
  background-color: var(--mhh-mcn-color-dark-blue) !important;
}
[class*=mhh-mcn-v].has-teal-100-background-color,
*.has-teal-100-background-color {
  background-color: var(--mhh-mcn-color-teal-100) !important;
}
[class*=mhh-mcn-v].has-teal-300-background-color,
*.has-teal-300-background-color {
  background-color: var(--mhh-mcn-color-teal-300) !important;
}
[class*=mhh-mcn-v].has-teal-500-background-color,
*.has-teal-500-background-color {
  background-color: var(--mhh-mcn-color-teal-500) !important;
}
[class*=mhh-mcn-v].has-teal-700-background-color,
*.has-teal-700-background-color {
  background-color: var(--mhh-mcn-color-teal-700) !important;
}
[class*=mhh-mcn-v].has-teal-900-background-color,
*.has-teal-900-background-color {
  background-color: var(--mhh-mcn-color-teal-900) !important;
}
[class*=mhh-mcn-v].has-lime-background-color,
*.has-lime-background-color {
  background-color: var(--mhh-mcn-color-lime) !important;
}
[class*=mhh-mcn-v].has-lemon-background-color,
*.has-lemon-background-color {
  background-color: var(--mhh-mcn-color-lemon) !important;
}
[class*=mhh-mcn-v].has-pastel-blue-background-color,
*.has-pastel-blue-background-color {
  background-color: var(--mhh-mcn-color-pastel-blue) !important;
}
[class*=mhh-mcn-v].has-vista-blue-background-color,
*.has-vista-blue-background-color {
  background-color: var(--mhh-mcn-color-vista-blue) !important;
}
[class*=mhh-mcn-v].has-rich-blue-background-color,
*.has-rich-blue-background-color {
  background-color: var(--mhh-mcn-color-rich-blue) !important;
}
[class*=mhh-mcn-v].has-alert-red-background-color,
*.has-alert-red-background-color {
  background-color: var(--mhh-mcn-color-alert-red) !important;
}
[class*=mhh-mcn-v].has-alert-orange-background-color,
*.has-alert-orange-background-color {
  background-color: var(--mhh-mcn-color-alert-orange) !important;
}
[class*=mhh-mcn-v].has-alert-green-background-color,
*.has-alert-green-background-color {
  background-color: var(--mhh-mcn-color-alert-green) !important;
}
[class*=mhh-mcn-v].has-alert-red-text-background-color,
*.has-alert-red-text-background-color {
  background-color: var(--mhh-mcn-color-alert-red-text) !important;
}
[class*=mhh-mcn-v].has-alert-orange-text-background-color,
*.has-alert-orange-text-background-color {
  background-color: var(--mhh-mcn-color-alert-orange-text) !important;
}
[class*=mhh-mcn-v].has-alert-green-text-background-color,
*.has-alert-green-text-background-color {
  background-color: var(--mhh-mcn-color-alert-green-text) !important;
}
[class*=mhh-mcn-v].has-black-border-color,
*.has-black-border-color {
  border-color: var(--mhh-mcn-color-black) !important;
}
[class*=mhh-mcn-v].has-cyan-bluish-gray-border-color,
*.has-cyan-bluish-gray-border-color {
  border-color: var(--mhh-mcn-color-cyan-bluish-gray) !important;
}
[class*=mhh-mcn-v].has-white-border-color,
*.has-white-border-color {
  border-color: var(--mhh-mcn-color-white) !important;
}
[class*=mhh-mcn-v].has-pale-pink-border-color,
*.has-pale-pink-border-color {
  border-color: var(--mhh-mcn-color-pale-pink) !important;
}
[class*=mhh-mcn-v].has-vivid-red-border-color,
*.has-vivid-red-border-color {
  border-color: var(--mhh-mcn-color-vivid-red) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-orange-border-color,
*.has-luminous-vivid-orange-border-color {
  border-color: var(--mhh-mcn-color-luminous-vivid-orange) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-amber-border-color,
*.has-luminous-vivid-amber-border-color {
  border-color: var(--mhh-mcn-color-luminous-vivid-amber) !important;
}
[class*=mhh-mcn-v].has-light-green-cyan-border-color,
*.has-light-green-cyan-border-color {
  border-color: var(--mhh-mcn-color-light-green-cyan) !important;
}
[class*=mhh-mcn-v].has-vivid-green-cyan-border-color,
*.has-vivid-green-cyan-border-color {
  border-color: var(--mhh-mcn-color-vivid-green-cyan) !important;
}
[class*=mhh-mcn-v].has-pale-cyan-blue-border-color,
*.has-pale-cyan-blue-border-color {
  border-color: var(--mhh-mcn-color-pale-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-cyan-blue-border-color,
*.has-vivid-cyan-blue-border-color {
  border-color: var(--mhh-mcn-color-vivid-cyan-blue) !important;
}
[class*=mhh-mcn-v].has-vivid-purple-border-color,
*.has-vivid-purple-border-color {
  border-color: var(--mhh-mcn-color-vivid-purple) !important;
}
[class*=mhh-mcn-v].has-gray-100-border-color,
*.has-gray-100-border-color {
  border-color: var(--mhh-mcn-color-gray-100) !important;
}
[class*=mhh-mcn-v].has-gray-300-border-color,
*.has-gray-300-border-color {
  border-color: var(--mhh-mcn-color-gray-300) !important;
}
[class*=mhh-mcn-v].has-gray-500-border-color,
*.has-gray-500-border-color {
  border-color: var(--mhh-mcn-color-gray-500) !important;
}
[class*=mhh-mcn-v].has-gray-700-border-color,
*.has-gray-700-border-color {
  border-color: var(--mhh-mcn-color-gray-700) !important;
}
[class*=mhh-mcn-v].has-gray-800-border-color,
*.has-gray-800-border-color {
  border-color: var(--mhh-mcn-color-gray-800) !important;
}
[class*=mhh-mcn-v].has-dark-blue-border-color,
*.has-dark-blue-border-color {
  border-color: var(--mhh-mcn-color-dark-blue) !important;
}
[class*=mhh-mcn-v].has-teal-100-border-color,
*.has-teal-100-border-color {
  border-color: var(--mhh-mcn-color-teal-100) !important;
}
[class*=mhh-mcn-v].has-teal-300-border-color,
*.has-teal-300-border-color {
  border-color: var(--mhh-mcn-color-teal-300) !important;
}
[class*=mhh-mcn-v].has-teal-500-border-color,
*.has-teal-500-border-color {
  border-color: var(--mhh-mcn-color-teal-500) !important;
}
[class*=mhh-mcn-v].has-teal-700-border-color,
*.has-teal-700-border-color {
  border-color: var(--mhh-mcn-color-teal-700) !important;
}
[class*=mhh-mcn-v].has-teal-900-border-color,
*.has-teal-900-border-color {
  border-color: var(--mhh-mcn-color-teal-900) !important;
}
[class*=mhh-mcn-v].has-lime-border-color,
*.has-lime-border-color {
  border-color: var(--mhh-mcn-color-lime) !important;
}
[class*=mhh-mcn-v].has-lemon-border-color,
*.has-lemon-border-color {
  border-color: var(--mhh-mcn-color-lemon) !important;
}
[class*=mhh-mcn-v].has-pastel-blue-border-color,
*.has-pastel-blue-border-color {
  border-color: var(--mhh-mcn-color-pastel-blue) !important;
}
[class*=mhh-mcn-v].has-vista-blue-border-color,
*.has-vista-blue-border-color {
  border-color: var(--mhh-mcn-color-vista-blue) !important;
}
[class*=mhh-mcn-v].has-rich-blue-border-color,
*.has-rich-blue-border-color {
  border-color: var(--mhh-mcn-color-rich-blue) !important;
}
[class*=mhh-mcn-v].has-alert-red-border-color,
*.has-alert-red-border-color {
  border-color: var(--mhh-mcn-color-alert-red) !important;
}
[class*=mhh-mcn-v].has-alert-orange-border-color,
*.has-alert-orange-border-color {
  border-color: var(--mhh-mcn-color-alert-orange) !important;
}
[class*=mhh-mcn-v].has-alert-green-border-color,
*.has-alert-green-border-color {
  border-color: var(--mhh-mcn-color-alert-green) !important;
}
[class*=mhh-mcn-v].has-alert-red-text-border-color,
*.has-alert-red-text-border-color {
  border-color: var(--mhh-mcn-color-alert-red-text) !important;
}
[class*=mhh-mcn-v].has-alert-orange-text-border-color,
*.has-alert-orange-text-border-color {
  border-color: var(--mhh-mcn-color-alert-orange-text) !important;
}
[class*=mhh-mcn-v].has-alert-green-text-border-color,
*.has-alert-green-text-border-color {
  border-color: var(--mhh-mcn-color-alert-green-text) !important;
}
[class*=mhh-mcn-v].has-vivid-cyan-blue-to-vivid-purple-gradient-background,
*.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--mhh-mcn-color-gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
[class*=mhh-mcn-v].has-light-green-cyan-to-vivid-green-cyan-gradient-background,
*.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--mhh-mcn-color-gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,
*.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--mhh-mcn-color-gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
[class*=mhh-mcn-v].has-luminous-vivid-orange-to-vivid-red-gradient-background,
*.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--mhh-mcn-color-gradient--luminous-vivid-orange-to-vivid-red) !important;
}
[class*=mhh-mcn-v].has-very-light-gray-to-cyan-bluish-gray-gradient-background,
*.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--mhh-mcn-color-gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
[class*=mhh-mcn-v].has-cool-to-warm-spectrum-gradient-background,
*.has-cool-to-warm-spectrum-gradient-background {
  background: var(--mhh-mcn-color-gradient--cool-to-warm-spectrum) !important;
}
[class*=mhh-mcn-v].has-blush-light-purple-gradient-background,
*.has-blush-light-purple-gradient-background {
  background: var(--mhh-mcn-color-gradient--blush-light-purple) !important;
}
[class*=mhh-mcn-v].has-blush-bordeaux-gradient-background,
*.has-blush-bordeaux-gradient-background {
  background: var(--mhh-mcn-color-gradient--blush-bordeaux) !important;
}
[class*=mhh-mcn-v].has-luminous-dusk-gradient-background,
*.has-luminous-dusk-gradient-background {
  background: var(--mhh-mcn-color-gradient--luminous-dusk) !important;
}
[class*=mhh-mcn-v].has-pale-ocean-gradient-background,
*.has-pale-ocean-gradient-background {
  background: var(--mhh-mcn-color-gradient--pale-ocean) !important;
}
[class*=mhh-mcn-v].has-electric-grass-gradient-background,
*.has-electric-grass-gradient-background {
  background: var(--mhh-mcn-color-gradient--electric-grass) !important;
}
[class*=mhh-mcn-v].has-midnight-gradient-background,
*.has-midnight-gradient-background {
  background: var(--mhh-mcn-color-gradient--midnight) !important;
}

/**
 * The following is the accepted order.
 *
 * Document Link for ordering
 * @link https://inpsyde.atlassian.net/wiki/spaces/MHH/pages/4136927251/Order+priority+of+front+end+content
 */
/*
 * Single Page Hero
 */
.single .mhh-mcn-page-hero .mhh-mcn-container {
  z-index: 20;
}

/*
 * Back to Top (BackToTop Plugin)
 */
#mhh-back-to-top .back-to-top-button-container {
  z-index: 2147483440;
}

/*
 * Sticky Panel (Sticky Panel Plugin)
 */
.mhh-sticky-footer-panel {
  z-index: 2147483460;
}

/*
 * Live-Chat Modal Button (Chatbot Plugin)
 */
.ie-div-position-customer-chat .button-iframe-wrap {
  z-index: 2147483480;
}

/*
 * Sticky Header
 */
header.site-header {
  z-index: 2147483500;
}

/*
 * Sticky Panel Popup (Sticky Panel Plugin)
 */
.mhh-sticky-footer-expanded-panel {
  z-index: 2147483520;
}

/*
 * Filter & Sort Panel (MHH Article)
 */
.mhh-mcn-content .mhh-article-filter {
  z-index: 2147483530;
}

/*
 * Filter & Sort Panel (MConnect Theme)
 */
.mhh-mcn-content .is-style-modal .archive-filter__container {
  z-index: 2147483540;
}

/*
 * Live-Chat Popup (Chatbot Plugin)
 */
.ie-div-position-customer-chat .chat-iframe-wrap,
.mh-chatbot-initialized #proactiveai.proactiveai {
  z-index: 2147483560;
}

/*
 * Lightbox modal (Lightbox Plugin)
 */
.inpsyde-dialog-block,
.mhh-lightbox-overlay.open {
  z-index: 2147483580;
}

/*
 * Admin Bar
 */
#wpadminbar {
  z-index: 2147483647;
}