Search Bar in Top Navigation styling

Hi - I added some code to have the search field in the top navigation. It works great, but I would like to change the box rule and "search" to white. Can anyone help with this. Following is the URL and password, followed by the CSS code I have in.

https://seventhavenuepresbyterian.squarespace.com/

Password is -   avenue

// SEARCH BAR STYLE
.header-search-bar{
  margin: 0 0 0 2.5vw;
  @media(max-width:799px){
    display:none;
    margin: 0 0 0 0vw;
  }
}
.mobile-header-search-bar{
  display:block;
  padding-left:3vw;
  padding-right:3vw;
  .preScale{
    opacity:1 !important;    
  }
}

.sqs-search-ui-button-wrapper.color-dark .search-input {
    background-image: url(https://static1.squarespace.com/universal/images-v6/icons/icon-searchqueries-20-light.png);
    border: 1px solid #fff;
    COLOR: white;
}

Thank you very much Adhanjal!