@import url("https://assets.baywsf.com/wsf-fonts/playfair-display/style.css");
@import url("https://assets.baywsf.com/wsf-fonts/mulish/style.css");

/* ISI Tray */
#isi-tray-section {
  [class*="content-isi-tray_readMoreButton"] {
    color: var(--Dazzling, #3659bf);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    @media (max-width: 768px) {
      font-size: 12px;
      font-weight: 700;
      line-height: 16px;
    }
    svg path {
      stroke: var(--Dazzling, #3659bf);
    }
  }
}

/* Next Prev Navigation */
[class*="content-list_section"][class*="content-list_twoCards"] {
  [class*="multi-media-card_multiMediaCard"] {
    background: linear-gradient(
      248.77deg,
      #ffbc53 49.4%,
      #f37349 108.43%
    ) !important;
  }
  .lmnt-card-body {
    background-color: transparent;
  }
  span {
    color: var(--Bellether-Blue, #2c256b) !important;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    @media (max-width: 768px) {
      font-size: 16px;
      font-weight: 900;
      line-height: 20px;
    }
  }

  [class*="content-media-card_contentLink"] svg {
    margin-bottom: 4px;
    path {
      fill: var(--Bellether-Blue, #2c256b);
    }
  }
}

/* Expansion panel*/
/* Removed background & paddings */
/* .paragraph-item--expansion_panel_block {
  [class*="accordion_expansionContent"] {
    background: transparent !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 8px !important;
  }
} */

/* External link modal confirmation */
[class*="external-link-modal_externalLinkModal"] {
  .lmnt-button--filled-primary {
    background: var(
      --Button-Gradient,
      linear-gradient(249deg, var(--Daffodil, #ffbc53) 49.4%, #f37349 108.43%)
    ) !important;
    /* border-radius: 44px; */

    .mdc-button__label {
      color: var(--Bellether-Blue, #2c256b) !important;
    }
  }

  .lmnt-button--outlined-primary {
    color: var(--Bellether-Blue, #2c256b) !important;
    border: var(--Bellether-Blue, #2c256b) solid 2px !important;
    border-radius: 44px;
  }
}

/* Text position on banner */
.swiper-slide:has([class*="lmnt-theme-primary-on-surface-bg"]) {
  @media (max-width: 599px) {
    [class*="content-hero-carousel_contentContainer"] {
      margin-top: 0px !important;
      padding-top: 24px !important;
    }
    .lmnt-button--filled-primary, .lmnt-button--outlined-primary {
      width: 100%!important;
    }
    [class*="button-group_btnGroup"] {
      margin-top: 12px;
    }
  }
}

/* Download Block */
.paragraph-item--download_block {
  i svg path {
    fill: var(--Dazzling, #3659bf) !important;
    stroke: var(--Dazzling, #3659bf) !important;
  }
  .mdc-list-item__primary-text {
    margin-bottom: -28px
  }
  .mdc-list-item__primary-text .mdc-typography {
    color: black !important;
    font-size: 14px!important;
  }
  .mdc-list-item__secondary-text .mdc-typography {
    color: #000000A6 !important;
    font-size: 14px!important;
  }
  .mdc-list-item__secondary-text .mdc-typography {
    font-weight: 400 !important;
  }
  .mdc-list-item__content {
    padding: 4px 0 12px 0 !important;
  }
  .mdc-list-item--with-two-lines {
    height: unset;
  }
}

/* Succes card */
.lmnt-divider--success-variant {
  border-color: #FFBC53 !important;
  color: #FFBC53 !important;
}

.paragraph-item--webform {
  [class*="action-card_actionCard"] {
    /* box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.20); */
    box-shadow: 0px 5px 5px -3px #00000033 !important;
    box-shadow: 0px 3px 14px 2px #0000001F !important;
    box-shadow: 0px 8px 10px 1px #00000024 !important;
  }

  @media (max-width: 768px) {
    .mdc-layout-grid__inner {
      [class*="lmnt-layout-grid_"]:not(:first-child) {
        .inputFieldWrapper
          .mdc-form-field:has(.mdc-checkbox) > :last-child {
          margin-top: 10px;
          margin-bottom: 5px;
        }
      }
      [class*="lmnt-layout-grid_"] {
        .inputFieldWrapper
          .mdc-form-field:has(.mdc-radio) label {
          margin-top: -5px;
        }
      }
    }
  }
  .inputFieldWrapper:has(+ [class*="webform-helper-text"])
    .mdc-form-field:has(.mdc-checkbox) > :last-child {
    margin-top: 5px;
  }
  .lmnt-input-label {
    @media (max-width: 768px) {
      font-size: 16px !important;
      line-height: 20px !important;
    }
  }
}

.paragraph-item--webform:has([class*="action-card_cardBodyInner_"]) {
  [class*="action-card_actionCard"] {
    /* box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.20); */
    box-shadow: 0px 5px 5px -3px #00000033 !important;
    box-shadow: 0px 3px 14px 2px #0000001F !important;
    box-shadow: 0px 8px 10px 1px #00000024 !important;
  }
  .mdc-button__label [class*="rich-text-renderer"] {
    font-family: "Mulish" !important;
    font-weight: 700 !important;
  }
  @media (min-width: 768px) {

    .mdc-layout-grid__inner {
      display: block;
      padding: 0 64px;
      [class*="action-card_leftInnerCard__"] {
        flex: 2;
        padding-right: 64px;
      }
      [class*="action-card_rightInnerCard__"] {
        flex: 1;
        padding-left: 48px;
      }
    }
  }
  @media (max-width: 768px) {
    [class*="action-card_cardBody__"] {
      padding-top: 16px;
    }
  }
  .lmnt-card-body {
    [class*="action-card_leftInnerCard"] {
      .mdc-typography--headline4 {
        color: var(--Colors-Surface-On-Surface-On-Surface-Active, rgba(0, 0, 0, 0.87)) !important;
        /* Display 4 - Title 2 */
        font-family: "Mulish" !important;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 125% */
        letter-spacing: -0.64px;
      }
      .mdc-typography--body1 {
        color: var(--Colors-Surface-On-Surface-On-Surface-Active, rgba(0, 0, 0, 0.87));

        /* Body 1 - Regular */
        font-family: "Mulish" !important;
        font-size: 17.6px !important;
        font-style: normal !important;
        font-weight: 480 !important;
        line-height: 28px !important; /* 159.091% */
      }
        @media (max-width: 768px) {
          .mdc-typography--headline4 {
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px; /* 163.636% */
            letter-spacing: -0.22px;
          }
          .mdc-typography--body1 {
            font-size: 14px;
            font-style: normal;
            font-weight: 480;
            line-height: 20px; /* 142.857% */
          }
        }
    }
  }
  .lmnt-button--outlined-primary {
    background: linear-gradient(
      87.85deg,
      #3659bf -40.59%,
      #2c256b 100.24%
    ) !important;
    border-radius: 44px !important;
    border: none !important;

    .mdc-button__label,
    .lmnt-button__icon--trailing,
    .lmnt-icon--medium {
      color: #ffffff !important;
    }
  }
}

/* footer */
.lmnt-footer {
  [class*="footer_footerBottomGroup"] {
    align-items: center !important;
  }
}
.lmnt-footer__content {
  [class^="mdc-typography"],
  a {
    color: var(--Bellether-Blue, #2c256b) !important;
    font-size: 18px !important;
    font-family: Mulish;
    font-weight: 500 !important;
    strong {
      font-weight: 700 !important;
    }
  }
}
[class*="social-media-icons"] {
  color: var(--Bellether-Blue, #2c256b) !important;
}

/* Mobile Version max width 768px */
/* Cost Saving*/
@media (max-width: 711px) {
  .smallGridContainer .lmnt.mdc-layout-grid__inner.lmnt-layout-grid__inner {
    display: flex !important;
    .blockSizeVariant_small_isInsideColumns_left {
      margin: auto;
    }
  }
}

/* Tick Box webform */
.paragraph-item--webform {
  .lmnt-radio--primary .mdc-radio__outer-circle {
    border-color: var(--Dazzling, #3659bf) !important;
  }

  .lmnt-radio--primary .mdc-radio__inner-circle {
    background-color: var(--Dazzling, #3659bf) !important;
  }

  .lmnt-radio--primary.mdc-ripple-upgraded {
    --mdc-ripple-fg-color: rgba(0, 0, 255, 0.26) !important;
    /* lighter blue for the ripple effect */
  }

  /* Change the checkbox border and background when checked */
  .lmnt-checkbox--primary.mdc-checkbox .mdc-checkbox__background {
    border-color: var(--Dazzling, #3659bf) !important;
  }
  .lmnt-checkbox--primary.mdc-checkbox--selected .mdc-checkbox__background {
    background-color: var(--Dazzling, #3659bf) !important;
  }

  /* Change ripple animation color */
  .lmnt-checkbox--primary.mdc-ripple-upgraded {
    --mdc-ripple-fg-color: rgba(0, 0, 255, 0.26) !important;
  }
}

/* Hover and active main menu*/

[class^="linear-menu_linearMenu"] {
  a,
  span,
  div {
    color: var(--Bellether-Blue, #2c256b);
    font-weight: 800;
    line-height: 16px !important;
  }

  [class*="linear-submenu-item_linearSubmenuItemActive"],
  [class*="linear-menu-item_linearMenuItemActive"] {
    span * {
      color: var(--Dazzling, #3659bf) !important;
    }
    i svg path {
      fill: var(--Dazzling, #3659bf) !important;
      stroke: var(--Dazzling, #3659bf) !important;
      stroke-width: 0.5 !important;
    }
  }
  [class*="linear-menu-item_linearMenuItem"]:hover {
    span,
    span > div {
      color: var(--Dazzling, #3659bf) !important;
    }
    i svg path {
      fill: var(--Dazzling, #3659bf) !important;
      stroke: var(--Dazzling, #3659bf) !important;
      stroke-width: 0.5 !important;
    }
    .mdc-button__label {
      color: var(--Dazzling-Blue, #3659bf) !important;
    }
  }
}
 .formWrapper {
    padding: 0px !important;
    margin-bottom: 24px !important;
  }

  /* Burger Menus */
  /* .mdc-top-app-bar__row {
    .lmnt-button__icon--trailing,
    .lmnt-icon--medium {
      color: var(--Bellether-Blue, #2c256b);
      stroke: var(--Bellether-Blue, #2c256b);
      svg path {
        stroke: var(--Bellether-Blue, #2c256b);
      }
    }
  } */

  /* CTA in yellow section */
  [id*="section-bg-yellow--"] {
    .lmnt.mdc-button.lmnt-button--themeDefault {
      padding-left: 46px;
      padding-right: 46px;
    }
  }

  .lmnt-button--filled-primary:not(form *) {
    /* border-radius: 100px; */
    background: var(
      --Button-Gradient,
      linear-gradient(249deg, var(--Daffodil, #ffbc53) 49.4%, #f37349 108.43%)
    );
    /* border-radius: 44px !important; */
    border: none !important;
    /* padding-left: 24px !important;
    padding-right: 24px !important; */

    .mdc-button__label {
      color: var(--Bellether-Blue, #2c256b);
      text-align: center;
    }
  }

  [class*="copay_container"] {
    .mdc-typography {
      color: var(--Bellether-Blue, #2c256b);
    }
    .mdc-typography--headline5 {
      color: var(--Bellether-Blue, #2c256b);
      font-size: 20px !important;
      font-weight: 800;
    }
    a, a * {
      color: var(--Dazzling-Blue, #3659bf) !important;
    }
  }

  .swiper-slide [class*="lmnt-theme-ancillary-100-bg"] {
    @media screen and (max-width: 768px) {
      [class*="content-hero-carousel_contentHeroCarousel"] {
        p {
          width: 65% !important;
          margin: auto;

          @media (max-width: 375px) {
            margin-top: 0px !important;
          }
        }
      }
    }
    h1,
    h1 > [class*="text_text"],
    h1 > [class*="rich-text-renderer"] {
      font-size: 70px !important;
      font-weight: 900;
      line-height: 70px !important;

      @media (max-width: 768px) {
        font-size: 35px !important;
        line-height: 33px !important;
        letter-spacing: -0.36px;
      }
    }

    h2,
    h2 > [class*="text_text"],
    h2 > [class*="rich-text-renderer"] {
      margin-top: 16px !important;
      @media (max-width: 768px) {
        font-size: 16px !important;
        line-height: 16px !important;
      }
    }

    @media (max-width: 768px) {
      [class*="rich-text-renderer_text"] {
        text-align: center;
      }

      .lmnt-button--outlined-primary {
        .mdc-button__label {
          [class^="text"],
          [class^="rich-text-renderer"] {
            color: white !important;
          }
        }
      }
    }
  }

   /* Mobile Version max width 599px */
  .swiper-slide:not(:has([class*="lmnt-theme-primary-on-surface-bg"])) {
    @media (max-width: 599px) {
      [class*="content-hero-carousel_contentHeroAlignment"]:has([class*="content-hero-carousel_contentHeroCarousel--left"]) {
        order: 2;
      }
    }
  }

/* Buton Center Webform */
form > div:not([class*="pageElement_pageElement"]) {
  .lmnt-layout-grid__cell--horizontal-align-left {
    display: none;
  }
  .lmnt-layout-grid__cell--horizontal-align-right.lmnt-layout-grid__cell {
    display: unset !important;
    margin: auto !important;
  }
  .mdc-layout-grid__cell--span-6-desktop {
    grid-column-end: span 12 !important;
  }
}

/* form[formid="copay_sign_up_pid_8554"] {
  .inputLabel {
    font-weight: 800 !important;
  }
  @media (max-width: 768px) {
    .inputLabel {
      font-size: 18px !important;
    }
  }
} */

[class*="pageElement_pageElement"]:has(:is(#edit-phone-number, #edit-mobile-phone-number))
  + [class*="pageElement_pageElement"] {
    .inputFieldWrapper {
      padding-top: 8px !important;
    }
}
.inputFieldWrapper > [class*="rich-text-renderer_text"] {
  .mdc-typography--body1,
  .mdc-typography--body1 * {
    line-height: 20px !important;
    font-size: 14px;
  }
}

[id*="copay-section-blue"] [class*="text-block_wrapper"] {
  p.mdc-typography--body1,
  p.mdc-typography--body1 * {
    line-height: 18px;
    font-size: 14px;
  }
}

.mdc-card__content > .lmnt-card-body > [class*="rich-text-renderer"] {
  p:has(em) {
    line-height: 18px !important;
    em,
    em *,
    em + a,
    em + a *,
    a:has(+ em),
    a:has(+ em) * {
      font-size: 14px !important;
      line-height: 18px !important;
    }
    em {
      font-weight: 400 !important;
    }
  }
}

.inputFieldWrapper.checkboxSingle {
  .lmnt-input-label {
    line-height: 20px !important;
  }
}