.searchstax-view-styles-container {
  display: inline-block;
  margin-top: -5px;
  margin-right: 10px;
}
.searchstax-search-input-container {
  height: 60px;
}
.searchstax-view-styles-container .searchstax-view-styles-text {
  display: inline;
  font-size: 13px;
}
.searchstax-view-styles-container #toggle-view-style {
  background-color: #f5f5f5;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.searchstax-view-styles-container #toggle-view-style .icon-grid {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTAuNzIiIGhlaWdodD0iMzA5LjM4MSIgdmlld0JveD0iMCAwIDMxMC43MiAzMDkuMzgxIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYjNiM2IzO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PGc+PGc+PHJlY3QgY2xhc3M9ImQiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PHJlY3QgY2xhc3M9ImQiIHg9IjExMC4zNiIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48cmVjdCBjbGFzcz0iZCIgeD0iMjIwLjcyIiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iZCIgeT0iMTA5LjY5IiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjxyZWN0IGNsYXNzPSJkIiB4PSIxMTAuMzYiIHk9IjEwOS42OSIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48cmVjdCBjbGFzcz0iZCIgeD0iMjIwLjcyIiB5PSIxMDkuNjkiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PC9nPjxnPjxyZWN0IGNsYXNzPSJkIiB5PSIyMTkuMzgxIiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjxyZWN0IGNsYXNzPSJkIiB4PSIxMTAuMzYiIHk9IjIxOS4zODEiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PHJlY3QgY2xhc3M9ImQiIHg9IjIyMC43MiIgeT0iMjE5LjM4MSIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48L2c+PC9nPjwvZz48L3N2Zz4=");
  background-size: cover;
  height: 15px;
  width: 15px;
}
.searchstax-view-styles-container #toggle-view-style .icon-list {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTAuNzIiIGhlaWdodD0iMzA5LjM4MSIgdmlld0JveD0iMCAwIDMxMC43MiAzMDkuMzgxIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYjNiM2IzO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Im0zMDIuNzIsMEg4QzMuNTgyLDAsMCwzLjU4MiwwLDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOFY4YzAtNC40MTgtMy41ODItOC04LThaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Im0zMDIuNzIsMTA5LjY5SDhjLTQuNDE4LDAtOCwzLjU4Mi04LDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOHYtNzRjMC00LjQxOC0zLjU4Mi04LTgtOFoiLz48cGF0aCBjbGFzcz0iZCIgZD0ibTMwMi43MiwyMTkuMzgxSDhjLTQuNDE4LDAtOCwzLjU4Mi04LDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOHYtNzRjMC00LjQxOC0zLjU4Mi04LTgtOFoiLz48L2c+PC9nPjwvc3ZnPg==");
  background-size: cover;
  height: 15px;
  width: 15px;
}

.searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

.searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link {
  display: block !important;
  height: auto;
  flex: 0 0 calc(33.333333% - 30px);
  max-width: calc(33.333333% - 30px);
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-bottom: 30px;
  display: table-column;
}

.searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-search-result {
  height: calc(100%) !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link .searchstax-thumbnail {
  left: 0;
  top: 0;
  height: 155px !important;
  width: 100%;
}

.searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-search-result.has-thumbnail {
  padding-left: 10px !important;
  padding-top: 155px;
}

.searchstax-facets-container-desktop .searchstax-facet-container .searchstax-facet-values-container .searchstax-facet-value-container .searchstax-facet-value-label,
.searchstax-facets-container-mobile .searchstax-facet-container .searchstax-facet-values-container .searchstax-facet-value-container .searchstax-facet-value-label {
  text-transform: none;
  overflow: visible;
  white-space: normal;
  padding-bottom: 8px;
}

.searchstax-facets-container-mobile .searchstax-facets-pills-container .searchstax-facets-pill-filter-by {
  height: 38px;
}
