#search-results {
  margin-top: 16px;
}
#search-results-inner {
  overflow-y:scroll;
  max-height: calc(100vh - 280px);
}

#search-results .search-result {
  margin:0 0 8px 0;
  font-size:1.125rem;
  line-height:135%;
}

#search-results a {
  color: #1468a9;
  text-decoration:none;
}

.view-all-results {
  border-top: 1px solid #ddd;
  padding:8px 0;
  margin-top:8px;
  text-align:center;
}

.search-combo input, .fieldgroup select{
    font-family: var(--wp--preset--font-family--primary);
}

.fieldgroup {
    display: flex;
    margin: 16px 0 0 0;
}
.fieldgroup .inputfield{
    flex: 1 1 50%;
}
.fieldgroup label {
    font-size:1.125rem;
    display:inline-block;
    margin-right: 1rem;
}
.fieldgroup select {
    display:inline-block;
    width:auto;
}

.search-combo {
    width: 100%;
    width: auto;
  border-radius: 0px;
  line-height: normal;
  border: 1px solid #d2d2d2;
  background-color: #f8f8f8;
  margin: 24px 0 8px 0;
  padding: 0px 0px 0px 6px;
  font-size: 1rem; 
   outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;    
}

    .search-combo.hasFocus {
        -webkit-box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
        -moz-box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
        box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
    }

.search-combo label{
  width:auto;
  flex: 1 1 auto;
  margin:0;
}

.search-combo input, .fieldgroup select{
  font-family: var(--wp--preset--font-family--primary);
}

.search-field {
    width: auto;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 16px;
    display: inline-block;
    font-size: 1rem;
}

    .search-field:focus {
        border: 0px solid #ccc;
        -webkit-box-shadow: 0px 0px 0px rgba(130, 140, 150, 0);
        -moz-box-shadow: 0px 0px 0px rgba(130, 140, 150, 0);
        box-shadow: 0px 0px 0px rgba(130, 140, 150, 0);
    }

.search-controls {
    display: inline-block;
    font-size: 1rem;
    padding: 0 12px 0 8px;
    margin: 0;
    flex: 0 1 auto;
}

.search-controls svg {
   width: 32px;
  height: 32px;
}

.search-combo button.search-magnifier {
  background-color:#e8e8e8 !important;
  border: 0;
  border-radius: 0 0 0 0;  
  width: 52px;
  height: 52px;
  padding:4px;
  cursor: pointer;
}
.search-combo button.search-magnifier:hover{
  background-color:#d0d0d0 !important;
}

.search-magnifier .innericon {
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  line-height: initial;
}
.search-magnifier .innericon svg {
  height:46px;
  width:30px;
}