/* Common Inner Pages Styles */
.page-title-header {
  /* background: url(../images/banners/banner_aboutus_dim.jpg) center top; */
  background-size: cover;
  padding: 12rem 1.5rem 6rem;
}

.highlight-section {
background: -webkit-radial-gradient(100% 100%, 100% 100%, #008b6f 0%, #003550 150%) no-repeat 0% 50% / 100% 100%;
background: -o-radial-gradient(100% 100%, 100% 100%, #008b6f 0%, #003550 150%) no-repeat 0% 50% / 100% 100%;
background: radial-gradient(100% 100% at 100% 100%, #008b6f 0%, #003550 150%) no-repeat 0% 50% / 100% 100%;
}
.highlight-section.alternative {
  background: -webkit-radial-gradient(100% 100%, 100% 100%, #039B96 0%, #074E72 100%) no-repeat 0% 50% / 100% 100%;
  background: -o-radial-gradient(100% 100%, 100% 100%, #039B96 0%, #074E72 100%) no-repeat 0% 50% / 100% 100%;
  background: radial-gradient(100% 100% at 100% 100%, #039B96 0%, #074E72 100%) no-repeat 0% 50% / 100% 100%;
}

.alternate-section {
  background: #F1F9F8;
}

.page-title-header h1, .page-title-header h2 {
  font-size: 4.5rem;
  line-height: 1.1;
}

.title-header-container {
  display: flex;
  height: 30vh;
  min-height: 250px;
  align-items: flex-end;
  padding-bottom: 2rem;
}

/* Contact CTA Section */
.contact-cta-section h1 {
  margin-bottom: 2rem;
  font-weight: bold;
  line-height: 1.2;
}

.contact-cta-bg {
  position: relative;
  background-image: url(../backgrounds/get-started.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 5rem 1.5rem;
  background-size: 150%;
}

@media screen and (min-width: 768px) and (max-width: 1024px), print {
  .contact-cta-bg {
    background-size: 200%;
  }
}
@media screen and (max-width: 425px), print {
  .contact-cta-bg {
    background-size: 350%;
  }
}

.contact-cta-bg:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: radial-gradient(ellipse at bottom right, rgba(0, 139, 111, 0.8), rgba(0, 53, 80, 0.8));
}

.contact-cta-bg span{
  display: block;
}

@media screen and (min-width: 415px), print {
  .title-header-container {
    height: 40vh;
  }
}

@media screen and (min-width: 1025px), print {
  .title-header-container {
    height: 35vh;
  }
}

.first-section {
  padding-top: 0;
  margin-top: -5rem;
  position: relative;
  overflow: hidden;
  background: #FFF;
}

.first-section .page-container {
  background: #FFF;
}

.page-container {
  padding: 3rem 1.5rem;
}

.mini-padding-btm {
  padding-bottom: 1rem !important;
}

.no-padding-btm {
  padding-bottom: 0 !important;
}

.no-margin-btm {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 769px), print {
  .page-container {
    padding: 3rem 2rem;
  }
}

@media screen and (min-width: 1025px), print {
  .first-section {
    background: transparent;
  }

  .page-container {
    padding: 3rem;
  }
  .first-section .page-container:before {
    content: '';
    position: absolute;
    display: block;
    background: #FFF;
    width: 50vw;
    height: 10rem;
    top: 0px;
    right: 0px;
    transform: translateX(100%);
  }
}

.logo-container figure {
  display: inline-block;
  width: 200px;
}

.logo-container.is-size-small figure {
  display: inline-block;
  width: 160px;
}

.page-title-header.banner-introducer{
  background-position-y: 73%;
}
.page-title-header.banner-funder{
  background-position-y: 25%;
}
.page-title-header.banner-contact{
  background-position-y: 50%;
}
.page-title-header.banner-press{
  background-position-y: 50%;
}
.page-title-header.banner-invoice{
  background-position-y: 29%;
}
@media screen and (max-width: 425px), print{
  .page-title-header.banner-invoice{
    background-size: 190%; 
  }
  .page-title-header h2 {
    font-size: 3rem;
  }
}