#toolbar-administration { display: none; }
body { padding: 0; }
.landing-detail-container .landing-detail-region-type-container { background: #eef1f4; }
.missing { color: #de4736; }

/* ------- hero ------- */

#rr-2022-hero {
  background-color: var(--primary);
  position: relative;
  overflow: hidden;
}
#rr-2022-hero-text {
  position: relative;
  padding: 2rem 4rem;
  float: left;
  z-index: 999;
}
#rr-2022-hero-gradient {
  background: rgb(7,21,89);
  background: linear-gradient(23deg, rgba(7,21,89,1) 0%, rgba(7,21,89,0) 100%);
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 10;
}
#rr-2022-hero-bg, #rr-2022-hero-bg-01, #rr-2022-hero-bg-02, #rr-2022-hero-bg-03, #rr-2022-hero-bg-04 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}
#rr-2022-hero-bg-01 {
  background-attachment: scroll;
  background-position: center top;
}
#rr-2022-hero-bg { background-image: url(https://globalpartnership.org/docs/rr-2022/img/rr-2022-bg-04.svg); }
#rr-2022-hero-bg-01 { background-image: url(https://globalpartnership.org/docs/rr-2022/img/rr-2022-bg-part-01.svg); }
#rr-2022-hero-bg-02 { background-image: url(https://globalpartnership.org/docs/rr-2022/img/rr-2022-bg-part-02.svg); }
#rr-2022-hero-bg-03 { background-image: url(https://globalpartnership.org/docs/rr-2022/img/rr-2022-bg-part-03b.svg); }
#rr-2022-hero-bg-04 { background-image: url(https://globalpartnership.org/docs/rr-2022/img/rr-2022-bg-part-04.svg); }

#rr-2022-hero-text h1 {
  font-size: 5.5rem;
  margin-bottom: 1rem;
  line-height: 1;
}
#rr-2022-hero-text p {
  font-size: 1.2222rem;
  font-weight: 500;
  margin-bottom: 2.5rem;
  max-width: 800px;
}
#rr-2022-hero-text h1, #rr-2022-hero-text p { text-shadow: 0 0 5px rgba(7, 21, 89, 0.7); }
#rr-2022-hero-text .btn { box-shadow: 0 0 5px rgba(7, 21, 89, 0.7); }

/* ------- intro ------- */

section#rr-2022-intro {
  background: #eef1f4;
}
.rr-2022-arrow-box {
  background: #fff;
  padding: 2rem;
  margin: 2rem auto 5rem auto;
  position: relative;
}
.rr-2022-arrow-box p {
  font-size: 1.2222rem;
  margin: 0 !important;
}
.arrow-top-left, .arrow-bottom-right { position: absolute; z-index: 99; }
.arrow-top-left, .arrow-bottom-right img {
  width: 40px;
  height: auto;
}
.arrow-top-left {
  top: -5px;
  left: -5px;
}
.arrow-bottom-right {
  bottom: -5px;
  right: -5px;
}

/* ------- charts ------- */

section#rr-2022-charts {

}
section#rr-2022-charts h3 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.rr-2022-chart { margin: 1rem auto; }
.rr-2022-chart, h6.rr-2022-chart-source { max-width: 980px; }
.rr-2022-chart img {
  width: 100%;
  height: auto;
}
h6.rr-2022-chart-source {
  border-top: 1px solid rgba(238, 241, 244, 0.7);
  margin: 0 auto 3rem auto;
  line-height: 1.3;
  padding: 1rem;
  text-align: center;
  font-family: inherit;
}
h6.rr-2022-chart-source, h6.rr-2022-chart-source a {
  color: #808183;
  font-size: 0.6666rem;
  font-weight: 500;
}
h6.rr-2022-chart-source a { text-decoration: underline; }
h6.rr-2022-chart-source a:hover { opacity: 0.8; }

/* ------- downloads ------- */

section#rr-2022-downloads {
  background: rgba(238, 241, 244, 1);
}
section#rr-2022-downloads ul.pdf-list {
  max-width: 300px;
  margin: 0 auto;
}






/* ------- mobile ------- */

@media only screen and (min-width: 0px) and (max-width: 960px) {

  #rr-2022-hero-text { padding: 2rem; }
  #rr-2022-hero-text h1 { font-size: 4rem; }
  #rr-2022-hero-text p { font-size: 1.1111rem; }

}