.sfspca-resources-wrap {
    position: relative;
    min-height: 300px; }
    .sfspca-resources-wrap.loading .pre-loader {
      visibility: visible;
      opacity: 1; }
    /* .sfspca-resources-wrap.loading .event-items {
      opacity: 0.5; } */
    .sfspca-resources-wrap .pre-loader {
      visibility: hidden;
      opacity: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      .sfspca-resources-wrap .pre-loader:after {
        content: '';
        width: 150px;
        height: 150px;
        background: #fff url(../gif/dog-loader.gif) center center no-repeat;
        background-repeat: no-repeat;
        position: absolute;
        left: 50%;
        top: 80px;
        transform: translateX(-50%);
        border-radius: 10px;
        border: 1px solid #ddd; }
    .sfspca-resources-wrap .grid-filters .filter-dropdown {
      position: relative;
      display: block;
      padding: 8px 50px 8px 30px;
      appearance: none;
      cursor: pointer;
      border: 1px solid #cad6e2;
      background-color: #fff;
      background-image: url(../svg/chevron-down.svg);
      background-position: calc(100% - 1rem);
      background-repeat: no-repeat;
      background-size: 1rem;
      margin: 15px 0; }
      @media all and (min-width: 768px) {
        .sfspca-resources-wrap .grid-filters .filter-dropdown {
          display: inline-block;
          width: auto;
          margin: 0; } }
      .sfspca-resources-wrap .grid-filters .filter-dropdown:hover {
        background-color: #f0f0f0;
        /* border-radius: 25px 25px 0 0; */ }
        .sfspca-resources-wrap .grid-filters .filter-dropdown:hover .filter-items {
          opacity: 1;
          visibility: visible; }
      .sfspca-resources-wrap .grid-filters .filter-dropdown:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        border: 1px solid transparent;
        border-right-color: #000;
        border-bottom-color: #000;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(45deg); }
      .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-label {
        line-height: 50px;
        font-size: 15px;
        cursor: pointer;
        color: #222328; }
      .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 50%;
        top: 100%;
        min-width: 100%;
        white-space: nowrap;
        z-index: 999;
        transform: translateX(-50%);
        font-size: 14px;
        padding: 0; }
        .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item {
          padding: 0 20px;
          line-height: 40px;
          background: #fff;
          cursor: pointer; }
          .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item:first-child {
            border: 1px solid #ddd; }
          .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item:last-child {
            /* border-radius: 0 0 25px 25px; */
            border: 1px solid #ddd;
            border-top: 0;
            padding-bottom: 10px; }
          .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item:not(:last-child) {
            border-bottom: 1px solid #fafafa; }
          .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item:hover, .sfspca-resources-wrap .grid-filters .filter-dropdown .filter-items .filter-item.active {
            background: #f0f0f0; }
    .sfspca-resources-wrap fieldset {
      padding: 0;
      border: none;
    }
    .sfspca-resources-wrap .applied-filters {
      display: flex;
      font-size: 18px;
      flex-wrap: wrap;
      margin: 20px 0; }
      .sfspca-resources-wrap .applied-filters .filtered-item {
        margin: 0 1.5em 0.5em;
        padding: 0;
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: var(--e-global-color-text);
        background-color: #fff;
        border: none;
        font-weight: normal;
        font-size: inherit;
        text-transform: none;
        letter-spacing: 0;
        }
        .sfspca-resources-wrap .applied-filters .filtered-item span {
          display: inline-block; }
          .sfspca-resources-wrap .applied-filters .filtered-item .delete-filter {
            margin-left: 5px;
            color: #fff;
            display: inline-block;
            line-height: 1;
            cursor: pointer;
            width: 17px;
            height: 17px;
            background: #757575;
            border-radius: 50%;
            text-align: center;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            font-size: 9px; }
            .sfspca-resources-wrap .applied-filters .filtered-item .delete-filter .svg-icon {
              display: inline-block;
              width: 1em;
              height: 1em;
              position: relative;
              top: 4px; }
              .sfspca-resources-wrap .applied-filters .filtered-item .delete-filter .svg-icon svg {
                fill: currentColor;
                width: 1em;
                height: 1em; }
    .sfspca-resources-wrap .grid-items {
      display: flex;
      flex-wrap: wrap; }
      @media all and (min-width: 768px) {
        .sfspca-resources-wrap .grid-items {
          margin-left: -15px;
          margin-right: -15px; } }
      .sfspca-resources-wrap .grid-items .no-items {
        flex: 1;
        padding: 0 15px;
        text-align: center; }
      .sfspca-resources-wrap .grid-items .grid-item {
        width: 100%;
        padding: 15px 0; }
        @media all and (min-width: 768px) {
          .sfspca-resources-wrap .grid-items .grid-item {
            width: 33.33333%;
            padding: 15px; } }
        .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner {
          border: 1px solid rgba(151, 151, 151, 0.43);
          padding: 30px 30px 15px; }
          .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-title {
            color: var(--e-global-color-text);
            font-family: var(--e-global-typography-secondary-font-family);
            font-size: 24px;
            font-weight: 700; }
            .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-title a {
              color: var(--e-global-color-text);
              text-decoration: none; }
              .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-title a:hover {
                color: var(--e-global-color-primary);
              }
          .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-content {
            color: #494949;
            font-family: var(--e-global-typography-primary-font-family);
            font-size: 18px;
            line-height: 30px;
            margin: 15px 0; }
          .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta {
            display: flex;
            flex-flow: row wrap;
            align-items: center; }
            .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta > * {
              -webkit-flex: 1;
              flex: auto; }
              .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .read-more {
                font-size: 1rem;
                /* font-weight: 700; */
                color: var(--e-global-color-primary);
                text-transform: uppercase;
              }
            .sfspca-resources-wrap .grid-items .grid-item .grid-category {
              border: 1px solid rgba(151, 151, 151, 0.43);
              border-width: 0 1px 1px 1px;
              padding: 20px 30px 30px;
              color: var(--e-global-color-primary);
              font-size: 15px;
              font-weight: 500; }
              .sfspca-resources-wrap .grid-items .grid-item .grid-category span {
                display: block; }
                .sfspca-resources-wrap .grid-items .grid-item .grid-category span + span {
                  margin-top: 5px; }
            .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social {
              text-align: right; }
              .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social a {
                color: var(--e-global-color-text);
                transition: all linear 300ms;
                display: inline-block; }
                .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social a:hover.facebook {
                  color: #3b5998; }
                .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social a:hover.twitter {
                  color: #00aced; }
                .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social a svg {
                  fill: currentColor;
                  width: 2rem;
                  height: 2rem; }
                .sfspca-resources-wrap .grid-items .grid-item .grid-item-inner .grid-meta .grid-social a + a {
                  margin-left: 5px; }
    .sfspca-resources-wrap .grid-view-more {
      text-align: center;
      margin: 50px 0 0;
      display: none; }
  
  .resource-download-wrap {
    align-items: center; }
    @media all and (min-width: 768px) {
      .resource-download-wrap {
        display: flex;
        flex-flow: row wrap; } }
    .resource-download-wrap .resource-download a {
      /* background-color: #ed1850;
      color: #fff;
      border-radius: 30px;
      line-height: 40px;
      display: block;
      padding: 0 45px;
      text-transform: uppercase;
      border: 2px solid #ed1850;
      transition: all linear 300ms;
      font-size: 16px;
      text-align: center; */
      margin: 15px 0; }
      @media all and (min-width: 768px) {
        .resource-download-wrap .resource-download a {
          display: inline-block; } }
      /* .resource-download-wrap .resource-download a:hover {
        color: #ed1850;
        background: #fff; } */
      @media all and (min-width: 768px) {
        .resource-download-wrap .resource-download a + a {
          margin-left: 10px; } }
    .resource-download-wrap .resource-share {
      padding: 0 20px;
      text-align: center; }
      .resource-download-wrap .resource-share a {
        color: var(--e-global-color-text);
        transition: all linear 300ms;
        display: inline-block; }
        .resource-download-wrap .resource-share a:hover.facebook {
          color: #3b5998; }
        .resource-download-wrap .resource-share a:hover.twitter {
          color: #00aced; }
        .resource-download-wrap .resource-share a svg {
          fill: currentColor;
          width: 2rem;
          height: 2rem; }
        .resource-download-wrap .resource-share a + a {
          margin-left: 5px; }