/* Shapes Defined: first FooGallery filter level as a dropdown. */

.portfolio-page .sdfd-source-hidden,
.portfolio-gallery .sdfd-source-hidden {
  display: none !important;
}

.portfolio-page .sdfd-dropdown,
.portfolio-gallery .sdfd-dropdown {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto 18px;
  padding: 0;
}

.portfolio-page .sdfd-dropdown__control,
.portfolio-gallery .sdfd-dropdown__control {
  position: relative;
  display: block;
  width: min(100%, 360px);
  margin: 0;
}

.portfolio-page .sdfd-dropdown__select,
.portfolio-gallery .sdfd-dropdown__select {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0 52px 0 23px;
  border: 1px solid #2a2926;
  border-radius: 999px;
  outline: 0;
  background: #2a2926;
  color: #fafaf8;
  font-family: 'Mulish', Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.portfolio-page .sdfd-dropdown__select:hover,
.portfolio-gallery .sdfd-dropdown__select:hover {
  border-color: #111110;
  background: #111110;
}

.portfolio-page .sdfd-dropdown__select:focus-visible,
.portfolio-gallery .sdfd-dropdown__select:focus-visible {
  border-color: #111110;
  box-shadow: 0 0 0 3px rgba(17, 17, 16, .16);
}

.portfolio-page .sdfd-dropdown__select option,
.portfolio-gallery .sdfd-dropdown__select option {
  background: #fafaf8;
  color: #111110;
}

.portfolio-page .sdfd-dropdown__arrow,
.portfolio-gallery .sdfd-dropdown__arrow {
  position: absolute;
  top: 50%;
  right: 21px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 1.5px solid #fafaf8;
  border-bottom: 1.5px solid #fafaf8;
  pointer-events: none;
  transform: rotate(45deg);
}

.portfolio-page .sdfd-screen-reader-text,
.portfolio-gallery .sdfd-screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 600px) {
  .portfolio-page .sdfd-dropdown,
  .portfolio-gallery .sdfd-dropdown {
    margin-bottom: 15px;
  }

  .portfolio-page .sdfd-dropdown__control,
  .portfolio-gallery .sdfd-dropdown__control {
    width: 100%;
  }

  .portfolio-page .sdfd-dropdown__select,
  .portfolio-gallery .sdfd-dropdown__select {
    min-height: 46px;
    font-size: 16px;
  }
}

/*
 * Hide second-level services that have no gallery items
 * for the currently selected industry.
 */

.fg-filtering-container .sdfd-service-unavailable {
  display: none !important;
}