.mailchimp-popup-form,
#mc_embed_signup {
font-family: Helvetica, Arial, sans-serif;
max-width: 100%;
background: transparent !important;
}
.mailchimp-popup-form h2,
#mc_embed_signup h2 {
margin: 0 0 20px 0;
font-size: 24px;
font-weight: 600;
color: #333;
}
.mailchimp-popup-form .mc-field-group,
#mc_embed_signup .mc-field-group {
margin-bottom: 10px;
}
.mailchimp-popup-form label,
#mc_embed_signup label {
display: block;
margin-bottom: 0;
font-weight: 500;
color: #333;
font-size: 14px;
}
.mailchimp-popup-form .asterisk,
#mc_embed_signup .asterisk {
color: #e85c41;
}
.mailchimp-popup-form .indicates-required,
#mc_embed_signup .indicates-required {
text-align: right;
font-size: 12px;
margin: 0 0 10px 0;
color: #666;
}
.mailchimp-popup-form input[type="email"],
.mailchimp-popup-form input[type="text"],
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"],
#mc_embed_signup input.text {
width: 100%;
padding: 6px 12px;
border: 1px solid #ddd !important;
border-radius: 4px;
font-size: 14px;
box-sizing: border-box;
transition: border-color 0.3s ease;
outline: none !important;
}
.mailchimp-popup-form input[type="email"]:focus,
.mailchimp-popup-form input[type="text"]:focus,
#mc_embed_signup input[type="email"]:focus,
#mc_embed_signup input[type="text"]:focus,
#mc_embed_signup input.text:focus {
border-color: #b11557 !important;
box-shadow: none !important;
}
.mailchimp-popup-form .clear,
#mc_embed_signup .clear {
clear: both;
}
.mailchimp-popup-form .gdpr-block,
.mailchimp-popup-form #mergeRow-gdpr,
#mc_embed_signup .gdpr-block,
#mc_embed_signup #mergeRow-gdpr,
#mc_embed_signup .mergeRow.gdpr-mergeRow {
margin: 25px 0 !important;
padding: 20px !important;
background: #f9f9f9 !important;
border-radius: 4px !important;
font-size: 14px !important;
}
.mailchimp-popup-form .gdpr-block > label,
.mailchimp-popup-form .content__gdpr > label,
#mc_embed_signup .gdpr-block > label,
#mc_embed_signup .content__gdpr > label {
font-size: 16px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
}
.mailchimp-popup-form .gdpr-block > p,
.mailchimp-popup-form .content__gdpr > p,
#mc_embed_signup .gdpr-block > p,
#mc_embed_signup .content__gdpr > p {
margin: 10px 0 !important;
font-size: 13px !important;
color: #666 !important;
line-height: 1.5 !important;
}
.mailchimp-popup-form .checkbox-label,
.mailchimp-popup-form .mc_fieldset label,
#mc_embed_signup .checkbox-label,
#mc_embed_signup .mc_fieldset label,
#mc_embed_signup fieldset label.checkbox {
display: flex !important;
align-items: center !important;
margin: 7px 0 !important;
cursor: pointer !important;
font-weight: normal !important;
}
.mailchimp-popup-form input[type="checkbox"],
#mc_embed_signup input[type="checkbox"] {
display: inline !important;
margin-right: 10px !important;
width: 18px !important;
height: 18px !important;
cursor: pointer !important;
}
.mailchimp-popup-form .checkbox-label span,
.mailchimp-popup-form .mc_fieldset label span,
#mc_embed_signup .checkbox-label span,
#mc_embed_signup .mc_fieldset label span {
font-size: 14px !important;
color: #333 !important;
}
.mailchimp-popup-form .gdpr-info,
#mc_embed_signup .gdpr-info {
margin-top: 15px !important;
padding-top: 15px !important;
border-top: 1px solid #ddd !important;
font-size: 12px !important;
color: #666 !important;
}
.mailchimp-popup-form .gdpr-legal,
.mailchimp-popup-form .content__gdprLegal,
#mc_embed_signup .gdpr-legal,
#mc_embed_signup .content__gdprLegal {
font-size: 11px !important;
color: #999 !important;
line-height: 1.4 !important;
margin-top: 10px !important;
}
.mailchimp-popup-form .gdpr-legal a,
.mailchimp-popup-form .content__gdprLegal a,
#mc_embed_signup .gdpr-legal a,
#mc_embed_signup .content__gdprLegal a {
color: #0073aa !important;
text-decoration: none !important;
}
.mailchimp-popup-form .gdpr-legal a:hover,
.mailchimp-popup-form .content__gdprLegal a:hover,
#mc_embed_signup .gdpr-legal a:hover,
#mc_embed_signup .content__gdprLegal a:hover {
text-decoration: underline !important;
}
#mc_embed_signup .mc_fieldset {
border: none !important;
min-height: 0px !important;
padding-bottom: 0px !important;
}
.mailchimp-popup-form .mce-responses,
#mc_embed_signup .mce-responses,
#mc_embed_signup #mce-responses {
margin: 15px 0 !important;
}
.mailchimp-popup-form .response,
#mc_embed_signup .response {
padding: 12px !important;
border-radius: 4px !important;
margin: 10px 0 !important;
font-size: 14px !important;
}
.mailchimp-popup-form #mce-error-response,
#mc_embed_signup #mce-error-response {
background: #ffebee !important;
color: #c62828 !important;
border: 1px solid #ef5350 !important;
}
.mailchimp-popup-form #mce-success-response,
#mc_embed_signup #mce-success-response {
background: #e8f5e9 !important;
color: #2e7d32 !important;
border: 1px solid #66bb6a !important;
}
.mailchimp-popup-form #mce-error-response:empty,
.mailchimp-popup-form #mce-success-response:empty,
#mc_embed_signup #mce-error-response:empty,
#mc_embed_signup #mce-success-response:empty {
display: none !important;
}
.mailchimp-popup-form .submit-button,
#mc_embed_signup .submit-button,
#mc_embed_signup .clear {
margin-top: 20px !important;
}
.mailchimp-popup-form input[type="submit"],
#mc_embed_signup input[type="submit"],
#mc_embed_signup .button {
width: 100% !important;
padding: 14px 24px !important;
background: #b11557 !important;
color: white !important;
border: none !important;
border-radius: 10px !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
}
.mailchimp-popup-form input[type="submit"]:hover,
#mc_embed_signup input[type="submit"]:hover,
#mc_embed_signup .button:hover {
background: #000000 !important;
}
.mailchimp-popup-form input[type="submit"]:active,
#mc_embed_signup input[type="submit"]:active,
#mc_embed_signup .button:active {
transform: translateY(1px) !important;
} .rawcut-popup-body .mailchimp-popup-form,
.rawcut-popup-body #mc_embed_signup {
margin: 0;
} #mc_embed_signup div.mce_inline_error {
background-color: #ffebee !important;
color: #c62828 !important;
border: 1px solid #ef5350 !important;
padding: 5px 10px !important;
margin: 5px 0 !important;
border-radius: 4px !important;
font-size: 12px !important;
} @media (max-width: 768px) {
.mailchimp-popup-form h2,
#mc_embed_signup h2 {
font-size: 20px;
}
.mailchimp-popup-form .gdpr-block,
#mc_embed_signup .gdpr-block,
#mc_embed_signup #mergeRow-gdpr {
padding: 15px !important;
}
}