/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
/* Removed *:zoom for being non standard and no need to support IE 6/7 */
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }
  .visuallyhidden.focusable:active:active, .visuallyhidden.focusable:active:focus,
  .visuallyhidden.focusable:focus:active,
  .visuallyhidden.focusable:focus:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.action-banner:after, .action-banner:before {
  content: "";
  display: table; }

.action-banner:after {
  clear: both; }

.action-banner .block-facets {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 20px; }
  .action-banner .block-facets select, .action-banner .block-facets input, .action-banner .block-facets .js-fake-select-input {
    width: 100%;
    font-weight: 400;
    color: #303030;
    text-transform: capitalize;
    border-radius: 3px; }

.reset-adoptable-search {
  display: inline-block;
  margin-left: 3%; }
  .reset-adoptable-search a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px; }
    .reset-adoptable-search a:hover {
      color: #fff;
      background: transparent; }

.block-block-view-exposed-search-adoptable-animals-page-1,
.block-views-exposed-filter-blocksearch-adoptable-animals-page-2,
.block-views-exposed-filter-blocksearch-adoptable-animals-page-3,
.block-views-exposed-filter-blocksearch-adoptable-animals-page-4 {
  float: left;
  width: 49%; }
  .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-item {
    float: left;
    width: 49%;
    margin: 0;
    margin-right: 3%; }
    .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-item input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-item input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-item input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-item input {
      width: 100%;
      border-color: #bbccd7; }
  .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-actions,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-actions,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-actions,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-actions {
    margin-top: 0;
    clear: none;
    margin-left: 3%; }
    .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-actions input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-actions input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-actions input,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-actions input {
      margin-top: 1px; }

@media screen and (max-width: 1000px) {
  .action-banner .block-facets {
    width: 32%; }
  .block-block-view-exposed-search-adoptable-animals-page-1,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 {
    width: 66%; } }

@media screen and (max-width: 800px) {
  .block-block-view-exposed-search-adoptable-animals-page-1,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 {
    width: 100%; }
    .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-item,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-item,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-item,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-item {
      float: none;
      width: 98%;
      margin: 0; }
    .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-actions,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-actions,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-actions,
    .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-actions {
      margin-top: 20px;
      margin-left: 0; } }

@media screen and (max-width: 700px) {
  .action-banner .block-facets {
    width: 49%; }
  .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-item {
    width: 99%; } }

@media screen and (max-width: 500px) {
  .action-banner .block-facets {
    width: 100%;
    margin-right: 0; }
  .block-block-view-exposed-search-adoptable-animals-page-1 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-2 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-3 .form--inline .form-item,
  .block-views-exposed-filter-blocksearch-adoptable-animals-page-4 .form--inline .form-item {
    width: 100%; } }

/*# sourceMappingURL=../../maps/components/form/form--adoption-facet-search.css.map */