@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');

body.page-node-type-our-purpose-history .paragraph .rich-text {
  padding: 5px 15px;
}
body.page-node-type-our-purpose-history .paragraph--type-text-with-image-on-the-right,
body.page-node-type-our-purpose-history .paragraph--type-text-with-image-on-the-left {
  padding-top: 0;
  padding-bottom: 0;
}

div.view-our-purpose-history-list .view-content .views-row .col-md-4 {
  font-size: 16px;
}
div.view-our-purpose-history-list .view-content .views-row .views-field-field-image img {
  width: 100%;
  height: auto;
}
div.view-our-purpose-history-list .view-content .views-row .views-field-title a {
  color: #00b0db;
  font-weight: bold;
  font-family: Barlow;
  font-size: 2.5rem;
}

body.page-node-type-our-purpose-history .block-page-title-block span {
  display: none;
}

article.node--type-our-purpose-history .our-purpose-content,
article.node--type-our-purpose-history h3 {
  color: #495961 !important;
}

article.node--type-our-purpose-history h2 {
  color: #00b0db !important;
  margin-top: 50px;
}

article.node--type-our-purpose-history .hero,
article.node--type-our-purpose-history .hero-wrapper iframe {
  height: 650px;
}
article.node--type-page h1.our-history-title {
  color: #00b0db !important;
  font-weight: bold;
  text-align: center;
}

section.node--type-our-purpose-history h2 {
  color: #00b0db !important;
}
section.node--type-our-purpose-history .hero-wrapper iframe {
  height: 679px;
}
section.node--type-landing-page h2.our-history-title {
  color: #00b0db !important;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}
section.node--type-landing-page p.our-history-subtitle {
  text-align: center;
}

div.view-our-purpose-header-banner,
div.banner-header-ourpurpose {
  font-family: Barlow;
  font-weight: bold;
  text-align: center;
  font-size: 5rem;
  text-transform: uppercase;
}

div.banner-header-ourpurpose {
  position: relative;
  top: -360px;
  z-index: 99999;
  width: fit-content;
  margin: 0 auto;
}

div.view-our-purpose-header-banner .banner-header .banner-header-info,
div.banner-header-ourpurpose .banner-header-info {
  color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 2px 2px darkslategrey;
}