#store_directory {
  transition: max-height 1s ease;
}
@media (max-width: 767px) {
  #store_directory.mobile-limited {
    max-height: 400px;
    overflow: hidden;
  }
  #store_directory.transition-height {
    max-height: 2000px;
  }
}
#store_directory .store-directory-page .page-inner {
  display: flex;
  flex-flow: wrap;
}
#store_directory .store-directory-headings {
  display: flex;
  margin-bottom: -0.8em;
  background-color: #eeeeee;
  padding: 0.7rem 0;
}
#store_directory .store-directory-headings .store-name, #store_directory .store-directory-headings .store-number, #store_directory .store-directory-headings .store-contact {
  flex-basis: 33.33%;
  padding: 0.4rem 1rem;
  font-weight: 800;
  font-size: 1.2em;
  line-height: 1em;
}
#store_directory .store-category {
  flex-basis: 100%;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
  padding: 0.6rem 0.5rem;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  font-style: italic;
}
#store_directory .store-single {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  flex-basis: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  /*.store-logo {
    img {
      height: 28px;
      padding: 4px;
      max-width: 100%;
      display: block;
    }
  }*/
}
#store_directory .store-single .store-logo, #store_directory .store-single .store-name, #store_directory .store-single .store-number, #store_directory .store-single .store-contact {
  flex-basis: 33.33%;
  padding: 0 1rem;
  font-size: 1.1em;
  font-weight: 400;
}
#store_directory .store-single .store-contact a:hover {
  filter: brightness(0.6);
}
@media (min-width: 768px) {
  #store_directory .store-directory-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  #store_directory .store-single {
    flex-basis: 50%;
    flex-grow: 1;
    flex-direction: column;
    padding: 0.7rem;
    /*.store-logo {
      text-align: center;
      img {
        height: 60px;
        max-width: 80%;
        margin: 0 auto;
        padding: 6px;
      }
    }*/
  }
  #store_directory .store-single .store-name {
    font-size: 1.4em;
  }
  #store_directory .store-directory-headings {
    display: none;
  }
}
@media (max-width: 480px) {
  #store_directory .store-single {
    flex-basis: 100%;
  }
}
#store_directory .store-directory-page {
  display: none;
  opacity: 0;
  transition: opacity 0.19s ease;
}
#store_directory .store-directory-page.active {
  display: block;
}
#store_directory .store-directory-page.fade-in {
  opacity: 1;
}
#store_directory .store-directory-paginate {
  display: flex;
  padding: 1em;
}
#store_directory .store-directory-paginate .paginate-button {
  width: 20px;
  height: 20px;
  background-color: #dedede;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin: 2px;
  cursor: pointer;
  transition: background-color 0.7s ease;
}
#store_directory .store-directory-paginate .paginate-button:hover {
  background-color: #aaa;
}
#store_directory .store-directory-paginate .paginate-button.active {
  background-color: #777;
  cursor: default;
}
#store_directory #search_bar {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
}
@media (max-width: 500px) {
  #store_directory #search_bar {
    flex-direction: column;
  }
  #store_directory #search_bar #store_directory_search_field, #store_directory #search_bar #search_category {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 0.2rem;
  }
}
#store_directory #search_bar div {
  display: flex;
  position: relative;
  flex-grow: 1;
}
#store_directory #search_bar #store_directory_search_field {
  font-size: 1.4em;
  font-weight: 500;
  padding: 0.3rem 0.8rem;
  line-height: 1.2em;
  border-radius: 0;
  border: solid 1px #d7d7d7;
  height: 38px;
  max-width: 420px;
  border-right: none;
}
#store_directory #search_bar #store_directory_search_field::-webkit-input-placeholder {
  /* Edge */
  color: #ccc;
  font-weight: 400;
}
#store_directory #search_bar #store_directory_search_field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
  font-weight: 400;
}
#store_directory #search_bar #store_directory_search_field::placeholder {
  color: #ccc;
  font-weight: 400;
}
#store_directory #search_bar #search_button {
  font-size: 1.2em;
  font-weight: 500;
  padding: 0.3rem 0.8rem;
  line-height: 1em;
  display: inline-block;
  text-align: center;
  border: solid 1px #d7d7d7;
  cursor: pointer;
  background-color: #53555f;
  color: #fff;
  border-left: none;
  font-weight: 700;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  line-height: 1em;
  height: 38px;
}
#store_directory #search_bar #search_button:hover {
  filter: brightness(0.6);
}
#store_directory #search_bar #search_clear_button {
  margin: 0 0.4rem;
  display: none;
  align-items: center;
  cursor: pointer;
  flex-grow: 0;
}
#store_directory #search_bar #search_clear_button:hover {
  color: #c33;
}
#store_directory #search_bar #search_clear_button.active {
  display: flex;
}
#store_directory #search_bar #search_category {
  font-size: 1.4em;
  font-weight: 500;
  padding: 0.3rem 0.8rem;
  line-height: 1.2em;
  border-radius: 0;
  border: solid 1px #d7d7d7;
  height: 38px;
  max-width: 320px;
  padding: 0.3rem 2rem 0.3rem 0.8rem;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #53555f;
  background-image: url("../img/angle-down.svg");
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: center;
  cursor: pointer;
}
#store_directory #search_bar #search_category option {
  cursor: pointer;
}
#store_directory #search_results .search-notice {
  padding: 1em;
  text-align: center;
  cursor: pointer;
}

#mssd_outer {
  width: 100%;
  padding: 0.4em;
  text-align: center;
}
@media (min-width: 768px) {
  #mssd_outer {
    display: none;
  }
}
#mssd_outer #mssd_button {
  font-size: 1.2em;
  font-weight: 500;
  padding: 0.3rem 0.8rem;
  line-height: 1em;
  display: inline-block;
  text-align: center;
  border: solid 1px #d7d7d7;
  cursor: pointer;
}
#mssd_outer #mssd_button:hover {
  filter: brightness(0.6);
}

/*# sourceMappingURL=store-directory.css.map */