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

/**
 * @file
 */

/*
  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. */

/* */

.search-form {
  position: relative;
}

.container-inline .search-form__form {
    display: flex;
  }

.search-form form .form-actions {
      margin: 0;
    }

.search-form form .form--inline {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--space);
    }

.search-form form .form--inline .form-item.form-item-search-api-fulltext {
        margin: 0;
        float: none;
      }

.search-form input.form-search,
  .search-form input.form-text {
  /*width: 100%; */
    padding-right: var(--space);
    border-radius: var(--base-border-radius) 0 0 var(--base-border-radius);
    border-right: 0;
  }

.search-form__button.button {
    border: 0;
    color: black;
    margin: 0;
    border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
    display: flex;
    align-items: center;
  }

.search-form__button.button .search-icon, .search-form__button.button #search-icon {
      fill: white;
    }

.search-form__button.button:hover,
    .search-form__button.button:focus {
      border: 0;
      background-color: var(--c-focus);
    }

.search-form__button.button:hover #search-icon, .search-form__button.button:focus #search-icon {
        fill: white;
      }

.search-form__button.button:focus {
    }

/*.search-block-form { */

/*  @media (width > $desktop) { */

/*    margin: 0; */

/*    position: absolute !important; */

/*    top: 1px; */

/*    right: 1px; */

/*  } */

/*  .form-item { */

/*    display: flex; */

/*    align-items: center; */

/*    label { */

/*      color: var(--c-red); */

/*      &:after { */

/*        display: none; */

/*      } */

/*      @media (width <= $desktop) { */

/*        @include a11y-visually-hidden; */

/*      } */

/*      @media (width > $desktop) { */

/*        display: block; */

/*        font-size: var(--base-font-size); */

/*        line-height: 1; */

/*        margin-right: calc(var(--space)*0.75); */

/*        margin-bottom: 0; */

/*      } */

/*    } */

/*  } */

/*} */

/* */

/*#views-exposed-form-site-search-page-1 { */

/*  @media (width < $desktop) { */

/*    padding: var(--space) var(--space); */

/*    position: relative; */

/*    width: 100%; */

/*  } */

/*  @media (width > $wide) and (width < $desktop) { */

/*    //position: absolute; */

/*  } */

/*} */

/* */

/*@media (width > $desktop) { */

/*  #edit-search-api-fulltext, #edit-search-api-fulltext--2 { */

/*    max-width: 230px; */

/*    width: 26vw; */

/*    border: rgba(var(--c-gray-rgb), .6) solid 1px; */

/*    background-color: rgba(white, 0.3); */

/*    transition: all var(--base-duration) var(--base-timing); */

/*    &:active, */

/*    &:focus, */

/*    &:focus-within, */

/*    &:hover { */

/*      border-color: var(--c-gray); */

/*      background-color: white; */

/*    } */

/*  } */

/*} */

/*Hide exposed filters that we want to show as facets in their own blocks */

#views-exposed-form-search-grantees-page-1 #edit-field-cohort---wrapper,
  #views-exposed-form-search-grantees-page-1 details,
  #views-exposed-form-search-grantees-page-1 .form-item-field-string-state,
  #views-exposed-form-search-grantees-page-1 .form-item-field-cohort-,
  #views-exposed-form-search-grantees-page-1 .form-item-field-focus-areas {
    display: none;
  }

.view-search-grantees .views-field-title h3 {
    margin: 0 0;
  }

.view-search-resources .views-field-field-resource-file {
    float: left;
    margin-right: var(--space);
  }

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

.view-search-resources .view-field-resource-date {
    margin-top: -var(--half-space);
    margin-bottom: var(--half-space);
  }

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

.view-site-search .views-field-type {
  position: absolute !important;
  }

.view-site-search .views-field-type {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  }

.view-site-search .views-field--content-type--resource {
  /*@include views-field--content-type--icon(resource); */
  }

.view-site-search .views-field--content-type--event {
  /*@include views-field--content-type--icon(event); */
  }

.view-site-search .views-field--content-type--grantee {
  /*@include views-field--content-type--icon(grantee); */
  }

/*@include views-field--content-type--icon(resource); */

.views-field--content-type-key .views-field--content-type-key--resource a:before {
      margin-top: 3px;
    }

/*@include views-field--content-type--icon(event); */

.views-field--content-type-key .views-field--content-type-key--event a:before {
      margin-top: 3px;
    }

/*@include views-field--content-type--icon(grantee); */

.views-field--content-type-key .views-field--content-type-key--grantee a:before {
      margin-top: 3px;
    }

.search-form__button {
  height: calc(98% - #{var(--space)});
}

.search-form__button .button-label__text {
  position: absolute !important;
  }

.search-form__button .button-label__text {
    color: white;
  /* background-color: black; */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  }

#block-exposedformsearch-resourcespage-1 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-resourcespage-1 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext--2"], #block-exposedformsearch-granteespage-1 #views-exposed-form-search-grantees-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-granteespage-1 #views-exposed-form-search-grantees-page-1 label[for="edit-search-api-fulltext--2"], #block-exposedformsearch-resourcespage-1-2 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-resourcespage-1-2 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext--2"] {
  position: absolute !important;
  }

#block-exposedformsearch-resourcespage-1 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-resourcespage-1 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext--2"], #block-exposedformsearch-granteespage-1 #views-exposed-form-search-grantees-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-granteespage-1 #views-exposed-form-search-grantees-page-1 label[for="edit-search-api-fulltext--2"], #block-exposedformsearch-resourcespage-1-2 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext"], #block-exposedformsearch-resourcespage-1-2 #views-exposed-form-search-resources-page-1 label[for="edit-search-api-fulltext--2"] {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  }

#block-exposedformsearch-resourcespage-1 #views-exposed-form-search-resources-page-1 > .form--inline, #block-exposedformsearch-granteespage-1 #views-exposed-form-search-grantees-page-1 > .form--inline, #block-exposedformsearch-resourcespage-1-2 #views-exposed-form-search-resources-page-1 > .form--inline {
    margin-bottom: var(--sesqui-space);
  }


