/**
 * @file
 * custom.css
 * 
 * Layout and Theme styles for the entire site
 * 
 * -------------------------------------------------
 * Attached thru `.info.yml`
 *
 ============================================================================ */

/**
 * Global
 ========================================*/
 
 a {
     text-decoration: none !important;
 }

.main, 
.main-inner,
.main-inner .layout-content{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center; */
}
.main-inner,
.main-inner .layout-content{
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.flex-column {
    display: flex;
    flex-direction: column; 
}

#block-letsgo-content article {
    /*padding: 0 64px;*/
}
.paragraph {
    max-width: 1440px;
    padding-left: 64px;
    padding-right: 64px;
    margin: auto;
}

/*full width paragraphs*/
.paragraph--type--slider {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.viewsreference--view-title,
.node__author,
.node__pubdate{
    display: none;
}


body {
  font-family: "Open Sans", 'Roboto', Arial, sans-serif;
  line-height: 1.5;
  font-size: 18px;
  color: #2C3E50;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0 !important;
    font-family: "Nunito", sans-serif;
}
h1,h2,h3,h4,h5 {
    font-weight: 700 !important;
}
h1 {
    font-size: 56px !important;
    line-height: 120% !important;
}
h2,
.field-paragraph--field-group-title,
.field-paragraph--field-media-column-title {
    font-size: 48px !important;
    line-height: 120% !important;
    font-weight: 700
}
h3 {
    font-size: 40px !important;
    line-height: 120% !important;
}
h4,
.field-paragraph--field-view-reference .viewsreference--view-title,
.field-paragraph--field-notice-title {
   font-size: 32px; 
   font-weight: 700;
}
h5 {
   font-size: 24px; 
   line-height: 140%;
}
h6 {
    font-size: 20px;
    line-height: 140%;
}

#page {
    overflow: hidden;
}

#block-letsgo-contactlistofcontactinfo h3 {
   font-size: 32px !important; 
   font-weight: 700 !important;    
}

.paragraph--type--newsletter button.link-primary {
    border: none;    
}


.field-name-body {
    max-width: 800px;
    padding: 0 24px;
    margin: auto;
    margin-top: 48px;
}
.field-name-body h2, .field-name-body h3, .field-name-body h4, .field-name-body h5, .field-name-body h6 {
    margin-bottom: 1.5rem !important;
} 
.field-name-body h3 {
    font-size: 32px !important;
}


.link-primary,
.link-primary-coloured,
.webform-button--submit, {
    border: none;
}
.link-primary-coloured a,
.webform-button--submit,
#block-letsgo-referralformsendusforms p a {
    font-size: 16px;
    color: #FFF;    
}
.link-primary a, .link-plain a, 
.link-primary span, #edit-attach-documents {
    font-size: 16px;
    color: #2C3E50;
}
.link-primary a,
.link-primary span,
.link-primary-coloured,
#block-letsgo-referralformsendusforms p a, 
.webform-button--submit,
.link-primary-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 8px;
    border-radius: 10px;    
}
.link-primary a,
.link-primary span,
.link-primary-btn {
    border: 1px solid #2C3E50;
}
.link-primary-coloured,
.webform-button--submit,
#block-letsgo-referralformsendusforms p a {
    background: #C93278;    
}
.webform-button--submit {
    border: none !important;
}
.link__arrow {
    width: 14px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background: url('../icon-arrow.png');
}

.paragraph--type--referral-form-link {
    padding: 112px 0;
}
.link__referral_download_container {
    width: 100%;
    opacity: 1 !important;
}
.link__referral_download {
    display: flex;
    flex-direction: row;
    padding: 0 60px;
    width: 1096px;
    height: 210px;
    justify-content: space-between;
    align-items: center;
    background: #C7E7FF;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    border-radius: 30px;
    position: relative;
    transition: all .32s ease-out;
    overflow: hidden;
}
.link__referral_decoBg {
    position: absolute;
    left: -40%;
    width: 110%;
    height: 100%;
    z-index: 0;
    transition: left .5s ease-in-out;
}
.link__referral_decoBg img {
    position: absolute;
    height: 100%;
    transition: opacity .5s ease-in-out;
}
.link__referral_decoBg img.bg_body { opacity: 1; }

.link__referral_decoBg img.bg_hov, 
.link__referral_decoBg img.bg_click { opacity: 0; }

.link__referral_decoBg.hover { left: -20%; }
.link__referral_decoBg.hover img.bg_body { opacity: 0; }
.link__referral_decoBg.hover img.bg_hov { opacity: 1; }

.link__referral_decoBg.click { left: 0%; }
.link__referral_decoBg.click img.bg_hov { opacity: 0; }
.link__referral_decoBg.click img.bg_click { opacity: 1; }

.link__referral_download:hover {
    transform: rotate(-2deg);
}
.link__referral_download h3 {
    color: #1C163B;
    z-index: 1;
}
.link__referral_download a img {
    width: 48px;
    height: auto;
    z-index: 1;
}

.link-plain a{
    display: flex;
}
.link-plain a:after {
    content: url('../chevron-right.png');
    margin-left: 18px;
}


.link-primary-coloured.cta__link {
    padding: 0;
}
.link-primary-coloured.cta__link a {
    padding: 12px 24px;
}

.sponsor__links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
}
.sponsor__links .link-primary-coloured {
    width: fit-content;
}
.cta__link.link-primary-coloured {
    width: fit-content;
    margin: auto;
    margin-top: 48px;    
}


.input__text {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #2C3E50;
    /*color: none;*/
    background: transparent;
}
#edit-attach-documents {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
    width: fit-content;
    border-radius: 10px;
    margin-top: 8px;
}
#edit-attach-documents-upload {
    cursor: pointer;
}
/*#edit-attach-documents label{*/
/*    margin: 0 !important;*/
/*    padding: 12px 24px;*/
/*    gap: 8px;*/
/*    cursor: pointer;*/
/*}*/
/*#edit-attach-documents label {*/
/*    cursor: pointer;*/
/*}*/
/*#edit-attach-documents:after {*/
/*    content: url('../icon-upload.png');*/
/*    position: relative;*/
/*    top: 2px;*/
/*    right: 14px;*/
/*    z-index: -2;*/
/*}*/
.form-item-attach-documents .description {
    display: none;
}

.deco_ball {
    width: 270px;
    height: 270px;
    border-radius: 100%;
    /*background: #D9F0FF;*/
    position: fixed;
    z-index: -1;
}


/**
 * Regions
 ========================================*/


.page__title {
    text-align: center;
    margin-top: 112px;
    margin-bottom: 80px;
    gap: 24px;
    max-width: 768px;
}
.paragraph--type--page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.layout-footer {
    margin-top: 112px;
}


/*home*/
.header {
    overflow: clip;
    overflow-y: visible;
}
.header .header-inner, .menu-bar-inner {
    display: flex;
    flex-direction: row;
}
.header-inner {
    padding: 0;
}
.header-inner,
.menu-bar,
.menu-bar-inner {
    width: 100%;
    max-width: 1440px;
}
.menu-bar {
    overflow: visible;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    height: 312px;
}
li .sf-depth-1.menuparent {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 12px;    
}

li .sf-depth-1.menuparent::after {
    content: url('../arrow-down.png');
    margin-bottom: 6px;
}
ul.sf-menu .sf-sub-indicator {
    right: 0px !important;
}
span.nolink {
    padding: 0 !important;
}

@media (max-width: 800px) {
    .header {
        overflow-y: visible;
    }
    .menu-bar {
        height: auto;
    }
    .menu__bg {
        height: 174px;
    }
    li .sf-depth-1.menuparent {
        justify-content: center;
    }    
    #superfish-main-accordion {
      padding: 20px 0;  
    }    
}
.menu-bar-inner {
    z-index: 2;
}
.menu__bg {
    position: absolute;
    width: 2410px;
    max-width: 2410px;
}
#block-letsgo-mainnavigationcustom .block__title,
#block-letsgo-mainnavigation-menu,
.field-paragraph--field-content-view .field__label{
    display: none;
}
.nav_main, 
.menu-bar-inner {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;    
    /*max-width: 803px;*/
    /*margin: auto;*/
    padding: 24px 64px;
    gap: 47px;
}
.menu-bar-inner {
    justify-content: space-between;
}
.sf-accordion-toggle {
    display: flex;
}
@media (max-width: 550px) {
    .menu-bar-inner {
        padding: 12px 20px;
    } 
}
.nav_main .menu-level-1, 
.menu-name--main, 
.sf-menu {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
    align-items: center;
}
.nav_main .menu-level-2,
.menu-name--main .menu-level-2 {
    display: none;
}
.menu__item.is-parent .menu__link:after,
.sf-menu a.menuparent:after {
    content: url("../arrow-down.png");
    margin-left: 8px;
    position: relative;
    bottom: 2px;
}
.menu-level-2 .menu__link:after {
    content: none !important;
}

.paragraph--type--home-banner, .paragraph--type--page-banner {
    padding-top: 112px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    text-align: center;
    /*width: 1312px;*/
}
.paragraph--type--page-banner h1, .paragraph--type--home-banner h1 {
    padding: 0 185px;
}
.paragraph--type--page-banner img, .paragraph--type--home-banner img {
    object-fit: cover;
    border-radius: 30px;
}
.paragraph--type--home-banner img {
    height: 738px;
}
.paragraph--type--home-banner img,
.paragraph--type--page-banner img {
    width: 1312px;
}
.paragraph--type--image-text-block, .paragraph__link_row  {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.paragraph__link_row {
    gap: 24px;
}
.paragraph--type--image-text-block {
    padding-top: 112px;
    padding-bottom: 112px;
    gap: 80px;
}
.paragraph--type--image-text-block.paragraph--reverse {
    flex-direction: row-reverse;
}
.field-paragraph--field-block-sub-heading {
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    /*margin-bottom: 16px;*/
}

.paragraph__content_container {
    gap: 32px;
}
.paragraph__content_container .flex-column {
    gap: 24px    
}

.field-paragraph--field-featured-image img {
    width: 616px;
    height: 640px;
    max-width: 616px;
    max-height: 640px;
    /* width: 100%; */
    object-fit: cover;
    border-radius: 20px;
    transform: rotate(6deg);
}
.paragraph--reverse .field-paragraph--field-featured-image img {
    transform: rotate(-6deg);
}
.field-paragraph--field-program-list-container .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.paragraph--type--program-list .paragraph__content_container {
    padding: 112px 0;
}
.paragraph--type--program-list h2 {
    margin-bottom: 80px !important;
    text-align: center;
}
.paragraph--type--program-list-content {
    padding-left: 0;
    padding-right: 0;
}
.paragraph--type--program-list-content .field__items{
    display: block;
}
.paragraph--type--program-list-content .flex-column,
.paragraph__program_desc{
    align-items: flex-start;
}
.paragraph__program_desc {
    padding: 0 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 376px;
    max-height: 376px;
    gap: 32px;
}
.paragraph--type--program-list-content {
    /*max-height: 736px;*/
}
.paragraph--type--program-list-content .flex-column {
    gap: 0;
}
.paragraph__program_desc h3 {
    margin-bottom: 24px !important;
}
.field-paragraph--field-program-image img{
    border-radius: 20px;
}

.paragraph--type--slider,
#slider__home_quotes {
    background: #D9F0FF;
}
.paragraph--type--slider {
    padding: 112px 64px;
}
.paragraph--type--slider,
#block-letsgo-contactlistofcontactinfo {
    mix-blend-mode: multiply;
}
#slider__home_quotes .flex-viewport {
    max-width: 768px;
    margin: auto;
}
#slider__home_quotes .flex-viewport li {
    text-align: center;
    max-width: 768px;
    display: flex !important;
    flex-direction: column;
}
#slider__home_quotes .flex-control-nav {
    bottom: -65px;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: block;
    width: 48px;
    height: 48px;
}
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next {
    object-fit: contain;
    opacity: 1 !important;
}
.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before {
    margin: 0 !important;
}
.flex-direction-nav a.flex-prev {
    left: 0 !important;
}
.flex-direction-nav a.flex-next {
    right: 0 !important;
}
.flex-direction-nav a.flex-prev:before {
    content: url('../slide-icon-left.png');
}
.flex-direction-nav a.flex-next:before {
    content: url('../slide-icon-right.png');
}
.field-block-content--field-slide-quote,
.views-field-field-slide-quote p{
    font-size: 24px;
    line-height: 33.6px;
    font-weight: 700;
}
.field-block-content--field-slide-quote p, 
.views-field-field-slide-quote p {
    margin-bottom: 32px !important;
}
.field-block-content--field-quote-author,
.views-field-field-quote-author {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;    
}
.field-block-content--field-author-position {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;        
}
/*superfish specific*/
.sf-menu a.sf-depth-1 {
    padding: 0 !important;
}
.sf-menu a.sf-depth-2 {
    padding: 16px !important;
    background: #F4F4F6;
}
.sf-menu .sf-depth-1.menuparent ul {
    max-width: 128px;
}
.sf-menu li.menuparent ul {
    border-radius: 10px !important;
    box-shadow: 0px 20px 24px -4px #00000014;
    overflow: hidden;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 36px !important;
}

/*about*/
/*/////////////////////////////////*/
/*/////////////////////////////////*/

/*value column group*/
.paragraph--type--value-column-group {
    padding-bottom: 112px;
}
.field-paragraph--field-value-column .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
}
.paragraph--type--value-column {
    padding: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.paragraph--type--value-column .field__items {
    display: block;
}
.paragraph--type--value-column {
    gap: 24px;
}
.field-paragraph--field-column-group-title {
    text-align: center;    
    margin-bottom: 80px;
    font-size: 30px;
}
.value_column__inner {
    gap: 24px;
}

/*about media*/
/*///////////////////////////////////*/
/*////////////////////////////////////*/
.field-paragraph--field-about-media .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.field-media--field-media-image .field__items {
    display: block;
}
.field-paragraph--field-about-media .field__items .field__item:first-child .field__item img,
.field-paragraph--field-about-media .field__items .field__item:last-child .field__item img,
.field-paragraph--field-about-media .field__items .field__item:first-child .field__item iframe,
.field-paragraph--field-about-media .field__items .field__item:last-child .field__item iframe {
    transform: rotate(-2.5deg);
    position: relative;
}
.field-paragraph--field-about-media .field__items .field__item .field__item img,
.field-paragraph--field-about-media .field__items .field__item .field__item iframe {
    transform: rotate(5deg);
}
.field-paragraph--field-about-media .field__items .field__item:first-child .field__item{
    left: 50px;
    position: relative;
}
.field-paragraph--field-about-media .field__items .field__item:last-child .field__item{
    right: 50px;  
    position: relative;
}
.paragraph--type--about-media-column-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 0;
    margin: 112px auto;
    overflow: hidden;
}
.field-media--field-media-image img,
.field-paragraph--field-about-media iframe{
    border: 12px solid #F4EFE5;
    border-radius: 30px;
    max-width: 520px;
}
.field-paragraph--field-sponsor-logos .field__items,
.field-paragraph--field-sponsor-logos-with-caption .field__items,
.field-paragraph--field-sponsor-logos .field__items{
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    max-width: 714px;
    gap: 30px !important;
}
.field-paragraph--field-sponsor-logos-with-caption,
.field-paragraph--field-sponsor-logos {
    width: 100%;
}
.field-paragraph--field-sponsor-logos img,
.field-paragraph--field-sponsor-logos-with-caption img,
.about__sponsor img {
    border: none;
    border-radius: 0;
    max-width: auto;
    max-height: 110px;
    max-width: 200px;
    object-fit: contain;
}
.field-paragraph--field-sponsor-logos-with-caption .flex-column,
.field-paragraph--field-sponsor-logos .flex-column{
    align-items: center;
    gap: 18px;
}
.field-paragraph--field-sponsor-logos-with-caption .flex-column p,
.field-paragraph--field-sponsor-logos .flex-column .field-media--field-sponsor-name {
    max-width: 200px;
    text-align: center;
    color: #2C3E50;
    font-size: 14px;
    line-height: 120%;
}
.about__sponsor {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 190px;
}
.paragraph--type--about-sponsors {
    padding: 0;
}
.paragraph--type--links {
    display: flex;
    flex-direction: column;
}
.paragraph--type--links .link-primary-coloured {
    width: fit-content;
    align-self: center;
}
.about__sponsor_title {
    max-width: 400px;
    gap: 16px;
}
.paragraph--type--about-sponsors-group {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
/*.paragraph--type--about-sponsors {*/
/*    margin-bottom: 160px;*/
/*}*/
.field-paragraph--field-about-sponsors-paragraph .field__items {
    display: flex;
    flex-direction: column;
    gap: 160px;
}
.paragraph--type--about-sponsors-group {
    margin-bottom: 112px;
}
.field-paragraph--field-about-media iframe{
    width: 500px;
    height: 280px;
}
/*.field-media--field-media-oembed-video .field__item {*/
/*    position: inherit !important;*/
/*}*/
.media_item {
    transition: 0.75s;
}

/*about team*/
/*////////////////*/
/*////////////////////*/
.view-list-of-clinicians.view-display-id-block_2 .view-content.view-rows{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 64px;
}
.view-list-of-clinicians.view-display-id-block_2 .views-field-field-clinician-photo img, .bio__photo img {
    width: 300px;
    height: 300px;
}
.paragraph--type--page-banner .paragraph--type--page-banner-descriptions {
    margin-top: 0;
}
.paragraph--type--page-banner-descriptions {
    margin-top: 112px;
    max-width: 1440px;
    /*padding-left: 0 !important;*/
    /*padding-right: 0 !important;*/
}


/*Program Page List of Program Teasers*/
/*/////////////////////////////////*/
/*////////////////////////////////////*/
.paragraph--type--view-reference-container .field__label {
    display: none;
}
.paragraph--type--view-reference-container {
    margin-top: 80px;
    margin-bottom: 80px;
}
.program_teaser {
    width: 100%;
    /*height: 100%;*/
    /*width: 405px;*/
    height: 374px;
    background: #F4F4F6;
    border-radius: 20px;
    justify-content: space-between;
    padding: 32px;
}
.program_teasser__info {
    gap: 24px
}
.program_teaser__icon {
    width: 45px;
    height: 45px;
    background-size: cover;
    background-repeat: no-repeat;
}
.program_teaser__icon.pink {
    background: url('../solar_star-bold-duotone.png');
}
.program_teaser__icon.blue {
    background: url('../solar_star-bold-duotone-blue.png');
}
.field-paragraph--field-view-reference .viewsreference--view-title{
    display: block;
}
.view-list-of-programs {
    margin-top: 48px;
}
.view-list-of-programs a {
    width: 100%;
    color: #2C3E50;
}
.view-list-of-programs .view-content.view-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

/*other pages*/
/*/////////////////*/
/*//////////////////*/
.field-paragraph--field-banner-links .field__label {
    display: none;
}
.field-paragraph--field-banner-links .field__items {
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.field-paragraph--field-banner-links .paragraph--type--links {
    padding-left: 0;
    padding-right: 0;
}
.paragraph--type--page-banner .field-paragraph--field-descriptions .field__items {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.paragraph--type--page-banner {
    margin-bottom: 80px;
}
.field-paragraph--field-description-body h5 {
    margin: 24px 0 20px 0 !important;
}
.field-paragraph--field-description-body ul {
    margin-bottom: 16px;
    text-align: left;
}
.field-paragraph--field-description-body p,
.paragraph__columnRight {
    width: 764px;
    text-align: left;
}
@media (max-width: 1440px) {
    .field-paragraph--field-description-body p,
    .paragraph__columnRight {
        width: 100%;
    }
}
.paragraph--type--page-banner-descriptions,
.paragraph--type--two-column-resources-section {
    display: flex;
    flex-direction: row;
    gap: 80px;
    justify-content: space-between;
    text-align: left;
}
.paragraph--type--two-column-resources-section {
    padding: 112px 64px;
}
.paragraph--type--page-banner-descriptions h3 {
    width: 100%;
    max-width: 650px;
}
.paragraph--type--page-banner img {
    /*width: 1312px;*/
    height: 600px;
}
.page_banner__title_caption {
    gap: 10px;
}
.field-paragraph--field-banner-title-caption .field__item {
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
}
.field-paragraph--field-descriptions h3 {
    font-size: 32px !important;
}
.field-paragraph--field-descriptions .field__item:first-child h3 {
    font-size: 40px !important;
}

.paragraph--type--two-column-resources-section .section_intro {
    display: flex;
    flex-direction: column;    
    gap: 32px;
    align-items: flex-start;
}
.view-list-of-clinicians .view-content.view-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
.views-field-field-clinician-photo img {
    width: 350px;
    height: 405px;
    object-fit: cover;
    border-radius: 20px;
}
.view-id-list_of_clinicians.view-display-id-block_1 .bio__photo img {
    width: 350px;
    height: 405px;    
}
.bio__photo img {
    object-fit: cover;
    border-radius: 20px;    
}
.view-list-of-clinicians .views-field-field-name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 24px;
}
.views-field-field-clinician-title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;    
}
.views-field-field-clinician-short-intro {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;       
    margin-top: 16px;
}


/*donation page*/
/*///////////////////////////////*/
/*///////////////////////////////*/
.donate_banner__container {
    border-radius: 30px;
    overflow: hidden;
    margin: 112px 0;
}
.donate_banner__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.donate_banner__hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.field-name-field-donation-banner, .donate_banner__hero {
    position: relative;
    overflow: hidden;
}
.donate_banner__hero h2 {
    position: absolute;
    color: white !important;
}
.donate_banner__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
}
.field-name-field-donation-banner,
.field-name-field-donation-banner img {
    height: 267px;
}
.field-name-field-donation-banner img {
    object-fit: cover;
}
.donate_banner__content {
    padding: 80px 0;
    background-color: #F4F4F6;
}
.donate_banner__body,
.donate_banner__options {
    padding: 0 80px;
}
.field-paragraph--field-donate-options .field__items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.field-paragraph--field-donate-options .field__item,
.donate__option_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}
.field-paragraph--field-donate-options .field__item {
    max-width: 501px;
    width: 100%;
    height: 168px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.field-paragraph--field-donate-options .field__item.item__purple {
    background-color: #DFDBFF;
}
.field-paragraph--field-donate-options .field__item.item__blue {
    background-color: #D9F0FF;
}
.donate__option_inner {
    padding: 20px;
    gap: 30px;
    text-align: center;
}
.donate__option_inner p {
    margin-bottom: 0 !important;    
}
.field-paragraph--field-donation-body-text .field__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.field-paragraph--field-donation-body-text .field__item ul {
    margin-left: 1rem;
}
.view-list-of-ways-to-help .view-content.view-rows {
    display: flex;
    flex-direction: row;
    gap: 48px;
}
.view-list-of-ways-to-help,
.view-list-of-ways-to-help .views-row{
    min-height: 374px;
}
.view-list-of-ways-to-help .views-field {
    height: 100%;
}
/*.view-list-of-ways-to-help .program_teaser {*/
/*    height: 100%;*/
/*    max-width: 405px;*/
/*}*/
.view-list-of-ways-to-help .program_teaser {
    background-color: #F4EFE5;
}
.view-list-of-ways-to-help {
    margin-bottom: 112px;
}
.view-list-of-ways-to-help .link__arrow {
    align-self: flex-end;
}


/*open positions*/
/*//////////////////*/
/*////////////////////*/
.position__container {
    padding: 32px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
}
.position__link {
    width: fit-content;
    align-self: flex-end;
}
.view-list-of-open-positions .view-content.view-rows,
.position__container_desc{
    display: flex;
    flex-direction: column;
}
.view-list-of-open-positions .view-content.view-rows,
.position__container{
    gap: 24px;
}
.position__container_desc {
    gap: 16px
}
.position__container_desc p {
    margin: 0;    
}
.position__type:before {
    content: url('../icon-clock.png');
    position: relative;
    top: 4px;
    margin-right: 12px;
}
.paragraph--type--hiring-notice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.field-paragraph--field-notice-title {
    margin-bottom: 16px;
}
.field-paragraph--field-hiring-notice-link {
    margin-top: 24px;
}
.view-list-of-open-positions .views-row:nth-child(odd) .position__container {
    background-color: #F4EFE5;
}
.view-list-of-open-positions .views-row:nth-child(even) .position__container {
    background-color: #F4F4F6;
}

/*cta banner*/
/*/////////////////////////////*/
/*/////////////////////////////*/
.cta__container {
    position: relative;
    max-width: 1312px;
    background: #FFEDB3;
    padding: 48px 0;
    border-radius: 30px;
    margin: 112px 0;
}
.cta__deco {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
    border-radius: 30px;
    overflow: hidden;
}
.cta__deco_star {
    /*animation: rotateAndMove 4s linear infinite;*/
    position: absolute;

}
.cta__deco_star.star_1 {
    /*top: 40%;*/
    /*left: 22%;*/
    width: 233px;
    height: 233px;
    transform: rotate(-6.94deg);   
}
.cta__deco_star.star_2,
.cta__deco_star.star_3 {
    /*top: 20%;*/
    /*left: 42%;*/
    width: 133px;
    height: 133px;
    transform: rotate(6.94deg);    
}

.cta__content {
    max-width: 1216px;
    border: 4px solid #FDFDFD;
    margin: auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.cta__content_inner {
    max-width: 720px;    
    margin: auto;
    text-align: center;
    padding: 48px 0;
}
.field-paragraph--field-cta-links {
    width: fit-content;
    align-self: center;  
    margin-top: 48px;
}
.field-paragraph--field-cta-body-text .field__items p {
    margin-bottom: 0 !important;
}
.field-paragraph--field-cta-body-text .field__item {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.cta__content_inner h2 {
    margin-bottom: 48px !important;
}



/*faq*/
/*//////////////////////////*/
/*/////////////////////////*/
.faq__container {
    display: flex;
    flex-direction: row;
}
.faq__accordion {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.paragraph--type--faq-accordion {
    margin-bottom: 80px;
}
.paragraph--type--faq-question {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.faq__question summary,
.field-name-field-question-answer {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    padding: 20px;
    background-color: #F4F4F6;
}
.faq__question summary {
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
}
.field-name-field-question-answer {
    border-radius: 0 0 10px 10px;
    top: -12px;
    position: relative;
}
.faq__question .field-paragraph--field-question-title:after {
    content: url("../arrow-down.png");
    margin-left: 8px;
    position: relative;
    bottom: 2px;
}
.field-paragraph--field-question-title {
    display: flex;
    flex-direction: row;    
    justify-content: space-between;
    width: 100%;
}
.field-paragraph--field-question-title .field__items {
    display: block;
}
.field-paragraph--field-questions .field__items {
    display: flex;
    flex-direction: column;
    gap: 20px
}
.field-paragraph--field-questions .field__items .field__item {
    
}
.field-paragraph--field-questions .field__items details.expanded {
  grid-column: span 2; 
}
.faq__container {
    gap: 20px;
}
.faq__container .flex-column {
    gap: 20px;
    width: 100%;
}
.field-paragraph--field-question-answer {
    cursor: unset;
}

/*.faq__question summary */
/*.faq__question summary::marker {*/
/*    display: flex;*/
/*    position: relative;*/
/*}*/



/*contact us form*/
/*///////////////////////////////*/
/*////////////////////////////////*/
.form-item-choose-a-topic {
    display: none;
}
.webform-button--submit {
    cursor: pointer;
}
.webform-submission-contact-us-form {
    margin: auto;
    max-width: 768px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 90px;
    margin-bottom: 90px;
}
.webform-submission-contact-us-form input, 
.webform-submission-contact-us-form select,
.webform-submission-contact-us-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #2C3E50;
    border-radius: 10px;
    outline: none;
    margin-top: 8px
}
.webform-submission-contact-us-form input {
    padding: 12px 24px;
}
.webform-submission-contact-us-form .js-form-type-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.webform-submission-contact-us-form .js-form-type-radio input {
    width: auto;
    padding: 0;
    width: 18px;
    height: 18px;
    margin-top: 0;
}
#edit-which-best-describes-you--wrapper .fieldset-wrapper {
    margin-top: 8px;
}
#edit-header{
    margin-bottom: 16px;
} 
#edit-which-best-describes-you {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.form_info {
    width: 100%;
    align-items: center;
    gap: 24px;
}
.form_info .webform-flex--container {
    margin: 0;
}
.form_info .webform-flex {
    width: 100%;
}
.form_upload input {
    width: fit-content;
    max-width: 265px;
}
.form_upload {
    align-self: flex-start;
}
#edit-form-attach .js-form-item {
    gap: 8px;
}
#edit-form-consent {
    align-self: flex-start;
}
#edit-form-consent .js-form-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
#edit-form-consent #edit-terms {
    width: fit-content;
    margin-top: 0;
    width: 18px;
    height: 18px;
}

#block-letsgo-contactlistofcontactinfo {
    margin-top: 112px;
    padding: 112px 64px;
    background: #D9F0FF;
}
#block-letsgo-contactlistofcontactinfo p {
    margin: 0;
}
#block-letsgo-contactlistofcontactinfo .block__title {
    display: none;
}
#block-letsgo-contactlistofcontactinfo .field__items {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    display: flex;
    flex-direction: row;
    gap: 48px;
    max-width: 1312px;
    margin: auto;
}
#block-letsgo-contactlistofcontactinfo .field__item {
    width: 100%;
}
#block-letsgo-contactlistofcontactinfo .paragraph--type--value-column .field__items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.form__confirm {
    align-items: center;
    max-width: 900px;
    padding: 24px;
    gap: 40px;
    margin: auto;
    text-align: center;
}


/*contact - all referral forms*/
/*////////////////////////*/
#block-letsgo-downloadreferralforms {
    max-width: 1440px;
    margin: auto;    
    padding: 96px 0;
}
#block-letsgo-downloadreferralforms-title {
    margin-bottom: 64px !important;
    text-align: center;
}
.field-block-content--field-referral-form-group-item .field__items {
    display: flex;
    flex-direction: row;
    max-width: 1440px;
    gap: 64px;
    margin: auto;
}
@media (max-width: 1050px) {
    .field-block-content--field-referral-form-group-item .field__items {
        flex-direction: column;
        padding: 20px;
    }    
}
.field-block-content--field-referral-form-group-item .field__items .field__item {
    width: 100%;
}
.paragraph--type--referral-form-with-description .paragraph--type--referral-form-link {
    padding: 32px 0;
}
.paragraph--type--referral-form-with-description {
    padding: 0 !important;
}
.paragraph--type--referral-form-with-description .field__items {
    
}
.paragraph--type--referral-form-with-description .link__referral_download {
    width: 100%;
}
.paragraph--type--referral-form-with-description h4 {
    margin-bottom: 20px !important;
}


/*referral form*/
/*/////////////////////////////*/
/*//////////////////////////////*/
#block-letsgo-referralformsendusforms,
#block-letsgo-downloadandfilloutpdfforms {
    max-width: 1098px;
    margin: 80px auto;
    background: #F4EFE5;
    padding: 80px;
    padding-bottom: 60px;
    border-radius: 30px;
}
#block-letsgo-downloadandfilloutpdfforms {
    background: #F4F4F6;
}
#block-letsgo-referralformsendusforms p a {
    width: fit-content;
    display: inline;
    margin-left: 20px;
}
#block-letsgo-referralformsendusforms .field__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: 1fr 1fr 1fr;*/
    row-gap: 20px;
    column-gap: 80px;
}
#block-letsgo-referralformsendusforms .field__item h5 {
    grid-row: 1 / -1;
    grid-column: 1;
}
#block-letsgo-referralformsendusforms .field__item p {
    grid-column: 2
}
#block-letsgo-downloadandfilloutpdfforms .link-primary-coloured {
    width: 100%;
}
#block-letsgo-downloadandfilloutpdfforms .link-primary-coloured a:after {
    content: url('../icon-arrow-white.png');
    margin-left: 12px;
    margin-top: 4px;
}
#block-letsgo-downloadandfilloutpdfforms p {
    margin-bottom: 0;
}
.referral__download {
    width: 100%;
    max-width: 545px;
}
.referral__download h5 {
    margin-bottom: 20px !important;
}
.link-number__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.referral__contact_container {
    gap: 40px;
    max-width: 330px;
}
.referral__contact {
    gap: 24px;
}
.referral__contact p {
    margin-bottom: 10px !important;
}
.referral__container {
    display: flex;
    flex-direction: row;
    gap: 80px;
}
.link-number p {
    margin-bottom: 0 !important;
}
.link-number p:before {
    content: url('../icon-phone.png');
    margin-top: 4px;
    margin-right: 12px;
}
.link-number p,
#block-letsgo-downloadandfilloutpdfforms .link-primary-coloured a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.field-block-content--field-form-download-links .field__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.field-block-content--field-form-download-links .field__item {
    border-radius: 10px;
    padding: 16px;
    background: white;
}
.field-block-content--field-form-download-links .field__item a {
    color: #1C163B;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.field-block-content--field-form-download-links .field__item a:after {
    content: url('../icon-download.png');
}
.link-number {
    padding: 12px 24px;
    color: #2C3E50;
    border-radius: 10px;
    background: white;
    width: fit-content;
}


/*footer*/
/*////////////////////////*/
/*/////////////////////////*/
.footer {
    background: url("../Footer.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-inner {
    max-width: 1312px !important; 
    font-size: 14px !important;
    padding-top: 225px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
}
.footer-inner, .footer-first {
    width: 100%;
}
.paragraph--type--footer {
    justify-content: space-between;
    padding: 0 !important;
    width: 100%;
}
.paragraph--type--footer, 
.footer__content {
    display: flex;
    flex-direction: row;
}
.footer__branding {
    max-width: 294px;
}
.footer__content {
    gap: 40px;
}
.footer h6 {
    margin-bottom: 16px !important;
}
.footer__nav {
    
}
.field-paragraph--field-operating-hours p {
    margin-bottom: 12px;    
}

.field-paragraph--field-footer-navigation .menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 0;
}
.newsletter__input {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}
.paragraph--type--newsletter {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 400px !important;
    padding: 0;
}
.paragraph--type--newsletter p {
    margin: 0 !important;
}
.footer__container {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer__row,
.footer__policies,
.field-paragraph--field-social-media-list .field__items .view-content.view-rows {
    display: flex;
    flex-direction: row;
}
.footer__row, .footer__copyrights {
    justify-content: space-between;
}
.footer__copyrights {
    padding-top: 32px;
    border-top: 1px solid #2C3E50;
    margin-top: 80px;
}
.footer__policies {
    gap: 24px;
}
.field-paragraph--field-social-media-list .field__items .view-content.view-rows {
    gap: 12px;
}
.footer__copyrights .field__label{
    display: none;
}
.footer__policies a {
    text-decoration: underline;
}

.nav__hamburger_button {
    background: url('../icon-hamburger.png');
    width: 26px;
    height: 20px;
    outline: none;
    border: none;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.menu-bar .menu-level-2 {
    position: absolute;
    /*display: flex;*/
    flex-direction: column;
    /*width: 100%;*/
    gap: 15px;
    padding-top: 15px;
}


.paragraph--type--list-of-contents {
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.paragraph--type--two-column-resources-section .section_intro,
.field-paragraph--field-descriptions .field__item:first-child h3 {
    width: 468px;
    min-width: 468px;
}

/*program resources*/
/*/////////////////////////////*/
/*//////////////////////////////*/
.resources__container,
.resources__view .view-content.view-rows {
    display: flex;
    flex-direction: row;
}
.view-program-resources-view,
.resources__view .attachment {
    display: flex;
    flex-direction: column;    
    gap: 32px;
    width: 100%;
}
.resources__view .view-content.view-rows {
    gap: 16px;
}   
.resources__link {
    background: #F4F4F6;    
    border-radius: 10px;
}
.resources__link_general {
    padding: 16px;
    gap: 16px;
    height: 100%;
}
.resources__link_category {
    padding: 12px 24px;
}
.resources__view .attachment .view-content.view-rows {
    display: flex;
    flex-direction: column;    
}
.resources__view .attachment h6 {
    text-align: center;
}
.resources__icon {
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.resources__body,
.resources__link_category {
    color: #2C3E50;
    gap: 4px;
}
.resources__body h6 {
    font-size: 18px !important;
}
.resources__link_category {
    text-align: center;
    width: 100%;
}
.resources__link_category p {
    margin-bottom: 0;
}
.view-program-resources-view .view-rows .views-row {
    width: 100%;
    flex-grow: 1;
}
.view-program-resources-view .view-rows .views-row .views-field,
.view-program-resources-view .view-rows .views-row .field-content {
    height: 100%;
    display: block;
}


.bio__modal_page .deco_ball {
    display: none;
}
.bio__modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    /*padding: 36px;*/
    max-width: 800px;
    margin: auto;
    padding: 70px 0 80px 0;
}
.bio__modal img {
    border-radius: 20px;
}
.bio__preview a {
    color: #2C3E50;
}
.bio__modal_close {
    position: absolute;
    left: 63px;
    top: 81px;
    z-index: 10;
    outline: none;
}
.btn-close {
    background: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bio__clinician_intro {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
}
.bio__clinician_intro img {
    width: 446px;
    height: 463px;
    /*max-width: 446px;*/
    /*max-height: 463px;*/
    /* width: 100%; */
    object-fit: cover;
    border-radius: 20px;
    transform: rotate(-6deg);    
    border: 12px solid #F4EFE5;
}
.bio__clinician_introText {
    display: flex;
    flex-direction: column;
}
.link-primary-btn {
    opacity: 1 !important;
}
@media (max-width: 768px) {
    .bio__clinician_intro {
        flex-direction: column;
        justify-content: center;
    }
    .bio__modal {
        max-width: 100%;
        padding: 0 20px;
    }
}
@media (max-width: 525px) {
    .bio__clinician_intro img {
        width: 100%;
        height: 100%;
    }    
}


.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
    transform: 0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    width: 30px;
    height: 30px;
    color: black;
}

#superfish-main {
    position: relative;
    z-index: 10;
}
#superfish-main .sf-depth-1.menuparent ul {
    top: 50px !important;
}


/**
 * Responsive
 ========================================*/
 @media screen and (min-width: 900px) {

  .layout-sidebar {
    width: 21em;
    min-width: 21em;
    opacity: .9;
    margin-left: 2em;
  }
}

@media ( max-width: 1440px ) {
    .program_teaser {
        width: 100%;
        /*max-width: 405px;*/
    }
}
@media ( max-width: 1400px ) {
    .field-paragraph--field-banner-image {
        margin: 0 32px;
    }
}
@media ( max-width: 1380px ) {
    .footer-inner {
        max-width: 100%;
    }
    .cta__container,
    .cta__content_inner {
        /*max-width: 100px;*/
        padding: 48px;
    }
    .paragraph--type--program-list-content {
        padding: 0;
    }
}
@media ( max-width: 1300px ) {
    .paragraph--type--about-sponsors-group {
        text-align: center;
    }
    .about__sponsor {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    .about__sponsor_title {
        max-width: 700px;
        /*text-align: center;*/
    } 
}

@media ( max-width: 1280px ) {
    .paragraph__content_container {
        /*max-width: 500px;*/
    }
    .field-paragraph--field-featured-image img {
        width: 450px;
        height: 450px;
    }
    .paragraph--type--home-banner, .paragraph--type--page-banner {
        padding: 0 64px;
        padding-top: 64px;
    }
    .paragraph__program_desc {
        height: 100%;
        max-height: 100%;
        padding-top: 32px;
    }
    .paragraph--type--footer {
        padding: 32px !important;
    }
    .paragraph--type--page-banner-descriptions {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }
    .field-paragraph--field-description-body p,
    .paragraph__columnRight {
        width: 100%;
    }
    .view-list-of-clinicians.view-display-id-block_2 .view-content.view-rows {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .view-list-of-ways-to-help .view-content.view-rows {
        gap: 24px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .paragraph--type--page-banner-descriptions {
        text-align: center;
        align-items: center;
    }
    .field-paragraph--field-description-body p,
    .paragraph__columnRight {
        max-width: 650px;
    }
}

@media ( max-width: 1200px ) {
    #block-letsgo-referralformsendusforms, 
    #block-letsgo-downloadandfilloutpdfforms {
        margin: 48px 20px;
        align-self: center;
    }
    .link__referral_download {
        width: 100%;
        background-repeat: round;
        /*border-radius: 0;*/
    }
    .paragraph--type--referral-form-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .field-paragraph--field-about-sponsors-paragraph .field__items {
        justify-content: center;
        margin: auto;
    }
}

@media (max-width: 1210px) {
    .footer__row, 
    .footer__policies, 
    .paragraph--type--footer, 
    .footer__content {
        flex-direction: column;
        max-width: 400px;
    }
    .footer-inner {
        /*padding-top: 48px;*/
    }
    .footer__row {
        gap: 48px;
    }    
}

@media ( max-width: 1000px ) {
    h1 {
        font-size: 40px !important;
    }
    h2, 
    .field-paragraph--field-group-title, 
    .field-paragraph--field-media-column-title {
        font-size: 36px !important;
    }
    h3 {
        font-size: 32px !important;
    }
    h4, 
    .field-paragraph--field-view-reference 
    .viewsreference--view-title, 
    .field-paragraph--field-notice-title {
        font-size: 24px !important;
    }
    h5 {
        font-size: 20px !important;
    }
    h6 {
        font-size: 18px !important;
    }
    
    .field-paragraph--field-banner-image {
        margin: 0;
    }
    .paragraph--type--image-text-block, 
    .paragraph--type--image-text-block.paragraph--reverse {
        flex-direction: column;
    }
    .field-paragraph--field-featured-image img {
        width: 500px;
        height: 500px;
    }
    .paragraph--type--image-text-block .paragraph__content_container {
        align-items: center;
        text-align: center;
        max-width: 500px;
    }
    .field-paragraph--field-program-list-container .field__items,
    .paragraph__link_row{
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--program-list-content .link-primary {
        align-self: center;
    }
    .field-paragraph--field-program-list-container .field__items,
    .paragraph--type--home-banner, 
    .paragraph--type--page-banner {
        gap: 48px;
    }
    .paragraph--type--page-banner-descriptions {
        gap: 20px;
    }
    .paragraph--type--page-banner h1, 
    .paragraph--type--home-banner h1 {
        padding: 0 20px;
    }
    .cta__content_inner h2 {
        margin-bottom: 24px !important;
    }
    .field-paragraph--field-cta-links {
        margin-top: 24px !important;
    }

    .paragraph--type--page-banner-descriptions {
        margin-top: 64px;
    }
    .paragraph--type--hiring-notice {
        padding-bottom: 64px;
    }
    .paragraph--type--two-column-resources-section {
        padding: 64px;
    }
    .view-list-of-clinicians.view-display-id-block_2 .view-content.view-rows {
        grid-template-columns: 1fr 1fr;
    }
    .paragraph--type--two-column-resources-section {
        flex-direction: column;    
        gap: 48px;
    }
    .paragraph--type--list-of-contents {
        padding: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .view-list-of-clinicians.view-display-id-block_2 .views-field-field-clinician-photo img,
    .bio__photo img{
        width: 100%;
        height: 450px;
    }
    
    
    .donate_banner__content {
        grid-template-columns: 1fr;
        gap: 64px;
    }
    .field-paragraph--field-donate-options .field__items {
        align-items: center;
    }
    
    
    .flex-direction-nav a.flex-prev,
    .flex-direction-nav a.flex-next {
        display: none !important;
    }
    
    #block-letsgo-contactlistofcontactinfo {
        padding: 64px 20px;
    }
    #block-letsgo-contactlistofcontactinfo .field__items {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 450px;
        gap: 64px;
    }
    
    
    .paragraph--type--about-sponsors-group,
    .field-paragraph--field-about-sponsors-paragraph .field__items{
        gap: 64px;
    }
    .paragraph--type--value-column-group {
        padding-bottom: 64px;
    }
    .paragraph--type--about-media-column-group {
        margin: 64px auto 128px auto;
    }
    
    /*referral form*/
    .referral__container,
    #block-letsgo-referralformsendusforms .field__items,
    #block-letsgo-referralformsendusforms .field__item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #block-letsgo-referralformsendusforms .field__item {
        align-items: flex-start;    
    }
    .referral__contact_container, 
    .referral__download,
    #block-letsgo-referralformsendusforms .field__item {
        max-width: 500px;
        width: 100%;
    }
    .footer__copyrights {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    
}

@media ( max-width: 800px ) {
    body { 
        font-size: 16px;
    }
    .deco_ball {
        width: 218px;
        height: 218px;
    }
    
    .page__title {
        margin-top: 64px;
        margin-bottom: 48px;
    }
    
    .header {
        position: fixed;
        width: 100%;
        background: white;
        z-index: 10;
    }
    .main-content {
        padding-top: 80px;
    }
    
    /*.menu-bar {*/
        /*display: none;*/
    /*    flex-direction: column;*/
        /*padding-top: 40px;*/
    /*    padding-bottom: 40px;*/
    /*}*/
    /*.menu-bar .menu.menu-level-1 {*/
    /*    display: flex;*/
    /*}*/
    /*.menu-bar .menu {*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*}*/
    /*.header-inner {*/
    /*    flex-direction: row !important;*/
    /*    padding: 18px 64px;*/
    /*}*/
    /*.menu a {*/
    /*    font-size: 24px;*/
    /*}*/
    /*.menu-bar .menu-level-2 {*/
    /*    position: relative;*/
    /*}*/
    .site-branding {
        width: 200px;
    }
    
    .paragraph--type--page-banner img {
        height: 335px;
    }
    
    .footer-inner {
        padding-bottom: 0;
    }

    .paragraph__content_container {
        gap: 0;
    }
    .paragraph--type--image-text-block {
        gap: 64px;
    }
    .field-paragraph--field-value-column .field__items {
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--page-banner,
    .field-paragraph--field-column-group-title {
        margin-bottom: 48px;
    }
    
    
    /*about media column group - mobile*/
    /*//////////////////////////////////*/
    /*///////////////////////////////////*/
    .paragraph--type--about-media-column-group {
        overflow: visible;    
    }
    .field-paragraph--field-about-media .field__items {
        display: block;
        position: sticky;
        top: 275px;
    }
    .field-paragraph--field-about-media .field__items .field__item:first-child {
        position: relative;
    }
    .field-paragraph--field-about-media .field__items .field__item,
    .field-paragraph--field-about-media .field__items .field__item:last-child{
        position: absolute;
        top: 0;
    }
    .field-media--field-media-image .field__item {
        position: relative !important;
    }
    .field-paragraph--field-about-media {
        width: 100%;
        height: 1300px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .field-paragraph--field-about-media .field__items .field__item:first-child .field__item {
        left: 0;
    }
    .field-paragraph--field-about-media .field__items .field__item:last-child .field__item {
        right: 0;
    }
    
    .layout-footer {
        margin-top: 64px;
    }
    
    .webform-submission-contact-us-form {
        padding-left: 20px;
        padding-right: 20px;
    }
    #edit-form-name,
    #edit-form-number{
        display: flex;
        gap: 24px;
    }
    #edit-form-name {
        flex-direction: row;
    }
    #edit-form-number {
        flex-direction: column;
        width: 100%;
    }
    #edit-form-number .webform-flex--container {
        margin: 0;
    }
    .webform-flexbox {
        margin-bottom: 24px;
    }
    .form_header {
        text-align: center;
    }
    
    .link__referral_download {
        padding: 0 25px;    
    }

    .faq__container {
        flex-direction: column;
    }
    .paragraph--type--home-banner img {
        height: 350px;
    }    
    .field-paragraph--field-accordion-title {
        text-align: center;
    }
    
    /*mobile menu */
    //////////////////
    .sf-menu.sf-main {
        padding: 20px;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px !important;
    }
    .sf-has-clone-parent {
        width: 100% !important;
        text-align: center;
        max-width: 100% !important;
    }
    #superfish-main-accordion li a,
    #superfish-main-accordion li span.nolink{
        padding: 24px 0 !important;
        width: 100% !important;
        text-align: center;
    }
    .sf-menu a.sf-depth-2 {
        background: #FDFDFD !important;
    }
    #superfish-main-toggle {
        line-height: 0;
    }
    .sf-menu li.menuparent ul {
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

@media ( max-width: 750px ) {
    .view-list-of-clinicians.view-display-id-block_2 .views-field-field-clinician-photo img,
    .views-field-field-clinician-photo img,
    .bio__photo img,
    .view-id-list_of_clinicians.view-display-id-block_1 .bio__photo img {
        height: 350px;
    }    
}
@media ( max-width: 650px ) {
    .view-list-of-clinicians.view-display-id-block_2 .views-field-field-clinician-photo img,
    .views-field-field-clinician-photo img,
    .bio__photo img,
    .view-id-list_of_clinicians.view-display-id-block_1 .bio__photo img {
        height: 335px;
    }    
}

@media ( max-width: 600px ) {
    .menu a {
        font-size: 14px;
    }
    .footer h6 {
        font-size: 16px !important;
    }
    .footer__contact .flex-column {
        margin-bottom: 20px;
    }
    .footer__contact .flex-column:last-child {
        margin-bottom: 0;
    }
    .paragraph--type--home-banner img {
        height: 252px;
    }
    .view-list-of-programs .view-content.view-rows,
    .view-list-of-clinicians .view-content.view-rows {
        grid-template-columns: 1fr; 
    }
    .view-list-of-clinicians .views-row {
        max-width: 350px;
    }
    .paragraph--type--two-column-resources-section .section_intro {
        text-align: center;
    }
    
    .field-paragraph--field-featured-image img {
        width: 348px;
        height: 348px;
    }    
    .link__referral_download {
        border-radius: 0;
    }
    .paragraph--type--call-to-action-banner,
    .paragraph--type--program-list-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cta__container, .cta__content_inner {
        padding: 20px;
    }
    .paragraph__program_desc {
        padding: 24px;
    }
    .paragraph {
        padding-left: 20px;
        padding-right: 20px;
    }
    .paragraph--type--content-block-reference-containe {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-inner {
        flex-direction: row !important;
        padding: 18px 20px;
        padding-top: 0 !important;
    }
    .paragraph--type--newsletter,
    .footer__row, 
    .footer__policies, 
    .footer__content,
    .field-paragraph--field-social-media-list .field__items .view-content.view-rows {
        max-width: 300px;
    }  
    .paragraph--type--footer {
        width: 100%;
        max-width: 100%;
    }
    .newsletter__input {
        flex-direction: column;
    }
    .newsletter__input input,
    .newsletter__input button {
        width: 100%;
    }
    .paragraph--type--newsletter {
        padding: 0 !important;
    }
    .paragraph--type--home-banner, .paragraph--type--page-banner {
        padding-left: 20;
        padding-right: 20;
    }
    .paragraph--type--program-list .paragraph__content_container,
    .paragraph--type--image-text-block{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .program_teaser {
        /*width: 335px;*/
        height: 316px;
    }
    .views-element-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .viewsreference--view-title,
    .paragraph--type--page-banner-descriptions{
        text-align: center;
    }
    .field-media--field-media-image img, .field-paragraph--field-about-media iframe {
        max-width: 370px;
    }
    
    .view-list-of-ways-to-help,
    .view-list-of-ways-to-help .views-row{
        min-height: 316px;
    }

    
    .view-list-of-clinicians.view-display-id-block_2 .view-content.view-rows {
        grid-template-columns: 1fr;
    }
    /*.view-list-of-clinicians .views-row {*/
    /*    text-align: center;*/
    /*}*/

    .view-list-of-clinicians .view-content.view-rows {
        gap: 48px;
    }
    .paragraph--type--hiring-notice {
        text-align: center;
    }
    .paragraph--type--two-column-resources-section .section_intro {
        align-items: center;
    }
    
    .donate_banner__body, .donate_banner__options {
        padding: 0 20px;
    }
    .view-list-of-ways-to-help {
        margin-bottom: 64px;
    }
    .donate_banner__container {
        margin: 64px 0;
    }
    
    .paragraph--type--slider {
        padding: 160px 20px;
    }
    #slider__home_quotes .flex-viewport,
    #slider__home_quotes .flex-viewport li {
        max-width: 335px;
        width: 100% !important;
    }
    
    
    /*referral form*/
    .paragraph--type--referral-form-link {
        padding: 0;
    }
    .link__referral_download h3 {
        max-width: 200px;
    }
    .link__referral_download {
        /*background: url('../referral_bg_mobile.png');*/
        max-height: 462px;
        padding-top: 100px;
        padding-bottom: 100px;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #block-letsgo-referralformsendusforms, #block-letsgo-downloadandfilloutpdfforms {
        padding: 40px 20px;
    }
    .referral__contact {
        gap: 20px;
    }
    .link-number {
        padding: 12px 18px;
    }
    .field-block-content--field-form-download-links .field__item a {
        align-items: center;
        gap: 10px;
    }
    .link-number__container {
        gap: 10px
    }
    #block-letsgo-referralformsendusforms p a {
        margin: 0;
        display: block;
    }
    #block-letsgo-referralformsendusforms .field__item p {
        margin-bottom: 0;
    }
    
    .paragraph--type--two-column-resources-section .section_intro,
    .field-paragraph--field-descriptions .field__item:first-child h3 {
        width: 100%;
        min-width: 100%;
    }
}

@media ( max-width: 425px ) {

    .paragraph--type--image-text-block .paragraph__content_container {
        max-width: 350px;
    }
    .paragraph--type--home-banner img {
        height: 252px;
        border-radius: 30px;
    }
    .nav__hamburger_button {
        width: 16px;
        height: 12px;
    }
    .site-branding {
        width: 103px;
    }
    .paragraph--type--page-banner img {
        height: 188px;
    }
    .field-media--field-media-image img, .field-paragraph--field-about-media iframe {
        max-width: 330px;
    }
    .about__sponsor_title {
        text-align: start;
    }
    .field-paragraph--field-sponsor-logos .field__items {
        flex-direction: column !important;
        align-items: center;
    }

}

@media ( max-width: 380px ) {

    .field-paragraph--field-featured-image img {
        width: 320px;
        height: 320px;
    }  
    .field-media--field-media-image img, .field-paragraph--field-about-media iframe {
        max-width: 300px;
    }
    
    #slider__home_quotes .flex-viewport,
    #slider__home_quotes .flex-viewport li {
        max-width: 300px;
    }
    .paragraph--type--slider {
        padding: 160px 10px;
    }
    .cta__container {
        margin-bottom: 0;
    }
    .layout-footer {
        margin-top: 0;
    }
    .footer {
        background: url("../footer_bg_mobile.png") !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        margin-top: 140px;
    }
    .footer-inner {
        padding-top: 90px;
    }
    .footer__copyrights {
        margin-top: 48px;
        border-top: 1px solid #2C3E50;
        gap: 32px;
    }
    .paragraph--type--footer {
        padding: 48px 20px !important;
    }
}

@media ( max-width: 350px ) {
    .field-media--field-media-image img, .field-paragraph--field-about-media iframe {
        max-width: 270px;
    }
    .program_teaser {
        /*width: 275px;*/
        height: 260px;
    }
    .program_teaser {
        padding: 16px;
    }
    .program_teaser__info {
        gap: 16px;
    }
    #slider__home_quotes .flex-viewport,
    #slider__home_quotes .flex-viewport li {
        max-width: 275px;
    }
    .field-paragraph--field-featured-image img {
        width: 280px;
        height: 280px;
    }
}