/*
 * 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
 */
/*
   * Display: page 1
   */
.view-pcc-resource-library-details.view-display-id-page_1 .view-content {
      padding-top: 4rem;
    }
.view-pcc-resource-library-details.view-display-id-page_1 .views-section {
      border-top: 3px solid var(--color-grey-100);
      padding: 1rem 0 3rem;
    }
.view-pcc-resource-library-details.view-display-id-page_1 .section-title {
      border-left: 12px solid var(--color-blue-500);
      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-details.view-display-id-page_1 .views-row {
      margin-bottom: var(--gutter);
    }
@media (min-width: 600px) {
      .view-pcc-resource-library-details.view-display-id-page_1 .views-rows {
        display: grid;
        gap: 4rem var(--gutter);
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

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

        .view-pcc-resource-library-details.view-display-id-page_1 .views-row > .node {
          flex: 1;
        }
    }
@media (min-width: 1200px) {
      .view-pcc-resource-library-details.view-display-id-page_1 .views-rows {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

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