﻿
#unsubscribe-div {
    background-color: #FFFFFF;
}

    #unsubscribe-div h1 {
        opacity: 1;
        text-align: center;
        width: 528px;
        font-size: 36px;
        margin: 220px auto 30px auto;
    }

    #unsubscribe-div #unsubscribe-form {
        width: 545px;
        margin: auto;
    }

        #unsubscribe-div #unsubscribe-form .field-validation-error {
            font-size: 14px !important;
            font-weight: 700;
            color: #D82630; /*SlayIt Red*/
        }

            #unsubscribe-div #unsubscribe-form .field-validation-error::before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

        #unsubscribe-div #unsubscribe-form .validation-summary-errors ul li {
            font-size: 14px !important;
            font-weight: 700;
            color: #D82630; /*SlayIt Red*/
        }

            #unsubscribe-div #unsubscribe-form .validation-summary-errors ul li:before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

    #unsubscribe-div #email-subtext {
        color: #6E7481;
        padding-top: 10px;
    }

    #unsubscribe-div #unsubscribe-form {
        margin-bottom: 100px;
    }

        #unsubscribe-div #unsubscribe-form .row {
            margin-bottom: 20px; /*add bottom space*/
        }

    #unsubscribe-div #unsubscribe-btn {
        color: #FFFFFF;
        background-color: #1B5E88; /*Pro Blue*/
        font-weight: 900;
        letter-spacing: 0px;
        text-transform: uppercase;
        width: 100%;
        height: 46px;
        margin: auto;
        font-size: 16px;
        border-radius: 10px;
        padding: 0px; /*to align text height in center, had to clear btn-lg setting*/
    }

/* desktop view */
/*@media (min-width: 1024px) {
}*/

/* tablet view */
/*@media (min-width: 768px) and (max-width: 1023px) {
}*/

/* mobile view */
@media (max-width: 767px) {
    #unsubscribe-div #unsubscribe-form {
        width: 325px;
    }

    #unsubscribe-div h1 {
        width: 325px;
    }
}

/*@media (min-width: 993px) {
    #unsubscribe-div #unsubscribe-form {
        margin-bottom: 100px;
    }
}*/

@media (max-width: 993px) {
    #unsubscribe-div h1 {
        margin: 280px auto 30px auto;
    }
}
