/**
 * @file
 * Collapsible details.
 *
 * @see collapse.js
 * @see http://nicolasgallagher.com/css-background-image-hacks/
 */

 details {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #ccc;
}
.path-solr-serach-v1 .view-solr-serach-v1 .view-filters .form--inline details {
  flex: 1 !important;
}
@media (max-width: 991.98px) {
  .path-solr-serach-v1 .view-solr-serach-v1 .view-filters .form--inline details {
    flex: 100% !important;
  }
}
details > .details-wrapper {
  padding: 0.5em 1.5em;
}
/* @todo Regression: The summary of uncollapsible details are no longer
     vertically aligned with the .details-wrapper in browsers without native
     details support. */
summary {
  padding: 0em 0.5em;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left .75rem center;
  background-size: 16px 12px;
}
[dir="ltr"] summary {
  background-position: right .75rem center;
}
summary::marker{
  font-size: 0;
}

details[open] .details-wrapper {
  border: 1px solid #d1d1d1;
  border-radius: 0 0 .5rem .5rem;
  background: #fff;
  margin: 0 -9px;
  z-index: 9;
  max-height: 300px;
  overflow: auto;
}

details[open] .details-wrapper select {
  background-position: left .15rem center;
}
[dir="ltr"] details[open] .details-wrapper select {
  background-position: right .15rem center;
}
details[open] .details-wrapper fieldset {
  margin: 0 !important;
}

details[open] .details-wrapper .fieldset-legend {
  font-size: 1rem;
}

details[open] .details-wrapper .form-item {
  margin: 5px 0 !important;
}