/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-size: 100%;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
/* ===Making SmugMug Standard Contact form white - tutorial from https://portal.photom.me=== */
 
/* Background mask - color change */
.sm-user-ui .yui3-widget-mask,
.sm-user-ui .sm-overlay-container .yui3-widget-mask {
    background-color: #f7f7f7;
}
 
/* Changing the title color */
.sm-user-ui .sm-panel.sm-panel-contact h1 {
    color: #000;
}
 
/* Changing contact form background color */
.sm-user-ui .sm-panel-contact .sm-procontact-overlay {
    background-color: #fff;
}
 
.sm-user-ui .sm-panel-contact .sm-panel-content {
    background-color: #ffffff;
}
 
/* Changing form fields */
.sm-user-ui .sm-panel-contact .sm-form-field-text-input, 
.sm-user-ui .sm-panel-contact .sm-form-field-textarea {
    color: #2b2b2b;
    background-color: #ffffff;
    border-color: #34363a;
}
 
.sm-user-ui .sm-panel-contact .sm-form-field:focus, 
.sm-user-ui .sm-panel-contact .sm-form-field-textarea:focus {
    background-color: #eaeaea;
    border-color: #3c3e43;
}
 
/* Modifying buttons */
.sm-user-ui .sm-panel-contact .sm-button-skin-default, 
.sm-user-ui .sm-panel-contact .sm-button-skin-submit {
    color: #1b1b1b;
    border-color: #34363a;
    background-color: #ffffff;
}
 
.sm-user-ui .sm-panel-contact .sm-button-skin-default:hover, 
.sm-user-ui .sm-panel-contact .sm-button-skin-submit:hover {
    color: #3a3a3a;
    border-color: #34363a;
    background-color: #eaeaea;
}