/*****************************************

Last modified:
Reference for change:

File name: login.css

Note: This page covers the styles for the login page AND
for the password reset screens.
*****************************************/

/*****************************************
Overide uikit default styles
*****************************************/
    html {
        background: transparent;
    }

    .uk-inline {
        width: 100%;
    }

    .uk-card-default {
        background: rgba(255, 255, 255, 0.8);
    }

/*****************************************
GENERAL STYLES
*****************************************/

    body {
        background: url('../../images/themes/main-tile.jpg');
		background-position: center center;
	    background-attachment: fixed;
    	background-size: 200px;
    }

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

    .text-right {
        text-align: right;
    }

    .text-left {
        text-align: left;
    }


/*****************************************
LOGIN WINDOW STYLES
*****************************************/
    .uk-card {
        max-width: 450px;
        margin: auto;
        margin-top: 100px;
        border-radius: 20px;
    }

    .arc-logo {
        width: 200px;
    }

    .title {
        font-family: Itim, cursive;
        color: #632582;
        margin-top: 15px;
    }

    .input-margin {
        margin: 20px 0;
    }

    .uk-input {
        border-radius: 7px;
        font-size: 1.1em;
    }

    /* Login button */
        #submitBtn {
            font-family: 'Itim', sans-serif;
            width: 100%;
            color: white;
            background-color: #632582;
            font-size: 1.2em;
            border-radius: 7px;
        }

        #submitBtn:hover {
            background-color: #E4126F;;
        }

    /* Forgot password link */
        .forgotPass,
        .cancelReset,
        .getInTouch {
            color: #632582;
            font-weight: 400;
            font-size: 0.9em;
        	margin: 10px;
            /* display: block; */
            /*margin-top: -5px;*/
        }

        .forgotPass:link,
        .forgotPass:visited,
        .cancelReset:link,
        .cancelReset:visited,
        .getInTouch:link,
        .getInTouch:visited {
            color: #632582;
        }

    /*.errorAlert{
      visibility: hidden;
    }*/
        
    .contactUs {
	   margin-top: 18px;
	   }
    
    .contactUs p {
	   font-size: 1.7em;
	   color: #632582;
	   font-family: Itim;
	   }
	   
    .contactUs p a {
        color: #632582;
    }


/*****************************************
FOOTER
*****************************************/

footer {
    color: white;
    font-family: 'Maven Pro', sans-serif;
    margin: 22px 0;
}

footer p {
    margin: 8px 0;
}

footer a,
footer a:link,
footer a:visited {
    color: white;
}


/*****************************************
MODAL
*****************************************/

#messageModalTitle,
#getInTouchModalTitle {
    font-family: Itim, cursive;
    color: #632582;
    font-size: 3em;
}