/*
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: 2.75vw 4vw;gap:4vw;background: #f5f5f5;}
  .introduction-inner{text-align: left;}

  .introduction h1{font-size: 2.75vw;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;}






.panel-main{padding: 2vw 6vw;}
.panel-main-inner{}


.title-block{margin-bottom: 3rem;}

.reports-nav{}
.reports-nav ul{margin: 0;padding: 0;list-style: none;display: flex;justify-content: stretch;border: solid 1px #eee;}
/* .reports-nav ul li{width: 12.5%;} */
.reports-nav ul li{width: auto;}
.reports-nav ul li a{font-size: 1.25rem;text-decoration: none;height: 100%;text-align: center;display: grid;place-content: center;padding: 0.75rem 1rem;box-sizing: border-box;}
.reports-nav ul li a:hover{background-color: #f5f5f5;}
.reports-nav ul li.active{}
.reports-nav ul li.active a{background-color: #ed1c24;color: white;}


.report-panel{text-align: center;position: relative;}
.report-panel img{width: 100%;}

.report-holder{display: grid;grid-template-columns: 1fr 1fr;padding-top: 3rem;}

.report-holder .chart{padding: 1rem 4rem;}

.report-holder .reports{padding: 1rem 2rem;text-align: left;}

.report-holder .reports .report-block{border: solid 1px #eee;padding: 2rem;display: grid;grid-template-columns: 2fr 1fr;gap: 32px;margin-bottom: 32px;}
.report-holder .reports .report-block .report-block-details{}
.report-holder .reports .report-block .report-block-details .report-block-head{}
.report-holder .reports .report-block .report-block-details .report-block-head h2{margin: 0 0 0.25rem;font-size: 1.75rem;}
.report-holder .reports .report-block .report-block-details .report-block-head .year{color: #999;}
.report-holder .reports .report-block .report-block-details .description{}
.report-holder .reports .report-block .report-block-details .download{}
.report-holder .reports .report-block .report-block-details .download a{text-decoration: none;}
.report-holder .reports .report-block .report-block-details .download a:hover{color: #ed1c24;}

.report-holder .reports .report-block .report-block-image{}


.widget-total{position: absolute;top: 20px;left: 0;text-align: left;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);padding: 1rem 1rem 2rem;aspect-ratio: 4/3;box-sizing: border-box;min-width: 150px;}
.widget-total span{display: block;}
.widget-total .value{font-size: 2.5rem;font-weight: 700;}
.widget-total .caption{font-size: 1rem;font-weight: 500;}




@media (max-width: 1500px) {
  .report-holder{grid-template-columns: 1fr 2fr;}
}


@media (max-width: 1024px) {
  .report-holder{grid-template-columns: 1fr;}
}


@media (max-width: 768px) {
  .report-holder .reports{padding: 1rem 0;text-align: left;}
  .report-holder .reports .report-block{grid-template-columns: 1fr;}
  .report-holder .reports .report-block .report-block-details{order: 2;}
  .report-holder .reports .report-block .report-block-image{order: 1;}
}



.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;}
  }