* {
  box-sizing: border-box; }

/* Darkest Navy */
/* Cobalt Blue */
/* Navy */
/* Navy */
/* White Linen */
/* Pink Energy */
/* Green Verve */
/* Orange Zeal */
.card-grid {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .card-grid__container {
    max-width: 79.375rem; }
  .card-grid__arrows {
    position: relative;
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .card-grid__arrows {
        display: none; } }
    .card-grid__arrows::before {
      content: '';
      width: 1px;
      height: 100%;
      background-color: #0B272D;
      position: absolute;
      top: 0;
      left: 50%;
      opacity: .33; }
    .card-grid__arrows .slick-arrow {
      display: inline-flex;
      width: 52px;
      height: 29px;
      padding: 0;
      background: none;
      color: #DD2476;
      font-size: 2rem;
      line-height: 2.625rem;
      overflow-x: hidden; }
      .card-grid__arrows .slick-arrow svg, .card-grid__arrows .slick-arrow svg path {
        transition: all 0.3s ease-in-out; }
      .card-grid__arrows .slick-arrow.slick-prev {
        position: relative;
        margin-right: 35px; }
        .card-grid__arrows .slick-arrow.slick-prev svg {
          transform: rotate(180deg) translateX(-20px); }
        .card-grid__arrows .slick-arrow.slick-prev:not(.slick-disabled):hover svg, .card-grid__arrows .slick-arrow.slick-prev:not(.slick-disabled):focus svg, .card-grid__arrows .slick-arrow.slick-prev:not(.slick-disabled):active svg {
          transform: rotate(180deg) translateX(0); }
      .card-grid__arrows .slick-arrow.slick-next {
        margin-left: 35px; }
        .card-grid__arrows .slick-arrow.slick-next svg {
          transform: translateX(-20px); }
        .card-grid__arrows .slick-arrow.slick-next:not(.slick-disabled):hover svg, .card-grid__arrows .slick-arrow.slick-next:not(.slick-disabled):focus svg, .card-grid__arrows .slick-arrow.slick-next:not(.slick-disabled):active svg {
          transform: translateX(0); }
      .card-grid__arrows .slick-arrow:hover svg path {
        fill: #0B272D; }
      .card-grid__arrows .slick-arrow:focus svg path, .card-grid__arrows .slick-arrow:active svg path {
        fill: #DD2476; }
      .card-grid__arrows .slick-arrow.slick-disabled {
        opacity: .33; }
        .card-grid__arrows .slick-arrow.slick-disabled svg path {
          fill: #0B272D; }
  .card-grid.light-text .card-grid__arrows::before {
    background-color: #fff; }
  .card-grid.light-text .card-grid__arrows .slick-arrow:hover svg path, .card-grid.light-text .card-grid__arrows .slick-arrow.slick-disabled svg path {
    fill: #fff; }
  .card-grid__content {
    padding: 5rem 0 3.125rem; }
    @media screen and (max-width: 767px) {
      .card-grid__content {
        padding: 3.75rem 0; } }
  .card-grid .card-grid__header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 3.125rem; }
    .card-grid .card-grid__header .block-editor-inner-blocks {
      width: 100%; }
    .card-grid .card-grid__header .block-editor-block-list__layout {
      display: flex;
      align-items: flex-start; }
      .card-grid .card-grid__header .block-editor-block-list__layout .wp-block .wp-block-button__link {
        padding: 0; }
  .card-grid .card-grid__title {
    margin: 0;
    align-self: flex-end;
    width: 38%;
    font-family: "proxima-nova", "Open Sans", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    transition: all 0.3s ease-in-out; }
  .card-grid .card-grid__description {
    width: 45%;
    font-size: 1.25rem;
    line-height: 2rem; }
    .card-grid .card-grid__description:last-of-type {
      margin-bottom: 0; }
  .card-grid .card-grid__link, .card-grid .card-grid__link a {
    margin-left: auto;
    color: inherit;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0; }
  .card-grid .card-grid__grid {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1.875rem);
    margin: 0 -0.9375rem; }
    .card-grid .card-grid__grid .slick-track {
      display: flex; }
    .card-grid .card-grid__grid .slick-dots {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 0;
      margin-bottom: 1.5rem;
      list-style: none; }
      .card-grid .card-grid__grid .slick-dots li {
        margin: 0 0.3125rem; }
        .card-grid .card-grid__grid .slick-dots li button {
          display: block;
          width: 11px;
          height: 11px;
          padding: 0;
          background-color: #fff;
          border-radius: 50%;
          opacity: .3;
          font-size: 0; }
        .card-grid .card-grid__grid .slick-dots li.slick-active button {
          opacity: 1; }
  .card-grid .post-card {
    position: relative;
    width: calc(33.333% - 1.875rem);
    min-height: 32.5rem;
    margin: 0 0.9375rem 1.875rem;
    background-color: #fff; }
    .card-grid .post-card:last-of-type {
      margin: 0 0.9375rem 1.875rem; }
    .card-grid .post-card__wrapper {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      padding: 2.75rem;
      border: 6px inset transparent; }
    .card-grid .post-card__title {
      margin-bottom: 2.5rem;
      font-family: "DM Serif Display", serif;
      font-size: 1.625rem;
      font-weight: 400;
      letter-spacing: 1px;
      line-height: 2.5rem;
      color: #0B272D; }
    .card-grid .post-card__author {
      font-size: 0.9375rem;
      font-weight: 500;
      text-transform: capitalize;
      color: #0B272D; }
    .card-grid .post-card__top {
      margin-bottom: 3.75rem; }
    .card-grid .post-card__meta {
      display: flex;
      margin-bottom: 1.25rem; }
      .card-grid .post-card__meta li {
        color: #DD2476;
        font-size: 0.9375rem;
        font-weight: 500;
        line-height: 1.625rem; }
        .card-grid .post-card__meta li a {
          color: #DD2476;
          text-decoration: none; }
          .card-grid .post-card__meta li a:not(:last-child)::after {
            content: ', '; }
        .card-grid .post-card__meta li:not(:last-child) {
          padding-right: 0.625rem;
          margin-right: 0.625rem;
          border-right: 1px solid rgba(0, 0, 0, 0.3); }
    .card-grid .post-card__bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: auto; }
    .card-grid .post-card__link-wrap {
      display: inline-flex;
      width: 52px;
      height: 29px;
      overflow-x: hidden; }
      .card-grid .post-card__link-wrap svg {
        transform: translateX(-20px);
        transition: all 0.3s ease-in-out; }
    .card-grid .post-card__image-wrap {
      width: 13.75rem;
      aspect-ratio: 1 / 1;
      margin: 0 -3.125rem -3.125rem 0;
      position: relative;
      z-index: 2; }
      .edit-post-visual-editor .card-grid .post-card__image-wrap {
        margin: 0; }
      .card-grid .post-card__image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .card-grid .post-card a:hover + .post-card__wrapper h3,
    .card-grid .post-card a:focus + .post-card__wrapper h3 {
      color: #0075F2; }
    .card-grid .post-card a:hover + .post-card__wrapper .post-card__link-wrap svg,
    .card-grid .post-card a:focus + .post-card__wrapper .post-card__link-wrap svg {
      transform: translateX(0); }
    .card-grid .post-card a:focus + .post-card__wrapper {
      border-color: #0075F2; }
  .card-grid:not(.light-text) .post-card {
    border: 1px solid #0B272D; }
  .card-grid .cta-card {
    position: relative;
    width: calc(33.333% - 1.875rem);
    min-height: 32.5rem;
    margin: 0 0.9375rem 1.875rem;
    background-image: linear-gradient(#e32b6b 0%, #f64544 100%); }
    .card-grid .cta-card.two-card {
      width: calc(66.666% - 1.875rem); }
    .card-grid .cta-card__wrapper {
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: 100%;
      padding: 3.125rem;
      color: #fff; }
    .card-grid .cta-card__title {
      margin-bottom: 4.375rem;
      font-family: "DM Serif Display", serif;
      font-size: 2.8125rem;
      font-weight: 400;
      line-height: 4rem; }
    .card-grid .cta-card__button {
      margin-left: 0;
      color: #fff; }
      .card-grid .cta-card__button::before {
        background-color: #fff;
        transition: all 0.3s ease-in-out; }
    .card-grid .cta-card a:hover + .cta-card__wrapper .cta-card__button {
      color: #0B272D; }
      .card-grid .cta-card a:hover + .cta-card__wrapper .cta-card__button::before {
        background-color: #0B272D; }
  @media screen and (max-width: 1199px) {
    .card-grid .post-card, .card-grid .cta-card {
      min-height: 23.125rem; }
      .card-grid .post-card__wrapper, .card-grid .cta-card__wrapper {
        padding: 0.875rem; }
      .card-grid .post-card__image-wrap, .card-grid .cta-card__image-wrap {
        width: 10.625rem;
        height: 9.375rem;
        margin: 0 -1.25rem -1.25rem 0; } }
  @media screen and (max-width: 991px) {
    .card-grid .card-grid__header {
      align-items: center;
      justify-content: center; }
    .card-grid .card-grid__title {
      align-self: center;
      width: 100%;
      margin-bottom: 1.875rem;
      text-align: center; }
    .card-grid .card-grid__description {
      width: 100%;
      margin-bottom: 1.875rem;
      text-align: center; }
    .card-grid .card-grid__link {
      margin-right: auto;
      color: #fff; }
    .card-grid .post-card, .card-grid .cta-card {
      width: calc(50% - 1.875rem); }
    .card-grid .cta-card__title {
      margin-bottom: 1.875rem;
      font-size: 1.75rem;
      line-height: 2.125rem;
      text-align: center; }
    .card-grid .cta-card__wrapper {
      justify-content: center;
      align-items: center;
      padding-top: 3.125rem; }
    .card-grid .cta-card__button {
      margin-left: auto; } }
  @media screen and (max-width: 767px) {
    .card-grid .card-grid__grid {
      margin: 0 -0.625rem; }
    .card-grid .post-card, .card-grid .cta-card, .card-grid .cta-card.two-card {
      height: auto;
      margin-left: 0.625rem;
      margin-right: 0.625rem; } }
  @media screen and (max-width: 599px) {
    .card-grid .card-grid__grid {
      width: calc(100% + 4.375rem);
      margin: 0 -2.1875rem; }
      .card-grid .card-grid__grid .slick-list {
        padding: 0 1.5625rem; }
    .card-grid .post-card, .card-grid .cta-card, .card-grid .cta-card.two-card {
      width: 100%;
      margin: 0 0.625rem 1.5rem; }
      .card-grid .post-card__image-wrap, .card-grid .cta-card__image-wrap, .card-grid .cta-card.two-card__image-wrap {
        width: 13.75rem;
        height: 12.5rem; } }
  .card-grid + .wp-block-cover.mt--100 {
    margin-top: 0; }
