@charset "utf-8";


/*  
     ⤵︎                                         MOBILE DEVICES
*/
@media (pointer: coarse), (max-width: 980px) {
    
}
/*  
     ⤵︎                                         1800px >=x
*/
@media screen and (max-width:1800px) {
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms.support-pg .grp_sections {
         padding-top: 6vw;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1400px >=x
*/
@media screen and (max-width:1400px) {
/*
     ⤵︎ =============  HOMEPAGE
*/
     .grp_sections .item.row {
          --bs-gutter-x: 84px;
     }
     .events-carousel-sctn .swiper,
     .news-carousel-sctn .swiper,
     .supporters-carousel-sctn .swiper {
          padding-left: calc(var(--bs-gutter-x) * .5);
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .video-carousel-sctn .white-bg {
          padding-top: 5vw;
     }
     .video-carousel-sctn .container-fluid {
          max-width: 1185px;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 530px;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          background-position: top 18.65vw center;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          padding-top: 214px;
          background-position: top 19vw center;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .grp_sections .item h2.title {
          font-size: 3.25em;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-2: 184px;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
     :root {
          --title-size-1: 3em;
          --title-size-2: 1.875em;
          --title-size-3: 3.25em;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header .donate-btn {
          width: auto;
          margin-left: 12px;
     }
     #header .navbar-nav {
          --bs-navbar-nav-link-padding-x: 13px;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .wrapper {
          max-width: 600px;
     }
     #home-hero h2.slide-title {
          font-size: 3.25em;
     }
     #home-intro .container-fluid {
          max-width: 698px;
     }
     .grp_sections .container-fluid,
     .grp_sections .item.row {
          --bs-gutter-x: 3rem;
     }
     .grp_sections .item.row {
          padding-bottom: 154px;
     }
     .grp_sections .item h2.title {
          font-size: 4em;
     }
     .donate-sctn .row {
          --bs-gutter-x: 18px;
     }
     .donate-sctn article {
          padding: 28px 12px;
     }
     .donate-sctn article .img {
          max-width: 180px;
          margin: auto;
     }
     .events-carousel-sctn article h3 {
          max-width: 292px;
          padding-bottom: 72px;
     }
     .events-carousel-sctn .swiper-slide {
          width: 558px;
     }
     .news-carousel-sctn article .row {
          padding-bottom: 42px;
     }
     .news-carousel-sctn article .wrapper {
          padding-bottom: 36px;
     }
     .news-carousel-sctn article h3 {
          max-width: 324px;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote {
          max-width: 486px;
     }
     .story-pg .hero blockquote p {
          font-size: 3em;
     }
     .feat-story .container-fluid {
          --section-radius-2: 182px;
          max-width: 1408px;
          padding-top: calc(var(--bs-gutter-x) * .5);
      }
      .feat-story .item.row {
          --bs-gutter-x: 3rem;
          padding-bottom: 136px;
     }
     .feat-story .item p {
          font-size: 2em;
     }
     .feat-story .concl.item p {
          font-size: 2.125em;
     }
     .timeline .container-fluid {
          max-width: 932px;
     }
     .timeline .top-entries {
          padding-top: 160px;
     }
     .timeline .top-entries .item time {
          font-size: 120px;
     }
     .timeline .top-entries .item .row {
          --bs-gutter-x: 3rem;
     }
     .timeline .top-entries .item p {
          font-size: 1.375em;
     }
     .timeline .top-entries .item .wrapper {
          max-width: 354px !important;
     }
     .timeline .entries .item.col {
          padding: 160px 102px 66px;
     }
     .timeline .entries time {
          font-size: 84px;
     }
     .timeline .entries .img {
          margin-top: -256px;
     }
     .timeline .entries .img img {
          height: 212px;
     }
     .timeline .entries .item:after {
          top: 252px;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .feat-blog-post a.wrapper {
          padding: 7.2% 8.5%;
     }
     .feat-blog-post h2 {
          margin-bottom: 24px;
          font-size: 2.25em;
     }
     .feat-blog-post time,
     .feat-blog-post p,
     .post-entry a p {
          font-size: 1.0625em;
     }
     .feat-blog-post time {
          margin-bottom: 12px;
     }
     .feat-blog-post a .btn {
          margin-top: 18px;
     }
     .post-entry .row {
          --bs-gutter-x: 3rem;
     }
     .post-entry .col:first-child {
          flex: 0 0 42%;
     }
     .post-entry .col:last-child {
          flex: 0 0 58%;
          max-width: none;
     }
     .post-entry a h3 {
          font-size: 1.875em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .next-post .feat-blog-post h2 {
          max-width: 345px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-pg #main {
          padding: 196px 0 130px;
          background-position: top 240px center;
     }
     .events-pg .intro h2.section-title {
          font-size: 3.25em;
     }
     .events-pg .intro p,
     .events-entry p {
          font-size: 1.0625em;
     }
     .events-pg .intro p {
          max-width: 432px;
     }
     .events-entry {
          margin-bottom: 60px;
          padding: 36px;
     }
     .events-entry .row {
          --bs-gutter-x: 3rem;
     }
     .events-entry .col:last-child {
          flex: 0 0 40%;
     }
     .events-entry header.row {
          --bs-gutter-x: 12px;
     }
     .events-entry header .col:first-child {
          flex: 0 0 150px;
     }
     .events-entry header .day {
          font-size: 72px;
     }
     .events-entry header h3 {
          font-size: 2.25em;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event header h1,
     .single-event header .date {
          font-size: 2.25em;
     }
     .single-event header h1 {
          max-width: 512px;
     }
     .single-event .body .col:first-child {
          max-width: 662px;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .hivinac-pg {
          --title-size-2: 2.5em;
          --title-size-3: 3.25em;
     }
     .hivinac-pg #home-hero .swiper p,
     .hivinac-pg #home-intro p,
     .hivinac-2cols p,
     .hivinac-campaign .form .box {
          font-size: 1.0625em;
     }
     .hivinac-pg #home-hero .wrapper .logo {
          max-width: 188px;
     }
     #home-hero h2.slide-title {
          font-size: 3em;
     }
     .hivinac-pg #home-hero .swiper p {
          margin-top: 18px;
     }
     .hivinac-pg #home-hero .sponsored {
          margin-top: 36px;
     }
     .hivinac-pg #home-hero .sponsored p {
          font-size: 1.125em;
     }
     .video-carousel-sctn .white-bg {
          --section-radius-2: 190px;
          padding-top: calc(var(--bs-gutter-x) * .5);
     }
     .video-carousel-sctn .main .row {
          --bs-gutter-x: 3rem;
     }
     .hivinac-campaign .form .box {
          padding: 48px 84px 48px 72px;
     }
     .hivinac-2cols blockquote p {
          font-size: 1.25em;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 448px;
          padding-right: 48px;
     }
     .supporters-carousel-sctn article .play-btn {
          width: 84px;
          height: 84px;
     }
     .supporters-carousel-sctn article a h3 {
          font-size: 1.5em;
     }
     .hivinac-campaign-2 p {
          font-size: 1.875em;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-history .main h4 {
          font-size: 1.875em;
     }
     .lifebeat-history .container-fluid {
          max-width: 826px;
     }
     .lifebeat-history .thumbs {
          padding-top: 60px;
     }
     .lifebeat-history .thumbs .swiper-slide {
          width: 120px;
          margin-left: 9px;
          margin-right: 9px;
          padding-bottom: 24px;
     }
     .lifebeat-history .white-bg {
          padding: 92px 0 84px;
     }
     .lifebeat-pg .intro p,
     .lifebeat-history p,
     .lifebeat-pg .info p,
     .lifebeat-pg .supporters-carousel-sctn .container-fluid p {
          font-size: 1.0625em;
     }
     .lifebeat-pg .info .item h4 {
          font-size: 1.375em;
     }
     .lifebeat-pg .supporters-carousel-sctn .container-fluid .wrapper {
          max-width: 618px;
     }
     .lifebeat-pg .supporters-carousel-sctn .swiper {
          padding-top: 48px;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about .intro {
          padding: 204px 0 260px;
     }
     .lifebeat-about .intro .col:first-child {
          flex: 0 0 40%;
          max-width: 450px;
     }
     .lifebeat-about .intro p,
     .lifebeat-about .history .value p {
          font-size: 1.25em;
     }
     .lifebeat-about .history .white-bg {
          padding-top: 120px;
     }
     .lifebeat-about .history .value .num {
          font-size: 72px;
     }
     .lifebeat-about .history .row {
          padding-top: 36px;
     }
     .lifebeat-about .history .col:nth-child(4) {
          height: 632px;
     }
     .lifebeat-about .history .col:nth-child(3) {
          height: 534px;
     }
     .lifebeat-about .history .col:nth-child(2) {
          height: 412px;
     }
     .lifebeat-about .history .value {
          padding-left: 18px;
          margin-bottom: 60px;
     }
     .lifebeat-about .history .value p {
          max-width: 188px;
     }
     .about-members-sctn .members {
          width: 58%;
     }
     .about-members-sctn .main {
          width: 42%;
     }
     .about-members-sctn .member.selected {
          max-width: 302px;
     }
/*
     ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about .hero h2.section-title,
     .hivinac-about .hero .img {
          padding-left: 0;
     }

     .hivinac-about .hero a .play {
          width: 84px;
          height: 84px;
     }
     .states-sctn .swiper-slide {
          width: 160px;
     }
     .states-sctn .swiper-slide-active {
          width: 560px !important;
     }
     .states-sctn .swiper-slide .back {
          min-height: 408px;
     }
     .states-sctn .swiper-button-next {
          right: calc(50vw - 284px);
     }
     .states-sctn .swiper-button-prev {
         left: calc(50vw - 284px);
     }
     .states-sctn .swiper-slide .state_entry .wrapper {
          max-width: 336px;
          padding: 24px 0;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          background-position: top 14vw center;
     }
     .team-entries.entries-v1 article h4 {
          font-size: 1.875em;
     }
     .team-entries.entries-v2 .row {
          --bs-gutter-x: 18px;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 28vw center;
          background-size: 12000px auto;
     }
     .ambassadors .team-entries article h4 {
          font-size: 1.375em;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .grp_sections .item h2.title {
          margin-bottom: 1.125rem;
          font-size: 3em;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-1: 0;
     }
     .grantee-prms.support-pg .hero h2,
     .grantee-prms.support-pg .hero p {
          max-width: 548px;
     }
     .grantee-prms.support-pg .grp_sections .item h2.title {
          font-size: 2.5em;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
/*
     ⤵︎ =============  EVENTS
*/
          .events-entry header h3 {
               font-size: 2.125em;
          }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event .container-fluid {
          padding-top: 204px;
          padding-bottom: 112px;
     }
     .single-event header h1,
     .single-event header .date {
          font-size: 2em;
     }
     .single-event header h1 {
          max-width: 460px;
     }
     .single-event header address,
     .single-event header .time,
     .single-event .body .col:first-child {
          font-size: 1.0625em;
     }
     .single-event .body .col:last-child {
          flex: 0 0 25%;
     }
     .single-event .body .item ul {
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
     :root {
          --title-size-1: 2.875em;
          --title-size-2: 1.75em;
          --title-size-3: 3em;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header .navbar {
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     }
     #header.light-bg .navbar {
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     }
     #header .navbar-toggler {
          padding: 0;
          border: 0;
          box-shadow: none !important;
     }
     #header .navbar-toggler-icon {
          width: 48px;
          height: 48px;
     }
     #header .offcanvas {
          --bs-offcanvas-bg: #5F259F;
          --bs-offcanvas-width: 366px;
     }
     #header .offcanvas .btn-close {
          --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
          --bs-btn-close-opacity: 1;
          --bs-btn-close-focus-shadow: none;
          position: absolute;
          top: 12px;
          right: 12px;
          margin-top: 3px;
          background-size: 18px auto;
     }
     #header .offcanvas .navbar-nav .nav-item {
          width: 100%;
          margin: auto;
          text-align: left;
          padding: 0 0.75rem 0 15%;
     }
     #header .offcanvas .navbar-nav {
          --bs-nav-link-font-weight: 500;
          --bs-nav-link-font-size: 1.125em;
          --bs-nav-link-padding-y: 12px;
          flex-direction: column;
          padding-top: 10%;
     }
	#header .navbar-nav ul ul {
    margin-left: 0px !important;
    padding-left: 8px;
	}
     #header .offcanvas .dropdown-menu {
          --bs-dropdown-bg: transparent;
          --bs-dropdown-padding-y: 3px;
          --bs-dropdown-item-padding-x: 0;
          --bs-dropdown-item-padding-y: 6px;
          --bs-dropdown-link-color: #fff;
		  --bs-dropdown-padding-x: 0;
          border-radius: 0;
          box-shadow: none;
     }
     #header .offcanvas .dropdown-item {
          padding-left: 0px;
     }
     #header .offcanvas .dropdown-item:focus,
     #header .offcanvas .dropdown-item:hover {
         color: #fff;
         background-color: transparent;
     }
     #header .offcanvas .navbar-nav .nav-link {
          color: #fff !important;
     }
     #header .offcanvas .navbar-nav .dropdown .nav-link:before,
     #header .offcanvas .navbar-nav .dropdown .nav-link:after {
          position: absolute;
          top: 50%;
          display: block;
          background-color: #fff;
          border-radius: 1px;
          transform: translateY(-50%) !important;
          content: '';
     }
     #header .offcanvas .navbar-nav .dropdown .nav-link:before {
          right: 13px;
          width: 12px;
          height: 2px;
     }
     #header .offcanvas .navbar-nav .dropdown .nav-link:after {
          right: 18px;
          height: 12px;
          width: 2px;
          border: 0;
          margin: 0;
          vertical-align: unset;
     }
     #header .offcanvas .navbar-nav .dropdown .nav-link.show:after {
          background-color: transparent;
     }
     #header .offcanvas .navbar-nav .dropdown .nav-link {
          position: relative;
          padding-right: 48px;
     }
     #header.shrink {
          padding: 6px 0;
     }
     #header.shrink .donate-btn {
          --bs-btn-padding-y: 9px;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .wrapper {
          max-width: 580px;
     }
     #home-hero h2.slide-title {
          font-size: 3.125em;
     }
     #home-hero article.box {
          top: -184px;
          width: 336px;
     }
     #home-hero article.box h2 {
          font-size: 1.125em;
     }
     #home-hero article.box .col:first-child {
          flex: 0 0 136px;
     }
     #home-intro .purple-bg {
          padding: 160px 0 140px;
     }
     #home-intro .container-fluid {
          max-width: 668px;
     }
     .grp_sections .item h2.title {
          font-size: 2.875em;
     }
     .grp_sections .container-fluid,
     .grp_sections .item.row {
          --bs-gutter-x: 36px;
     }
     .grp_sections .item.row {
          padding-bottom: 120px;
     }
     .grp_sections .item p {
          font-size: 1.0625em;
     }
     .donate-sctn .row {
          --bs-gutter-x: 9px;
     }
     .events-carousel-sctn .swiper-slide {
          width: 520px;
     }
     .events-carousel-sctn article h3 {
          max-width: 274px;
          padding-bottom: 60px;
     }
     .events-carousel-sctn .swiper-button-next,
     .events-carousel-sctn .swiper-button-prev,
     .news-carousel-sctn .swiper-button-next,
     .news-carousel-sctn .swiper-button-prev,
     .supporters-carousel-sctn .swiper-button-next,
     .supporters-carousel-sctn .swiper-button-prev,
     .video-carousel-sctn .swiper-button-next,
     .lifebeat-history .thumbs .swiper-button-prev,
     .lifebeat-history .thumbs .swiper-button-next,
     .states-sctn .swiper-button-prev,
     .states-sctn .swiper-button-next {
          width: 54px;
          height: 36px;
     }
     .events-carousel-sctn .swiper-button-prev,
     .news-carousel-sctn .swiper-button-prev,
     .supporters-carousel-sctn .swiper-button-prev {
          right: calc((var(--bs-gutter-x) / 2) + 54px + 6px);
     }
     .news-carousel-sctn .swiper-slide {
          width: 384px;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote {
          max-width: 420px;
          padding-left: 72px;
     }
     .story-pg .hero blockquote p {
          font-size: 2.5em;
     }
     .story-pg .hero img.quote {
          width: 24px;
     }
     .story-pg .hero blockquote footer {
          padding-top: 16px;
          font-size: 1.0625em;
     }
     .feat-story .item p {
          font-size: 1.75em;
     }
     .feat-story .concl.item .wrapper {
          max-width: 668px;
          padding-top: 36px;
          padding-bottom: 120px;
     }
     .feat-story .concl.item p {
          font-size: 1.875em;
     }
     .timeline .top-entries:before {
          top: -62px;
     }
     .timeline .top-entries .item time {
          font-size: 102px;
     }
     .timeline .top-entries .item .row {
          --bs-gutter-x: 3rem;
          margin-top: -18px;
     }
     .timeline .top-entries .item p {
          font-size: 1.25em;
     }
     .timeline .entries .container-fluid h2 {
          font-size: 3em;
     }
     .timeline .entries time {
          font-size: 72px;
     }
     .timeline .entries .img {
          margin-top: -238px;
     }
     .timeline .entries .img img {
          height: 196px;
     }
     .timeline .entries .item:after {
          top: 220px;
     }
     .timeline .entries .item.col {
          padding: 140px 84px 66px;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .feat-blog-post .text,
     .feat-blog-post .img {
          width: 100%;
     }
     .feat-blog-post .img {
          padding-top: 60%;
     }
     .post-entry {
          padding: 48px 0;
     }
     .post-entry .row {
          --bs-gutter-x: 1.5rem;
     }
     .post-entry .col:first-child {
          flex: 0 0 38%;
     }
     .post-entry .col:last-child {
          flex: 0 0 62%;
          max-width: none;
     }
     .post-entry a h3 {
          font-size: 1.75em;
     }
     .post-entry a p {
          margin-bottom: 1.5rem;
          font-size: 1em;
     }
     .post-entry a time {
          font-size: 15px;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .next-post .feat-blog-post .text,
     .next-post .feat-blog-post .img {
          width: 50%;
     }
     .next-post .feat-blog-post .img {
          padding-top: 0;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-pg #main {
          padding: 184px 0 108px;
     }
     .events-pg .intro h2.section-title {
          font-size: 3em;
     }
     .events-pg .intro p, .events-entry p {
          font-size: 1em;
     }
     .events-entry {
          margin-bottom: 48px;
          padding: 24px;
     }
     .events-entry .row {
          --bs-gutter-x: 1.5rem;
     }
     .events-entry .col:last-child {
          flex: 0 0 33.333%;
     }
     .events-entry header.row {
          padding-bottom: 54px;
     }
     .events-entry header .col:first-child {
          flex: 0 0 128px;
     }
     .events-entry header .day {
          font-size: 54px;
     }
     .events-entry header .month {
          font-size: 15px;
          padding-top: 0.5em;
     }
     .events-entry header .time {
          font-size: 13px;
     }
     .events-entry header h3 {
          font-size: 1.875em;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event .container-fluid {
          padding-top: 190px;
          padding-bottom: 96px;
     }
     .single-event header .col {
          padding-bottom: 30px;
     }
     .single-event header .col:last-child {
          flex: 0 0 248px;
          padding-top: 6px;
     }
     .single-event header h1 {
          max-width: 448px;
          font-size: 1.875em;
     }
     .single-event header .date {
          font-size: 1.5em;
     }
     .single-event header .time {
          padding-top: 12px;
     }
     .single-event header address,
     .single-event header .time,
     .single-event .body .col:first-child {
          font-size: 1em;
     }
     .single-event .feat-img {
          margin-bottom: 66px;
     }
     .single-event .body .col:first-child {
          flex: 0 0 65%;
     }
     .single-event .body .col:last-child {
          flex: 0 0 30%;
     }
     .single-event .body .item {
          padding-bottom: 30px;
     }
     .single-event .body .item h5 {
          margin-bottom: 9px;
          font-size: 14px;
     }
     .single-event .body .item ul {
          font-size: 1.125em;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .hivinac-pg {
          --title-size-2: 2em;
          --title-size-3: 3em;
          --section-radius-1: 156px;
     }
     .hivinac-pg #home-hero .sponsored {
          margin-top: 30px;
          padding-bottom: 24px;
     }
     #home-hero article.video.box {
          width: 388px;
     }
     #home-hero article.video.box .col:first-child {
          flex: 0 0 184px;
     }
     #home-hero article.video.box a .play-btn .icon {
          border-width: 6px 0 6px 10px;
     }
     #home-intro .container-fluid {
          max-width: 600px;
     }
     .video-carousel-sctn .white-bg {
          --section-radius-2: 136px;
     }
     .video-carousel-sctn .main .text-wrapper {
          padding: 18px;
     }
     .video-carousel-sctn .main .play-btn {
          flex: 0 0 66px;
          height: 66px;
     }
     .video-carousel-sctn .main a .play-btn .icon,
     .supporters-carousel-sctn article .play-btn .icon {
          border-width: 9px 0 9px 15px;
     }
     .video-carousel-sctn .main h3 {
          padding-left: 12px;
          font-size: 1.5em;
     }
     .video-carousel-sctn .main p {
          font-size: 1.25em;
     }
     .video-carousel-sctn .thumbs article .play-btn .icon {
          border-width: 6px 0 6px 10px;
     }
     .video-carousel-sctn .thumbs article .play-btn {
          bottom: 9px;
          left: 12px;
          width: 36px;
          height: 36px;
     }
     .video-carousel-sctn .thumbs article h4 {
          font-size: 1.25em;
     }
     .video-carousel-sctn .thumbs {
          margin-right: 66px;
     }
     .hivinac-2cols h2.section-title-2 {
          margin-bottom: 44px;
     }
     .hivinac-campaign .form .box {
          padding: 36px 48px 36px 42px;
     }
     .hivinac-2cols .col {
          flex: 0 0 50%;
     }
     .supporters-carousel-sctn .swiper {
          padding-top: 30px;
     }
     .supporters-carousel-sctn article .play-btn {
          width: 66px;
          height: 66px;
     }
     .supporters-carousel-sctn article a h3 {
          font-size: 1.375em;
     }
     .supporters-carousel-sctn article a .img {
          border-top-left-radius: 66px;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 396px;
          padding-right: 30px;
     }
     .hivinac-campaign-2 p {
          font-size: 1.75em;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg {
          --title-size-1: 2.5em;
          --title-size-3: 2.875em;
     }
     .lifebeat-pg .hero .logo {
          max-width: 420px;
          margin: auto;
     }
     .lifebeat-history .main .img {
          width: 288px;
          height: 288px;
          margin-top: 60px;
     }
     .lifebeat-history .main h4 {
          margin-top: 24px;
          font-size: 1.5em;
     }
     .lifebeat-history .thumbs .swiper-slide {
          width: 96px;
          margin-left: 6px;
          margin-right: 6px;
          padding-bottom: 18px;
     }
     .lifebeat-pg .info {
          padding: 102px 0 60px;
     }
     .lifebeat-pg .info .col:first-child {
          flex: 0 0 100%;
          max-width: 658px;
          text-align: center;
          margin: 0 auto 60px;
     }
     .lifebeat-pg .info a.cta {
          margin-left: auto;
          margin-right: auto;
     }
     .lifebeat-pg .info .col:last-child {
          flex: 0 0 100%;
          max-width: none;
     }
     .lifebeat-pg .info .item .col:first-child {
          margin-bottom: 0;
          text-align: left;
     }
     .lifebeat-pg .info .item .col:last-child {
          flex: 0 0 60%;
     }
     .lifebeat-pg .supporters-carousel-sctn .container-fluid .wrapper {
          max-width: none;
          padding-right: 144px;
     }
     .lifebeat-pg .supporters-carousel-sctn .white-bg {
          padding: 96px 0 120px;
     }
     .lifebeat-pg .supporters-carousel-sctn article a .title {
         padding-left: 66px;
     }
     .lifebeat-pg .supporters-carousel-sctn article a .title .lbt-badge {
         width: 52px;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about .intro {
          padding: 196px 0 132px;
     }
     .lifebeat-about .intro .col:first-child {
          flex: 0 0 100%;
          max-width: none;
          text-align: center;
     }
     .lifebeat-about .intro .wrapper {
          max-width: 472px;
          margin-bottom: 60px;
     }
     .lifebeat-about .intro p,
     .lifebeat-about .history .value p {
          font-size: 1.125em;
     }
     .lifebeat-about .intro .col:last-child {
          flex: 0 0 100%;
          max-width: 600px;
          margin: auto;
     }
     .lifebeat-about .history .white-bg {
          padding-top: 96px;
     }
     .lifebeat-about .history .value .num {
          font-size: 54px;
     }
     .lifebeat-about .history p,
     .about-members-sctn .member.selected p {
          font-size: 1.0625em;
     }
     .lifebeat-about .history .value {
          padding-left: 12px;
     }
     .lifebeat-about .history .value .line {
          width: 3px;
     }
     .lifebeat-about .history .col:nth-child(1) {
          height: 238px;
     }
     .lifebeat-about .history .col:nth-child(2) {
          height: 318px;
     }
     .lifebeat-about .history .col:nth-child(3) {
          height: 414px;
     }
     .lifebeat-about .history .col:nth-child(4) {
          height: 518px;
     }
     .about-members-sctn .members .member .img {
          border-top-left-radius: 48px;
     }
     .about-members-sctn .member.selected {
          margin-top: 54px;
     }
     .about-members-sctn .member.selected .img {
          border-top-left-radius: 120px;
     }
     .about-members-sctn .members .swiper-slide {
         width: 33.333%;
     }
/*
     ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about .hero .white-bg {
          padding: 172px 0 102px;
     }
     .hivinac-about .hero .container-fluid {
          max-width: 812px;
          text-align: center;
     }
     .hivinac-about .hero h2.section-title {
          margin-bottom: 36px;
     }
     .hivinac-about .hero .text {
          flex: 0 0 100%;
          padding-right: 0;
     }
     .hivinac-about .hero .text,
     .council-sctn .intro p,
     .states-sctn .intro p,
     .states-sctn .selected-state p,
     .history-sctn .row {
          font-size: 1.0625em;
     }
     .hivinac-about .hero .img {
          flex: 0 0 100%;
          max-width: 598px;
          margin: 36px auto auto;
     }
     .hivinac-about .hero a .play {
          width: 66px;
          height: 66px;
     }
     .hivinac-about .hero a .play .icon {
          border-width: 9px 0 9px 15px;
     }
     .council-sctn {
          padding: 96px 0 0;
     }
     .members-sctn.row {
          --bs-gutter-x: 1.25rem;
     }
     .members-sctn article h4 {
          font-size: 1.375em;
     }
     .states-sctn .intro p {
          max-width: 570px;
     }
     .states-sctn .states .row .thumbs.col,
     .states-sctn .states .row .main.col {
          width: 50%;
     }
     .states-sctn .selected-state {
          min-height: 468px;
          margin-left: 5%;
          padding: 54px 0 36px 36px;
     }
     .states-sctn .selected-state h3 {
          font-size: 2.25em;
     }
     .history-sctn {
          text-align: center;
     }
     .history-sctn .col:first-child {
          flex: 1 0 100%;
          margin: auto auto 48px auto;
     }
     .history-sctn .col:last-child {
          flex: 1 0 100%;
          max-width: 680px;
          margin: auto;
     }
     .states-sctn .swiper-slide .state_entry .wrapper {
          max-width: 260px;
     }
     .states-sctn .swiper-slide-active {
          width: 448px !important;
     }
     .states-sctn .swiper-slide {
          width: 130px;
          padding: 0 6px;
     }
     .states-sctn .swiper-button-next {
          right: calc(50vw - 212px);
     }
     .states-sctn .swiper-button-prev {
         left: calc(50vw - 212px);
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          --section-radius-2: 96px;
          --title-size-3: 2.875em;
          background-position: top 22vw center;
          padding-top: 178px;
          background-size: 11000px auto;
     }
     .team-pg .intro p {
          max-width: 432px;
          font-size: 1.0625em;
     }
     .team-entries.entries-v1 {
          padding-bottom: 54px;
     }
     .team-entries.entries-v1 article h4 {
          margin: 20px auto 6px;
          font-size: 1.5em;
     }
     .team-entries article h4 {
          margin: 20px auto 3px;
          font-size: 1.25em;
     }
     .team-entries article p {
          font-size: 0.9375em;
          line-height: 1.4;
     }
     .team-entries a.more {
          --bs-btn-padding-x: 2.25rem;
          --bs-btn-padding-y: 1.375rem;
     }
     .member-pp {
          --bs-modal-padding: 3rem 1.5rem;
     }
     .member-pp .row .col:last-child {
          flex: 0 0 58%;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 32vw center;
          padding-top: 178px;
     }
     .ambassadors.team-pg .intro p {
          max-width: 454px;
     }
     .ambassadors .team-entries article h4 {
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .hero p {
          --section-radius-1: 168px;
          --section-radius-2: 120px;
     }
     .support-pg .hero p,
     .support-pg .intro p,
     .support-pg .intro .info .box p {
          font-size: 1.0625em;
     }
     .support-pg .hero p {
          max-width: 560px;
     }
     .support-pg .grp_sections .item.row {
          padding-bottom: 120px;
     }
     .support-pg .grp_sections .item h2.title {
          margin-bottom: 1.125rem;
          font-size: 2em;
     }
     .support-pg .intro .container-fluid {
          max-width: 658px;
     }
     .support-pg .grp_sections .item p {
          margin-bottom: 1.125rem;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-2: 150px;
     }
     .grantee-prms.support-pg .grp_sections {
          padding-top: 10vw;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .top.row {
          padding-bottom: 72px;
     }
     #footer .top.row .right.col {
          width: 378px;
     }
     #footer .bottom.row .col {
          flex: 0 0 auto;
          width: auto;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
     :root {
          --section-radius-1: 154px;
          --section-radius-2: 120px;
          --title-size-1: 2.5em;
          --title-size-2: 1.5em;
          --title-size-3: 2.875em;
     }
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .wrapper {
          max-width: 460px;
     }
     #home-hero h2.slide-title {
          font-size: 2.875em;
     }
     #home-hero article.box {
          width: 312px;
     }
     #home-hero article.box .col:first-child {
          flex: 0 0 124px;
     }
     #home-intro .purple-bg {
          padding: 144px 0 120px;
     }
     #home-intro .container-fluid {
          max-width: 548px;
     }
     .grp_sections .white-bg {
          padding-top: 30px;
     }
     .grp_sections .item.row {
          flex-wrap: wrap;
          padding-bottom: 120px;
     }
     .grp_sections .item .col:first-child {
          flex: 0 0 100%;
     }
     .grp_sections .item .col:first-child img {
          margin: auto auto 48px auto;
     }
     .grp_sections .item .col:last-child {
          flex: 0 0 100%;
          text-align: center !important;
     }
     .grp_sections .item .wrapper {
          max-width: 594px !important;
     }
     .grp_sections .item h2.title {
          font-size: 2.5em;
     }
     .donate-sctn article .img {
          max-width: 144px;
     }
     .events-carousel-sctn .swiper-slide {
          width: 460px;
     }
     .events-carousel-sctn article .row {
          --bs-gutter-x: 1.5rem;
     }
     .events-carousel-sctn article h3 {
          max-width: 238px;
          padding-bottom: 30px;
     }
     .news-carousel-sctn .swiper-slide {
          width: 308px;
     }
     .news-carousel-sctn article .wrapper {
          padding: 20px 18px 42px;
     }
/*
      ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote p {
          font-size: 1.75em;
     }
     .story-pg .hero blockquote {
          max-width: 372px;
          padding-left: 64px;
     }
     .story-pg .hero img.quote {
          width: 20px;
     }
     .feat-story .container-fluid {
          --section-radius-2: 136px;
     }
     .feat-story .item p {
          font-size: 1.5em;
     }
     .feat-story .item .wrapper {
          max-width: 378px !important;
     }
     .feat-story .concl.item p {
          font-size: 1.75em;
     }
     .timeline .top-entries {
          padding-top: 136px;
     }
     .timeline .top-entries .item {
          padding-bottom: 102px;
          text-align: center !important;
     }
     .timeline .top-entries .item:nth-child(2n+1) .col:first-child {
         order: 1;
     }
     .timeline .top-entries .item:nth-child(2n+1) .col:last-child {
         order: 2;
     }
     .timeline .top-entries .item .col:first-child {
          max-width: 336px;
          margin: auto;
     }
     .timeline .top-entries .item .wrapper {
          max-width: 424px !important;
          background-color: #fff;
          padding: 24px 0;
     }
     .timeline .top-entries .item p {
          font-size: 1.125em;
     }
     .timeline .entries .container-fluid h2 {
          margin-bottom: 12px;
          font-size: 2.5em;
     }
     .timeline .entries .container-fluid p {
          font-size: 1em;
     }
     .timeline .entries .item.col {
          padding: 112px 48px 66px;
     }
     .timeline .entries time {
          font-size: 60px;
     }
     .timeline .entries .item.col {
          padding: 140px 48px 26px;
     }
     .timeline .entries ul li {
          width: 340px;
     }
     .timeline .entries .item .row {
          --bs-gutter-x: 3rem;
     }
     .timeline .entries .img {
          max-width: 278px;
          margin-top: -202px;
     }
     .timeline .entries .img img {
          height: 166px;
     }
     .timeline .entries .item:after {
          top: 208px;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .feat-blog-post .img {
          padding-top: 68%;
     }
     .post-entry .col:first-child {
          flex: 0 0 35%;
     }
     .post-entry .col:last-child {
          flex: 0 0 65%;
          max-width: none;
     }
     .post-entry a h3 {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .blog-post-pg .all-posts a {
          padding: 12px 0 12px 66px;
     }
     .blog-post-pg .all-posts a .arrow {
          width: 54px;
          height: 36px;
     }
     .blog-post-pg .all-posts a .arrow:after {
          background-size: 9px auto;
     }
     .blog-post .container-fluid {
          font-size: 1em;
     }
     .blog-post .container-fluid,
     .blog-post-pg .next-post .container-fluid {
          padding-bottom: 96px;
     }
     .blog-post header {
          padding-bottom: 42px;
     }
     .blog-post header .col:first-child {
          flex: 0 0 100%;
          padding-bottom: 18px;
     }
     .blog-post header h1,
     .blog-post header h2 {
          font-size: 2.25em;
     }
     .blog-post .m-img {
          padding-bottom: 66px;
     }
     .blog-post h3 {
         font-size: 1.5em;
     }
     .blog-post h4 {
         font-size: 1.25em;
     }
     .blog-post h5 {
         font-size: 1.125em;
     }
     .blog-post h6 {
         font-size: 1em;
     }
     .blog-post figure {
          margin: 66px auto 72px;
     }
     .blog-post figure .row {
          --bs-gutter-x: 12px;
     }
     .feat-blog-post h2 {
          font-size: 1.5em;
     }
     .next-post .feat-blog-post a.wrapper {
          padding: 48px 12px 30px 24px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-pg .intro {
          padding-bottom: 36px;
     }
     .events-entry {
          margin-bottom: 36px;
          padding: 18px;
     }
     .events-entry .col:last-child {
          flex: 0 0 30%;
     }
     .events-entry header .day {
          font-size: 48px;
     }
     .events-entry header .col:first-child {
          flex: 0 0 92px;
     }
     .events-entry header h3 {
          font-size: 1.75em;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .hivinac-pg {
          --title-size-3: 2.5em;
          --section-radius-1: 102px;
     }
     .hivinac-pg #home-hero .wrapper .logo {
          max-width: 160px;
     }
     #home-hero h2.slide-title {
          font-size: 2.75em;
     }
     .hivinac-pg #home-hero .sponsored {
          margin-top: 24px;
     }
     #home-hero article.video.box {
          width: 354px;
     }
     #home-hero article.video.box .col:first-child {
          flex: 0 0 166px;
     }
     #home-hero article.video.box p {
          font-size: 0.9375em;
          margin-bottom: 0;
     }
     #home-hero article.video.box h2 {
          font-size: 1.125em;
          margin-top: 0;
     }
     .video-carousel-sctn .white-bg {
          --section-radius-2: 84px;
          padding-bottom: 48px;
     }
     .video-carousel-sctn .main {
          margin-bottom: 18px;
     }
     .video-carousel-sctn .main article {
          padding-top: 65%;
     }
     .video-carousel-sctn .main .row {
          --bs-gutter-x: 1.5rem;
     }
     .video-carousel-sctn .main .text-wrapper {
          padding: 12px;
     }
     .video-carousel-sctn .main .play-btn {
          flex: 0 0 54px;
          height: 54px;
     }
     .video-carousel-sctn .main h3 {
          font-size: 1.375em;
     }
     .video-carousel-sctn .main p {
          font-size: 1.125em;
     }
     .video-carousel-sctn .thumbs article h4 {
          font-size: 1.125em;
     }
     .video-carousel-sctn .thumbs article .img {
          padding-top: 75%;
     }
     .video-carousel-sctn .swiper-button-next {
          bottom: -6px;
     }
     .video-carousel-sctn .thumbs {
          margin-right: 0;
          padding-bottom: 30px;
     }
     .hivinac-2cols .col {
          flex: 0 0 100%;
          padding-bottom: 36px;
     }
     .hivinac-2cols .col:first-child {
          max-width: none;
     }
     .hivinac-campaign .form {
          padding-top: 2rem;
     }
     .hivinac-campaign .form .box {
          padding: 30px 24px;
     }
     .hivinac-campaign .form .copy {
          bottom: 12px;
          right: 12px;
          padding: 6px 0 6px 24px;
          background-size: 17px auto;
     }
     .hivinac-join-sctn {
          padding: 66px 0 18px;
     }
     .supporters-carousel-sctn .white-bg {
          --section-radius-2: 84px;
          padding: 84px 0;
     }
     .supporters-carousel-sctn article a .img {
          padding-top: 62%;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 320px;
          padding-right: 24px;
     }
     .supporters-carousel-sctn article a h3 {
          padding-top: 16px;
          font-size: 1.25em;
     }
     .hivinac-campaign-2 p {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg {
          --title-size-1: 2.125em;
          --title-size-3: 2.5em;
     }
     .lifebeat-history .white-bg {
          padding: 92px 0 54px;
     }
     .lifebeat-history .main .img {
          width: 228px;
          height: 228px;
     }
     .lifebeat-history .thumbs .swiper-slide {
          width: 84px;
          padding-bottom: 12px;
     }
     .lifebeat-history .thumbs .swiper-slide:hover p {
         border-bottom-color: transparent;
     }
     .lifebeat-pg .info .item {
          padding: 24px 0;
     }
     .lifebeat-pg .info .item h4 {
          font-size: 1.25em;
     }
     .lifebeat-pg .events-carousel-sctn .white-bg {
          padding: 102px 0 78px;
     }
     .lifebeat-pg .events-carousel-sctn .logos .row {
          --bs-gutter-x: 24px;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about .history .value .num {
          font-size: 30px;
          font-weight: 500;
     }
     .lifebeat-about .history .value p {
          font-size: 1em;
     }
     .lifebeat-about .history .value {
          padding-left: 0;
     }
     .lifebeat-about .history .col:nth-child(4) {
          height: 432px;
     }
     .lifebeat-about .history .col:nth-child(3) {
          height: 366px;
     }
     .lifebeat-about .history .col:nth-child(2) {
          height: 302px;
     }
     .lifebeat-about .history .row {
          padding-top: 66px;
     }
     .about-members-sctn .main {
          width: 100%;
     }
     .about-members-sctn .members {
          width: 100%;
          max-width: none;
     }
     .about-members-sctn .member.selected {
          display: flex;
          align-items: flex-start;
          flex-wrap: wrap;
          max-width: 532px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 66px;
     }
     .about-members-sctn .main h3.section-title {
          text-align: center;
     }
     .about-members-sctn .member.selected .img {
          flex: 0 0 202px;
          height: 248px;
          padding-top: 0;
          border-top-left-radius: 96px;
     }
     .about-members-sctn .member.selected .wrapper {
          flex: 0 0 calc(100% - 202px);
          padding-left: 30px;
     }
     .about-members-sctn .member.selected p.jb,
     .about-members-sctn .member.selected p.prns {
          margin-bottom: 1rem;
     }
     .lifebeat-about .history p,
     .about-members-sctn .member.selected p {
          font-size: 1em;
     }
     .about-members-sctn .swiper {
          padding: 36px 0 24px;
     }
     .about-members-sctn .members .swiper-wrapper {
          flex-wrap: nowrap;
     }
     .about-members-sctn .members .swiper-slide {
         width: 100%;
     }
     .about-members-sctn .members .member {
          margin-left: 0;
     }
     .about-members-sctn .swiper-button-next,
     .about-members-sctn .swiper-button-prev,
     .states-sctn .thumbs .swiper-button-next,
     .states-sctn .thumbs .swiper-button-prev {
          display: block;
          top: auto;
          bottom: 0;
          width: 54px;
          height: 36px;
          border: 1px solid rgba(255, 255, 255, 1);
          border-radius: 24px;
          -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
     }
     .about-members-sctn .swiper-button-next:hover,
     .about-members-sctn .swiper-button-prev:hover,
     .states-sctn .thumbs .swiper-button-next:hover,
     .states-sctn .thumbs .swiper-button-prev:hover {
          border-color: rgba(255, 255, 255, 0.7);
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
     }
     .about-members-sctn .swiper-button-next,
     .states-sctn .thumbs .swiper-button-next {
          right: calc(50% - 60px);
     }
     .about-members-sctn .swiper-button-prev,
     .states-sctn .thumbs .swiper-button-prev {
          left: calc(50% - 60px);
     }
     .about-members-sctn .swiper-button-next:after,
     .about-members-sctn .swiper-button-prev:after,
     .states-sctn .thumbs .swiper-button-next:after,
     .states-sctn .thumbs .swiper-button-prev:after {
          display: block;
          width: 54px;
          height: 36px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px auto;
          content: ' ';
     }
     .about-members-sctn .swiper-button-next:after {
          background-image: url(../images/icon-arrow-right-white.svg);
     }
     .about-members-sctn .swiper-button-prev:after {
          background-image: url(../images/icon-arrow-left-white.svg);
     }
     .about-members-sctn .members a.member {
          margin-left: 0;
     }
     .about-members-sctn .members .member .img {
          border-top-left-radius: 36px;
     }
     .states-sctn .swiper-slide .state_entry .wrapper {
          max-width: 230px;
     }
     .states-sctn .swiper-slide-active {
          width: 420px !important;
     }
     .states-sctn .swiper-button-next {
          right: calc(50vw - 180px);
     }
     .states-sctn .swiper-button-prev {
         left: calc(50vw - 180px);
     }
/*
     ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about .hero .text,
     .council-sctn .intro p,
     .states-sctn .intro p,
     .states-sctn .selected-state p {
          font-size: 1em;
     }
     .council-sctn .intro {
          margin-bottom: 30px;
     }
     .members-sctn .col {
          flex: 0 0 33.333%;
          margin-bottom: 36px;
     }
     .members-sctn article h4 {
          margin-bottom: 6px;
          font-size: 1.25em;
          font-weight: 500;
     }
     .states-sctn .intro .container-fluid {
          padding-bottom: 30px;
     }
     .states-sctn .selected-state {
          min-height: inherit;
          margin-left: 0;
          padding: 48px 12px;
          margin-bottom: 30px;
          text-align: center;
     }
     .states-sctn .selected-state .bg {
          object-position: 50% 50%;
     }
     .states-sctn .selected-state p {
          max-width: none;
     }
     .states-sctn .states .row .thumbs.col,
     .states-sctn .states .row .main.col {
          width: 100%;
     }
     .states-sctn .thumbs .swiper-button-next,
     .states-sctn .thumbs .swiper-button-prev {
          display: block;
          border-color: #716E6A;
     }
     .states-sctn .thumbs .swiper-button-next:hover,
     .states-sctn .thumbs .swiper-button-prev:hover {
         border-color: #5F259F;
         box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
     }
     .states-sctn .thumbs .swiper-button-next:after {
          background-image: url(../images/icon-arrow-right.svg);
     }
     .states-sctn .thumbs .swiper-button-prev:after {
          background-image: url(../images/icon-arrow-left.svg);
     }
     .states-sctn .thumbs .swiper-wrapper {
          flex-wrap: nowrap;
          padding-bottom: 60px;
     }
     .states-sctn .thumbs .swiper-slide {
          width: 25%;
     }
     .states-sctn .swiper-slide .state_entry .wrapper h3 {
          margin-bottom: 24px;
          font-size: 1.875em;
     }
     .states-sctn .swiper-slide .state_entry .wrapper .logo {
          margin-bottom: 18px;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          --title-size-3: 2.5em;
          background-position: top 38vw center;
     }
     .team-entries.entries-v1 article h4 {
          font-size: 1.375em;
     }
     .team-pg .intro p {
          max-width: 370px;
     }
     .team-entries.entries-v2 {
          padding: 54px 0 48px;
     }
     .team-entries article h4 {
          font-size: 1.25em;
     }
     .team-entries article p {
          line-height: 1.4;
     }
     .team-entries.entries-v2 .row {
          --bs-gutter-x: 24px;
     }
     .team-entries.entries-v2 .col {
          flex: 0 0 33.333%;
     }
     .member-pp {
          --bs-modal-padding: 3rem 1.5rem 1.5rem;
     }
     .member-pp header h4 {
          font-size: 1.875em;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 49vw center;
          background-size: 10000px auto;
     }
     .ambassadors.team-pg .intro p {
          max-width: 358px;
     }
     .ambassadors .team-entries.entries-v2 .row {
          --bs-gutter-x: 12px;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .grp_sections .white-bg {
          padding-top: 84px;
          border-top-left-radius: var(--section-radius-2);
     }
     .support-pg .grp_sections .section-title {
          margin-bottom: 66px;
     }
     .support-pg .grp_sections .container-fluid {
          max-width: 612px;
     }
     .support-pg .grp_sections .item h2.title {
          font-size: 2.25em;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-2: 120px;
     }
     .grantee-prms.support-pg .hero h2,
     .grantee-prms.support-pg .hero p {
          max-width: 496px;
     }
     .grantee-prms.support-pg .grp_sections .item h2.title {
          font-size: 2.25em;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer {
          padding: 30px 0 12px;
          font-size: 0.9375em;
     }
     #footer .top.row {
          padding-bottom: 36px;
     }
     #footer .top.row .row .col {
          flex: 0 0 100%;
          max-width: none;
          padding-bottom: 30px;
     }
     #footer .top.row .right.col {
          width: 336px;
     }
     #footer .newsletter .btn {
          padding: 6px;
     }
     #footer .newsletter .form-control {
          padding-right: 36px;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
/* 
/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
/*
     ⤵︎ =============  EVENTS
*/
     .events-entry {
          padding: 36px;
     }
     .events-entry .col:first-child {
          flex: 0 0 100%;
          order: 2;
     }
     .events-entry .col:last-child {
          flex: 0 0 100%;
          order: 1;
     }
     .events-entry .img {
          margin-bottom: 1.875rem;
     }
     .events-entry header.row {
          padding-bottom: 1.5rem;
     }
     .events-entry header .col:first-child {
          flex: 0 0 128px;
          order: 1;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event header h1 {
          max-width: none;
     }
     .single-event header .col:last-child {
          flex: 0 0 100%;
          text-align: left;
     }
     .single-event .feat-img {
          margin-bottom: 48px;
     }
     .single-event .body .col:first-child {
          flex: 0 0 100%;
          padding-bottom: 48px;
     }
     .single-event .body .col:last-child {
          flex: 0 0 100%;
     }
     .single-event .body .item {
          padding-bottom: 18px;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
     :root {
          --bs-body-font-size: .938rem;
          --section-radius-1: 108px;
          --section-radius-2: 90px;
          --title-size-1: 2.125em;
          --title-size-2: 1.375em;
          --title-size-3: 2.5em;
     }
     .btn {
          --bs-btn-padding-y: 0.875rem;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header .col.logo {
          flex: 0 0 208px;
     }
     #header .donate-btn {
          --bs-btn-padding-x: 1rem;
          --bs-btn-padding-y: .75rem;
          font-size: 16px;
     }
     #header .navbar-toggler-icon {
          width: 42px;
          height: 42px;
     }
     #header .offcanvas {
          --bs-offcanvas-width: 300px;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .wrapper {
          max-width: 376px;
     }
     #home-hero h2.slide-title {
          font-size: 2.25em;
          font-weight: 600;
     }
     #home-hero article.box {
          width: 280px;
     }
     #home-hero article.box .row {
          --bs-gutter-x: 12px;
     }
     #home-hero article.box .col:first-child {
          flex: 0 0 108px;
     }
     #home-hero article.box h3 {
          font-size: 12px;
     }
     #home-hero article.box time {
          font-size: 14px;
     }
     #home-intro p {
          max-width: 372px;
          font-size: 1em;
     }
     #home-intro .purple-bg {
          padding: 120px 0 96px;
     }
     .grp_sections .item.row {
          padding-bottom: 96px;
     }
     .grp_sections .item h2.title {
          font-size: 2.125em;
     }
     .grp_sections .item .col:first-child img {
          margin-bottom: 36px;
     }
     .grp_sections .item p {
          font-size: 1em;
     }
     .grp_sections .item .cta a.btn {
          margin-top: 6px;
          min-width: 160px;
     }
    .donate-sctn .row,
    .donate-sctn .container-fluid a.cta {
        display: none;
    }
    .donate-sctn a.cta {
        display: inline-block;
        --bs-btn-padding-x: 12px;
        margin: 0 calc(var(--bs-gutter-x) * .5);
        
    }
    .donate-sctn .mb {
        display: block;
    }
    .donate-sctn .swiper {
        padding-bottom: 36px;
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .donate-sctn .swiper-slide {
        width: 50vw;
    }
     .events-carousel-sctn {
          padding-bottom: 96px;
     }
     .events-carousel-sctn article .row {
          --bs-gutter-x: 12px;
     }
     .events-carousel-sctn .swiper-slide {
          width: 360px;
     }
     .events-carousel-sctn article a {
          padding: 18px;
     }
     .events-carousel-sctn article h3 {
          padding-bottom: 24px;
     }
     .events-carousel-sctn .swiper-button-next,
     .events-carousel-sctn .swiper-button-prev,
     .news-carousel-sctn .swiper-button-next,
     .news-carousel-sctn .swiper-button-prev,
     .supporters-carousel-sctn .swiper-button-next,
     .supporters-carousel-sctn .swiper-button-prev,
     .video-carousel-sctn .swiper-button-next,
     .video-carousel-sctn .swiper-button-prev,
     .lifebeat-history .thumbs .swiper-button-next,
     .lifebeat-history .thumbs .swiper-button-prev {
          width: 48px;
          height: 32px;
     }
     .events-carousel-sctn .swiper-button-prev,
     .news-carousel-sctn .swiper-button-prev,
     .supporters-carousel-sctn .swiper-button-prev {
          right: calc((var(--bs-gutter-x) / 2) + 48px + 6px);
     }
     .events-carousel-sctn h2.section-title {
          margin-bottom: 30px;
          font-weight: 600;
     }
     .news-carousel-sctn article .row {
          padding-bottom: 30px;
     }
     .news-carousel-sctn .swiper-slide {
          width: 260px;
          padding-top: 24px;
     }
     .events-carousel-sctn article p.location,
     .events-carousel-sctn article time {
          font-size: 1em;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote {
          max-width: 336px;
          padding-left: 52px;
     }
     .feat-story .container-fluid {
          --section-radius-2: 82px;
     }
     .feat-story .item p {
          font-size: 1.375em;
     }
     .feat-story .item .wrapper {
          max-width: 318px !important;
     }
     .feat-story .concl.item p {
          font-size: 1.5em;
     }
     .feat-story .concl.item a.btn {
          margin-top: 30px;
     }
     .timeline .entries .item.col:last-child {
          padding-right: 3rem;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-pg #main {
          padding: 160px 0 102px;
     }
     .feat-blog-post a.wrapper {
          padding: 48px 8.5%;
          text-align: center;
     }
     .post-entries h2.title {
          text-align: center;
     }
     .post-entry .col:first-child {
          flex: 0 0 100%;
          margin: 0 auto 30px;
          max-width: 278px;
     }
     .post-entry .col:last-child {
          flex: 0 0 100%;
          max-width: none;
          text-align: center;
     }
     .post-entry a h3 {
          font-size: 1.75em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .blog-post-pg .all-posts a {
          margin-bottom: 60px;
          padding: 6px 0 6px 60px;
     }
     .blog-post-pg .all-posts a .arrow {
          width: 48px;
          height: 32px;
     }
     .blog-post header h1,
     .blog-post header h2 {
          font-size: 2em;
     }
     .blog-post h2,
     .blog-post h3,
     .blog-post h4,
     .blog-post h5,
     .blog-post h6 {
          margin-bottom: 1.875rem;
     }
     .blog-post figure {
          margin: 54px auto 60px;
     }
     .blog-post p,
     .blog-post ul,
     .blog-post ol {
          margin-bottom: 1.25rem;
     }
     .blog-post figure .row {
          --bs-gutter-x: 6px;
     }
     .next-post .feat-blog-post .text,
     .next-post .feat-blog-post .img {
          width: 100%;
     }
     .next-post .feat-blog-post .img {
          padding-top: 68%;
     }
     .next-post .feat-blog-post h2 {
          max-width: none;
     }
     .next-post .feat-blog-post a.wrapper {
          padding: 30px 8.5%;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-entry {
          padding: 18px;
     }
    .events-entry p {
        display: none;
    }
    .events-entry header .time {
        display: block;
    }
    .events-entry a .btn {
        display: block;
        max-width: 174px;
        margin: 18px auto auto;
    }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event .container-fluid {
          padding-top: 160px;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg {
          --title-size-1: 1.875em;
          --title-size-3: 2.125em;
     }
     .lifebeat-pg .hero .logo {
          max-width: 354px;
     }
     .lifebeat-pg .intro .purple-bg {
          padding: 66px 0;
     }
     .lifebeat-history .white-bg {
          padding: 84px 0 30px;
     }
     .lifebeat-history .main .img {
          width: 212px;
          height: 212px;
     }
     .lifebeat-history .thumbs .swiper-wrapper {
          height: auto !important;
     }
     .lifebeat-pg .info {
          padding: 84px 0 54px;
     }
     .lifebeat-pg .supporters-carousel-sctn .white-bg {
          padding: 72px 0 96px;
     }
     .lifebeat-pg .supporters-carousel-sctn article a .title .lbt-badge {
          width: 42px;
     }
     .lifebeat-pg .supporters-carousel-sctn article a .title {
          margin-top: 16px;
          padding-left: 52px;
     }
     .lifebeat-pg .events-carousel-sctn .logos .col {
         max-width: 40%;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about {
          --title-size-3: 2.5em;
     }
     .lifebeat-about .intro {
          padding: 178px 0 108px;
     }
     .lifebeat-about .intro p {
          font-size: 1.0625em;
     }
     .lifebeat-about .history .white-bg {
          padding-top: 78px;
     }
     .lifebeat-about .history .value p {
          font-size: 1em;
     }
     .lifebeat-about .history .col:nth-child(1) {
          height: 208px;
     }
     .lifebeat-about .history .col:nth-child(2) {
          height: 266px;
     }
     .lifebeat-about .history .col:nth-child(3) {
          height: 328px;
     }
     .lifebeat-about .history .col:nth-child(4) {
          height: 392px;
     }
     .lifebeat-about .history .row {
          padding-top: 30px;
          margin-top: 0 !important;
     }
     .lifebeat-about .history .outer-wrapper {
          max-width: 384px;
          text-align: center;
          margin: auto;
     }
     .about-members-sctn .member.selected .img {
          flex: 0 0 178px;
          height: 218px;
     }
     .history-sctn {
          padding: 84px 0;
     }
     .history-sctn h3.section-title {
          margin-bottom: 30px;
     }
/*
     ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about .hero .white-bg {
          padding: 172px 0 84px;
     }
     .council-sctn {
          padding: 84px 0 0;
     }
     .members-sctn .col {
          flex: 0 0 50%;
          margin-bottom: 18px;
     }
     .members-sctn article h4 {
          font-size: 1.125em;
     }
     .members-sctn article p {
          font-size: 14px;
     }
     .states-sctn {
          padding: 96px 0;
     }
     .states-sctn .selected-state h3 {
          font-size: 2.125em;
     }
     .states-sctn .swiper-slide-active {
          width: 360px !important;
     }
     .states-sctn .swiper-slide {
          width: 112px;
     }
     .states-sctn .swiper-slide .front .img {
          margin: auto auto 18px auto;
     }
     .states-sctn .swiper-button-prev,
     .states-sctn .swiper-button-next {
          width: 48px;
          height: 30px;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          --title-size-3: 2.25em;
          background-position: top 35vw center;
     }
     .team-entries.entries-v1 {
          padding-bottom: 36px;
     }
     .team-entries.entries-v1 .col {
          flex: 0 0 50%;
     }
     .team-pg .intro p {
          max-width: 274px;
     }
     .team-entries.entries-v2 {
          padding: 48px 0 60px;
     }
     .team-entries.entries-v2 .row {
          --bs-gutter-x: 12px;
     }
     .team-entries a.more {
          --bs-btn-padding-x: 2rem;
          --bs-btn-padding-y: 1.25rem;
     }
     .member-pp .row .col:last-child {
          flex: 0 0 100%;
     }
     .member-pp header {
          text-align: center;
     }
     .member-pp .col .img {
          max-width: 242px;
          margin: auto auto 30px auto;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 61vw center;
     }
     .ambassadors .team-entries.entries-v2 .row {
          --bs-gutter-x: 18px;
     }
     .ambassadors .team-entries.entries-v2 .col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .grp_sections .item.row {
          padding-bottom: 96px;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-2: 90px;
     }
     .grantee-prms.support-pg .grp_sections {
          padding-top: 14vw;
     }
     .grantee-prms.support-pg .hero h2,
     .grantee-prms.support-pg .hero p {
          max-width: 428px;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .top.row .left.col,
     #footer .top.row .right.col {
          width: 100%;
     }
     #footer .top.row .left.col {
          order: 2;
     }
     #footer .top.row .right.col {
          order: 1;
          padding-bottom: 72px;
     }
     #footer .top.row .row .col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
     :root {
          --section-radius-1: 96px;
          --section-radius-2: 72px;
          --title-size-1: 1.875em;
          --title-size-3: 2em;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header .row {
          --bs-gutter-x: 12px;
     }
     #header .col.logo {
          flex: 0 0 184px;
     }
     #header .donate-btn {
          --bs-btn-padding-x: 9px;
          --bs-btn-padding-y: 9px;
          font-size: 14px;
          margin-left: 6px;
     }
     #header.shrink {
          padding: 12px 0;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .wrapper {
        text-align: center;
        margin: auto;
     }
     #home-hero .cta-btns {
        justify-content: center;
     }
     #home-hero h2.slide-title {
          font-size: 2em;
     }
     #home-hero h2.slide-title span {
          display: block;
     }
     #home-hero .cta-btns a.btn {
          min-width: 128px;
     }
     #home-hero article.box {
          width: calc(100% - var(--bs-gutter-x));
     }
     #home-intro .purple-bg {
          padding: 102px 0 84px;
        border-top-left-radius: 0;
     }
    .grp_sections .white-bg {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .donate-sctn .purple-bg {
        border-bottom-left-radius: 0;
    }
    .donate-sctn .swiper-slide {
        width: 65vw;
    }
     .donate-sctn .row .col {
          width: 100%;
     }
     .donate-sctn article .img {
          max-width: 120px;
     }
     .donate-sctn article .img,
     .donate-sctn article .wrapper {
          padding-bottom: 18px;
     }
     .donate-sctn a.cta {
          min-width: inherit;
     }
     .events-carousel-sctn .swiper-slide {
          width: 296px;
     }
     .events-carousel-sctn article h3 {
          max-width: 306px;
          font-size: 1.25em;
          font-weight: 600;
     }
     .events-carousel-sctn article a {
          padding: 12px 9px;
     }
     .events-carousel-sctn article .col:last-child {
          flex: 0 0 45%;
     }
     .events-carousel-sctn article .col:first-child {
          flex: 0 0 55%;
     }
     .news-carousel-sctn .swiper-slide {
          width: 240px;
     }
     .news-carousel-sctn article .wrapper {
          padding: 20px 12px 36px;
     }
     .news-carousel-sctn article h3 {
          max-width: 348px;
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote {
          max-width: 284px;
          padding-left: 30px;
     }
     .story-pg .hero blockquote p {
          font-size: 2em;
     }
     .story-pg .hero img.quote {
          left: 0;
          width: 16px;
     }
    .feat-story .purple-bg {
        border-top-left-radius: 0;
    }
     .feat-story .item .col:first-child img {
          margin-bottom: 24px;
     }
     .feat-story .item p {
          font-size: 1.25em;
     }
     .feat-story .item.row {
          padding-bottom: 74px;
     }
     .feat-story .concl.item .wrapper {
          padding-top: 18px;
          padding-bottom: 96px;
     }
     .feat-story .concl.item p {
          font-size: 1.375em;
     }
    .timeline .white-bg {
        border-top-left-radius: 0;
    }
     .timeline .top-entries {
          padding-top: 108px;
     }
     .timeline .top-entries .item {
          padding-bottom: 84px;
     }
     .timeline .top-entries .item time {
          font-size: 84px;
     }
     .timeline .entries .container-fluid h2 {
          font-size: 2.125em;
     }
     .timeline .entries .container-fluid {
          padding-top: 60px;
          padding-bottom: 36px;
     }
     .timeline .entries time {
          margin-bottom: 24px;
          font-size: 48px;
     }
     .timeline .entries ul li {
          width: 55vw;
          margin-bottom: 12px;
     }
     .timeline .entries .item .row {
          --bs-gutter-x: 2rem;
     }
     .timeline .entries .img img {
          height: 140px;
     }
     .timeline .entries .img {
          margin-top: -168px;
          max-width: 196px;
     }
     .timeline .entries .item.col {
          padding: 96px 36px 60px;
          font-size: 14px;
     }
     .timeline .entries .item:after {
          top: 152px;
          height: 1px;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .feat-blog-post .img {
          padding-top: 80%;
     }
     .feat-blog-post a.wrapper {
          padding: 36px 12px 48px;
     }
     .feat-blog-post h2 {
          font-size: 1.875em;
     }
     .post-entry .col:first-child {
          max-width: 260px;
     }
     .post-entries h2.title {
          padding-bottom: 36px;
          font-size: 1.75em;
     }
     .post-entry a h3 {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .blog-post .container-fluid,
     .blog-post-pg .next-post .container-fluid {
          padding-bottom: 72px;
     }
     .blog-post header h1,
     .blog-post header h2 {
          font-size: 1.875em;
     }
     .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {
          margin-bottom: 1.5rem;
     }
     .blog-post figure {
          margin: 42px auto 48px;
     }
     .blog-post footer {
          margin-top: 48px;
     }
     .blog-post footer .share .row {
          justify-content: flex-start !important;
     }
     .blog-post footer .row .author,
     .blog-post footer .row .share {
          flex: 0 0 100% !important;
     }
     .blog-post footer .author {
          padding-bottom: 24px;
          line-height: 1.5;
          color: rgba(0, 0, 0, 0.6);
     }
     .next-post .feat-blog-post .img {
          padding-top: 80%;
     }
     .next-post .feat-blog-post h2 {
          font-size: 1.5em;
     }
     .next-post .feat-blog-post a .btn {
          margin-top: 0;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-pg #main {
          padding: 144px 0 90px;
     }
     .events-pg .intro h2.section-title {
          margin-bottom: 1rem;
          font-size: 2.5em;
     }
     .events-entry {
          padding: 12px;
     }
     .events-entry header .day {
          font-size: 42px;
     }
     .events-entry header .month {
          font-size: 14px;
     }
     .events-entry header .col:first-child {
          flex: 0 0 80px;
     }
     .events-entry header h3 {
          font-size: 1.5em;
     }
     .events-entry a .btn {
          margin-top: 12px;
     }
     .events-pg #main .more .btn {
          min-width: 196px;
          margin-top: 30px;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  SINGLE EVENT
*/
     .single-event header h1 {
          font-size: 1.75em;
     }
     .single-event header .date {
          padding-bottom: 9px;
          font-size: 1.375em;
     }
     .single-event .body .item ul {
          font-size: 1.0625em;
     }
/*
     ⤴︎ =============  end SINGLE EVENT
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .hivinac-pg {
          --title-size-2: 1.875em;
          --title-size-3: 2em;
          --section-radius-1: 102px;
     }
     .hivinac-pg #home-intro .purple-bg {
          padding: 90px 0 78px;
     }
     .hivinac-pg #home-hero .wrapper .logo {
          max-width: 148px;
          margin-left: auto;
          margin-right: auto;
     }
     #home-hero article.video.box {
          width: calc(100% - var(--bs-gutter-x));
     }
     #home-hero article.video.box .col:first-child {
          flex: 0 0 144px;
     }
     .video-carousel-sctn .white-bg {
          border-top-left-radius: 0;
          border-bottom-right-radius: 0;
          padding: 60px 0;
     }
     .video-carousel-sctn .main .row .col {
          flex: 0 0 100%;
     }
     .video-carousel-sctn .main article {
          padding-top: 80%;
     }
     .video-carousel-sctn .main .play-btn {
          flex: 0 0 44px;
          height: 44px;
     }
     .video-carousel-sctn .main p {
          padding-top: 12px;
          font-size: 1em;
     }
     .video-carousel-sctn .thumbs article h4 {
          font-size: 1.0625em;
     }
     .video-carousel-sctn .thumbs article .play-btn {
          bottom: 6px;
          left: 6px;
          width: 30px;
          height: 30px;
     }
     .hivinac-campaign,
     .hivinac-join-sctn {
          padding: 72px 0;
          text-align: center;
     }
     .hivinac-2cols .col {
          padding-bottom: 24px;
     }
     .hivinac-campaign-2 h2,
     .hivinac-campaign-2 .img {
          margin-bottom: 30px;
     }
     .hivinac-campaign .form .box {
          padding: 20px 12px 60px;
     }
     .hivinac-pg #home-hero .swiper p,
     .hivinac-pg #home-intro p,
     .hivinac-2cols p,
     .hivinac-campaign .form .box {
          font-size: 1em;
     }
     .hivinac-2cols blockquote p {
          font-size: 1.125em;
     }
     .hivinac-2cols p,
     .hivinac-campaign .form .box p {
          margin-bottom: 1.25rem;
     }
     .hivinac-2cols .col:last-child {
          padding-bottom: 0;
     }
     .supporters-carousel-sctn .white-bg {
          padding: 66px 0;
     }
     .supporters-carousel-sctn .section-title-1 {
          padding-right: 0;
          padding-bottom: 78px;
          margin-bottom: 18px;
          text-align: center;
     }
     .supporters-carousel-sctn .swiper-button-next,
     .supporters-carousel-sctn .swiper-button-prev {
          bottom: 0;
          top: auto;
     }
     .supporters-carousel-sctn .swiper-button-next {
          right: calc(50% - 54px);
     }
     .supporters-carousel-sctn .swiper-button-prev {
          left: calc(50% - 54px);
          right: auto;
     }
     .supporters-carousel-sctn .swiper {
          padding-top: 12px;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 260px;
          padding-right: 18px;
     }
     .supporters-carousel-sctn article .play-btn {
          width: 54px;
          height: 54px;
     }
     .supporters-carousel-sctn article a h3 {
          padding-top: 16px;
          font-size: 1.125em;
     }
     .hivinac-campaign-2 p {
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg {
          --section-radius-1: 0;
          --section-radius-2: 0;
          --title-size-1: 1.75em;
          --title-size-3: 2em;
     }
     .lifebeat-pg .intro p,
     .lifebeat-history p,
     .lifebeat-pg .info p,
     .lifebeat-pg .supporters-carousel-sctn .container-fluid p {
          font-size: 1em;
     }
     .lifebeat-history .white-bg {
          padding: 72px 0 18px;
     }
     .lifebeat-history .section-title-2 {
          margin-bottom: 1.5rem;
     }
     .lifebeat-pg .info {
          padding: 66px 0 48px;
     }
     .lifebeat-pg .info .item {
          padding: 30px 0;
     }
     .lifebeat-pg .info .item .col:first-child,
     .lifebeat-pg .info .item .col:last-child {
          flex: 1 0 100%;
          text-align: center;
     }
     .lifebeat-pg .info .item h4 {
          font-size: 1.375em;
          padding-bottom: 6px;
     }
     .lifebeat-pg .supporters-carousel-sctn .container-fluid .wrapper {
          padding-bottom: 72px;
          padding-right: 0;
          margin-bottom: 12px;
     }
     .lifebeat-pg .supporters-carousel-sctn .swiper {
          padding-top: 18px;
     }
     .supporters-carousel-sctn .container-fluid {
          text-align: center;
     }
     .supporters-carousel-sctn .white-bg {
          --section-radius-2: 0;
     }
     .lifebeat-pg .events-carousel-sctn .logos {
          padding-top: 66px;
     }
     .lifebeat-pg .events-carousel-sctn .logos .col {
          max-width: 60%;
     }
     .lifebeat-pg .events-carousel-sctn .white-bg {
          padding: 66px 0 54px;
     }
     .lifebeat-pg .events-carousel-sctn .logos h5 {
          margin-bottom: 24px;
          font-size: 1.125em;
      }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about .history .white-bg {
          border-bottom-right-radius: 0;
     }
     .lifebeat-about .history .col {
          height: auto !important;
          flex: 0 0 100% !important;
     }
     .lifebeat-about .history .value {
          padding: 12px 0 12px 12px;
          margin-bottom: 36px;
     }
     .lifebeat-about .history .value p {
          max-width: none !important;
          margin-bottom: 0;
     }
     .about-members-sctn {
          padding: 84px 0;
     }
     .about-members-sctn .member.selected {
          display: block;
          text-align: center;
     }
     .about-members-sctn .member.selected .img {
          height: 222px;
          width: 184px;
          margin: auto auto 30px auto;
          border-top-left-radius: 78px;
     }
     .about-members-sctn .member.selected .wrapper {
          padding-left: 0;
     }
     .lifebeat-members-sctn .white-bg {
          padding: 84px 0;
          border-bottom-right-radius: 0;
     }
/*
     ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about {
          --title-size-3: 2.25em;
     }
     .hivinac-about .hero .white-bg {
          padding: 160px 0 72px;
          border-bottom-right-radius: 0;
     }
     .hivinac-about .council-sctn .about-members-sctn {
          padding: 36px 0 78px;
     }
     .states-sctn {
          padding: 72px 0;
     }
     .states-sctn .selected-state {
          padding: 30px 0;
          margin-top: 30px;
     }
     .states-sctn .state {
          padding: 0 6px;
     }
     .states-sctn .swiper-button-prev,
     .states-sctn .swiper-button-next {
          width: 54px;
          height: 36px;
          transform: translateY(0) !important;
          top: auto !important;
          bottom: 0;
     }
     .states-sctn .swiper-button-next {
          right: calc(50% - 60px);
     }
     .states-sctn .swiper-button-prev {
          left: calc(50% - 60px);
     }
     .states-sctn .swiper {
          padding-bottom: 60px;
     }
     .states-sctn .swiper-slide-active {
          width: 60vw !important;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          background-position: top 238px center;
          padding-top: 160px;
          background-size: 11500px auto;
     }
     .team-pg .intro p {
          max-width: 278px;
          font-size: 1em;
     }
     .team-pg .intro .container-fluid,
     .team-entries.entries-v1.container-fluid {
          max-width: 396px;
     }
     .team-entries.entries-v1 .col {
          flex: 0 0 100%;
     }
     .team-entries.entries-v1 article h4 {
          font-size: 1.5em;
     }
     .team-entries h3.section-title {
          margin-bottom: 1.375rem;
          font-size: 1.875em;
     }
     .team-entries.entries-v2 .col {
          flex: 0 0 50%;
     }
     .team-entries .intro {
          padding-bottom: 24px;
     }
     .member-pp {
          --bs-modal-padding: 3rem 1rem 1rem;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 69vw center;
          padding-top: 154px;
     }
     .ambassadors.team-pg .intro .container-fluid {
          max-width: none;
     }
     .ambassadors.team-pg .intro p {
          max-width: 220px;
     }
     .ambassadors .team-entries article h4 {
          font-size: 1.125em;
     }
     .ambassadors .team-entries.entries-v2 .row {
          --bs-gutter-x: 12px;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .intro .info .box {
          padding: 24px;
     }
     .support-pg .intro .purple-bg {
          padding: 54px 0;
          border-top-left-radius: 0;
     }
     .support-pg .grp_sections .white-bg {
          padding-top: 66px;
          border-top-left-radius: 0;
     }
     .support-pg .grp_sections .section-title {
          margin-bottom: 54px;
     }
     .support-pg .grp_sections .item h2.title {
          font-size: 2.125em;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms {
          --section-radius-2: 72px;
     }
     .grantee-prms.support-pg .hero h2,
     .grantee-prms.support-pg .hero p {
          max-width: 342px;
     }
     .grantee-prms.support-pg .grp_sections .item h2.title {
          font-size: 2.125em;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .top.row .left.col,
     #footer .top.row .right.col {
          width: 100%;
     }
     #footer .top.row .left.col {
          order: 2;
     }
     #footer .top.row .right.col {
          order: 1;
          padding-bottom: 72px;
     }
     #footer .top.row .row .col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg .events-carousel-sctn .logos .col {
          max-width: 80%;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  LIFEBEAT ABOUT
*/
     .lifebeat-about {
          --title-size-3: 2.25em;
     }
     .lifebeat-about .intro {
          background-size: 6000px auto;
          padding: 154px 0 96px;
     }
     .history-sctn .row p.feat {
          font-size: 1.125em;
     }
/*
      ⤴︎ =============  end LIFEBEAT ABOUT
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about .hero .white-bg {
          padding: 160px 0 54px;
     }
     .hivinac-about .hero a .play {
          width: 48px;
          height: 48px;
     }
     .council-sctn {
          padding: 78px 0 0;
     }
     .hivinac-about .council-sctn .about-members-sctn {
          padding: 12px 0 60px;
     }
     .states-sctn .selected-state h3 {
          font-size: 2em;
     }
     .states-sctn .thumbs .swiper-slide {
          width: 33.333%;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 78vw center;
          background-size: 9000px auto;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
/*
     ⤵︎ =============  SUPPORT
*/
     .support-pg .grp_sections .item h2.title {
          font-size: 2em;
     }
/*
     ⤴︎ =============  end SUPPORT
*/
/*
     ⤵︎ =============  GRANTEE PROGRAMS
*/
     .grantee-prms.support-pg .grp_sections .item h2.title {
          font-size: 2em;
     }
/*
     ⤴︎ =============  end GRANTEE PROGRAMS
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
/*
     ⤵︎ =============  HEADER
*/
     #header .donate-btn {
          display: none;
     }
     #header .nav-item .donate-btn {
          --bs-btn-padding-y: 12px;
          font-size: 1em;
          margin-left: 0;
          margin-top: 18px;
          display: block;
     }
     #header .offcanvas {
          --bs-offcanvas-width: 100%;
     }
     #header .offcanvas .navbar-nav .nav-item {
          padding: 0 0.75rem 0 10%;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero h2.slide-title {
          font-size: 1.875em;
     }
     #home-hero .cta-btns a.btn {
          --bs-btn-padding-x: 12px;
          min-width: 122px;
          margin-bottom: 6px;
     }
    .donate-sctn .swiper-slide {
        width: 75vw;
    }
     .events-carousel-sctn .swiper-slide {
          width: 278px;
     }
     .news-carousel-sctn {
          padding-bottom: 60px;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  STORY
*/
     .story-pg .hero blockquote {
          max-width: 254px;
     }
     .story-pg .hero blockquote p {
          font-size: 1.75em;
     }
     .timeline .entries ul li {
          width: 60vw;
     }
     .timeline .top-entries .item time {
          font-size: 72px;
     }
     .timeline .top-entries .item .row {
          margin-top: -12px;
     }
     .timeline .entries .container-fluid h2 {
          font-size: 2em;
     }
/*
     ⤴︎ =============  end STORY
*/
/*
     ⤵︎ =============  BLOG
*/
     .feat-blog-post h2 {
          font-size: 1.75em;
     }
     .post-entries h2.title {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .blog-post header h1,
     .blog-post header h2 {
          font-size: 1.75em;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  EVENTS
*/
     .events-entry {
          margin-bottom: 24px;
          padding: 6px 6px 12px;
     }
     .events-entry header .day {
          font-size: 32px;
          font-weight: 600;
     }
     .events-entry header .time {
          padding-top: 6px;
          font-size: 12px;
          font-weight: 500;
     }
     .events-entry header .col:first-child {
          flex: 0 0 72px;
     }
     .events-entry header h3 {
          font-size: 1.375em;
     }
/*
     ⤴︎ =============  end EVENTS
*/
/*
     ⤵︎ =============  HIVINAC
*/
     .hivinac-pg {
          --title-size-2: 1.75em;
          --title-size-3: 1.875em;
     }
     #home-hero article.video.box .col:first-child {
          flex: 0 0 120px;
     }
     #home-hero article.video.box h2 {
          margin-bottom: 9px;
          font-size: 1em;
     }
     #home-hero article.video.box p {
          font-size: 14px;
     }
     .video-carousel-sctn .main article {
          padding-top: 90%;
     }
     .video-carousel-sctn .main h3 {
          font-size: 1.25em;
     }
     .hivinac-campaign {
          padding: 72px 0 66px;
     }
     .hivinac-2cols h2.section-title-2 {
          margin-bottom: 30px;
     }
     .hivinac-2cols a.cta {
          margin-top: 18px;
     }
     .supporters-carousel-sctn article .play-btn {
          width: 44px;
          height: 44px;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 296px;
          padding-right: 18px;
     }
     .hivinac-campaign-2 {
          padding: 60px 0 96px;
          text-align: center;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  HIVINAC ABOUT
*/
     .hivinac-about {
          --title-size-3: 2.125em;
     }
/*
     ⤴︎ =============  end HIVINAC ABOUT
*/
/*
     ⤵︎ =============  LIFEBEAT
*/
     .lifebeat-pg .events-carousel-sctn .logos .col {
          max-width: 80%;
     }
/*
     ⤴︎ =============  end LIFEBEAT
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          background-position: top 194px center;
     }
     .team-pg .intro p {
          max-width: 236px;
     }
     .team-entries.entries-v1 {
          padding-bottom: 24px;
     }
     .team-entries.entries-v2 {
          padding: 48px 0 36px;
     }
/*
     ⤴︎ =============  end TEAM
*/
/*
     ⤵︎ =============  AMBASSADORS
*/
     .ambassadors.team-pg #main {
          background-position: top 100vw center;
          background-size: 9000px auto;
     }
     .ambassadors.team-pg.team-pg .intro {
          text-align: center;
     }
     .ambassadors.team-pg .intro p {
          max-width: none;
     }
     .ambassadors .team-entries.entries-v2 {
          padding: 36px 0 72px;
     }
     .ambassadors .team-entries.entries-v2 .col {
          flex: 0 0 100%;
          max-width: 272px;
          text-align: center;
     }
     .team-entries a.more {
          margin-top: 24px;
     }
/*
     ⤴︎ =============  end AMBASSADORS
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
     #header .col.logo {
          flex: 0 0 168px;
      }
/*
     ⤵︎ =============  HIVINAC
*/
     .video-carousel-sctn .main article {
          padding-top: 100%;
     }
     .supporters-carousel-sctn .swiper-slide {
          width: 262px;
          padding-right: 18px;
     }
/*
     ⤴︎ =============  end HIVINAC
*/
/*
     ⤵︎ =============  TEAM
*/
     .team-pg #main {
          background-position: top 260px center;
          background-size: 9000px auto;
     }
     .team-entries .col {
          padding-bottom: 24px;
     }
/*
     ⤴︎ =============  end TEAM
*/
}
/* 
      ⤴︎
*/