/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * gastromond:
 *   - http://typekit.com/eulas/00000000000000007735ae01
 *   - http://typekit.com/eulas/00000000000000007735ae06
 *
 * Ã‚Â© 2009-2022 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2022-09-08 13:30:11 UTC"}*/

@font-face {
  font-family: "gastromond";
  src: url("https://use.typekit.net/af/3eba23/00000000000000007735ae01/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
    url("https://use.typekit.net/af/3eba23/00000000000000007735ae01/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
    url("https://use.typekit.net/af/3eba23/00000000000000007735ae01/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-stretch: normal;
}

/*
 * Global variables for the custom Page Designer page.
 * Change them for brand specifics.
 */

.pd-custom-wrapper {
  --h1-color: #fff;
  --h1-font-size: 3.75rem;  /* 60px */
  --h1-font-size-mobile: 3.125rem;  /* 50px */
  --h1-line-height: 0.8;

  --h2-color: #a11a7a;
  --h2-font-size: 3.375rem;  /* 54px */
  --h2-font-size-mobile: 2.75rem;  /* 44px */
  --h2-line-height: 0.9;

  --h3-color: #86296b;
  --h3-font-size: 2.75rem;  /* 44px */
  --h3-font-size-mobile: 2.125rem;  /* 34px */
  --h3-line-height: 1;
  --h3-custom-color: #f1d5d6;

  --h4-color: #c9398d;
  --h4-font-size: 1.875rem;  /* 30px */
  --h4-font-size-mobile: 1.25rem;  /* 20px */
  --h4-line-height: 1;

  --headings-font-family: "gastromond";
  --gastromond-font-weight: 400;
  --letter-spacing: 0px;
  --text-line-height: 1.5;
  --small-text-font-size: 0.625rem;  /* 10px */
  --text-color: #86296b;
  --text-color-custom: #F9DFED;
  --text-color-white: #fff;
  --menu-links-color: #fff;
  
  --accordion-background: #f1d5d6;

  --button-disabled-text: #565656;
  --button-disabled-focus-background: #9f197e;
  --button-disabled-focus-color: #ffffff;
  --button-disabled-focus-box-shadow: #d783be;
}

/*
 * Page Layout CSS
 * Change if layout change is needed.
 */
.pd-custom-wrapper {
  counter-reset: h2;
}

.pd-custom-wrapper .title-counter h2 {
  display: flex;
  align-items: flex-end;
}

.pd-custom-wrapper .title-counter h2:before {
  counter-increment: h2;
  content: counter(h2) ". ";
  display: inline-block;
  font-size: 8rem;
  padding: 0 1.25rem 0 0;
}

.pd-custom-wrapper .main__banner h1 {
  color: var(--h1-color);
  font-size: var(--h1-font-size);
  font-family: var(--headings-font-family);
  font-weight: var(--gastromond-font-weight);
  line-height: var(--h1-line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: none;
}

.pd-custom-wrapper .main__banner h2,
.pd-custom-wrapper .landing-mosaic h2 {
  color: var(--h2-color);
  font-size: var(--h2-font-size);
  font-family: var(--headings-font-family);
  font-weight: var(--gastromond-font-weight);
  line-height: var(--h2-line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: none;
}

.pd-custom-wrapper .landing-mosaic h3 {
  color: var(--h3-color);
  font-size: var(--h3-font-size);
  font-family: var(--headings-font-family);
  font-weight: var(--gastromond-font-weight);
  line-height: var(--h3-line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: none;
}

.pd-custom-wrapper .landing-mosaic h4,
.pd-custom-wrapper .accordion-title,
.pd-custom-wrapper .experience-commerce_assets-assetContainer h4 {
  color: var(--h4-color);
  font-size: var(--h4-font-size);
  font-family: var(--headings-font-family);
  font-weight: var(--gastromond-font-weight);
  line-height: var(--h4-line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: none;
}

@media (max-width: 1024px) {
  .pd-custom-wrapper .main__banner-content {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
  }

  .pd-custom-wrapper .main__banner h1 {
    font-size: var(--h1-font-size-mobile);
  }

  .pd-custom-wrapper .main__banner h2,
  .pd-custom-wrapper .landing-mosaic h2 {
    font-size: var(--h2-font-size-mobile);
  }

  .pd-custom-wrapper .landing-mosaic h3 {
    font-size: var(--h3-font-size-mobile);
  }

  .pd-custom-wrapper .landing-mosaic h4,
  .pd-custom-wrapper .accordion-title,
  .pd-custom-wrapper .experience-commerce_assets-assetContainer h4 {
    font-size: var(--h4-font-size-mobile);
  }
}

.pd-custom-wrapper .h2-text-left h2 {
  text-align: left;
}

.pd-custom-wrapper .scroll-to-menu {
  margin: 0;
}

@media (min-width: 1024px) {
  .pd-custom-wrapper .scroll-to-menu-list {
    justify-content: space-evenly;
  }
}

.pd-custom-wrapper .scroll-to-menu-link {
  color: var(--menu-links-color);
  font-family: var(--headings-font-family);
  font-weight: var(--gastromond-font-weight);
  font-size: 0.875rem;  /* 14px */
  text-transform: none !important;
}

.pd-custom-wrapper p,
.pd-custom-wrapper .landing-mosaic li a {
  color: var(--text-color);
}

.pd-custom-wrapper .card-body span {
  color: var(--text-color) !important;
}

.pd-custom-wrapper .pb-5 p {
  font-size: var(--small-text-font-size);
  line-height: var(--text-line-height);
}

.pd-custom-wrapper .landing-mosaic li {
  padding-left: 1.563rem;  /* 25px */
  padding-bottom: 1.563rem;  /* 25px */
  color: var(--text-color);
  list-style-type: ">";
}

.pd-custom-wrapper a.btn-primary:not(:disabled):not(.disabled):focus {
  background: var(--button-disabled-focus-background);
  color: var(--button-disabled-focus-color);
  box-shadow: 0 0 0 2px var(--button-disabled-focus-box-shadow);
}

.pd-custom-wrapper a.btn.disabled {
  color: var(--button-disabled-text);
}

.pd-custom-wrapper .container .mt-4 a:hover {
  text-decoration: none;
}

.pd-custom-wrapper .pdp__accordion-wrapper {
  background: var(--accordion-background);
  counter-reset: button;
}

.pd-custom-wrapper .h3-color h3 {
  color: var(--h3-custom-color);
}

.pd-custom-wrapper .pdp__accordion-wrapper .accordion .card h2 {
  position: relative;
}

.pd-custom-wrapper .pdp__accordion-wrapper .accordion .card button:after {
  counter-increment: button;
  content: counter(button) ". ";
  font-family: var(--headings-font-family);
  font-size: 0.938rem;  /* 15px */
  position: absolute;
  left: 1.25rem;  /* 20px */
  top: 1.125rem;  /* 18px */
}

@media (max-width: 1024px) {
  .pd-custom-wrapper .pdp__accordion-wrapper .accordion .card button:after {
    left: 0.125rem  /* 2px */
  }  
}

.pd-custom-wrapper .text-pink p {
  color: var(--text-color-custom);
}

.pd-custom-wrapper .main__banner-info p,
.pd-custom-wrapper .text-white h2,
.pd-custom-wrapper .text-white p:first-child,
.pd-custom-wrapper .text-white h3,
.pd-custom-wrapper .h4-color h4 {
  color: var(--text-color-white);
}

.pd-custom-wrapper .video__banner-image,
.pd-custom-wrapper .border-r {
  border-radius: 1.25rem;  /* 20px */
}