.header-section.sm-width {
  font-weight: 500;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
  line-height: normal;
}

.page-node-type-homepage section .two-col-update .header-section {
  font-size: 21px;
  font-weight: 700;
  line-height: normal;
}

.callout-cta.variant-2 {
  margin-top: 80px;
  font-style: italic;
  max-width: 1000px;
}

.callout-cta.variant-2 .callout-title {
  font-size: 27px;
  font-weight: 700;
  color: #222e69;
}

.pad-top-more.variant-2 {
  padding-top: 2em;
}

.callout-cta.variant-2 .callout-description {
  font-size: 27px;
  font-weight: 400;
  color: #222e69;
}

.patient-journey-section .patient-journey-item .ambassador {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-top: 24px;
}

.patient-journey-item[data-patient-journey="1"] .patient-journey_hero-text {
  top: 30px !important;
  max-width: 400px !important;
}

.two-column .cardWrapper p {
  text-align: left !important;
}

.two-column .cardWrapper .btn-wrapper {
  margin-top: 40px;
  text-align: left !important;
}

.two-column .cardWrapper .btn-wrapper a {
  text-decoration: underline;
  font-weight: 700;
}
.patient-journey-item[data-patient-journey="1"]
  .patient-journey_hero-mobile
  img {
  top: -20px !important;
}

#thankYouModal .modal-content.thank-you {
  max-width: 500px;
  height: auto;
  min-height: auto;
}

#thankYouModal .modal-content.thank-you h3 {
  color: #222e69;
  font-size: 22px;
  font-weight: 700;
}

#thankYouModal .modal-content.thank-you p {
  font-size: 18px;
}

#thankYouModal .modal-content.thank-you .modal-body {
  padding: 40px 16px 0;
}

.cardWrapper ul.formatted-description-list {
  list-style-type: disc;
  margin-left: 20px;
}

.cardWrapper ul.formatted-description-list li {
  white-space: wrap;
  text-align: left;
}

.cardWrapper .footnote {
  font-size: 10px;
}

.cardWrapper .support-services {
  margin: 10px 0;
}

.cardWrapper ul.formatted-description-list li {
  white-space: wrap;
  text-align: left;
  margin: 0 0;
}

.cardWrapper .footnote {
  font-size: 10px;
}

.cardWrapper .support-services {
  margin: 20px 0 20px;
}

.cardWrapper .footnote-list {
  font-size: 13px;
  margin-top: 20px;
  line-height: normal;
  max-width: none;
}

.two-column.patient-experience {
  margin-bottom: 50px;
}

.headline-description-container .footnote {
  font-size: 13px;
  max-width: 890px;
  margin-bottom: 50px;
}
.headline-description-container .intro-text {
  color: #008d96;
  font-weight: 700;
  font-size: 21px;
}

@media screen and (max-width: 767px) {
  .mobile-text-center .header-section {
    font-weight: 500;
  }
  .header-section.sm-width {
    font-size: 18px;
  }

  .two-column .cardWrapper .btn-wrapper {
    margin-top: 20px;
    text-align: left !important;
  }

  .page-node-type-homepage section .two-col-update .header-section {
    font-size: 14px;
  }

  .header-section.sm-width {
    padding-top: 10px;
  }

  .pad-top-more.variant-2 {
    padding-top: 1em;
    text-align: center;
  }

  .callout-cta.variant-2 {
    margin-top: 40px;
  }

  .callout-cta.variant-2::before {
    margin-bottom: 24px;
  }
  .callout-cta.variant-2::after {
    margin-top: 24px;
  }

  .callout-cta.variant-2 .callout-title {
    font-size: 16px;
  }

  .callout-cta.variant-2 .callout-description {
    font-size: 16px;
  }

  .patient-journey-item[data-patient-journey="1"]
    .patient-journey_hero-mobile
    img {
    top: -145px !important;
  }

  .headline-description-container .header-section {
    font-size: 18px;
  }

  .headline-description-container .intro-text {
    font-size: 18px;
  }
  .cardWrapper .formatted-description {
    max-width: none;
  }
  .cardWrapper ul.formatted-description-list li {
    max-width: none;
  }

}


/* Edits BY AC on sept 5 */

body.path-frontpage ul li::before {
  color:#000 !important;
}
.hanging-text {
  text-indent: -1ch;   /* Pulls first character (the asterisk) into the margin */
  padding-left: 1ch;   /* Adds space so the rest of the line stays aligned */
}

.node-22 .view-site-locator .returns,
.node-22 .view-site-locator {
  margin-bottom:0px !important;
}
.node-22 .view-site-locator #site-locator-search input {
  padding-left:10px !important;
}

#updateCancelButton, #updateButton {
  min-width:230px;
     
}
@media screen and (max-width: 540px) {
  #updateCancelButton, #updateButton {
     min-width: 120px !important;
   }
}

#updateButton {
  color: #008F9A !important;
}

#updateButton::after {
  background: url(../images/icons/chevron-right-new.png) !important;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a {
  display:flex;
  justify-content: space-between;
}

.mobile-normal {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom:5px !important;
}

.sign-up-for-updates .styled-select .select-items div:nth-child(1) {
  display:none !important;
}


@media screen and (max-width: 767px) {
  .finePrint p sup.smaller-sup {
    top:0px !important;
  }
  .finePrint p sup {
    top:6px !important;
  } 
  .mobile-normal {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .node-18 form .locator-enroll__form-container, .node-23 form .locator-enroll__form-container {
    padding-top:0px !important;
  }
  label[for="edit-practice-name"] {
    margin-top:0px !important;
  }
  .page-node-type-inner-page #block-givlaari-content .content .container-fluid:nth-of-type(3) {
    padding-top:30px !important;
  }
  .how-givlaari-works #block-givlaari-content [data-quickedit-entity-id="paragraph/49"] {
    margin-bottom:0px !important;
  }
  .ahp-attack .bracket-head .card:nth-child(8) img {
    object-position:top;
  }
  .ahp-attack .bracket-head {
    gap:0 !important;
  }
}

@media (max-width: 768px) {
    table td sup, .table td sup {
        top: .10rem !important;
    }
}

@media (max-width: 575px) {
    .cardWrapper .cardText, .cardWrapper p {
        max-width: 100% !important;
    }
    .ahp-attack .bracket-head .fine-print {
      grid-row: 7 / 7 !important;
    }
}


:root {
  scroll-padding-block-start: 150px;
}

/* Hide block on sign up thank you */
.node-24 #block-signupthankyoublock,
.node-24 #block-givlaari-signupthankyoublock {
  display:none !important;
}

button.close {
  opacity:1 !important;
}


/* Magenta brackets */

.magenta-brackets {
  position: relative;
}

/* vertical sides */
.magenta-brackets::before,
.magenta-brackets::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px; /* bracket thickness */
  background: magenta;
}

/* left side */
.magenta-brackets::before {
  left: 0;
  clip-path: polygon(
    0 0, 100% 0, 100% 4px, 35% 4px, 35% calc(100% - 4px), 100% calc(100% - 4px), 100% 100%, 0 100%
  );
}

/* right side */
.magenta-brackets::after {
  right: 0;
  clip-path: polygon(
    0 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 4px), 65% calc(100% - 4px), 65% 4px, 0 4px
  );
}

.dosing-and-administration .headline-description-container ul.indent,
body.about-ahp main .row > section:nth-child(6) ul {
  padding-left:2rem;
}

.node-18 form .webform-button--submit, .node-23 form .webform-button--submit {
  margin-top:10px;
}

.form-check {
  padding-left:5px;
}

.node-18 form label.option, .node-23 form label.option {
  margin-left:10px;
}



@media (max-width: 575px) {
  .period-box {
    justify-content: center;
  }
  .directory-sign-up  #block-givlaari-content .content #hero h1.header-section { 
    padding:0 30vw 1rem 0;
  }
}