@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
:root {
	--language-link-color: var(--font-color-medium); /* accessibility change, was #9b9b9b */
	
	/* font base styles*/

  --h1-font-size: 3.75rem;
}

@media screen and (max-width: 1024px) {
	:root {
	 --h1-font-size: 3.438rem;
	}
	
}

@media screen and (max-width: 960px) {
	:root {
	 --h1-font-size: 2.813rem;
	}
}

	
@media screen and (max-width: 769px) {
	:root {
	  --h1-font-size: 2.5rem;
	}
}

.page-overlay {
  background-color: black;
}

#main-wrapper .inside { /* Overrides Drupal margins */
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#header .block-menu-block .menu-block-wrapper > ul li ul li { /*Overrides Drupal dropdown menu */
  background-color: white;
  border-radius: 5px;
  border-bottom: 1px solid #e5e5e5;
}

#header .nav-toggle.active .fa-bars::before { /*Adjust hamburger menu "X" toggle */
  color: white;
}

#header .block-search {
  height: 8.5vh;
}

#header .nav-collapse #mobile-search-block {
  padding-top: 0;
}

#header .block-menu-block.opened .menu-block-wrapper > ul {
  background-color: white;
  border-radius: 5px;
}

#header .block-menu-block .menu-block-wrapper > ul li .arrow-right, #header .block-menu-block .menu-block-wrapper > ul li .arrow-down {
  background-color: transparent;
}

.form-item.form-type-item {
  display: none;
}

#permissions .form-item.form-type-item {
  display: block;
}

.block-language li {
  margin-right: 15px;
  margin-top: 8px;
}

.block-language li a {
  color: var(--language-link-color);
  font-size: 14px;
}

.block-language li a.active {
  color: black
}

.block-language li a:hover {
  color: #096AAE;
  border-bottom: 1px solid #096AAE !important;
}

.block-language ul {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.block-language h3 {
  display: none;
}

.block .links.inline {
  display: none;
}


#block-ucsf-b1gfoot-tweaks-header-socialmedia {

}


.footer-bottom {
  margin-top: 5px;
}

.footer-funding p {
  color: white;
  font-size: 12px;
  text-align: right;
  font-style: italic;
  line-height: normal;
}

.sm.footer-funding {
  display: flex;
  margin-left: auto;
  width: 60%;
}

.footer--copyright p {
  margin-top: 0;
}

form#contact-site-form.contact-form { /* Adjust contact form */
  max-width: 45% !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}



fieldset {
  border-radius: 10px;
  font-family: "Inter", sans-serif;
}



label {
  font-family: "Inter", sans-serif;
}
.region-header {
	position; relative;
}
.header-btn {
  background-color: #096AAE;
  color: white;
  border-radius: 10px;
  border: none;
  font-family: "Inter", sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  padding: .25em;
}

.input[type=submit].header-btn {
  background-color: #096AAE;
  color: white;
  border: none;
  font-family: "Inter", sans-serif !important;
  font-weight: 600;
}

input[type=submit][id*=submit].header-btn:hover {
  background-color: #2D80BA !important;
  border: none !important;
  color: white;
}

input[type=submit].header-btn:hover {
  background-color: #2D80BA !important;
  border: none !important;
  color: white;
}

.contact-file input[type=submit][id*=submit] {
  background-color: #F0F0F0;
  padding: 2px 8px;
  color: black;
  text-transform: none;
  font-weight: normal;
  border: 1px solid black;
  font-size: 14px;
}

.contact-file input[type=submit][id*=submit]:hover {
  background-color: #E4E4E4 !important;
  border: 1px solid black !important;
}

#block-search-form input[type=text] {
  border-bottom: none;
  width: 200px;
  border-radius: 60px;
  background-color: #f1f1f1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  color: black !important;
  font-family: "Inter", sans-serif !important;
}

input[type=email i] {
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  margin-top: 8px;
  border: 1px solid #B4B9BF;
}

input#edit-submitted-add-a-file-upload.button.form-submit.ajax-proceed {
  margin: 20px;
}

#block-search-form input[type=text]:focus {
  padding: 8px 30px 5px 15px;
  margin: 10px;
  width: 200px;
}

#block-search-form .container-inline .search-icon {
  margin-right: 12px;
  margin-top: 10px;
}

#block-search-form .container-inline .search-icon:focus, #block-search-form .container-inline .search-icon:active {
  margin-right: 15px;
  align-content: center;
  margin-top: 12px;
}

.submitted {
  display: none;
}

.webform-progressbar {
  display: none;
}

.webform-client-form.webform-client-form-541 {
  max-width: 45% !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}

#page-title { /*Makes title on contact form disappear */
  display: none;
}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  webkit-overflow-scrolling: touch;
  display: flex;
}

.section-content {
  width: 100%;
}


#block-search-form {
  padding-bottom: 20px !important;
}

.page-scrolling #block-menu-block-1 {
  padding-top: 3vh;
}

.row-full-width .inside {
  padding-left: 40px;
}

#header .nav-toggle {
  align-items: center;
  color: #096AAE;
}

#header .nav-toggle.active {
  color: #096AAE;
}

#header .block-menu-block .menu-block-wrapper > ul li a { /*Affects the nav bar menu headers */
  color: black !important;
  transition: color 0.3s;
  font-family: "Inter", sans-serif;
}

#header .block-menu-block .menu-block-wrapper > ul li.active {
  border-color: #096AAE !important;
}

#header .block-menu-block .menu-block-wrapper > ul li {
  border-bottom: 1px solid transparent;
}

#header .block-menu-block .menu-block-wrapper > ul li a:hover {
  color: #096AAE;
}

#header .block-menu-block .menu-block-wrapper > ul li:hover, #header .block-menu-block .menu-block-wrapper > ul li.active-trail, #header .block-menu-block .menu-block-wrapper > ul li.active {
  border-color: #096AAE !important;
}

#text {
  font-family: "Inter", sans-serif;
}

.node-type-news .field-name-field-text-byline {
  margin-left: 60px;
  margin-right: 60px;
  border-bottom: 1px solid #E1E1E1;
}

.breadcrumb {
  display: none;
}

.view-display-id-news_page .ucsf-news {
  margin-top: 50px;
}

.blue {
  color: #096AAE;
}

.blue-underline {
  text-decoration: underline;
  text-decoration-color: #096AAE;
}

.green {
  color: #619E3A;
}

.green-underline {
  text-decoration: underline;
  text-decoration-color: #619E3A;
}

.orange {
  color: #F04C04;
}

.orange-underline {
  text-decoration: underline;
  text-decoration-color: #F04C04;
}

.red {
  color: #B60203;
}

.red-underline {
  text-decoration: underline;
  text-decoration-color: #B60203;
}

.black {
  color: #212427;
}

.bold {
  font-weight: bold;
}

.btn {
  background-color: #096AAE;
  color: white;
  border-radius: 15px;
  padding: 15px 60px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 24px;
  display: inline-block;
}

.btn:hover {
  background-color: #2D80BA !important; /* Change color on hover */
  border: none !important;
  color: white;
}

.btn-container {
  text-align: center;
}

.secondary-btn {
  border: 1px solid #096AAE; /* Set the border style and color */
  background-color: transparent;
  color: #096AAE;
  padding: 12px 55px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  border-radius: 10px;
}

.secondary-btn:hover {
  background-color: #096AAE;
  color: white;
}

#block-block-16 .content p {
  background-color: #fb6b6b;
  color: white;
  border-radius: 15px;
  padding: 8px 20px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  float: right;
  margin-left: 15px;
  margin-top: 13px;
  height: fit-content;
  align-content: flex-end;
}

#block-block-16 .content p:hover {
  background-color: #ff8a8a;
  color: white;
}

.header-btn {
  color: white;
}

.header-btn:hover {
  background-color: #ff8a8a;
  color: white;
}

#block-block-21.block.block-block.support-btn.contextual-links-region {
  max-width: fit-content;
}

#block-block-21 .content p {
  background-color: #FFFFFF !important;
  color: white !important;
  border-radius: 15px;
  padding: 12px 25px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  height: fit-content;
  align-content: flex-end;
  max-width: fit-content;
}

#block-block-21 a {
  color: #052049 !important;
}

#block-block-21 .content p:hover {
  background-color: #e6e6e6 !important; /* Change color on hover */
  color: white !important;
}

#block-block-21 p {
  font-size: 15px;
  margin-top: 0 !important;
}

#block-block-16 .content p:hover {
  background-color: #ff8a8a;
}

.container {
  justify-content: center;
  align-items: center;
  margin: 80px 120px 80px 120px;
  max-width: 1320px;
}
@media screen and (max-width: 769px) {
  .container {
    margin: 60px;
  }
}
@media screen and (max-width: 960px) {
  .container {
    margin: 40px 60px 40px 60px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    margin: 60px;
  }
}

.profile-container {
  margin: 40px 120px 40px 120px;
}

#events .container {
  margin: 30px 120px 80px 120px;
}

#resources .container {
  margin: 30px 120px 80px 120px;
}

#videos .container {
  margin: 30px 120px 80px 120px;
}

#researcher-testimony .container {
  margin: 60px 120px 60px 120px;
}

#caregiver-stories .container {
  margin: 10px 120px 80px 120px;
}

#newsletter .container {
  margin: 30px 80px 50px 80px;
}

#team .container {
  margin: 60px 120px 60px 120px;
}

#referral-studies .container {
  margin: 30px 120px 50px 120px;
}

#thank-you .container {
  margin: 50px 120px 80px 120px;
}

@media screen and (max-width: 425px) {
  #thank-you .container {
  margin: 1px 10px 1px 10px;
}
}

#error-pgs .container {
  margin: 50px 120px 80px 120px;
}

#importance {
  border-top: 1px solid #ced0d2;
}

.news-article.container {
  margin-top: 0px;
  margin-bottom: 40px;
}

#news-article hr {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
}

#news-article .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#news-article img {
  margin-bottom: 20px;
}

#news-article ul {
  padding-left: 60px;
  padding-right: 60px;
}

.search-form {
  margin-left: 80px;
  margin-right: 80px;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: var(--h1-font-size);
  font-weight: 700;
  color: #096AAE;
}

.eligibility h1 {
  text-align: center;
}

.referral-request h1 {
  text-align: center;
}

.ambassadors-table h1 {
  text-align: center;
}

.btm h1 {
  text-align: center;
}

#news-article h1 {
	--h1-font-size: 1.875rem;
  color: black;
  text-align: center;
  margin-bottom: 10px;
}

.thank-you h1 {
  color: black;
  text-align: center;
}

.draw2024 h1 {
  text-align: center;
  color: black;
}

h2 {
  font-family: "Inter", sans-serif;
  font-size: 45px;
  font-weight: 600;
  color: #212427;
}

.importance h2 {
  text-align: center;
  margin-bottom: 40px;
}

.flowchart h2 {
  text-align: center;
}

.home-button-container {
  margin-top: 25px;
  text-align: center;
}

#news-article h2 {
  font-size: 25px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}

h3 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #212427;
}

#news-article h3 {
  font-size: 22px;
  text-align: center;
  margin-top: 0;
}

.caregiver-stories h3 {
  text-align: center;
}

.ucsf-news h3 a {
  font-family: "Inter", sans-serif;
}

.ucsf-news .date {
  font-family: "Inter", sans-serif;
}

.eligibility h3 {
  text-align: center;
}

.news h3 {
  text-align: center;
  padding-bottom: 30px;
}

.faq h3 {
  margin-bottom: 60px;
  text-align: center;
}

.team h3 {
  text-align: center;
  margin-bottom: 30px;
}

.referral-request h3 {
  text-align: center;
}

.ambassadors-table h3 {
  text-align: center;
}

.ambassador-staff h3 {
  text-align: center;
  margin-bottom: 60px;
}

.current-ambassador h3 {
  text-align: center;
  margin-bottom: 60px;
}

.testimony h3 {
  text-align: center;
}

.care-testimony h3 {
  text-align: center;
}

.btm h3 {
  text-align: center;
}

.researcher-testimony h3 {
  text-align: center;
}

h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #212427;
}

.ambassadors-table h4 {
  text-align: center;
  line-height: 1.4;
}

.resources h4 {
  margin-bottom: 20px;
  font-size: 22px;
}

.caregiver-stories h4 {
  text-align: center;
  margin-bottom: 28px;
}

.faq h4 {
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
}

p {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #212427;
 
}

.caregiver-stories p {
  font-size: 18px;
}

.resources p {
  font-size: 16px;
}

#news-article p {
  padding-left: 60px;
  padding-right: 60px;
}

.resources ul {
  margin-top: 0;
}

.flyers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
  column-gap: 75px;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
  column-gap: 75px;
}

li {
  font-family: "Inter", sans-serif;
}

.footer--copyright p {
  font-size: 16px;
  color: white;
}

.small-text {
  font-size: 16px;
  padding-top: 10px;
}

.caregiver-stories .small-text {
  padding: 0;
  margin-bottom: 15px;
  font-size: 14px;
}

.italic {
  font-style: italic;
}

sup {
  font-size: 15px;
  font-style: italic;
  padding: 5px;
  opacity: 0.8;
}

.uppercase {
  text-transform: uppercase;
}

.center {
  text-align: center;
  align-items: center;
}

.bullet {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  margin-top: -5px;
  color: #212427;
  text-align: left;
}

.inner-bullet {
  padding-left: 50px !important;
}

.bullet-list {
  margin-left: 20px;
  margin-bottom: 40px !important;
}

.faq-bullet-list {
  margin-left: 10px;
}

.item-list ul.pager li.pager-current {
  border-radius: 10px;
}

.item-list ul.pager li a {
  border-bottom: 1px solid #D1D3D3;
}


.two-col {
  display: flex;
  justify-content: space-between;
  align-items: top;
  margin-top: 1vw;
  margin-bottom: 4vw;
  margin-right: 1.5vw;
}

.ambassadors .two-col {
  margin-bottom: 0;
}

.stories .two-col {
  margin-bottom: 60px;
}

.newsletter .two-col {
  margin-top: 0;
}

.stories-right-column-b {
  flex: 0.6;
  text-align: left;
  padding-left: 30px;
}

#stories .left-column {
  padding-right: 10px;
  flex: 0.4;
}

#stories .right-column {
  padding-left: 30px;
}

.stories-left-column-a img, .stories-right-column-a img, .stories-left-column-b img, .stories-right-column-b img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#purpose {
  background-color: #F5F8FB;
  padding: 0.5px;
}

#news {
  background-color: #F5F8FB;
  padding: 40px 10px;
}

#abt-purpose {
  background-color: #F5F8FB;
  padding: 0.5px;
}

#ambassadors-table {
  background-color: #F5F8FB;
  padding: 0.5px;
}

.abt-purpose h1 {
  padding-top: 10%;
}

.abt-purpose.ko h1 {
  padding-top: 0;
}

.abt-purpose.sm h1 {
  padding-top: 0;
}



.ko-smaller-text {
  font-size: 40px;
  line-height: 0.8 !important;
}

#eligibility1 {
  background-color: #F5F8FB;
  padding: 0.5px;
}

#team1 {
  background-color: #F5F8FB;
  padding: 0.5px;
}

#current-ambassador {
  background-color: #F5F8FB;
  padding: 0.5px;
}

#btm {
  background-color: #F5F8FB;
  padding: 0.5px;
}

.eligibility-req-blue {
  padding-left: 25px;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #4e4f4f;
  align-items: center;
}

.eligibility-req-green {
  padding-left: 25px;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #4e4f4f;
  align-items: center;
}

.eligibility-req-orange {
  padding-left: 25px;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #4e4f4f;
  align-items: center;
}

.eligibility-req-red {
  padding-left: 25px;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #4e4f4f;
  align-items: center;
}

.eligibility-req-blue:before {
  content: "\f058";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 28px;
  color: #096AAE !important;
  margin-right: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.eligibility-req-green:before {
  content: "\f058";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 28px;
  color: #619E3A !important;
  margin-right: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.eligibility-req-orange:before {
  content: "\f058";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 28px;
  color: #F04C04 !important;
  margin-right: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.eligibility-req-red:before {
  content: "\f058";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 28px;
  color: #B60203 !important;
  margin-right: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.eligibility-container {
  display: flex;
  justify-content: center;
  width: fit-content;
}

.eligibility-container-wrapper {
  width: fit-content;
  margin-left: 180px;
  margin-right: 180px;
  margin-bottom: 30px;
  margin-top: 10px;
}

#eligibility .btn-container {
  margin-bottom: 15px;
}


.article-body {
  padding: 20px;
}



.article-wrapper:hover {
  --img-scale: 1.1;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border-radius: 16px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.articles {
  display: grid;
  max-width: 1320px;
  padding-inline: 24px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 40px;
}

@container card (min-width: 380px) {
  .article-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
  }
  .article-body {
    padding-left: 0;
  }
  figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  figure img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }
}
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.read-more {
  display: inline-block;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 600;
}

.read-more:hover {
  color: white;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
}

.news-blurb {
  font-size: 16px;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-items: stretch;
  margin-top: 60px;
}

.logo {
  text-align: center;
}

.logo img {
  max-width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}

.logo:hover {
  --img-scale: 1.15;
}

.partners a {
  border-bottom: 0 !important;
}

.partners a:hover img {
  opacity: 1;
}

.importance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  justify-items: stretch;
  margin-top: 30px;
}

.importance-grid img {
  margin-top: 0;
  height: 100%;
  object-fit: cover;
}



.team-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 35px;
  grid-row-gap: 20px;
  justify-items: stretch;
}

.profile-card {
  text-align: center;
  color: #212427;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  max-width: fit-content;
  transition: box-shadow 0.3s ease;
}

.profile-card h4 {
  margin: 10px 0 !important;
  color: #212427;
  font-size: 22px;
  transition: color 0.3s ease;
}

.profile-card img {
  width: 90%;
  height: auto;
  border-radius: 20px;
  --img-scale: 1;
  transition: transform 0.4s ease-in-out;
}

.profile-card a {
  color: #1E1E1E !important;
  border-bottom: none !important;
}

.profile-card:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.profile-card:hover,
.profile-card:hover h4 {
  color: #096AAE !important;
}

.profile-card:hover img {
  transform: scale(1.1);
}

.profile-card p {
  font-size: 18px;
  color: #212427;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.profile-card .team-org {
  font-size: 16px;
  position: relative;
  color: #212427;
  padding-top: 5px;
  padding-bottom: 5px;
  font-style: italic;
}

.profile-card .team-org::before,
.profile-card .team-org::after {
  content: "";
  position: absolute;
  width: calc(100% - 35px);
  height: 0.5px;
  background-color: #212427;
  transition: width 0.3s ease;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.profile-card:hover .team-org::before,
.profile-card:hover .team-org::after {
  width: 90%;
}

.profile-card .team-org::before {
  left: 0;
  right: 0;
  top: -5px;
}

.profile-card .team-org::after {
  left: 0;
  right: 0;
  bottom: -5px;
}

.faq .container {
  margin: 60px 120px 60px 120px;
}

.faq-container {
  margin-left: 110px;
  margin-right: 110px;
  margin-top: 20px;
}

.collapse-item {
  border-bottom: 1.5px solid #212427;
  margin-top: 10px;
  margin-bottom: 10px;
}

.faq-question p {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.collapse-item .header-text p {
  color: black;
}

.collapse-item .header-text {
  background: transparent !important;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 0;
}

.collapse-item .content-text {
  margin-bottom: 20px;
}

.collapse-item .header-text:after {
  border-color: #212427 !important;
}

.faq-answer {
  font-size: 16px;
  color: #212427;
  padding: 5px 5px 10px 5px !important;
}

#faq-answer .button-container {
  margin-top: 10px;
}



.faq-btn-blue {
  background-color: #096aae;
  color: white;
  border-radius: 10px;
  padding: 10px 30px;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
}

.faq-btn-blue:hover {
  background-color: #2D80BA !important; /* Change color on hover */
  border: none !important;
  color: white;
}

.faq-btn-green {
  background-color: #619E3A;
  color: white;
  border-radius: 10px;
  padding: 10px 30px;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
}

.faq-btn-green:hover {
  background-color: #71ad4b !important; /* Change color on hover */
  border: none !important;
  color: white;
}

.faq-btn-orange {
  background-color: #F04C04;
  color: white;
  border-radius: 10px;
  padding: 10px 30px;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
}

.faq-btn-orange:hover {
  background-color: #f26324 !important; /* Change color on hover */
  border: none !important;
  color: white;
}

.faq-btn-red {
  background-color: #B60203;
  color: white;
  border-radius: 10px;
  padding: 10px 30px;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
}

.faq-btn-red:hover {
  background-color: #cf191a !important; /* Change color on hover */
  border: none !important;
  color: white;
}

#stories a {
  color: #212427;
  border-bottom: 0;
}

#stories a:hover {
  border-bottom: 1px solid;
}

#researchers .left-column {
  flex: 0.4;
  padding-right: 40px;
  margin-top: 30px;
}

#researchers .right-column {
  padding-left: 40px;
}

#researchers p {
  margin-top: 0;
}

#researchers .bullet-list {
  margin-bottom: 20px;
}

#researchers .small-text {
  font-style: italic;
}

.line {
  height: 3px;
  background-color: black;
}

.researchers-note {
  position: relative;
  text-align: center;
  margin-top: -15px;
}

.ambassadors-note {
  position: relative;
  text-align: center;
  margin-top: -30px;
}

.ambassadors-note p {
  background-color: #F5F8FB;
  display: inline-block;
  padding: 0 40px;
}

#researchers h3 {
  background-color: white;
  display: inline-block;
  padding: 0 60px;
}

.researchers-note .bullet {
  text-align: center;
}

.ambassador-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(1, auto);
  grid-column-gap: 50px;
  grid-row-gap: 10px;
  justify-items: stretch;
  margin-top: 80px;
  margin-bottom: 80px;
}

.ambassador-grid h4 {
  line-height: 0;
}

.ambassador-grid-wrapper {
  align-items: center;
  text-align: center;
}

.ambassador-btn {
  margin-top: 40px;
  margin-bottom: 40px;
}

.ambassador-btn .left-column {
  text-align: right;
  flex: 1;
  padding-right: 30px;
}

.ambassador-btn .right-column {
  text-align: left;
  flex: 1;
  padding-left: 30px;
}

.secondary-btn-green {
  border: 1px solid #619E3A; /* Set the border style and color */
  background-color: transparent;
  color: #619E3A;
  padding: 15px 60px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 22px;
  border-radius: 10px;
}

.secondary-btn-green:hover {
  background-color: #619E3A;
  color: white;
}

.secondary-btn-orange {
  border: 1px solid #F04C04; /* Set the border style and color */
  background-color: transparent;
  color: #F04C04;
  padding: 15px 60px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 22px;
  border-radius: 10px;
}

.secondary-btn-orange:hover {
  background-color: #F04C04;
  color: white;
}

.ambassador-btn .button-container {
  text-align: center;
  justify-items: center;
}

.ambassador-btn .btn {
  font-size: 22px;
}

.ambassador-btn .two-col {
  margin-bottom: 3vw;
}

.amb-team-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-items: stretch;
}

.current-amb-team-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-items: stretch;
}

.amb-profile-card {
  text-align: center;
  color: #212427;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  max-width: fit-content;
  transition: box-shadow 0.3s ease;
}

.current-amb-profile-card {
  text-align: center;
  color: #212427;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  max-width: fit-content;
  transition: box-shadow 0.3s ease;
}

.amb-profile-card h4 {
  margin-top: 5px;
  margin-bottom: 5px !important;
  color: #212427;
  font-size: 20px;
  transition: color 0.3s ease;
}

.current-amb-profile-card h4 {
  margin-top: 5px;
  margin-bottom: 5px !important;
  color: #212427;
  font-size: 20px;
  transition: color 0.3s ease;
}

.amb-profile-card p {
  margin: 0 !important;
  font-size: 18px;
}

.amb-profile-card img {
  width: 78%;
  height: auto;
  border-radius: 20px;
  --img-scale: 1;
  transition: transform 0.4s ease-in-out;
}

.current-amb-profile-card img {
  width: 78%;
  height: auto;
  border-radius: 20px;
  --img-scale: 1;
  transition: transform 0.4s ease-in-out;
}

.ucsf-news {
  margin-right: 80px;
  margin-left: 80px;
  padding-bottom: 30px;
}

.contact {
  margin-top: 60px;
  margin-bottom: 40px;
}

.contact h1 {
	--h1-font-size: 2rem;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-align: center;
  color: black;
}

.contact h2 {
  font-size: 16px;
  color: black;
  text-align: center;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  text-align: center;
}

.contact p {
  text-align: center;
  font-size: 16px;
  padding: 0 !important;
  margin: 5px !important;
}

.profile-two-col {
  display: flex;
  justify-content: space-between;
  align-items: top;
  margin-top: 1vw;
  margin-bottom: 6vw;
  margin-right: 1.5vw;
}

.profile img {
  width: 90% !important;
  height: auto !important;
}

.profile h1 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  color: black;
}

.profile h2 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  color: #4b4b4b;
}

.profile p {
  padding-bottom: 0 !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

.profile-text {
  font-size: 14px;
  color: black;
}

.profile-left-col {
  flex: 0.3;
  text-align: left;
  padding-right: 15px; /* Add padding for spacing */
}

.profile-right-col {
  flex: 1;
  text-align: left;
  padding-left: 15px; /* Add padding for spacing */
}

.bio-text {
  font-size: 16px;
  padding-top: 10px;
}

.referral-request-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Columns adjust width based on content */
  grid-template-rows: 0.2fr 1fr;
  column-gap: 20px; /* Gap between columns */
  row-gap: 0; /* No gap between rows */
  margin-top: 50px;
}

.grid-item {
  padding: 10px 18px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  background-color: white;
}

/* Arrows for the top row */
.referral-request-grid > :nth-child(-n+4)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 5px); /* Place arrow at the end of the column with a 5px offset */
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

/* Arrows for the bottom row */
.referral-request-grid > :nth-child(n+5):not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 98%;
  transform: translateY(-80%);
  width: 35px;
  height: 70px;
  background-color: #cbcbcb;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%); /* Triangle shape for the arrow */
  z-index: 1; /* Ensure the arrow is layered on top of the column */
}

.icon-container {
  background-color: white;
  padding: 10px;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center; /* Center vertically and horizontally */
  margin: -35px auto 5px; /* Center the container horizontally */
}

.rr-icon {
  width: 60px;
  height: 60px;
  vertical-align: middle;
}

.bottom-rr-icon {
  width: 70px;
  height: 70px;
  vertical-align: middle;
}

.icon-container img {
  max-width: 100%;
  max-height: 100%;
}

.column1 .icon-container {
  border: 1px solid #cadeec;
}

.column2 .icon-container {
  border: 1px solid #a2ca88;
}

.column3 .icon-container {
  border: 1px solid #f8ad8c;
}

.column4 .icon-container {
  border: 1px solid #e4a1a2;
}


/* Background color for the first row */
.referral-request-grid > :nth-child(-n+4) {
  border-radius: 20px 20px 0 0; /* Rounded corners only on the top row */
}

/* Font size for the top row */
.referral-request-grid > :nth-child(-n+4) {
  font-size: 18px; /* Font size for the top row */
}

/* Font size for the bottom row */
.referral-request-grid > :nth-child(n+5) {
  font-size: 16px; /* Font size for the bottom row */
}

.referral-request ul {
  text-align: left;
  padding-left: 5px;
}

.referral-request ul ul {
  padding-left: 10px;
}

.referral-request ul ul ul {
  padding-left: 10px;
}

.referral-request li {
  margin-bottom: 2px;
}

.referral-request p {
  font-size: 16px;
  margin: 5px;
}

.custom-box {
  margin-top: 40px;
  border: 2px solid #fdd184;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  margin-left: 50px;
  margin-right: 40px;
}

.top-section {
  background-color: #fdd184;
  padding: 5px 10px;
  height: 70px;
  display: flex;
  align-items: left;
  border-radius: 15px 15px 0px 0px;
}

.top-section p {
  padding-left: 40px;
  padding-top: 15px;
  font-size: 18px;
}

.bottom-icon-container {
  background-color: white;
  padding: 10px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  margin: -20px -30px -20px -30px;
  border: 1px solid #fdd184;
  align-items: center;
  justify-content: center;
}

.bottom-icon-container img {
  max-width: 100%;
  max-height: 100%;
}

.content-section {
  padding-left: 35px;
  padding-top: 15px;
}

.content-section ul {
  padding-left: 5px;
  margin-top: 15px;
}

.content-section ul ul {
  padding-left: 20px;
}

.rr-small-text {
  margin-top: 20px !important;
}

.rr-btn {
  display: grid;
  justify-items: center;
  align-items: center;
  margin-top: 30px;
}

.btm .two-col {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
}

.btm .left-column {
  flex: 1;
  padding-right: 10px;
}

.btm .right-column {
  flex: 1;
  padding-left: 10px;
}

.slider-container {
  position: relative;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  height: 100%;
}

.testimonial {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 30px;
  padding-bottom: 0;
  text-align: center;
}

.testimonial img {
  border-radius: 50%; /* Make the image circular */
  width: 85px; /* Adjust image size as needed */
  height: 85px;
  object-fit: cover; /* Maintain aspect ratio and cover the whole container */
}

.testimony-name {
  font-size: 14px;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  background-color: transparent;
  padding: 10px;
  border: none;
  outline: none;
  z-index: 1;
  font-size: 24px;
  font-weight: bold;
  color: #096AAE;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

.dot-container {
  text-align: center;
  margin-top: 10px;
}

.dot {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.active-dot {
  background-color: #096AAE;
}

.testimony-background {
  background-color: #f5f5f7;
  padding: 30px;
  border-radius: 15px;
  margin-top: 30px;
}

.rr-footer h4 {
  text-align: center;
}

.rr-footer .btn {
  font-size: 18px;
  padding: 15px 40px;
}

.newsletter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 60px;
  justify-items: stretch;
}

.newsletter-grid p {
  text-align: center;
}

.newsletter-grid a {
  color: black !important;
  /* border-bottom: 1px solid #9b9b9b !important; */
}

.newsletter-grid .field-name-body p, .field-type-text-long p, .field-type-text-with-summary p, .cke_editable p {
  margin: 1px;
}

.caregiver-stories hr {
  border-bottom: 2px solid #ccc;
  margin-bottom: 5px;
}

.stories-top {
  margin-bottom: 30px;
}

:root {
  --logo-width: 225px;
  --logo-margin: 15px;
}

.logo-slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 20px;
}

.logo-slide-track {
  animation: scroll 130s linear infinite;
  display: flex;
}

.logo-slide {
  min-width: var(--logo-width);
  min-height: auto;
  margin: var(--logo-margin);
}

.logo-slide img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.logo-slide:hover img {
  transform: scale(1.1);
}

.logo-slider:hover .logo-slide-track {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateX(calc(-1 * (var(--logo-width) + var(--logo-margin)) * 0));
  }
  100% {
    transform: translateX(calc(-1 * (var(--logo-width) + var(--logo-margin)) * 53));
  }
}
.input-container {
  position: relative;
  width: 100%;
}

.input-container input {
  width: 100%;
  padding: 12px 20px 12px 40px; /* 40px to leave space for the icon */
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 12px;
  font-size: 16px;
}

.input-container .fa-search {
  position: absolute;
  left: 10px;
  top: 45%;
  transform: translateY(-60%);
  font-size: 16px;
  color: #585965;
}

.fa-search:before {
  content: "\f002" !important;
  font-family: "FontAwesome" !important;
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc" !important;
  font-family: "FontAwesome" !important;
  color: #a6a6a7;
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd" !important;
  font-family: "FontAwesome" !important;
  color: #a6a6a7;
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de" !important;
  font-family: "FontAwesome" !important;
  color: #a6a6a7;
}

#referral-studies-table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 15px !important;
}

#referral-studies-table th, #referral-studies-table td {
  text-align: left;
  padding: 16px;
  position: relative; /* Make sure the icon is positioned relative to the header cell */
  border: none;
  font-family: "Inter", sans-serif;
}

#referral-studies-table th {
  cursor: pointer;
  background-color: #f5f8fb !important;
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  vertical-align: middle;
}

#referral-studies-table tr:nth-child(even) {
  background-color: white !important;
}

#referral-studies-table tr:nth-child(even):hover {
  background-color: #FFFCE6 !important;
}

#referral-studies-table th:nth-child(1), #referral-studies-table td:nth-child(1) {
  min-width: 500px;
  padding-right: 30px !important;
}

#referral-studies-table th:nth-child(2), #referral-studies-table td:nth-child(2) {
  min-width: 180px;
}

#referral-studies-table th:nth-child(3), #referral-studies-table td:nth-child(3) {
  min-width: 180px;
}

#referral-studies-table th:nth-child(4), #referral-studies-table td:nth-child(4) {
  min-width: 150px;
}

.sort-icon {
  margin-left: 10px;
  font-size: 14px;
  color: #aaa;
}

#referral-studies-table tr {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}

#referral-studies-table tr.header {
  background-color: white !important;
}

.table-notice {
  font-weight: bold;
  font-style: italic;
  display: none;
}

.thank-you img {
  max-width: 20%;
}

@media screen and (max-width: 425px) {
  .thank-you img {
  max-width: 40%;
}
}

.ty-icon {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 50px;
}

.gift-icon {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.thank-you ul {
  margin-left: 30px;
  font-size: 18px;
}

.ty-content {
  margin-left: 30px;
  margin-right: 30px;
}

.drawing-content {
  margin: 30px;
  text-align: center;
}

.thank-you .btn {
  font-size: 20px;
}

.ty-btn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.table-instructions {
  font-style: italic;
}

.table-instructions p {
  font-size: 14px;
  padding-bottom: 0;
  color: #4b4b4b;
}

.error-pgs {
  text-align: center;
}

.error-pgs img {
  max-width: 50%;
  margin: 15px auto 50px auto !important;
}

.error-pgs p {
  margin-bottom: 20px;
}


@media screen and (min-width: 1800px) {
  .view-display-id-news_page .ucsf-news {
    margin-right: 150px;
    margin-left: 150px;
  }
  #referral-studies .container {
    max-width: 1350px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .container {
    max-width: 1320px;
    display: block;
    justify-content: center;
    align-items: center;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .faq .container {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    margin: auto;
  }
  #researcher-testimony .container {
    margin: auto;
    margin-top: 90px;
  }
  .team-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 40px;
  }
  .rr-footer .btn {
    padding: 15px 60px;
  }
  .rr-btn {
    padding: 15px 80px;
  }

  #events .container {
    margin-left: calc(5vw + 60px);
  }
}

@media screen and (max-width:1024px) {
	.btn {
    font-size: 20px;
  }
}

@media screen and (max-width: 960px) {
  .btn {
    padding: 15px 50px;
  }
}

.support-btn {
    background-color: #fff !important;
    color: #052049 !important;
    border-radius: 15px;
    padding: 12px 25px;
    border: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    height: fit-content;
    align-content: flex-end;
    max-width: fit-content;
}

.support-btn:hover {
	background-color: #e6e6e6 !important;
}

.column1 h1 {
   margin-top: 0 !important;
}
.news-blurb {
    font-size: 16px;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

article h2 {
    margin: 0 0 12px 0;
    letter-spacing: 0.06em;
    color: var(--title-color);
    transition: color 0.3s ease-out;
    font-size: 22px;
}

.a-container {
  width: 1300px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;
}

.articles .article-wrapper {
   height: 500px;
}


.referral-request-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Columns adjust width based on content */
    grid-template-rows: 0.2fr 1fr;
    column-gap: 20px; /* Gap between columns */
    row-gap: 0; /* No gap between rows */
    margin-top: 50px;
}

.grid-item {
    padding: 10px 18px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background-color: white; 
}


/* Arrows for the top row */
.referral-request-grid > :nth-child(-n+4)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 5px); /* Place arrow at the end of the column with a 5px offset */
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
}

/* Arrows for the bottom row */
.referral-request-grid > :nth-child(n+5):not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(98%); 
    transform: translateY(-80%);
    width: 35px; 
    height: 70px; 
    background-color: #cbcbcb;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%); /* Triangle shape for the arrow */
    z-index: 1; /* Ensure the arrow is layered on top of the column */
}

.icon-container {
    background-color: white;
    padding: 10px;
    border-radius: 50%;
    width: 90px; 
    height: 90px; 
    display: flex;
    justify-content: center;
    align-items: center; /* Center vertically and horizontally */
    margin: -35px auto 5px; /* Center the container horizontally */
}

.rr-icon {
  width: 60px;
  height: 60px;
  vertical-align: middle;
}

.bottom-rr-icon {
  width: 70px;
  height: 70px;
  vertical-align: middle;
}

.icon-container img {
    max-width: 100%; 
    max-height: 100%; 
}

.rr-column1 .icon-container {
    border: 1px solid #cadeec;
}

.rr-column2 .icon-container {
    border: 1px solid #a2ca88
}

.rr-column3 .icon-container{
    border: 1px solid  #f8ad8c;
}

.rr-column4 .icon-container {
    border: 1px solid #e4a1a2;
}

.rr-column1 {
    background-color: #cadeec; 
}

.rr-column2 {
    background-color: #a2ca88; 
}

.rr-column3 {
    background-color: #f8ad8c; 
}

.rr-column4 {
    background-color: #e4a1a2; 
}

/* Border for the second row */
.referral-request-grid > :nth-child(n+5) {
    border-width: 2px;
    border-style: solid;
    border-radius: 0 0 20px 20px;
}

/* Border color matching each column */
.rr-column1 ~ .second-row-item1 {
    border-color: #cadeec;
}

.rr-column2 ~ .second-row-item2 {
    border-color: #a2ca88;
}

.rr-column3 ~ .second-row-item3 {
    border-color: #f8ad8c; 
}

.rr-column4 ~ .second-row-item4 {
    border-color: #e4a1a2; 
}

/* Background color for the first row */
.referral-request-grid > :nth-child(-n+4) {
    border-radius: 20px 20px 0 0; /* Rounded corners only on the top row */
}

/* Font size for the top row */
.referral-request-grid > :nth-child(-n+4) {
    font-size: 18px; /* Font size for the top row */
}

/* Font size for the bottom row */
.referral-request-grid > :nth-child(n+5) {
    font-size: 16px; /* Font size for the bottom row */
}

.referral-request ul {
    text-align: left; 
    padding-left: 5px;
}

.referral-request ul ul{
  padding-left: 10px;
}

.referral-request ul ul ul{
  padding-left: 10px;
}

.referral-request li{
  margin-bottom: 2px;
}

.referral-request p{
  font-size: 16px;
  margin: 5px;
}

.webform-submission-contact-form {
    max-width: 45% !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.webform-submission-contact-form label {
	display: block;
}

.webform-submission-contact-form input {
    padding: 12px;
    border-radius: 10px;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    margin-top: 8px;
    width: 100%;
}

.importance-grid img
 {
    margin-top: 0;
    height: 100%;
    object-fit: cover !important;
}

.contact-hero {
    margin: auto;
    text-align: center;
    width: 800px;
    max-width: 90%;
    }

.contact-hero h1 {
	font-size: 32px;
}

.contact-hero h2 {
	font-size: 16px;
}

.blue-small-hero h1 {
    font-family: 'Montserrat',sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #096aae;
}



.blue-small-hero h3 {
    font-family: 'Inter',sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #212427;
}

@media screen and (max-width: 768px) {
  .block-language ul {
  display: block !important;
}
.table-notice {
  display: block;
}
}

.menu-block-wrapper > ul > li:last-child {
    border-radius: 15px;
    padding: 5px 10px !important;
    border: 2px solid #096AAE !important;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
 
.eligibility-container-wrapper {
   margin: auto !important;
}

#mobile-search-block-form .button {
  display: none !important;
}

}

@media screen and (max-width: 430px) {
.flyers-grid {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

#resources .container {
    margin: 80px 15px !important;
}

#referral-studies .container {
    margin: 200px 15px !important;
}
.articles .article-wrapper {
   max-width: 80%;
}

}

.care-h2 {
	font-size: 45px !important;
	text-align:center;
	margin: 50px;
}