/**
 * HCP Resources page — Lyn_Interconnect01 node 358:5408
 * Scoped to body.hcp_resources_ocaliva.sect-hcp
 */

.hcp_resources_ocaliva.sect-hcp {
  --figma-eucalyptus: #60c3ad;
  --figma-cloud: #d9cae9;
  --figma-body-gray: #838383;
}

.hcp_resources_ocaliva.sect-hcp main section {
  background: #fff !important;
  padding: 32px 0 48px !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper {
  max-width: 960px !important;
  width: 100% !important;
  text-align: center !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper h1 {
  color: var(--figma-amethyst) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 0 auto 16px !important;
  max-width: 842px !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper h2 {
  color: var(--figma-eucalyptus) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin: 0 auto 32px !important;
}

.hcp_resources_ocaliva.sect-hcp main section.module-2 .section-wrapper > p {
  color: var(--figma-body-gray) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  max-width: 876px !important;
  margin: 0 auto 16px !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 930px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 90px 30px !important;
  list-style: none !important;
}

.hcp_resources_ocaliva.sect-hcp main section.module-1 .section-wrapper ul.resources-rewrap {
  gap: 90px 125px !important;
  padding: 60px 0 0 !important;
}

.hcp_resources_ocaliva.sect-hcp main section.module-2 .section-wrapper ul {
  padding-top: 24px !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li h3 {
  color: var(--figma-midnight) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 auto 15px !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li p {
  color: var(--figma-body-gray) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 auto 15px !important;
  flex: 1 1 auto !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li .action {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin: auto 0 0 !important;
  padding-top: 15px !important;
  text-align: center !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li .action a {
  display: inline-block !important;
  min-width: 101px !important;
  margin: 0 10px 0 0 !important;
  padding: 7.5px 16px !important;
  color: #fff !important;
  background: var(--figma-amethyst) !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li .action a:last-child {
  margin-right: 0 !important;
}

.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li .action a:hover,
.hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li .action a:focus {
  background: #2f2368 !important;
  color: #fff !important;
}

.hcp_resources_ocaliva.sect-hcp .isi-static.hcp .isi-header {
  background-color: var(--figma-amethyst) !important;
}

.hcp_resources_ocaliva.sect-hcp .isi-static.hcp .isi-header .isi-header-wrapper {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}

/* Collapsed on load — header bar only, pinned to viewport bottom */
.hcp_resources_ocaliva.sect-hcp .isi-static.hcp .isi-wrapper {
  display: none !important;
}

.hcp_resources_ocaliva.sect-hcp .isi-static.hcp {
  position: fixed !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index: 90 !important;
}

.hcp_resources_ocaliva.sect-hcp main::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 10px !important;
  background-color: var(--figma-cloud) !important;
}

@media only screen and (min-width: 980px) {
  .hcp_resources_ocaliva.sect-hcp main section .section-wrapper h1 {
    font-size: 48px !important;
  }

  .hcp_resources_ocaliva.sect-hcp main section .section-wrapper h2 {
    font-size: 32px !important;
  }

  .hcp_resources_ocaliva.sect-hcp main section .section-wrapper ul li h3 {
    font-size: 24px !important;
  }
}

@media only screen and (max-width: 979px) {
  .hcp_resources_ocaliva.sect-hcp main section.module-1 .section-wrapper ul.resources-rewrap {
    gap: 48px !important;
    padding-top: 32px !important;
  }
}