 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

body {
  font-family: 'plus jakarta sans', sans-serif !important;
}

  .YACJX {font-family: "Source Serif 4", serif; }
  .cBfbRZ {background-color:black!important;}
  .cBfbRZ-hover {background-color:black!important;}
  .knmDEc {font-family: 'plus jakarta sans';}
  .iqwHfq {font-family: 'plus jakarta sans';}
  .bNAbYS {font-family: 'plus jakarta sans';}

  div.subtitle, h2.subtitle {font-family: "Source Serif 4", serif; }
  div.content h3 {font-family: "Source Serif 4", serif; }
  div.content h4 {font-family: "Source Serif 4", serif; }
  div.content h5 {font-family: 'plus jakarta sans', sans-serif; }
  div.content-text {font-family: 'plus jakarta sans', sans-serif; line-height: 1.44; font-weight: normal;}
  div.content-text ul 
  {font-family: 'plus jakarta sans', sans-serif; 
  line-height: 1.44; 
  font-weight: normal;}

  div.content-text aside.tip {border-left: 4px solid rgb(84,137,173); background-color: #e3eef3;font-family: 'plus jakarta sans', sans-serif; color: #212529;}
  div.content-text aside.warning {border-left: 4px solid rgb(237,145,74); background-color: #fff3ec; font-family: 'plus jakarta sans', sans-serif; color: #212529;}

  .button-wrap button {font-weight: normal;text-transform: none!important; font-family: 'plus jakarta sans', sans-serif !important; background-color: #efeae8; color: black; border-radius: 0%; border-color: #efeae8;}
  .button-wrap button:hover {font-weight: bold;text-transform: none!important; font-family: 'plus jakarta sans', sans-serif;background-color: #efeae8; color: black; outline-color:black; border-color: #efeae8; border-radius: 0%;}
  .button-wrap button:disabled {font-weight: normal;text-transform: none!important; font-family: 'plus jakarta sans', sans-serif; background-color: #efeae8; color: black; }
  .button-wrap button svg path { fill:black!important; }

  .button-wrap .back-button button {font-family: 'plus jakarta sans', sans-serif; background-color: #efeae8; color: black; }
  .button-wrap .back-button button svg path {font-family: 'plus jakarta sans', sans-serif; background-color: #efeae8; color: black; }

  a.tile {background-color: #efeae8; font-family: 'plus jakarta sans', sans-serif; color: black;}
  a.tile svg path {font-family: 'plus jakarta sans', sans-serif; color: black; fill:black!important;}
  .button-wrap .back-button svg path {fill:black!important; }

  div.radio-wrap {font-family: 'plus jakarta sans', sans-serif; }
  div.radio-wrap label {font-family: 'plus jakarta sans', sans-serif; }
  div.radio-wrap .radio-check {font-family: 'plus jakarta sans', sans-serif; }

  div.dropdown-wrap {font-family: 'plus jakarta sans', sans-serif; }
  div.dropdown-wrap li {font-family: 'plus jakarta sans', sans-serif; }

  /* progress bar */

   [class*="ProgressBar__Bar"]{
    background-color: black!important;
  }
 [class*="ProgressBar__Line"]{
    background-color: gray!important;

  }
 [class*="ProgressBar__Text"]{
    background-color: black!important;
  }

  .checklistItem_svg__circle {
    fill: #000000 !important;
  }

[class*="IllustrationImage__StyledNextGalleryButton"] {
  background-color: #000000 !important;
}

.progressBar-bar {
  background-color: #000000 !important;
  display: none !important;
}

.progressBar-line {
  background-color: #FFFFFF !important;
}

/* Table expand icon*/
.table-container .table-wrapper::before {background-color: black!important;}

/* Arrow back to KB next to guide title */
[class*="ExplanationTop__BackButtonLink"] {
  display: none;
}

/* Adding an arrow back to the fist step of the guide */

@media only screen and (max-width: 1024px) {
    [class*="ExplanationTop__Title"] {
    max-width: calc(100% - 30px);
    left: 0;
  }

  [class*="ExplanationTop__Canvas"],
  [class*="ExplanationTop__Left"] {
    padding-left: 0 !important;
  }

  [class*="ExplanationTop__LogoLink"] {
    margin-left: 24px;
  }
}

.guide-title {
  position: relative;
  padding-left: 36px;
}

.guide-title:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.21397 8.00429L11.464 12.9103C11.6204 13.0332 11.7217 13.2133 11.7454 13.4108C11.7691 13.6084 11.7134 13.8073 11.5905 13.9638C11.4675 14.1203 11.2875 14.2215 11.0899 14.2452C10.8923 14.269 10.6934 14.2132 10.537 14.0903L3.53697 8.59529C3.44755 8.52512 3.37526 8.43554 3.32555 8.33333C3.27583 8.23112 3.25 8.11895 3.25 8.00529C3.25 7.89163 3.27583 7.77946 3.32555 7.67725C3.37526 7.57504 3.44755 7.48546 3.53697 7.41529L10.537 1.91029C10.6934 1.78736 10.8923 1.73163 11.0899 1.75535C11.2875 1.77908 11.4675 1.88031 11.5905 2.03679C11.7134 2.19327 11.7691 2.39217 11.7454 2.58974C11.7217 2.78731 11.6204 2.96736 11.464 3.09029L5.21397 8.00429Z' fill='black'/%3E%3C/svg%3E%0A");
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

 /* collapsable section font */
  summary[data-type="medium-heading"] {
    font-family: "Source Serif 4", serif !important;
  }

/* Add rights next to the logo in footer */
.steps-footer::after {
  content: '© 2025 eShares, Inc. DBA Carta, Inc.';
  color: #000000;
  opacity: 0.3;
  display: block;
  font-size: 10px;
  position: absolute;
  left: 180px;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 1050px) {
  .steps-footer::after {
    top: unset;
    transform: none;
    height: fit-content;
    left: 24px;
    bottom: 15px;
  }
}

@media only screen and (max-width: 899px) {
  .steps-footer::after {
    top: 50%;
    left: 180px;
    transform: translate(0, -50%);
  }
}

@media only screen and (max-width: 520px) {
  .steps-footer::after {
    top: unset;
    transform: none;
    height: fit-content;
    left: 24px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .steps-footer::after {
    left: 12px;
  }
}

/* Video background */
[class*="Illustration__VideoPlayerWrap"] {
  background: #EFEAE8 !important;
}

/* Change external link arrow to regular arrow */
[class*="Tile__ExternalLinkIcon"] path {
  d: path("M15.28 15.78a.75.75 0 1 1-1.06-1.06L15.94 13H5.75a.75.75 0 1 1 0-1.5h10.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3.001 3a.75.75 0 0 1 0 1.06z");
}

/* image drop shadows */ 
[class*="SingleImage__Image-sc-"] {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}
[data-cy*="videoPlayer"]{
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}

/*Rounded Edges on Images */ 
picture img {
    border-radius: 6px !important;
  }
/*Black Text Color Within Code Blocks */ 
code:not([data-type="code-block"]) {
  color: black !important;
  background: white !important;
  padding: 4px 8px!important;
  border-radius: 4px !important;
}
