/* OnBaze Finder 1.0.1 - Branch / State / City dropdowns on the homepage */
.obf {
  display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: center; gap: 18px 24px;
  margin: 0 auto; max-width: 1140px; padding: 0 16px; box-sizing: border-box;
  font-family: "OnBaze Barlow", "Barlow", sans-serif;
}
.obf-field { display: flex; flex-direction: column; flex: 0 1 280px; min-width: 0; }
.obf-field--branch { flex-basis: 340px; }
.obf label {
  margin: 0 0 6px 10px; color: #fff; font-family: inherit; font-size: 24px; font-weight: 600;
  line-height: 1.15; text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.obf select {
  -webkit-appearance: none; appearance: none; width: 100%; height: 52px; margin: 0;
  padding: 0 44px 0 18px; border: 0; border-radius: 6px; background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M0 0h14L7 8z' fill='%234a5a63'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 18px center;
  color: #4a5a63; font-family: inherit; font-size: 21px; font-weight: 500; line-height: 52px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25); cursor: pointer; text-overflow: ellipsis;
}
.obf select:focus-visible { outline: 3px solid #E04500; outline-offset: 2px; }
.obf select:disabled { cursor: default; color: #8a979f; background-color: #fff; opacity: .85; }
.obf select option { color: #33434c; }
.obf-go {
  flex: 0 0 auto; height: 52px; min-width: 82px; padding: 0 22px; border: 0; border-radius: 6px;
  background: #E04500; color: #fff; font-family: inherit; font-size: 22px; font-weight: 700;
  letter-spacing: .5px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.obf-go:hover, .obf-go:focus-visible { background: #c63d00; }
.obf-go:disabled { opacity: .6; cursor: default; }
@media (max-width: 760px) {
  .obf { flex-direction: column; align-items: stretch; gap: 14px; padding: 0 16px; }
  .obf-field, .obf-field--branch { flex-basis: auto; }
  .obf label { font-size: 20px; margin-left: 4px; }
  .obf select { height: 48px; line-height: 48px; font-size: 19px; }
  .obf-go { height: 50px; width: 100%; }
}