* {
  box-sizing: border-box; }

/* Darkest Navy */
/* Cobalt Blue */
/* Navy */
/* Navy */
/* White Linen */
/* Pink Energy */
/* Green Verve */
/* Orange Zeal */
.page-header-category {
  padding-top: 1.875rem;
  padding-bottom: 3.75rem;
  position: relative;
  overflow: hidden; }
  .page-header-category:not(.with-bg-img):before {
    content: '';
    display: block;
    position: absolute;
    top: 265px;
    left: 0;
    width: 45%;
    max-width: 556px;
    height: 100%;
    max-height: 794px;
    background-image: url("https://www.philanthropyroundtable.org/wp-content/themes/abp_master/dist/images/union-gray.svg");
    background-position: bottom left;
    background-size: contain; }
  .page-header-category.content-reverse {
    padding: 2.1875rem 0.3125rem 4.375rem; }
    .page-header-category.content-reverse .row {
      flex-direction: row-reverse; }
  .page-header-category__image {
    width: 100%; }
    .page-header-category__image:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .page-header-category__image img {
      display: none; }
    .page-header-category__image-wrap {
      width: 100%;
      margin: 2.5rem auto; }
  .page-header-category__content {
    width: 100%;
    display: flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
    position: relative; }
    .page-header-category__content .button {
      width: auto;
      margin-top: 2.5rem; }
      .page-header-category__content .button:before {
        background: #0075F2; }
  .page-header-category__title {
    font-family: "DM Serif Display", serif;
    position: relative;
    margin-bottom: 1.5625rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal; }
    .page-header-category__title span {
      font-family: "proxima-nova", "Open Sans", sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 2.75rem;
      line-height: 1;
      display: block; }
    .masked .page-header-category__title {
      font-size: 2.75rem; }
  .page-header-category .featured-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch; }
    .page-header-category .featured-post img {
      object-fit: cover; }
    .page-header-category .featured-post__title {
      font-size: 2rem;
      font-weight: normal;
      letter-spacing: 1px;
      margin-top: 1.5625rem;
      line-height: 1.375;
      font-family: "DM Serif Display", serif; }
      .page-header-category .featured-post__title:hover {
        text-decoration: underline; }
    .page-header-category .featured-post__date {
      color: rgba(11, 39, 45, 0.65);
      font-family: "proxima-nova", "Open Sans", sans-serif;
      font-size: 0.9375rem;
      font-weight: 500; }
    .page-header-category .featured-post__inner {
      margin-top: 2.8125rem; }
      .page-header-category .featured-post__inner a {
        text-decoration: none; }
  .page-header-category__meta li {
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    color: #DD2476;
    font-family: "proxima-nova", "Open Sans", sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    text-transform: capitalize; }
    .page-header-category__meta li:empty {
      display: none; }
    .page-header-category__meta li:first-child {
      padding-left: 0; }
    .page-header-category__meta li:last-child {
      border-right: 0; }
    .page-header-category__meta li a:not(:last-child)::after {
      content: ', '; }
  .page-header-category__meta a {
    text-decoration: none; }
    .page-header-category__meta a:hover {
      text-decoration: underline; }
  .page-header-category__meta span, .page-header-category__meta a {
    font-weight: 500;
    color: inherit; }
  .page-header-category .selected-posts .selected-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .page-header-category .selected-posts .selected-post:last-of-type {
      border-bottom: none; }
    .page-header-category .selected-posts .selected-post .selected-post__inner {
      width: 100%;
      flex-grow: 1;
      order: 2; }
    .page-header-category .selected-posts .selected-post__date {
      font-family: "proxima-nova", "Open Sans", sans-serif;
      font-weight: 500;
      font-size: 0.9375rem;
      line-height: 1; }
    .page-header-category .selected-posts .selected-post__link {
      text-decoration: none; }
      .page-header-category .selected-posts .selected-post__link:hover {
        text-decoration: underline; }
    .page-header-category .selected-posts .selected-post__title {
      font-family: "DM Serif Display", serif;
      font-weight: normal;
      font-size: 1.375rem;
      line-height: 1.7;
      letter-spacing: 1px;
      color: #0B272D; }
    .page-header-category .selected-posts .selected-post__preview {
      order: 1;
      margin-bottom: 0.9375rem; }
      .page-header-category .selected-posts .selected-post__preview img {
        max-width: 100%;
        height: auto; }
  .page-header-category .selected-posts__wrapper {
    margin-top: 3.75rem;
    margin-bottom: 0; }
  .page-header-category .selected-posts .button {
    background: none;
    border: none;
    padding: 0 0 0 1.75rem;
    border-radius: 0;
    height: unset;
    color: #DD2476;
    margin-top: 3.125rem;
    justify-content: flex-start; }
    .page-header-category .selected-posts .button:before {
      left: 3px; }
    .page-header-category .selected-posts .button:before {
      background-color: #0075F2; }
    .page-header-category .selected-posts .button:hover:before {
      background-color: #DD2476; }
  @media screen and (min-width: 768px) {
    .page-header-category {
      padding-top: 15rem;
      padding-bottom: 7.8125rem; }
      .hide-title .page-header-category:first-child {
        padding-top: 8.125rem; }
      .page-header-category .column {
        width: calc(1 / 2 * 100% - (1 - (1 / 2)) * 20px * 1.005);
        flex: 0 1 auto; } }
    @media screen and (min-width: 768px) and (min-width: 500px) {
      .page-header-category .column:nth-child(n) {
        margin-right: 20px; }
      .page-header-category .column:nth-child(2n) {
        margin-right: 0; } }
  @media screen and (min-width: 768px) {
      .hide-title .page-header-category:first-child {
        padding-top: 13.4375rem; }
      .page-header-category__title {
        font-size: 6rem;
        margin-bottom: 2.1875rem; }
      .page-header-category__image-wrap {
        width: 50%;
        max-width: 520px;
        max-height: unset;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto; }
      .page-header-category .selected-posts {
        padding-left: 1.875rem; }
        .page-header-category .selected-posts .button {
          margin-top: 4.5625rem; }
        .page-header-category .selected-posts .selected-post .selected-post__inner {
          width: calc(100% - 190px);
          order: 1;
          padding-right: 3.25rem; }
        .page-header-category .selected-posts .selected-post .selected-post__preview {
          order: 2;
          margin-bottom: 0; }
          .page-header-category .selected-posts .selected-post .selected-post__preview img {
            max-width: 136px; }
      .page-header-category .featured-post__title {
        font-size: 2.5rem; } }
  @media screen and (min-width: 992px) {
    .page-header-category__content {
      padding-right: 1.875rem;
      padding-left: 1.875rem; }
    .page-header-category__wrapper {
      margin: 3.75rem 1.875rem 0; } }
  @media screen and (min-width: 1200px) {
    .page-header-category__content {
      padding-right: 7.847222%;
      padding-left: 7.847222%; }
    .page-header-category__heading {
      padding-left: 7.847222%; }
    .page-header-category .selected-posts {
      padding-left: 7.847222%; }
      .page-header-category .selected-posts__wrapper {
        margin-top: 7.8125rem;
        margin-bottom: 0; }
        .page-header-category .selected-posts__wrapper .featured-post__inner {
          padding-left: 6.875rem; } }