[Plugin: Contact Form 7] Select tag won't embrace CSS code

Greetings!
I am attempting to CSS format a contact form 7 form, and everything works beautifully except a Select tag (ie, the dropdown menu):
Here is my CF7 coding and note that each tag is surrounding by the exact same Row Label Input divs:

<div class="row">
<div class="label">Email (required):</div>
<div class="input">[email* your-email class:phone] </div>
</div>

<div class="row">
<div class="label">Phone:</div>
<div id="input">[text text-209 class:phone]</div>
</div>

<div class="row">
<div class="label">Date of event:</div>
<div id="input">[text Date class:phone watermark "eg 01/01/2013"]</div>
</div>

<div class="row">
<div class="label">Type of Event</div>
<div id="input">[select menu-505 class:phone "Wedding" "Birthday" "Bar Mitzvah/Bat Mitzvah" "Funeral" "Other"]</div>
</div>

Yet here is the result of the code:
https://www.gratitudeheartgarden.com/contact-us-with-formatting/

Note that the Wedding block obviously is not responding to the css.
Any clues, help would be appreciated.

Thanks,
Pradhan