/*general padding and alignment for mailchimp widget*/
.widget_yikes_mc_widget {
padding-top: 6%;
padding-bottom: 4%;
text-align: center;
margin-bottom: 0;
}

/*changes height and font size for form rows and input fields in the mailchimp widget*/
.widget_yikes_mc_widget .yks-mailchimpFormDivRowField, .widget_yikes_mc_widget input {
height:47px;
font-size:1.25em;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.yks-mailchimpFormDivRowLabel {
text-align: center;
}

.yks-mailchimpFormContainerInner{
text-align: center;
}

#yks_form_error_message {
font-size: 2rem!important;  
float: none!important;
width: auto!important;
text-align: center;
font-size:1.5em;
}

#yks_form_error_message ul {
float: none!important;
width: auto!important;
margin: 0!important;
}

#yks_form_error_message ul li {
width: auto!important;
float: none!important;
}

/*set mailchimp widget title to be bold and same color I used for text in other parts of page*/
.widget_yikes_mc_widget h4 {
font-size: 4rem!important;
line-height: 1.25;
text-align: center;
}

/*sets color, transiton, width, height, font-size and alignment for mailchimp widget submit button*/
.ykfmc-submit {
transition: background-color 0.5s ease!important;
width: auto!important;
}

/*hover state color for the mailchimp submit button*/
.ykfmc-submit:hover {
background-color: #DB3A1B!important;
}