/*
 * view css for email optin block
 *
 * Author: Peter Wooster, Silver Maple Web, Nov 16 2015
 */

    #email-optin{
        background-color:#AA1E1E;
        box-sizing: border-box;
        padding:1em;
        font-family: Roboto, sans-serif;
    }
    
    #email-optin p,
    #email-optin h2 {
        color:white;
        margin-bottom:.5em;
    }
    
    #email-optin .error {
        color:yellow;
    }
    
    #email-optin .info {
        color:white;
    }
    
    #email-optin label{
        color:white;
    }
    
    #email-optin input {
        box-sizing: border-box;
        width:100%;
        margin-bottom: .5em;
        font-size:1em;
        background-color:white; 
        color:black;
        padding:.25em .5em;
        border:none;
    }

    #email-optin input#submit {
        width:100%;
        margin-top:.75em;
        border:none; 
        text-transform:uppercase; 
        background-color:black;
        color:white;
        -webkit-transition: color 1s, background-color .5s;
        transition: color 1s, background-color .5s;
    }
    
    #email-optin input#submit:hover {
        background-color:white;
        color:black;
    }
    
    #email-optin div.url{
        position:absolute;
        left:3000px;
        width:0;
        overflow:hidden;
    }