/* Color palette */

body {
  font-size: 12px;
  line-height: 18px;
}

h1 {
  font-size: 18px;
  line-height: 22px;
}

h2 {
  font-size: 16px;
  line-height: 20px;
}

h3 {
  font-size: 14px;
  line-height: 18px;
}

h4 {
  font-size: 13px;
  line-height: 17px;
}

h5 {
  font-size: 12px;
  line-height: 16px;
}

h6 {
  font-size: 11px;
  line-height: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-column-break-after: avoid;
          break-after: avoid-page;
}

p,
li {
  font-size: 12px;
  line-height: 18px;
}

p {
  orphans: 2;
  widows: 2;
}

blockquote {
  margin-top: 12px;
  padding: 30px 20px 20px;
}

table {
  page-break-inside: avoid;
}

.default-content-block h1,
.default-content-block h2,
.default-content-block h3,
.default-content-block h4,
.default-content-block h5,
.default-content-block h6,
.default-content-block p {
  margin-bottom: 12px;
}

a[href]:after {
  content: " (" attr(href) ")";
}

.md\:w-8\/12 {
  width: 100%;
}

.mb-30 {
  margin-bottom: 12px;
}

.mt-30 {
  margin-top: 12px;
}

.mt-20 {
  margin-top: 12px;
}

.pb-30 {
  padding-bottom: 12px;
}

.pt-30 {
  padding-top: 12px;
}

#BetterNavigator {
  display: none;
}

body.layout-HomePage .core-header-nav {
  height: auto;
}

header a[href]:after {
  content: "";
}

header .core-logo svg path:first-child {
  fill: #1c1d44;
}

.bg-ocf-blue,
.bg-ocf-blue-background,
.bg-ocf-blue-overlay,
.bg-mint,
.bg-grey-lighter {
  background-color: #fff;
}

.nav-mobile-menu,
.search-menu-mobile,
.nav-container,
.cookies-notice.show {
  display: none !important;
}

.icon-box-arrow {
  display: none;
}

footer.core-footer {
  margin-top: 20px;
  page-break-inside: avoid;
}

footer.core-footer a[href]:after {
  content: "";
}

footer.core-footer .text-white {
  color: #1c1d44;
}

footer.core-footer a.logo {
  display: none;
}

footer.core-footer .styled-hr {
  margin-left: 15px;
}

footer.core-footer .styled-hr .corner {
  top: -13px;
  left: -13px;
  width: 15px;
  height: 15px;
}

footer.core-footer .heading {
  font-size: 15px;
}

footer.core-footer .footer-newsletter {
  display: none;
}

footer.core-footer nav {
  display: none;
}

footer.core-footer .locations .w-6\/12 {
  width: 20%;
}

footer.core-footer .locations .text-2xs {
  font-size: 10px;
}

.main .hero-story .wrapper {
  display: none;
}

.main .content-block {
  clear: both;
}

.main .content-block img.ss-htmleditorfield-file {
  max-width: 150px;
  float: left;
  clear: both;
  margin: 0 20px 20px 0;
}

.main .content-block.default-content-block .caption:before {
  position: relative;
  width: auto;
  content: ' \00AB';
  font-size: 20px;
  border: 0;
  margin-left: -10px;
}

.main .content-block.default-content-block .caption {
  margin: 12px 0;
  padding-top: 0;
}

.main .content-block.styled-cta-block {
  margin-bottom: 40px;
  page-break-inside: avoid;
}

.main .content-block.styled-cta-block .corner {
  width: 15px;
  height: 15px;
  top: -15px;
  left: -15px;
}

.main .content-block.styled-cta-block .outline-border {
  margin-left: 15px;
}

.main .content-block.styled-cta-block .btn-icon {
  min-width: 200px;
}

.main .content-block.styled-cta-block .btn-icon:before {
  background-color: #fff;
  width: calc(60% + 30px);
}

.main .content-block.styled-cta-block .btn-icon .button-info {
  padding-bottom: 12px;
}

.main .content-block.styled-cta-block .py-30 {
  padding-top: 15px;
}

.main .content-block.styled-cta-block .bg-ocf-red {
  background-color: #fff;
}

.main .content-block.styled-cta-block .text-white {
  color: #f15b3c;
}

.main .event-block {
  page-break-inside: avoid;
}

.main .event-block .flex {
  display: block;
}

.main .event-block.pt-40 {
  padding-top: 0;
}

.main .event-block .pb-40 {
  padding-bottom: 0;
}

.main .event-block .mt-5 {
  margin-top: 0;
}

.main .event-block .text-white {
  color: #1c1d44;
}

.main .event-block .event-right {
  padding: 12px 30px;
  width: 100%;
}

.main .event-block .event-info {
  font-size: 14px;
  line-height: 20px;
}

.main .event-block .text-xs {
  font-size: 12px;
}

.main .faq-block {
  max-width: 100%;
}

.main .faq-block.mt-60 {
  margin-top: 25px;
}

.main .faq-block .mb-30 {
  margin-bottom: 0;
}

.main .faq-block .indicator {
  display: none;
}

.main .faq-block.format-list .question-text {
  padding: 12px 0;
}

.main .faq-block.format-list .answer-text h6 {
  padding: 0;
}

.main .faq-block .answer {
  visibility: visible !important;
  display: block;
  height: auto;
  opacity: 1;
}

.main .faq-block .answer-text {
  padding-bottom: 0;
}

.main .faq-block .answer-text h6 {
  padding-bottom: 0;
}

.main .faq-block .answer-text h6 br {
  line-height: 0;
}

.main .faq-block .invisible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

.main .featured-story-block.bg-ocf-blue-overlay,
.main .featured-story-block.full-width {
  padding-top: 25px;
  padding-bottom: 25px;
}

.main .featured-story-block.bg-ocf-blue-overlay .content,
.main .featured-story-block.full-width .content {
  color: #1c1d44;
}

.main .featured-story-block.bg-ocf-blue-overlay .content h1,
.main .featured-story-block.bg-ocf-blue-overlay .content h2,
.main .featured-story-block.bg-ocf-blue-overlay .content h3,
.main .featured-story-block.bg-ocf-blue-overlay .content h4,
.main .featured-story-block.bg-ocf-blue-overlay .content h5,
.main .featured-story-block.bg-ocf-blue-overlay .content h6,
.main .featured-story-block.bg-ocf-blue-overlay .content p,
.main .featured-story-block.full-width .content h1,
.main .featured-story-block.full-width .content h2,
.main .featured-story-block.full-width .content h3,
.main .featured-story-block.full-width .content h4,
.main .featured-story-block.full-width .content h5,
.main .featured-story-block.full-width .content h6,
.main .featured-story-block.full-width .content p {
  margin-bottom: 12px;
}

.main .featured-story-block.bg-ocf-blue-overlay .filter-1,
.main .featured-story-block.bg-ocf-blue-overlay .filter-2,
.main .featured-story-block.full-width .filter-1,
.main .featured-story-block.full-width .filter-2 {
  color: #1c1d44;
  margin-bottom: 0 !important;
}

.main .featured-story-block.text-white {
  color: #1c1d44;
}

.main .featured-story-block h2,
.main .featured-story-block h3 {
  margin-bottom: 12px;
}

.main .featured-story-block .md\:w-5\/12 {
  max-width: 75%;
}

.main .featured-story-block .md\:w-5\/12:first-child {
  max-width: 15%;
}

.main .featured-story-block .md\:ml-87 {
  margin-left: 30px;
}

.main .featured-story-block .md\:ml-50 {
  margin-left: 30px;
}

.main .featured-story-block .mt-40 {
  margin-top: 0;
}

.main .featured-story-block .px-30 {
  padding: 0;
}

.main .featured-story-block .btn-cta {
  margin: 0;
  padding: 0;
  color: #1c1d44;
  text-align: left;
}

.main .featured-story-block .btn-cta.btn-cta-white .border-y:before,
.main .featured-story-block .btn-cta.btn-cta-white .border-y:after {
  display: none;
}

.main .featured-story-block .btn-cta .corner,
.main .featured-story-block .btn-cta .border-x,
.main .featured-story-block .btn-cta .border-y {
  display: none;
}

.main .image-block {
  padding-top: 12px;
  overflow: auto;
}

.main .image-block img {
  max-width: 25%;
  float: left;
  clear: both;
  padding: 0 30px 20px 0;
  margin: 0;
}

.main .image-block .accent-line {
  display: none;
}

.main .image-block .caption {
  margin: 12px 0;
  padding-top: 0;
}

.main .offsetctablock + .offsetctablock .offset-cta-block {
  padding-top: 0;
  margin-top: -12px;
}

.main .offset-cta-block {
  padding: 12px 30px;
  margin-top: 12px;
  page-break-inside: avoid;
}

.main .offset-cta-block .wrapper {
  padding: 0;
}

.main .offset-cta-block .image-container {
  margin: 0 0 20px;
}

.main .offset-cta-block .accent-bg {
  width: 100px;
  height: 6px;
}

.main .offset-cta-block .accent-bg.bg-ocf-mint {
  background-color: #eff5e5;
}

.main .offset-cta-block .accent-bg.bg-ocf-blue,
.main .offset-cta-block .accent-bg.bg-ocf-blue-overlay {
  background-color: #1c1d44;
}

.main .offset-cta-block .p-40 {
  padding: 0;
}

.main .offset-cta-block .absolute {
  position: relative;
  margin: 0 0 12px;
}

.main .offset-cta-block h3,
.main .offset-cta-block h3 p {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 12px;
}

.main .research-block {
  padding-top: 12px;
  padding-bottom: 12px;
}

.main .research-block a.bg-ocf-red,
.main .research-block a.bg-ocf-blue {
  background-color: #fff;
  background: url(/resources/themes/ocf/images/ui/logo-research.svg) no-repeat;
  background-size: contain;
  max-width: 100px;
}

.main .research-block a.bg-ocf-red:after,
.main .research-block a.bg-ocf-blue:after {
  content: '';
}

.main .research-block .flex-col {
  width: 25%;
}

.main .research-block .bg-ocf-blue {
  padding-right: 30px;
  height: auto;
}

.main .research-block .bg-ocf-blue .bg-contain,
.main .research-block .bg-ocf-blue .bg-cover {
  background-position: 21px !important;
  background-repeat: no-repeat;
}

.main .research-block .bg-white {
  width: 75%;
  padding: 0;
}

.main .research-block .logo-research {
  display: none;
}

.main .research-block h2 {
  margin-top: 60px;
}

.main .research-block .link-arrow + div {
  display: none;
}

.main .staff-profile .photo {
  min-height: 100px;
  width: 20%;
}

.main .staff-profile .py-30 {
  padding-top: 0;
  padding-bottom: 0;
  width: 75%;
}

.main .staff-profile a:after {
  content: '';
}

.main .staff-profile .px-40 {
  padding-left: 30px;
  padding-right: 0;
}

.main .statistics-block {
  page-break-inside: avoid;
}

.main .statistics-block .txt-display {
  font-size: 18px;
  margin-bottom: 4px;
}

.main .statistics-block h4 {
  margin-bottom: 15px;
}

.main .statistics-block .btn-cta {
  display: none;
}

.main .styled-cta-block {
  page-break-inside: avoid;
  padding-top: 25px;
}

.main .text-image-block {
  margin-top: 0;
}

.main .text-image-block .accent-bg {
  background-color: #fff;
}

.main .text-image-block .mt-60 {
  margin-top: 12px;
}

.main .text-image-block .py-30 {
  padding-top: 0;
}

.main .text-image-block .image-container {
  width: 25%;
  max-width: 150px;
  margin: 0 20px 20px 0;
}

.main .text-image-block .text-container {
  width: 75%;
  padding-left: 0;
}

.main .text-image-block .text-container p {
  font-size: 12px;
}

.main .two-column-statement-image-block {
  page-break-inside: avoid;
  background-color: #fff;
  padding-top: 37px;
  padding: 25px 30px 0;
}

.main .two-column-statement-image-block .max-w-sm {
  max-width: inherit;
}

.main .two-column-statement-image-block .md\:w-5\/12 {
  width: 100%;
}

.main .two-column-statement-image-block .md\:ml-50 {
  margin-left: 0;
}

.main .two-column-statement-image-block .md\:ml-87 {
  margin-left: 0;
}

.main .two-column-statement-image-block .mb-40 {
  margin-bottom: 0;
}

.main .two-column-statement-image-block .-ml-50 {
  margin-left: 0;
}

.main .two-column-statement-image-block .-mt-50 {
  margin-top: 0;
}

.main .two-column-statement-image-block .pl-30 {
  padding: 0;
}

.main .two-column-statement-image-block .p-30 {
  padding: 0 0 12px;
}

.main .two-column-statement-image-block .absolute {
  position: relative;
}

.main .two-column-statement-image-block .flex {
  display: block;
}

.main .two-column-statement-image-block .bg-cover {
  display: none;
}

.main .two-column-statement-image-block .bg-ocf-red {
  background-color: inherit;
}

.main .two-column-statement-image-block .text-white {
  color: #f15b3c;
}

.main .two-column-statement-image-block .text-white h3 {
  font-weight: bold;
}

.main .two-column-statement-image-block .corner {
  width: 15px;
  height: 15px;
  top: -13px;
  left: -13px;
}

.main .two-column-statement-image-block .outline-border {
  margin-left: 15px;
}

.main .element.audioblock,
.main .element.grantsscholarshipsctablock,
.main .element.newsstories,
.main .element.pdfdownloadblock,
.main .element.regionalstoriesblock,
.main .element.resourcesblock,
.main .element.socialshareblock,
.main .element.campaignmonitorblock,
.main .element.tableau,
.main .element.videoblock,
.main .element.videogridblock,
.main .element.zipcodectablock {
  display: none;
}

.main .related-stories,
.main .social-share {
  display: none;
}

body.layout-HomePage .core-logo {
  background: none;
  width: 100px;
  height: auto;
  margin-top: 30px;
}

body.layout-HomePage .core-logo svg {
  display: block;
}

body.layout-HomePage .core-logo:after {
  content: '';
}

.hero-home .heading-container {
  display: block;
  position: relative;
  margin-top: 50px;
}

.hero-landing div.background {
  display: none;
}

.hero-landing .section-nav {
  margin-top: 0;
}

.hero-landing .section-nav .section-title {
  font-size: 28px;
  background-color: #fff;
  padding: 0;
}

.hero-landing .section-nav .section-title .text-white {
  color: #f15b3c;
}

.hero-landing .section-nav nav {
  display: none;
}

.hero-basic .wrapper {
  padding-top: 0 !important;
}

.hero-basic .hero .hidden {
  display: none;
}

.hero-basic .accent-color {
  height: 0 !important;
}

.service-line-hero .wrapper {
  padding-top: 0 !important;
}

.service-line-hero .hero {
  display: none;
}

.service-line-hero .accent-color {
  height: 0 !important;
}

.layout-CharitySelectionPage .options {
  display: none;
}

.layout-CommunityImpactPage .hero-basic .wrapper {
  display: none;
}

.layout-GrantsHolder .filters {
  display: none;
}

.layout-BlogPostPage .wrapper {
  padding-top: 0;
}

.layout-BlogPostPage .wrapper .hero {
  display: none;
}

.layout-BlogPostPage .text-white {
  color: #1c1d44;
}