#views-exposed-form-liss-project-search-page-2 {
  background-color: #e2e3e5;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  #views-exposed-form-liss-project-search-page-2 .form--inline {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
    @media (min-width: 768px) {
      #views-exposed-form-liss-project-search-page-2 .form--inline {
        display: inline-grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 30px;
        row-gap: 10px;
        width: 100%; } }
    @media (min-width: 1200px) {
      #views-exposed-form-liss-project-search-page-2 .form--inline {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  #views-exposed-form-liss-project-search-page-2 .form-item {
    margin: 0 !important; }
  #views-exposed-form-liss-project-search-page-2 .form-text,
  #views-exposed-form-liss-project-search-page-2 .form-item {
    width: 100%;
    padding: 0;
    border: none; }
  #views-exposed-form-liss-project-search-page-2 #edit-field-completion-date-value-wrapper {
    grid-column: span 2; }
    #views-exposed-form-liss-project-search-page-2 #edit-field-completion-date-value-wrapper .fieldset-wrapper {
      display: inline-grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
      column-gap: 30px; }
      #views-exposed-form-liss-project-search-page-2 #edit-field-completion-date-value-wrapper .fieldset-wrapper .form-item {
        margin: 0;
        width: 100%; }
        #views-exposed-form-liss-project-search-page-2 #edit-field-completion-date-value-wrapper .fieldset-wrapper .form-item label {
          display: none; }
  #views-exposed-form-liss-project-search-page-2 .form-item-field-completion-date-value-max {
    grid-column-start: 2;
    grid-column-end: 3; }
  #views-exposed-form-liss-project-search-page-2 .form-wrapper {
    grid-column: 1 / 3;
    margin: 0; }
  #views-exposed-form-liss-project-search-page-2 .select2-container--default .select2-selection--multiple,
  #views-exposed-form-liss-project-search-page-2 .form-text,
  #views-exposed-form-liss-project-search-page-2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    outline: none;
    color: #495057; }
  #views-exposed-form-liss-project-search-page-2 .select2-container--default .select2-selection--multiple {
    height: 38px; }
  #views-exposed-form-liss-project-search-page-2 .form-text {
    height: 36px; }
  #views-exposed-form-liss-project-search-page-2 .form-text:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  #views-exposed-form-liss-project-search-page-2 .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0.375rem 0.75rem;
    margin: 3px 0;
    color: #495057; }
  #views-exposed-form-liss-project-search-page-2 .form-item-field-completion-date-value-min input, #views-exposed-form-liss-project-search-page-2 .form-item-field-completion-date-value-max input, #views-exposed-form-liss-project-search-page-2 .form-item-title input {
    padding: 0 0.75rem; }
  #views-exposed-form-liss-project-search-page-2 ::placeholder {
    color: #495057;
    opacity: 1;
    /* Firefox */ }
  #views-exposed-form-liss-project-search-page-2 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #495057; }
  #views-exposed-form-liss-project-search-page-2 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #495057; }
  #views-exposed-form-liss-project-search-page-2 #edit-actions {
    grid-column: span 2;
    margin: 0;
    padding: 0; }
  #views-exposed-form-liss-project-search-page-2 #edit-actions input:hover, #views-exposed-form-liss-project-search-page-2 #edit-actions input:focus {
    background: #212529 !important;
    color: white; }
  #views-exposed-form-liss-project-search-page-2 .form-actions input {
    height: 36px;
    border-radius: 5px;
    background: #212529;
    color: white;
    font-size: 14px;
    letter-spacing: 0.01em;
    display: inline-block;
    padding: 7px 15px;
    font-family: "Roboto", sans-serif;
    text-decoration: none; }
  #views-exposed-form-liss-project-search-page-2 .select2-results__option {
    font-family: "Roboto", sans-serif;
    color: #495057; }
  #views-exposed-form-liss-project-search-page-2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0; }
  #views-exposed-form-liss-project-search-page-2 select.select2-widget {
    display: none; }
  #views-exposed-form-liss-project-search-page-2 .select2-selection__rendered .select-counter {
    padding: 0.375rem 0.75rem; }
  #views-exposed-form-liss-project-search-page-2 .select2-selection__rendered,
  #views-exposed-form-liss-project-search-page-2 .form-text,
  #views-exposed-form-liss-project-search-page-2 .views-table,
  #views-exposed-form-liss-project-search-page-2 .view-mode-type {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5; }

/* Apply flexbox to the form to align child items horizontally */
.path-frontpage .bef-exposed-form {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping if there are too many items for one line */
  gap: 20px; /* Space between the items */
}

/* Make sure each filter takes up equal space and wraps properly */
.path-frontpage .bef-exposed-form .form-item {
  flex: 1 1 calc(33.333% - 20px); /* 3 items in a row with some gap between them */
  min-width: 225px; /* Optional: set a minimum width for each filter */
}

/* Adjust the input fields to take full width */
.path-frontpage .bef-exposed-form .form-select,
.path-frontpage .bef-exposed-form .form-text,
.path-frontpage .bef-exposed-form .form-date {
  width: 100%;
}

.path-frontpage #views-exposed-form-liss-project-search-page-2 .select2-container--default .select2-selection--multiple {
    height: auto !important;
}
.path-frontpage #views-exposed-form-liss-project-search-page-2 .form-text {
    height: 68px !important;
}

/* Optional: for mobile responsiveness, stack the filters on smaller screens */
@media (max-width: 768px) {
  .path-frontpage .bef-exposed-form .form-item {
    flex: 1 1 100%; /* Stack filters vertically on small screens */
  }
}


/*# sourceMappingURL=exposed-filters.css.map */