

/* =========================================================
   LIVE TYPOGRAPHY — FINAL REFINEMENT
   ========================================================= */

.nav-links > a{
  font-size:
    13px !important;

  font-weight:
    780 !important;

  line-height:
    1.3 !important;

  padding:
    9px
    11px
    !important;
}


.bh-c6-card{
  letter-spacing:
    .001em;
}


.bh-c6-card h4{
  font-weight:
    880 !important;
}


.bh-c6-card-subtitle{
  font-weight:
    720 !important;
}


.bh-c6-card-body,
.bh-c6-list li{
  letter-spacing:
    .002em;
}


.bh-c7-product-title{
  font-size:
    clamp(
      20px,
      2vw,
      24px
    )
    !important;

  letter-spacing:
    -.015em;
}


.bh-c7-product-sub{
  font-size:
    13px !important;

  line-height:
    1.58 !important;
}


.bh-c7-share-preview{
  font-size:
    13.5px !important;

  line-height:
    1.72 !important;
}


.bh-c7-share-btn{
  min-height:
    42px !important;

  padding:
    9px
    13px
    !important;

  font-size:
    12px !important;
}


.footer-section h4{
  font-size:
    15px !important;

  font-weight:
    900 !important;
}


.footer-section p,
.footer-section a{
  font-size:
    12.5px !important;

  line-height:
    1.68 !important;
}


.footer-section a{
  padding:
    2px
    0;
}


.bh-market-risk{
  font-size:
    11.5px !important;
}


/* =========================================================
   PRINT / PDF PROFESSIONAL MODE
   ========================================================= */

@media print{

  @page{
    margin:
      12mm
      10mm
      14mm;
  }


  /*
   Fixed website navbar should not repeat on every PDF page.
  */

  .navbar{
    display:
      none !important;
  }


  body{
    padding-top:
      0 !important;

    background:
      #ffffff !important;
  }


  /*
   Brand gradients can become too pale in print.
   Force strong readable section headings.
  */

  .bh-c6-main-head h2,
  .bh-c7-share-head h2{

    background:
      none !important;

    -webkit-background-clip:
      initial !important;

    background-clip:
      initial !important;

    -webkit-text-fill-color:
      #263445 !important;

    color:
      #263445 !important;

    filter:
      none !important;

    text-shadow:
      none !important;
  }


  .bh-c6-main-head .bh-c6-subtitle,
  .bh-c7-share-head .sub{

    color:
      #46576a !important;
  }


  .bh-c6-main-head .bh-c6-body,
  .bh-c7-share-head .body{

    color:
      #647487 !important;
  }


  /*
   Allow large groups to fragment naturally between pages.
   This fixes the large blank area before custom cards.
  */

  .bh-c6-group{

    overflow:
      visible !important;

    break-inside:
      auto !important;

    page-break-inside:
      auto !important;

    box-shadow:
      none !important;

    background:
      #ffffff !important;

    border:
      1px solid
      #dce5ee !important;
  }


  .bh-c6-group-head{

    break-after:
      avoid-page !important;

    page-break-after:
      avoid !important;
  }


  /*
   Chromium can move an entire CSS Grid to the next page.
   For print only, use 2-column inline cards so pages fragment
   cleanly without large empty areas.
  */

  .bh-c6-grid,
  .bh-c6-grid.custom{

    display:
      block !important;

    font-size:
      0 !important;

    break-inside:
      auto !important;
  }


  .bh-c6-card{

    display:
      inline-block !important;

    vertical-align:
      top !important;

    width:
      calc(50% - 7px)
      !important;

    min-height:
      0 !important;

    margin:
      0
      10px
      12px
      0
      !important;

    padding:
      16px
      !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    border:
      1px solid
      #dce5ee !important;

    font-size:
      12px !important;
  }


  .bh-c6-card:nth-child(2n){

    margin-right:
      0 !important;
  }


  .bh-c6-card::after{

    display:
      none !important;
  }


  .bh-c6-card h4{

    color:
      #37475a !important;

    font-size:
      16px !important;
  }


  .bh-c6-card-subtitle{

    color:
      #48596c !important;

    font-size:
      11px !important;
  }


  .bh-c6-card-body,
  .bh-c6-list li{

    color:
      #5d6c7c !important;

    font-size:
      11.5px !important;

    line-height:
      1.55 !important;
  }


  /*
   Share Center stays together when possible.
  */

  .bh-c7-share{

    overflow:
      visible !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    border:
      1px solid
      #dce5ee !important;
  }


  .bh-c7-product{

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    border:
      1px solid
      #dce5ee !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;
  }


  .bh-c7-product-title{

    color:
      #334155 !important;
  }


  .bh-c7-product-sub{

    color:
      #475569 !important;
  }


  .bh-c7-share-preview{

    color:
      #5b6878 !important;

    background:
      #f8fafc !important;
  }


  /*
   Footer was too washed-out in PDF.
  */

  .footer{

    background:
      #ffffff !important;

    box-shadow:
      none !important;
  }


  .footer-section{

    background:
      #ffffff !important;

    border:
      1px solid
      #e4eaf0 !important;
  }


  .footer-section h4{

    color:
      #304256 !important;

    opacity:
      1 !important;
  }


  .footer-section p,
  .footer-section a{

    color:
      #5c6b7b !important;

    opacity:
      1 !important;
  }


  .bh-home-footer-section-label{

    color:
      #758396 !important;

    opacity:
      1 !important;
  }


  .bh-market-risk{

    background:
      #fffdf5 !important;

    border-color:
      #eadba1 !important;

    color:
      #5a6470 !important;

    opacity:
      1 !important;
  }


  .footer-bottom,
  .footer-bottom p,
  .footer-bottom strong,
  .footer-bottom span{

    color:
      #667281 !important;

    opacity:
      1 !important;
  }


  /*
   Prevent unnecessary blank trailing pages.
  */

  .footer,
  .footer-bottom{

    break-after:
      auto !important;

    page-break-after:
      auto !important;
  }

}

