.KBprimarySearchBar .searchBar {
  margin: 0rem auto;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.KBprimarySearchBar .searchInput {
  display: flex;
  flex-direction: row;
  width: 40%;
  margin: 0rem 0rem 1.5rem 0rem;
}
.KBprimarySearchBar #KBsearch {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/*.KBprimarySearchBar #KBsearchSubmit > input {*/
.KBprimarySearchBar .KBsearchSubmit > input {
  height: 3.5rem;
  border: 0.1rem inset hsla(198, 0%, 20%, 0.3);
  background-color: #eff3f6;
  border-left: none;
  font-size: 1.5rem;
}

/*.KBprimarySearchBar #KBsearchSubmit > input {*/
.KBsearchSubmit > input[type="submit"] {
  background-color: var(--tertiary) !important;
  color: var(--secondary) !important;
  border-top: none !important;
  border: 0.1rem inset hsla(198, 0%, 20%, 0.3) !important;
}
/* Update specs for search button without hover */

/*.KBprimarySearchBar #KBsearchSubmit > input:hover {*/
.KBsearchSubmit > input[type="submit"]:hover {
  background-color: var(--primary) !important;
  color: var(--tertiary) !important;
  border-top: none !important;
  border: 0.063rem inset hsla(198, 0%, 20%, 0.3) !important;
}
/* Update specs for search button with hover */

.KBprimarySearchBar .KBsearchSubmit {
  display: flex;
  flex-direction: column;
  align-items: center !important; /* Center arrow */
}

.KBprimarySearchBar #queries_search_query {
  width: 100%;
  height: 3.5rem;
  background-color: #eff3f6;
  border-right: none;
}

.KBprimarySearchBar #searchInput {
  right-border: none;
  width: 100%;
}
.KBprimarySearchBar #queries_search_query::placeholder {
  padding: 0rem 0rem 0rem 0.5rem;
}
/*LandingMain*/
.landingMain .searchBar {
  margin: 0rem auto;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.landingMain .searchInput {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: 0rem 0rem 1.5rem 0rem;
}
.landingMain #KBsearch {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/*.landingMain #KBsearchSubmit > input {*/
.landingMain .KBsearchSubmit > input {
  height: 3.5rem;
  border: 0.063rem inset hsla(198, 0%, 20%, 0.3);
  border-left: none;
  font-size: 1.5rem;
}
.landingMain #queries_search_query {
  width: 100%;
  height: 3.5rem;
  background-color: #eff3f6;
  border-right: none;
}
#category_user {
  width: 20%;
  height: 3.5rem;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  background-color: #eff3f6;
}
.landingMain #searchInput {
  border-radius: 0.5rem;
  right-border: none;
  width: 100%;
}
/*#queries_search_query {*/
/*    background: url(https://www.griffith.edu.au/?a=502888) no-repeat;*/
/*    background-position: calc(100% - 0.5rem);*/
/*}*/
.landingMain #queries_search_query::placeholder {
  padding: 0rem 0rem 0rem 0.5rem;
}
.inner-content #queries_search_query {
  border-right: none;
  height: 2.25rem !important; /* Modified height of search bar to match with button */
  border-radius: 0.125rem 0rem 0rem 0.125rem;
}
.inner-content .KBsearchSubmit > input {
  height: 2.25rem !important;
  border: 0.063rem inset hsla(198, 0%, 20%, 0.3);
  border-left: none;
  border-radius: 0rem 0.125rem 0.125rem 0rem;
  background-color: var(--tertiary);
  color: rgba(0, 0, 0, 0.7) !important;
}
@media screen and (max-width: 1201px) {
  .KBprimarySearchBar .searchInput {
    width: 50%;
  }
  .KBprimarySearchBar #queries_search_query {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .landingMain .searchBar {
    width: 75%;
  }
  .KBprimarySearchBar .searchInput {
    width: 80%;
  }
  .KBprimarySearchBar #queries_search_query {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .landingMain .searchBar {
    width: 80%;
  }
  .landingMain #queries_search_query {
    width: 100%;
  }
  .KBprimarySearchBar .searchInput {
    width: 70%;
  }
  .KBprimarySearchBar #queries_search_query {
    width: 100%;
  }
  #category_user {
    width: 30%;
  }
  /*.KBprimarySearchBar #KBsearchSubmit > input {*/
  .KBsearchSubmit > input[type="submit"] {
    background-color: white !important;
    color: black !important;
    border-top: none !important;
    border: 0.063rem inset hsla(198, 0%, 20%, 0.3) !important;
  }
  /* Update specs for search button without hover */

  /*.KBprimarySearchBar #KBsearchSubmit > input:hover {*/
  .KBsearchSubmit > input[type="submit"]:hover {
    border-top: none !important;
    border: 0.063rem inset hsla(198, 0%, 20%, 0.3) !important;
  }
  /* Update specs for search button with hover */

  .KBprimarySearchBar .KBsearchSubmit {
    display: flex;
    flex-direction: column;
    align-items: center !important; /* Center arrow */
  }
}
@media screen and (max-width: 480px) {
  .landingMain .searchBar {
    width: 80%;
  }
  .landingMain #queries_search_query {
    width: 100%;
  }
  .KBprimarySearchBar .searchInput {
    width: 80%;
  }
  .KBprimarySearchBar #queries_search_query {
    width: 100%;
  }
  #category_user {
    width: 30%;
  }
}