* {
  box-sizing: border-box; }

.advocacy-banner,
.edit-post-visual-editor .acf-block-preview .advocacy-banner {
  position: relative;
  padding-top: 6.25rem;
  padding-bottom: 3.75rem; }
  .advocacy-banner:after,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #D7D7D7;
    width: 370px;
    height: 90px;
    right: 0;
    bottom: 0;
    -webkit-mask-image: url(../svg/patterns-hash-wide-large.svg);
    mask-image: url(../svg/patterns-hash-wide-large.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%; }
  .advocacy-banner .patterns-bg,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner .patterns-bg {
    margin-top: 4.375rem;
    position: absolute;
    width: 70px;
    height: 180px;
    background-color: #D7D7D7;
    -webkit-mask-position-x: right; }
  .advocacy-banner__container,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner__container {
    z-index: 1; }
  .advocacy-banner__title,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner__title {
    margin-bottom: 3.125rem; }
  .advocacy-banner__subheading,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner__subheading {
    margin-bottom: 4.375rem;
    color: #002856;
    font-size: 2.25rem; }
  .advocacy-banner__listing,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner__listing {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px; }
  .advocacy-banner .advocacy-card,
  .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card {
    width: calc(33.333% - 1.5625rem);
    background-color: #FFFFFF; }
    .advocacy-banner .advocacy-card:nth-child(1),
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card:nth-child(1) {
      transition-delay: 150ms; }
    .advocacy-banner .advocacy-card:nth-child(2),
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card:nth-child(2) {
      transition-delay: 300ms; }
    .advocacy-banner .advocacy-card:nth-child(3),
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card:nth-child(3) {
      transition-delay: 450ms; }
    .advocacy-banner .advocacy-card__image,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card__image {
      position: relative;
      height: 15.9375rem; }
      .advocacy-banner .advocacy-card__image .image,
      .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card__image .image {
        height: 15.9375rem; }
    .advocacy-banner .advocacy-card__title,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card__title {
      margin-bottom: 0.625rem; }
    .advocacy-banner .advocacy-card__content,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card__content {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      height: calc(100% - 15.9375rem);
      padding: 0.9375rem 2.1875rem 1.5625rem; }
    .advocacy-banner .advocacy-card__link,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card__link {
      font-size: 0.75rem; }
  @media screen and (max-width: 1199px) {
    .advocacy-banner .advocacy-card,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card {
      width: calc(50% - 1.125rem); } }
  @media screen and (max-width: 767px) {
    .advocacy-banner::after,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner::after {
      width: 180px;
      height: 44px; }
    .advocacy-banner .patterns-bg,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .patterns-bg {
      left: -50px; }
    .advocacy-banner__title,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner__title {
      font-size: 2.25rem; }
    .advocacy-banner__listing,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner__listing {
      justify-content: flex-start; }
    .advocacy-banner__subheading,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner__subheading {
      font-size: 1.875rem; }
    .advocacy-banner .advocacy-card,
    .edit-post-visual-editor .acf-block-preview .advocacy-banner .advocacy-card {
      width: 100%;
      max-width: 28.75rem; } }

.edit-post-visual-editor .acf-block-preview .advocacy-banner a.link--inline {
  color: #9E3223; }
  .edit-post-visual-editor .acf-block-preview .advocacy-banner a.link--inline::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    transform-origin: right;
    transition: transform .3s ease-in-out, background-color 0.2s; }
