@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import "backpack/style-login.css";
@import "theme.css";

/**********************************************************************************************************************/
/* CUSTOM CSS FOR LOGIN                                                                                               */
/*                                                                                                                    */
/* Add any additional styling specifics for this project's login screen within this file.                             */
/**********************************************************************************************************************/
body {
    font-family: 'Open Sans', sans-serif;
}

/*********************************************************************/
/* BODY STRUCTURE                                                    */
/*********************************************************************/
/* region Logo */
.logo-wrapper {
    opacity: 0.8;
    margin-bottom: 50px;
}

/* Replace according to desired logo structure */
.logo-wrapper > img {
    width: 232px;
    height: auto;
    position: relative;
    /*left: -28px;*/
}

.logo-title {
    letter-spacing: 8px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-top: 32px;
}

.logo-wrapper > p {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 300;
    margin-top: 8px;
}
/* endregion */