/*
font-family: 'Libre Caslon Display', serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Saira', sans-serif;
*/


body{margin: 0;font-family: 'Ubuntu', sans-serif;line-height: 1;font-size:var(--default);overflow-x: hidden;overflow-y: scroll;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */image-rendering: -webkit-optimize-contrast;line-height: 1.2}

a{color: #000;}

header{text-align: center;padding: 0 2vw 0;display: grid;grid-template-columns: 100px 2fr 1fr;background: #fff;position: sticky;top: 0;z-index: 100000;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
  header .rcppeheader{text-align: left;padding: 1.5vw;font-size: 40px;font-family: 'Saira', sans-serif;font-weight: 700;text-transform: uppercase;}
  header .rcppeheader b{color: #ed1c24;font-weight: 700;}
  header .rcppeheader span{display: block;font-size: 20px;font-weight: 500;}
  header .logo-wrapper{position: relative;;}
  header .logo-wrapper img{width: auto;max-height: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
  header .donate-wrapper{position: relative;padding: 1vw;text-align: right;}
  header .donate-wrapper a{display: inline-block;padding: 20px 30px;background: #ed1c24;color: #fff;text-decoration: none;text-align: center;border-radius: 5px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
  header .donate-wrapper a:hover{background: #b80b11;}
  /* -webkit-filter: drop-shadow(0 0 15px rgba(0,0,0,0.4));filter: drop-shadow(0 0 15px rgba(0,0,0,0.4)); */

@media (max-width: 992px) {
  header{padding: 0 10px;grid-template-columns: 75px 2fr 1fr;}
  header .rcppeheader{font-size: 20px;padding: 15px 10px;}
  header .rcppeheader span{font-size: 10px;}
  header .logo-wrapper img{width: auto;max-height: 90%;}
}

.hero-banner{line-height: 0}
.hero-banner img{width: 100%}


main{}

.slider{}
.slider img{width: 100%;}

.introduction{display: grid;grid-template-columns: 1fr 1fr;padding: 7.75vw 12vw;gap:4vw;}
  .introduction-inner{text-align: left;}

  .introduction h1{font-size: 3.1875vw;margin: 1vw 0 1.75vw;font-weight: 600;font-family: 'Saira', sans-serif;}
  .introduction h1 span{color: #ed1c24;}
  .introduction p{font-size: 1.25vw;line-height: 1.5;}


  .introduction .donate-now-wrapper{display: grid;align-items: center;background: #f5f5f5;padding: 50px;overflow: hidden;}
  .introduction .donate-now-wrapper h2{text-align: center;}
  .introduction .donate-now-wrapper .btn-holder a{display:block;font-size: 30px;padding: 20px 30px;background: #ed1c24;color: #fff;text-decoration: none;text-align: center;border-radius: 5px;line-height: 30px;}
  .introduction .donate-now-wrapper .btn-holder a:hover{background: #b80b11;}
  .introduction .donate-now-wrapper .btn-holder a i{font-size: 22px;}
  .introduction .donate-now-wrapper .donate-message{padding: 1rem;text-align: center;}

  @media (max-width: 992px) {
    .introduction{grid-template-columns: 1fr;padding: 40px 10vw;}
    .introduction-inner{}
    .introduction-inner br{display: none;}
    .introduction h1{font-size: 40px;margin: 10px 0 20px;}
    .introduction p{font-size: 16px;}
  }


  @media (max-width: 480px) {
      .introduction .donate-now-wrapper{padding: 25px;}
      .introduction .donate-now-wrapper h2{margin-top: 0}
      .introduction .donate-now-wrapper .btn-holder a{font-size: 25px;line-height: 25px;}
      .introduction .donate-now-wrapper .btn-holder a i{font-size: 18px;}
  }

.donation{padding:10px 0 0;text-align: center;}
.donation h2{font-size: 30px;}
.donation h2 span{color: #ed1c24;}
.donation .btn-holder{}
.donation .btn-holder a{display: inline-block;padding: 20px 30px;background: #ed1c24;color: #fff;text-decoration: none;}
.donation .btn-holder a:hover{background: #b80b11;}




.video-donation{padding: 4vw 12vw;text-align:center;margin-bottom: 50px;background: #eee;display: grid;grid-template-columns: 1fr 1fr;gap:50px;}
.video-donation .video-donation-details{text-align: left;order: 2;font-size: 1vw;line-height: 1.5;}
.video-donation .video-donation-details h2{margin: 0 0 20px;font-size: 30px}
.video-donation .video-donation-details h2 span{color: #ed1c24;}

.video-donation .video-wrapper{order: 1;}
.video-container {border: solid 20px #000;position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin: 0 auto;border-radius: 5px;}

.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


@media (max-width: 992px) {
  .video-donation{padding: 40px 10vw;grid-template-columns: 1fr;gap:25px;}
  .video-donation .video-donation-details{order: 1;font-size: 16px;}
  .video-container {border: solid 0 #000;}
}





.our-activities{padding: 0 8vw;margin-bottom: 50px;overflow: hidden;}
.our-activities-title{text-align: center;}
.our-activities-title h2{font-size: 40px}

#our-activities-carousel{}
.activity-card{box-shadow: 2px 2px 5px rgba(0,0,0,0.1);margin: 20px;border-radius: 5px;overflow: hidden;}
.activity-card .img-holder{overflow: hidden;}
.activity-card .img-holder img{width: 100%;transition: all 0.4s ease 0s;}
.activity-card .img-holder:hover img{transform: scale(1.1);}
.activity-card .details{padding: 20px}
.activity-card .details h3{}
.activity-card .details h3 a{text-decoration: none;}
.activity-card:hover .details h3 a{color: #ed1c24;}




.donation-bottom{background: #f5f5f5;padding: 30px;}
.email-details{margin-bottom: 40px;}
.phone-numbers{margin-bottom: 40px;}
.phone-numbers p{display: inline-block;padding: 10px;margin: 10px 0 0}
.phone-numbers p a{display: block;text-decoration: none;font-weight: bold;}
.phone-numbers p a:hover{color: #ed1c24;}


  footer{padding: 2vw;text-align: center;background: #0f1117;color: #fff;font-size: 0.8984375vw;}

  footer .social-media-wrapper{padding: 20px;line-height: 1.5}
  footer .social-media-wrapper .social-media{padding: 20px;}
  footer .social-media-wrapper .social-media a{color: #fff;margin: 0 15px;}


  @media (max-width: 992px) {
    footer{padding: 20px;font-size: 16px;}
  }