/* Versioned search control styles. Kept separate so existing visitors do not
   retain an older cached search layout after the template is upgraded. */
#header #search_widget form {
  position: relative;
}

#header #search_widget input[type="text"] {
  padding-right: 48px;
  padding-left: 14px;
}

#header #search_widget .dt-search-submit {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 40px;
  padding: 0;
  color: #555;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0 5px 5px 0;
  transform: translateY(-50%);
}

#header #search_widget .dt-search-submit:hover,
#header #search_widget .dt-search-submit:focus-visible {
  color: #fff;
  background: #c0272d;
  outline: 2px solid #941a20;
  outline-offset: 1px;
}

#header #search_widget form i.clear {
  right: 44px;
}