What code to use to change the promotional popup email address form text color

Site URL: https://www.cloudcrewapparel.com

The promotional popup won't let me distinguish email form submission text and outline color between desktop and mobile. I'd like it to remain white on the desktop version, but I need the text to be black on the mobile pop up because my background is white.  You can see that there's a space for the email submission on mobile, but you can't see it because both the text and the box surrounding it are white. Squarespace doesn't have an option to customize this. Can anyone help? 

21 hours ago, kellyp123 said:

Site URL: https://www.cloudcrewapparel.com

The promotional popup won't let me distinguish email form submission text and outline color between desktop and mobile. I'd like it to remain white on the desktop version, but I need the text to be black on the mobile pop up because my background is white.  You can see that there's a space for the email submission on mobile, but you can't see it because both the text and the box surrounding it are white. Squarespace doesn't have an option to customize this. Can anyone help? 

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .sqs-popup-overlay #overlayNewsletterEmail-field::placeholder {
    color: #000 !important;
  }

  .sqs-popup-overlay #overlayNewsletterEmail-field {
    box-sizing: border-box;
    border-bottom: 1px solid #000;
  }
}

Support me by pressing 👍 if this useful for you

My testing

4 minutes ago, bangank36 said:

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .sqs-popup-overlay #overlayNewsletterEmail-field::placeholder {
    color: #000 !important;
  }

  .sqs-popup-overlay #overlayNewsletterEmail-field {
    box-sizing: border-box;
    border-bottom: 1px solid #000;
  }
}

@bangank36 thank you so much!

Support me by pressing 👍 if this useful for you