.site-content#content {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.wpb_text_column p a{
    text-decoration: underline;
}
.wpb_text_column p a:hover {
    text-decoration: none;
}

.whatwedo p.large_description {
    margin-bottom: 0px;
}

.btnPBSblue:hover,.normanBTN.hover-sim {
    background-color: #fff !important;
    color: #2638c4 !important;
    text-decoration: none;
    border-color: #2638c4;
}

h2.hover-sim{
  text-decoration: underline;
}

.bigintro{
    color:#3F5872;
    font-size: 36px;
    line-height: 54px;

}

.ondemand-header a {
    text-decoration: none;
}

.ondemand-header a:hover {
    text-decoration: underline;
}


.bucketcard {
    min-height: auto;
}    

.news-cat{
    color:#3F5872;
}




/********************************menu */

.menu-overlay {
  position: relative;
}

.scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  padding-bottom: 10px;
  /* Hide scrollbar - Webkit */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
   -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.nav-scroll-btn {
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  z-index: 2;
  background: #F7F8FA;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.nav-scroll-btn:hover {
  opacity: 1;
}

.nav-scroll-left {
  left: -30px;
}

.nav-scroll-right {
  right: -30px;
}

.partners-text{
    display: none;
}


body{
    font-size: 20px;
    line-height: 32px;
}

p{
    margin-bottom: 20px;
}

ul.ff li{
    margin-bottom: 20px;
}


h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}


.whitetext, .whitetext h2,.whitetext h1,.whitetext h3, .whitetext a, .whitetext a:hover, .whitetext p{
    color:white;
}

.intro, .intro p {
text-align: left;
font-size:36px;
line-height: 54px;
font-weight: bold;
letter-spacing: 0px;
color: #3F5872;
margin: 0px 0px 20px 0px;
}

.videoWrapper {
 margin-bottom: 0px; 
}

.mm_video_embed .mb-3 {
    margin-bottom: 0px !important;
}

#donors ul {
  list-style: none;       /* remove bullets */
  padding: 0;
  margin: 0;
  columns: 3;             /* three columns */
  column-gap: 2em;        /* space between columns */
}

#donors ul li {
  break-inside: avoid;    /* prevent item splitting between columns */
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}

#donors h2{
    margin-bottom: 60px;
}

/* Responsive breakpoints (optional) */
@media (max-width: 900px) {
  #donors ul { columns: 2; }
}

@media (max-width: 600px) {
  #donors ul { columns: 1; }
}

 

.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}

.pt90{padding-top: 90px;}
.pb90{padding-bottom: 90px;}

.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}

.pt85{padding-top: 85px;}
.pb85{padding-bottom: 85px;}

.pt75{padding-top: 75px;}
.pb75{padding-bottom: 75px;}

.pt70{padding-top: 70px;}
.pb70{padding-bottom: 70px;}

.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}

.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}

.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}

.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}

.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}

.pt5{padding-top: 5px;}
.pb5{padding-bottom: 5px;}

.animated {
  animation-duration: 1s !important;
  transition-duration: 1s !important;
  animation-iteration-count: 1 !important;
}

.team img{
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 5px;
}

.cardcontent h3.covevideotitle {
    font-size: 30px;
    line-height: 36px;
}

@media (prefers-reduced-motion: no-preference) {
  .animated {
    animation-duration: 1s !important;
    transition-duration: 1s !important;
    animation-iteration-count: 1 !important;
  }
}


.support-contact-footer {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    background-color: #0A145A;
    border-radius: 10px 10px;
}

.support-contact {
  background-color: #0A145A;
  color: white;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 0px 105px 0px 90px;
  width: 50%;
}

.support-contact a {
    color: white;
}


.support-contact-footer h3 {
    font-size: 30px;
    line-height: 39px;
    color: white;
    font-weight: bold;
}

.support-person {
    background-color: #000525;
    color: white;
    height: auto; /*-webkit-fill-available*/
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    width: 50%;
    border-radius: 0px 10px 10px 0px;
    padding: 50px 0px;
    text-align: center;
}

.support-person img {
    height: 140px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
}

.support-person p{
    margin: 0px 0px 0px 0px;
    line-height: 20px;
}

.support-person.support-left {
    text-align: left;
    background-color: inherit;
}


.support-person p.title{
    text-transform: uppercase;
    margin-bottom: 5px;
}

.support-person p.name{
    font-size: 24px;
    color:#FFCF00;
    font-weight: bold;
    line-height: 36px;
    margin:30px 0px 10px 0px;
}

.support-person p.email a{
    color:white;
    text-decoration: underline;
}

.support-person p.phone {
    margin: 15px 0px;
   color: white !important;
}

p.phone a{
    color: white !important;
}

.support-person p.email a:hover{
    color:white;
    text-decoration: none;
}



.hhquote {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 62px;
    line-height: 78px;
    padding: 2% 15% 1% 15%;
    text-shadow: 2px 2px 9px black;
}
.hhperson {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 56px;
    padding: 0%;
    text-shadow: 2px 2px 9px black;
}

.hhperson {
    color: #FFCF00 !important;
}

p.hheyebrow {
    font-size: 24px;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    text-shadow: 2px 2px 9px black;
}


#thefooter {
    margin-top: 0px !important;
}


.quotesymb {
    text-align: left;
    letter-spacing: -8px;
    color: #FE704E;
    opacity: 1;
    font-size: 30px;
    line-height: 0px !important;
    padding-bottom: 30px !important;
}



@media (min-width: 768px) and (max-width: 992px) {
    .hhquote { font-size: 36px; line-height: 42px;}
    .bucketcard .bucket-title { font-size: 20px !important; line-height: 24px !important;}
    .bucketcard {min-height: 300px;}
    .intro, .intro p { font-size: 24px; line-height: 36px}
    .ipad-pt60 {padding-top: 65px !important;}
    .pt70, .pt80, .pt90, .pt100 {padding-top: 65px !important; }
    .pb70, .pb80, .pb90, .pb100 {padding-bottom: 65px !important;}
    .pt85 { padding-top: 45px;}
    .ipad-mb60 {margin-bottom: 60px !important;}
    .ipad-mt60 {margin-top: 60px !important;}
    .support-contact { padding: 30px !important;}
    .support-person {font-size: 18px !important;}
    #logo img { width: auto !important;}
}

@media (min-width: 431px) and (max-width: 767px) {
.hhquote { font-size: 36px; line-height: 42px; padding: 2% 8% 1% 8%; text-shadow: 2px 2px 9px black;}
.hhperson { font-size: 24px; line-height: 36px;}

}

@media (min-width: 0px) and (max-width: 430px) {
 .whatwedo {padding: 0px !important; }
.hhquote { font-size: 26px; line-height: 34px; padding: 2% 2% 1% 2%; text-shadow: 2px 2px 9px black;}
.hhperson { font-size: 20px; line-height: 34px;}
}


@media(min-width: 0px) and (max-width: 767px) {
.whatwedo {padding: 0px !important; }
body, p {font-size: 20px;line-height: 32px;}
.vc_col-sm-6 h3.covevideotitle{ font-size: 24px !important;line-height: 30px !important;}
.bucketcard .bucket-title { font-size: 24px !important; line-height: 30px !important;}
.mobile-mb60 {margin-bottom: 60px !important;}
.mobile-mt60 {margin-top: 60px !important;}
.intro, .intro p { font-size: 24px; line-height: 32px}
.pt70, .pt80, .pt90, .pt100 {padding-top: 50px !important; }
.pb70, .pb80, .pb90, .pb100 {padding-bottom: 50px !important;}
.pt85 { padding-top: 30px;}
.wpb_column.vc_column_container.vc_col-sm-1 { display: none;}
.whatwedo p.eyebrow { padding: 30px 0px 0px 0px;}
.whatwedo p.large_description { margin-bottom: 15px;}
.support-contact-footer { flex-direction: column; border-radius: 10px;}
.support-contact {  padding: 30px; width: 100%; border-radius: 10px;}
.support-person { padding: 30px 0px; width: 100%; border-radius: 10px;}
#logo img { width: auto !important;}
.bigintro { font-size: 24px; line-height: 32px;}

}

@media (min-width: 768px) and (max-width: 1191px) {
  #ondemand-subnav {
  overflow: visible !important;
  white-space: nowrap;
    }

  .nav-scroll-btn {
    display: block;
  }
  
  #ondemand-subnav li {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-right: 15px;
        font-weight: inherit;
  }

}

@media (max-width: 767px), (min-width: 1192px) {
  .nav-scroll-btn {
    display: none;
  }

}

