/* ============== Fonts ================= */
/* Light */
@font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Light.ttf") format('truetype');
    font-weight: 300;
  }
  /* Light Italic */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
  }
  /* Normal */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Regular.ttf") format('truetype');
    font-weight: 400;
  }
  /* Normal Italic */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
  }
  /* Medium */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Medium.ttf") format('truetype');
    font-weight: 500;
  }
  /* Medium Italic*/
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
  }
  /* Semibold */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-SemiBold.ttf") format('truetype');
    font-weight: 600;
  }
  /* Semibold Italic */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: italic;
  }
  /* Bold */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Bold.ttf") format('truetype');
    font-weight: 700;
  }
  /* Bold Italic*/
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
  }
  /* Extra Bold */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-ExtraBold.ttf") format('truetype');
    font-weight: 800;
  }
  /* Extra Bold Italic */
  @font-face {
    font-family: 'NotoSans';
    src: url("../../../content/dam/axp-lfn/fonts/NotoSans-ExtraBold.ttf") format('truetype');
    font-weight: 800;
    font-style: italic;
  }
  /* Calibri Regular */
  @font-face {
    font-family: ‘Calibri’;
    src: url(../../../content/dam/axp-lfn/fonts/calibri-regular.ttf);
    font-weight: 400;
  }

  /* Calibri Italic */
  @font-face {
    font-family: ‘Calibri’;
    src: url(../../../content/dam/axp-lfn/fonts/calibri-italic.ttf);
    font-weight: 400;
    font-style: italic;
  }

  /* Calibri Bold */
  @font-face {
    font-family: ‘Calibri’;
    src: url(../../../content/dam/axp-lfn/fonts/calibri-bold.ttf);
    font-weight: 700;
  }

  /* Calibri Bold Italic*/
  @font-face {
    font-family: ‘Calibri’;
    src: url(../../../content/dam/axp-lfn/fonts/calibri-bold-italic.ttf);
    font-weight: 700;
    font-style: italic;
  }

  /* ============== Typography ================= */
  a, a span {
      font-size: 15px;
      font-weight: 400;
      color: var(--color-leaf-light-green) !important;
      text-decoration: underline !important;
  }
  p, p span {
      font-family: ‘NotoSans’, 'Calibri', 'Arial', sans-serif;
      font-size: 15px;
      font-weight: 400;
      color: var(--color-leaf-dark-grey);
      margin-bottom: 1rem !important;
  }

  div, span {
      font-family: 'NotoSans', 'Calibri', 'Arial', sans-serif;
      font-size: 16px;
      font-weight: 300;
  }
  h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
      font-family: 'NotoSans', 'Calibri', arial, sans-serif;
      font-weight: 800;
      color: var(--color-leaf-dark-grey);
  }
  h1, h1 span {
      font-size: 48px;
  }
  h2, h2 span {
      font-size: 42px;
  }
  h3, h3 span {
      font-size: 36px;
  }
  h4, h4 span {
      font-size: 24px;
  }
  h5, h5 span {
      font-size: 18px;
  }
  h6, h6 span {
      font-size: 16px;
  }
  strong {
      font-weight: 700;
  }
  /* Lists */
  ul, ol {
      padding: 0 0 0 30px;
      margin: 0 0 10px 0;
  }
  li {
      color: var(--color-leaf-dark-grey);
      padding: 0;
  }

  li::marker {
    color: var(--color-leaf-dark-green) !important;
  }

  li p {
      padding: 0;
      margin: 0;
  }
  .white-text h1, .white-text h2, .white-text h3, .white-text h4,
  .white-text h5, .white-text h6, .white-text p, .white-text a,
  .white-text div, .white-text span {
      color: #fff;
  }
  @media(max-width: 767px) {
      h1 {
          font-size: 36px;
      }
      h2 {
          font-size: 28px;
      }
      h3 {
          font-size: 26px;
      }
  }
  /* ============== Background Colors ================= */
   .leaf-white-bkg {
      background-color: var(--bg-leaf-white);
  }
  .bg-leaf-dark-green {
      background-color: var(--bg-leaf-dark-green)
  }
  .bg-leaf-light-green {
      background-color:var(--bg-leaf-light-green);
  }
  .bg-leaf-dark-blue {
      background-color: var(--bg-leaf-dark-blue);
  }
  .bg-leaf-light-blue {
      background-color: var(--bg-leaf-light-blue);
  }
  .leaf-gradientbkg {
      background-color: var(--bg-leaf-gradient);
  }
  .bg-leaf-light-grey {
    background-color: var(--bg-leaf-light-grey);
  }
  /* ============== Footer ================= */
  .footer-top {
      font-size: 14px;
      background-color: #e3e4e6;
  }
  .page-center {
      float: none !important;
      max-width: 1145px !important;
      margin: 0 auto !important;
  }
  .center-align {
      text-align: center;
  }
  .right-align {
      text-align: right;
  }
  .left-align {
      text-align: left;
  }
  .generic-padding {
      padding: 5% 15px;
  }
  .minimal-padding {
      padding: 0 15px;
  }
  .top-padding {
      padding-top: 40px;
  }
  .bottom-padding {
      padding-bottom: 40px;
  }
  .left-padding {
      padding-left: 40px;
  }
  .right-padding {
      padding-right: 40px;
  }
  .parallax {
      background-attachment: fixed !important;
  }
  .row-fluid .span1.card, .row-fluid .span1.nested-card { width: 8.33%; }
  .row-fluid .span2.card, .row-fluid .span2.nested-card { width: 16.66%; }
  .row-fluid .span3.card, .row-fluid .span3.nested-card { width: 25%; }
  .row-fluid .span4.card, .row-fluid .span4.nested-card { width: 33.33%; }
  .row-fluid .span5.card, .row-fluid .span5.nested-card { width: 41.66%; }
  .row-fluid .span6.card, .row-fluid .span6.nested-card { width: 50%; }
  .row-fluid .span7.card, .row-fluid .span7.nested-card { width: 58.33%; }
  .row-fluid .span8.card, .row-fluid .span8.nested-card { width: 66.66%; }
  .row-fluid .span9.card, .row-fluid .span9.nested-card { width: 75%; }
  .row-fluid .span10.card, .row-fluid .span10.nested-card { width: 83.33%; }
  .row-fluid .span11.card, .row-fluid .span12.nested-card { width: 91.66%; }
  .row-fluid .span12.card, .row-fluid .span12.nested-card { width: 100%; }

  .card {
      padding: 0;
      border: 0;
      margin-left: 0 !important;
  }
  .nested-card {
      padding: 0;
      border: 0;
      overflow: hidden;
  }
  .columns5 {
      width: 20% !important;
      margin-left: 0 !important;
  }
  @media(max-width: 767px) {
      .parallax {
          background-attachment: initial !important;
      }
  }