/*
 * DO NOT EDIT THIS FILE.
 * Find the correct source file and do your changes there.
 * @preserve
 */
/**
 * We are using PostCSS Custom Media because we can not use custom properties inside @media.
 * For more information go to: https://www.npmjs.com/package/postcss-custom-media
 */
body.viewpcc-resource-librarypage-1 .page-title {
  align-items: center;
  display: flex;
}
body.viewpcc-resource-librarypage-1 .page-title::before {
    background: var(--color-purple-500);
    content: "";
    display: inline-block;
    height: 44px;
    margin-right: var(--gutter);
    width: 12px;
  }
/*
   * Display: page 1
   */
.view-pcc-resource-library.view-display-id-page_1 .view-header,
    .view-pcc-resource-library.view-display-id-page_1 .view-footer {
      border-top: 3px solid var(--color-grey-100);
      margin-top: 4rem;
      padding-top: 1rem;
    }
.view-pcc-resource-library.view-display-id-page_1 .view-header > h2, .view-pcc-resource-library.view-display-id-page_1 .view-footer > h2 {
        border-left: 12px solid var(--color-primary);
        font-size: var(--fz-base);
        font-weight: var(--fw-semi-bold);
        letter-spacing: 0.02em;
        margin: 0.5rem 0 3rem;
        padding: 0.4em 0 0.4em 20px;
        text-transform: uppercase;
      }
.view-pcc-resource-library.view-display-id-page_1 .views-row {
      margin-bottom: var(--gutter);
    }
.view-pcc-resource-library.view-display-id-page_1 .quick-access {
      margin-bottom: 1.5rem;

      a {
        background: var(--color-blue-50) url("../../../images/icons/lock.svg")
          no-repeat 30px 25px;
        box-shadow: var(--box-shadow);
        border-radius: var(--border-radius-sm);
        color: var(--color-text);
        display: flex;
        font-weight: var(--fw-bold);
        justify-content: center;
        margin-bottom: var(--gutter);
        padding: 25px 25px 25px 75px;
        text-align: center;
      }

        a:hover {
          background-color: var(--color-blue-100);
        }
    }
@media (min-width: 600px) {
      .view-pcc-resource-library.view-display-id-page_1 .view-content,
      .view-pcc-resource-library.view-display-id-page_1 .quick-access {
        display: grid;
        gap: var(--gutter);
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .view-pcc-resource-library.view-display-id-page_1 .quick-access a {
        margin-bottom: 0;
      }

      .view-pcc-resource-library.view-display-id-page_1 .views-row {
        margin-bottom: 0;
      }
    }

/*# sourceMappingURL=view-pcc-resource-library.css.map */