/* Bootstrap overrides */
/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
.search-form .search-field {
  width: 100%;
  padding: 1em;
  border: 1px solid #dfdfdf;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.search-form .search-submit {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 20px !important; }

@media screen and (max-width: 641px) {
  .search-form .search-submit,
  .search-form .search-field {
    border-radius: 0; } }