/* ============================================================================================= */
/* Mobile Buttons CSS                                                                               */
/* version: 1.1                                                                                     */
/* Last Modified: 09/17/14                                                                          */
/* Modified by: GregD        ;                                                                      */
/* ============================================================================================= */
@media screen and (max-width: 769px) {
    /* 100% button x 35px */
    .button-container-100{
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        border: 1px solid #7029ec;
        /*width:99%;*/
        width:94%;
        height:40px;
        float:left;
        margin:5px 0px 5px 0px;
    }
    .button-container-100 p {
        font-family: "CenturyGothic";
        font-size: 24pt;
        color:#fff;
        text-align:center;
        text-transform:lowercase;
        padding:0; margin:0; 
        text-align:center; 
        vertical-align:middle;
        /*line-height: 1.2em;*/
        line-height: 36px;
        margin:0 auto;
        height:auto;
    }
    
    /* 75% button  x 35px */
    .button-container-75 a{
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        border: 2px solid #7029ec;
        width:75%;
        height:40px;
        float:left;
        margin:5px 0px 5px 0px;
    }
    .button-container-75 p {
        font-family: "CenturyGothic";
        font-size: 24pt;
        color:#fff;
        text-align:center;
        text-transform:lowercase;
        padding:0; margin:0; 
        text-align:center; 
        vertical-align:middle;
        line-height: 1.2em;
    }
    
    /* 50% button *  x 35px */
    .button-container-50 a, .button-container-50-2{
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        border: 2px solid #7029ec;
        width:50%;
        height:35px;
        float:left;
        margin:5px 0px 5px 0px;
        padding-top:5px;
    }

    .button-container-50 p, .button-container-50-2 p {
    font-family: "Century Gothic";
        font-size: 18pt;
        color:#fff;
        text-align:center;
        text-transform:lowercase;
        padding:0; margin:0; 
        text-align:center; 
        vertical-align:middle;
        line-height: 1.3em;
    }
    
    /* 25% button  x 35px */
    .button-container-25{
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        border: 2px solid #7029ec;
        width:25%;
        height:35px;
        float:left;
        margin:5px 0px 5px 10px;
        padding-top:5px;
        float:left;
    }
    .button-container-25 p {
        font-family: "CenturyGothic";
        font-size: 18pt;
        color:#fff;
        text-align:center;
        text-transform:lowercase;
        padding:0; margin:0; 
        text-align:center; 
        vertical-align:middle;
        line-height: 1.3em;
    }
    /*    
    .mobile-signout-button{
        background-color:#fff;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float:right;
        width:25%;
        height:32px;
        margin:5px 0;
        text-decoration: none;
    }
    */
    .mobile-signout-button p {
        padding:0; 
        margin:0; 
        font-weight:bold; 
        font-size: 9pt;
        color:#ed6d3b;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2.5em;
    }
    /* Mobile Donation Button - 25% button  x 32px */
    .mobile-donate-button {
        background-color: #7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float: right;
        width: 23%;
        height: 35px;
        margin: 15px 10px 0px 10px!important;
        text-decoration: none;
    }
    .mobile-donate-button p {
        padding:0; 
        margin:0; 
        font-weight:bold; 
        font-size: 12pt;
        color:#fff;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2em;
    }
    a.mobile-donate-button:hover {
        text-decoration: none;
    }
    /* Mobile Calculator Button - 100% button  x 32px */
    #calculteBTN {width:100%!important;clear: both;margin-left: 0px!important;}
    #calculate {
        background-color: #7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float: left;
        width: 100%;
        height: 40px;
        text-decoration: none!important;
        margin-top: 20px!important;
    }
    #calculate p {
        padding:0; 
        margin-top:10px; 
        font-weight:bold; 
        font-size: 12pt;
        color:#ffffff!important;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2em;
    }

    /* Mobile Video Button - 26% button  x 35px */
    .mobile-video-button {
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float: right;
        width: 25%;
        height: 35px;
        margin: 0px!important;
        text-decoration: none!important;
    }
    .mobile-video-button p {
        padding: 4px 0px; 
        margin:0; 
        font-weight:bold; 
        font-size: 10pt;
        color:#fff;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2em;
    }
    a.mobile-video-button:hover {
        text-decoration: none;
    }
    /* Mobile Signup Button - 25% button  x 32px */
    .mobile-profile-button , .mobile-signup-button {
        background-color:#fff;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float:left;
        width:25%;
        height:32px;
        margin:5px 10px!important;
        text-decoration: none;
    }
    
    
    .mobile-profile-button p, .mobile-signup-button p {
        padding:0; 
        margin:0; 
        font-weight:bold; 
        font-size: 9pt;
        color:#ed6d3b;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2.5em;
    }
    a.mobile-profile-button:hover, a.mobile-signup-button:hover {
        text-decoration: none;
    }
    /* Mobile SignIn Button - 25% button  x 32px */
    .mobile-signin-button, .mobile-dashboard-button,.mobile-signout-button {
        background-color:#fff;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        float:right;
        width:28%;
        height:32px;
        margin:5px 10px!important;
        text-decoration: none;
    }
    .mobile-signin-button p , .mobile-dashboard-button p{
        padding:0; 
        margin:0; 
        font-weight:bold; 
        font-size: 9pt;
        color:#ed6d3b;
        font-family: verdana;
        text-align:center;
        vertical-align:middle;
        line-height: 2.5em;
    }
    a.mobile-signin-button:hover, a.mobile-dashboard-button:hover {
        text-decoration: none;
    }
    /* Mobile Footer Buttons - Auto Width button  x 40px */
    .mobile-footer-button {
        background-color:#7029ec;
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        width: 100px;
        height:20%;
        float:left;
        text-decoration:none;   
        margin-left: 5px!important;
    }
    .mobile-footer-button p {
        padding:0 5px 0px 5px; 
        margin:0; 
        font-weight:normal; 
        font-size: 80%;
        color:#fff;
        font-family: verdana;
        text-align:center;
        line-height: 2.4em;
    }
    a.mobile-footer-button:hover {
        text-decoration: none;
    }
}