variant-select-wrapper not working

Site URL: http://jerichoroad.ca/donate-now

I've been struggling with customizing the variant-select-wrapper on my site. Most posts I look at suggest it should work to change the font color of the dropdown menu - however it hasn't been. I'm wondering if it would be a code conflict or if I need to do something else. 

I'm currently starting a donation page, with using Squarespace subscriptions as our recurring donation option. Any help would be appreciated. 

This is the code I am using. 

.variant-select-wrapper {
  color: #171717!important;
  font-size: 15px!important;
}

try this

.variant-select-wrapper * {
  color: #171717 !important;
  font-size: 15px !important;
}