/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/

/**
 * @file
 * Views theming.
 */

/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/

/* Internal variables */

/*1px */

/*16px */

/*4px */

/*5.33333333px */

/*8px */

/*12px */

/*20px */

/*24px, */

/*32px */

/*44px (named after omicron variant BS.2.75.2) */

/*48px */

/*desktop + 32px; */

/*max-width + 64px; */

/* RGB colors, useful for when you need to include a color in an RGBA set. */

/* Mixins */

/* */

/* Hide elements visually, but keep them available for screen-readers. */

/* */

/* Used for information required for screen-reader users to understand and use */

/* the site where visual display is undesirable. Information provided in this */

/* manner should be kept concise, to avoid unnecessary burden on the user. */

/* "!important" is used to prevent unintentional overrides. */

/* */

.view-content {
  overflow: auto;
}

.view-content > ul {
    padding-left: 0;
    margin: 0;
  }

li.views-row {
  margin-bottom: var(--space);
  clear: both;
  overflow: auto;
}

li.views-row h3 {
    margin-top: 0;
  }

div.views-row:not(.card) {
  margin-bottom: var(--triple-space);
  clear: both;
}

.views-group {
  margin-bottom: var(--double-space);
}

@media (min-width: 569px) {

.views-group {
    margin-bottom: var(--triple-space)
}
  }

.views-group div.views-row {
    margin-bottom: var(--space);
  }

@media (min-width: 569px) {

.views-group div.views-row {
    display: flex
  }
  }

.views-group h3 {
    padding-top: 1.2rem;
    border-bottom: solid var(--c-gray) 1px;
  }

.views-field-secondary {
}

.views-field--flex {
  display: flex;
}

.views-field--flex .pdfpreview {
    min-width: 77px;
    margin-right: var(--space);
  }

.view-header {
  margin-bottom: var(--triple-space);
}

.bef-links li {
  margin-bottom: var(--quarter-space);
}

.views-group h3 {
    padding-top: 0;
    padding-top: initial;
    border-bottom: 0;
    border-bottom: initial;
  }

.views-group div.views-row {
    display: block;
  }

.page-view .block-page-title-block h1.page-title {
      margin-left: var(--half-space);
      margin-right: var(--half-space);
    }

@media (min-width: 569px) {

.page-view .block-page-title-block h1.page-title {
        margin-left: var(--space);
        margin-right: var(--space)
    }
      }

@media (min-width: 901px) {

.page-view .block-page-title-block h1.page-title {
        margin-left: var(--double-space);
        margin-right: var(--double-space)
    }
      }

@media (min-width: 933px) {

.page-view .block-page-title-block h1.page-title {
        margin-left: 0;
        margin-right: 0
    }
      }

.page-view .main .main__inner {
      background-color: var(--c-block-bg);
      margin-bottom: var(--double-space);
      margin-left: var(--responsive-margin);
      margin-right: var(--responsive-margin);
      padding-top: var(--space);
    }

.page-view .main .main__inner .view {
        padding-left: var(--half-space);
        padding-right: var(--half-space);
      }

@media (min-width: 569px) and (max-width: 700px) {

.page-view .main .main__inner .view {
          padding-left: 0;
          padding-right: 0
      }
        }

.page-view .main .main__inner .region-content {
        padding:0;
      }

.page-view .main .main__inner .view-header {
        margin-bottom: var(--double-space);
      }

.page-view .main .main__inner .view-header:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-image: url("../../images/dotted.png");
  background-repeat: repeat-x;
        }

.page-view .main .main__inner .views-field-title h2 {
        margin-top: 0;
        margin-bottom: var(--half-space);
      }

@media (min-width: 901px) {

.page-view .main .main__inner {
        margin-left: var(--double-space);
        margin-right: var(--double-space)
    }
      }

@media (min-width: 933px) {

.page-view .main .main__inner {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: var(--max-width-without-sidebar)
    }
      }

.page-view #block-rtv-exposedformsearch-resourcespage-1 .form--inline, .page-view #block-exposedformfunding-opportunitiespage-1 .form--inline {
    display: block;
  }

.page-view #block-rtv-exposedformsearch-resourcespage-1 .form--inline .search-form__form, .page-view #block-exposedformfunding-opportunitiespage-1 .form--inline .search-form__form {
      display: flex;
    }

@media (min-width: 933px) {

.page-view .layout-container--has-sidebar .block-page-title-block {
        max-width: var(--max-width)
    }
        .page-view .layout-container--has-sidebar .block-page-title-block h1.page-title {
          margin-left: var(--double-space);
          margin-right: var(--double-space);
        }
      }

@media (min-width: 901px) {

.page-view .layout-container--has-sidebar .main {
        margin-left: var(--double-space);
        margin-right: var(--double-space)
    }
      }

@media (min-width: 933px) {

.page-view .layout-container--has-sidebar .main {
        max-width: var(--max-width)
    }
      }

@media (min-width: 1271px) {

.page-view .layout-container--has-sidebar .main {
        margin-left: auto;
        margin-right: auto
    }
      }

.page-view .layout-container--has-sidebar .main__inner {
      width: 100%;
    }

@media (min-width: 701px) {

.page-view .layout-container--has-sidebar .main__inner {
        /*padding-inline: var(--half-space); */
    }
      }

@media (min-width: 769px) {

.page-view .layout-container--has-sidebar .main__inner {
        display: flex
    }
        .page-view .layout-container--has-sidebar .main__inner .layout-sidebar-first {
          min-width: 18rem;
        }
          .page-view .layout-container--has-sidebar .main__inner .layout-sidebar-first .form-item-search-api-fulltext .form-text {
            width: 100%; /*stop search filter field from overflow container */
          }
      }

@media (min-width: 901px) {

.page-view .layout-container--has-sidebar .main__inner {
        margin-left: 0;
        margin-right: 0
    }
        .page-view .layout-container--has-sidebar .main__inner .layout-sidebar-first {
          min-width: 36vw;
        }
      }

@media (min-width: 933px) {

.page-view .layout-container--has-sidebar .main__inner {
        max-width: none;
        max-width: initial
    }
      }

@media (min-width: 1101px) {
        .page-view .layout-container--has-sidebar .main__inner .layout-sidebar-first {
          min-width: 26rem;
        }
      }

@media (min-width: 1271px) {

.page-view .layout-container--has-sidebar .main__inner {
        margin-left: var(--double-space);
        margin-right: var(--double-space)
    }

      }

@media (max-width: 768px) {

.page-view .region-sidebar-first {
      margin-bottom: var(--triple-space)
  }
    }

.page-view #block-rtv-exposedformsearch-resourcespage-1, .page-view #block-exposedformfunding-opportunitiespage-1 {
    margin-left: 0;
    margin-right: 0;
  }

.views-field-byline {
  font-style: italic;
  margin-bottom: var(--space);
}

.views-list .views-row:not(:last-of-type) {
    margin-bottom: var(--double-space);
  }

.views-list .views-row:not(:last-of-type):after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-image: url("../../images/dotted.png");
  background-repeat: repeat-x;
      margin-top: var(--double-space);
    }

.views-list .views-field-title h2, .views-list .views-field-title h3 {
      margin-top: 0;
      margin-bottom: var(--half-space);
    }

.views-list .views-field-body {
    margin-bottom: var(--half-space);
  }

.views-list .views-field-meta {
    margin-bottom: var(--half-space);
  }

.views-list .views-field-meta strong {
      font-weight: 500;
    }

.views-list .views-field-meta {
    font-family: var(--sans-serif);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
}

.views-list .views-secondary-link {
    font-family: var(--sans-serif);
    margin-bottom: var(--half-space);
  }

.views-field-body .views-more-link {
    margin-top: var(--half-space);
    display: block;
  }

