/* ─────────────────────────────────────────
   Main Navigation
───────────────────────────────────────── */

 header {
     margin: auto;
     max-width: 1440px;
     padding: 24px 64px;
 }
 header .header-inner.layout-container {
     padding: 0;
     align-items: flex-end;
     max-width: 100%;
 }
 .menu-bar-inner {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 8px;
 }
 .menu-bar-inner nav {
     width: fit-content;
 }
 #block-letsgo-mainnavigation {
     color: #FAECE1;
     margin: 18px 0;
 }
 #block-letsgo-mainnavigation ul li:last-child {
     background: #DD906A;
     color: #162927;
     border-radius: 20px 0 20px 0;
     margin-left: 32px;
     padding: 0;
 } 
 #block-letsgo-mainnavigation ul li:last-child a {
     padding: 20px 24px;
 }
  #block-letsgo-mainnavigation ul li:last-child a:after {
     position: absolute;
     content: url('../images/button-leaf.svg');
     width: 56px;
     height: 48px;
     right: -6px;
     bottom: -6px;     
  }
 #block-letsgo-utilitynavigation {
     color: #94B0B4;
 }
 #block-letsgo-utilitynavigation .menu {
     display: flex;
     gap: 40px;
 }
 
 
 /* ─────────────────────────────────────────
   Deco Video Content
───────────────────────────────────────── */
 
 .deco-video-full {
    position: fixed;
    z-index: -1;
    width: 100%;        
 }
 .deco-video-full__overlay {
     background: rgba(19, 31, 29, 0.5);
     position: absolute;
     width: 100%;
     height: 99.5%;     
 }
 .deco-video-full video {
     width: 100%;
     height: 100%;
 } 
 
/* ─────────────────────────────────────────
   Home Page Content
───────────────────────────────────────── */

 /*home banner*/
 .home-banner {
     color: #FAECE1;
     text-align: center;
     width: 100%;
 }
 .home-banner-inner {
     max-width: 624px;
     gap: 24px;
     margin: auto;
 } 
 .home-banner-text {
     font-size: 24px;
 }
 .home-banner h1 {
     font-size: 136px;
     line-height: 104%;
     font-weight: bold;
 }
 .home-banner h1 span {
     font-size: 84px;
     font-weight: medium;
 } 
 .home-banner .link-hub-row {
     margin-top: 8px;
     display: flex;
     gap: 24px;
 }
 .home-banner .link-hub-row a {
     min-width: 196px;
 }
 
 /*home story*/
 .home-story-block {
     gap: 80px;
     color: #FAECE1;
     padding: 490px 0;
 }
 .story-highlights,
 .story-text {
     gap: 32px;
 }
 .story-text {
     width: 100%;
     max-width: 616px;
 }
 .story-body-text {
     font-size: 18px;
 }
 .storytag {
     font-size: 16px;
 }
 .story-text h2, 
 .story-text p {
     margin: 0;
 }
 .story-highlights .leafy-box {
     padding: 40px;
     background: #1E2E2B;
     width: 294px;
     height: 294px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 .story-highlights .leafy-highlight-text {
     font-size: 20px;
 }
 .story-highlights .leafy-highlight {
     color: #DD906A;
     font-size: 80px;
     font-weight: bold;
     line-height" 130%;
 }
 .story-highlights .leafy-highlight span {
     font-size: 32px;
     font-weight: semibold;
     line-height" 135%;     
 } 
 .story-highlights .leafy-highlight .field__item {
     display: flex;
     gap: 8px;
     align-items: center;
 }

/*three programs*/
.view-program-lists .view-content.view-rows {
    display: flex;
    gap: 48px;
}
.three-programs {
    gap: 80px;
    min-height: 1200px;
}
.three-programs-titlegroup {
    gap: 16px;
    text-align: center;
}
.three-programs-text span {
    font-weight: 700;
    color: var(--color-cedar) !important;
    font-size: 24px;
}
.home-program-box {
    max-width: 405px;
    overflow: clip;
    aspect-ratio: 405/513;
    max-height: 513px;
}
.home-program-teaser,
.home-program-teaser img{
    max-height: 240px;
    aspect-ratio: 405/240;
    object-fit: cover;
}
.home-program-tags {
    gap: 16px;
    padding: 8px 16px 16px 16px;
    border-bottom: 1px solid;
    width: 100%;
    font-size: 12px;
    font-family: 'Hind';
    justify-content: center;
    align-items: center;
}
.home-program-text {
    padding: 16px 0 20px 0;
    height: 100%;
}
.home-program-desc {
    padding: 0 16px 0 16px;
    text-align: center;
}
.home-program-desc h4 {
    margin-bottom: 16px;
}
.home-program-actions {
    padding: 10px 48px 0 48px;
    width: 100%;
    gap: 24px;
    align-items: center;
    justify-content: center;
    a { white-space: nowrap; }
}
.home-program-text-inner {
    min-height: 160px;
    height: 100%;
}
.tag-location,
.tag-audience {
    gap: 2px;
    white-space: nowrap;
    align-items: center;
}
.program-link {
    padding: 8px 20px;
    gap: 12px;
}
.program-link span {
    display: flex;
    align-items: center;
    width: 13px; height: 13px;
    img { width: 13px; height: 13px; }
}

/*coming-soon*/
.home-event-list {
    margin-bottom: 48px;
}
.coming-soon {
    height: 1600px;
}
.coming-soon-inner,
.coming-soon-title {
    gap: 16px;
    margin: 0;
}
.coming-soon-title h4 {
    margin: 0 !important;
}
.home-event-box {
    padding: 32px 24px 32px 24px;
    border-bottom: 1px solid rgba(148, 176, 180, 0.85);
    gap: 32px;
    justify-content: space-between;
}
.view-events-list .views-row:last-child .home-event-box  {
    border: none
}
.home-event-time {
    aspect-ratio: 114/106;
    width: 114px;
    height: 106px;
    justify-content: center;
}
.home-event-time p,
.home-event-time h4 {
    margin: 0 !important;
}
.home-event-time p:first-child {
    text-transform: uppercase;
}
.home-event-time time {
    max-width: 106px;
}
.home-event-body {
    max-width: 100%;
    gap: 8px;
    width: 100%;
}
.home-event-status {
    max-width: 105px;
    padding: 4px 8px;
    width: 100%;
    height: fit-content;
    text-align: center;
}
.program-family-program .home-event-time.bg-primary,
.program-family-program .home-event-status.bg-primary {
    background: #23575E !important;
}
.program-supportive-recovery .home-event-time.bg-primary,
.program-supportive-recovery .home-event-status.bg-primary {
    background: #59335F !important;
}
.program-rebuilding-the-circle .home-event-time.bg-primary,
.program-rebuilding-the-circle .home-event-status.bg-primary {
    background: #89332B !important;
}

/*home quote*/
.home-quote {
    gap: 80px;
    align-items: center;
    height: 1024px;
}
.home-quote-bg {
    aspect-ratio: 762/536;
    max-width: 762px;
    max-height: 536px;
    justify-content: center;
    background: rgba(250, 236, 225, 0.5);
    width: 100%;
    height: 100%;
}
.home-quote-media {
    overflow: clip;
}
.home-quote-media,
.home-quote-media img,
.home-quote-media video {
    aspect-ratio: 762/456;
    max-width: 762px;
    max-height: 456px;  
    width: 100%;
    height: 100%;
}
.home-quote-text {
    gap: 32px;
    max-width: 470px;
}
.home-quote-source {
    gap: 4px;
}