.login form p {
    padding-left: 16px;
    padding-right: 16px;
}

.login form p:first-child::before {
    content: "LOGIN\a";
    text-align: center;
    font-weight: 100;
    font-size: 30px;
    color: #73090D;
    line-height: 30px;
    white-space:pre;   
}

.login form p:first-child.signup::before {
    content: "SIGN UP\a"; 
}
.metareal-logo {
    position: absolute;
    background-image: url(../images/metareal_logo_1273x418.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    background-size: 250px;
    top: calc( ( ( 100vh - 442px ) / 2 ) + 65px );
}
.login form p:first-child.passwd::before {
    content: "ACTIVATE AND SET PASSWORD\a";
    font-size: 18px;
    font-weight: bold;
}

.login form p:first-child.expired::before {
    content: "ACTIVATION EXPIRED\a"; 
}

.login form p:first-child.awesome::before {
    content: none; 
}

#loginform {
    padding-left: 0px;
    padding-right: 0px;
}

.login form p:first-child {
    text-align: center;
}

body.login {
    font-family: Lato, Helvetica, Arial, sans-serif;
	font:300 20px;
	letter-spacing:2.09px;
	line-height:24px;
	background-color:#fff;
    color: #43090D;
}

.login label {
	font-weight:300;
    font-size: 20px;
	letter-spacing:2.09px;
	line-height:24px;
	background-color:#fff;
    color: #43090D;
}

.login .message {
    border-left-color: #9E0011;
}

.login form .forgetmenot {
    margin-top : 16px;

    float: none;
}

.login form .forgetmenot label {
    line-height: 52px;
    font-size: 16px;
}

label[for=user_login],label[for=user_pass],label[for=user_email] {
    color: transparent;
    line-height: 0px;
}

label[for=rememberme] {
    color: #73090D;
}

#login form p.submit {
    padding-top: 16px;
    height: 52px;
    float: none;
    text-align: center; 
}


#awesome-signup-modal-close {
    border: none;
    padding: none;
    outline: none;
    margin: none;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.mr-close {
    background-image: url(/wp-content/themes/metareal/css/images/Close.png);
    background-repeat: no-repeat;
    background-size: 26px;
    cursor: pointer;
    border: none;
    padding: 13px;
}
.mr-close:hover {
    background-image: url(/wp-content/themes/metareal/css/images/Close_Hover.png);
}


/* ---------------------------------------------------- */
/* LOG IN Button                                        */
/* ---------------------------------------------------- */
body.login div#login form#loginform p.submit input#wp-submit {
    /* Rectangle 7: */
    background: #FFB500;
    /* Login: */
    font-size: 16px;
    font-weight: 600;
    color: #8F000E;
    line-height: 24px;
    height: 52px;
    width: 122px;
    float: none;
    border-width: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    border-radius:0px;
    text-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    background: #FFB500;
    float: none;
    border-width: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    border-radius:0px;
    text-shadow: none;  
    font-size: 16px;
    font-weight: 600;
    color: #8F000E; 
    line-height: 52px;
    height: 52px;
}
.wp-core-ui .button-group.button-large[disabled] .button[disable], .wp-core-ui .button.button-large[disabled] {
    background: #FFB500 !important;
    color: #8F000E !important; 
    opacity: 0.5;
	cursor: initial;
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #9E0011;
}
.login form .input, .login input[type="text"] {
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
    margin-top: 8px;    
    /* Rectangle 7: */
    background: #E3E3E3;
    border: 1px solid #8F8F8F;
    /* Email address: */
    opacity: 0.49;
    font-size: 16px;
    color: #4C1C23;
    line-height: 48px; 
}

.login h1 a {
    background-image: none;
    display: none;
}

#registerform {
    display: block;
}

#reg_passmail {
    margin-top: 16px;
}

/* account activated dialog */
#awesome-signup-dialog {
    width:100vw;
    height:100vh;
    position:absolute;
    top:0px;
    left:0px;
    background: rgba(0,0,0,0.81);
    display: none;
}
.mr-top-bar-dialog {
    opacity: 0.3;
}

.buttons-bottom-line {
    position: relative;
    bottom: 0px;
    left: 0px;
    text-align: center;
    margin-top: 50px;
}

button.mr-btn {
	width: 138px;
	height: 50px;
	outline: none;
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 19px;
	border: none;
	margin-top: 1.5px;
	/*border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;*/
}
button.mr-btn:disabled {
	opacity: 0.5;
	cursor: initial;
}
button.mr-btn:hover:not(:disabled) {
	filter: brightness( 85% );
}
[class~="mr-btn"].mr-black {
	color: #9B9B9B;
	border: 2px solid #4A4A4A;
	background: #000;
}
[class~="mr-btn"].mr-standout {
	width: 122px;
	height: 42px;
	color: #FFFFFF;
	background: #FFB500;
	font-size: 18px;
	font-weight: 600;
	color: #4F000E;
    line-height: 24px;
    margin-top: 10px
}
[class~="mr-btn"].mr-grey {
	color: #2A2A2A;
	background: #E3E3E3;
}
/* Modal dialog */
.mr-modal-dialog {
	background-color:#fff;
	position:absolute;
	padding-left:56px;
	padding-right:56px;
	padding-top:12px;
	border-radius: 0px;
	padding-bottom: 12px;
	width: 450px;
	height: 435px;
	margin: auto;
	left: 0;
    right: 0;
	top: 0;
	bottom: 0;
    z-index: 1003;
}

#awesome-title {
    line-height: 24px;
    font-size: 24px;
    font-weight: 600;
    margin: 16px;
    margin-top: 32px;
    text-align: center;
    overflow: visible;
}

#awesome-content {
    margin: 16px;
    margin-top: 64px;
    margin-bottom: 0px;
    overflow: auto;
    text-align: center;
    font-size: 16px;
}

.description {
    overflow: auto;
}

#show-pass {
    border: none;
    padding: none;
    outline: none;
    margin: none;
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-block;
    top: 54px;
    left: 400px;
    background-image: url(/wp-content/themes/metareal/css/images/Eye.png);
    background-repeat: none;
    background-position: center;
    background-size: cover;
    background-color: transparent;
}

#marketing {
    padding: 8px;
    padding-left: 32px;
    padding-right: 32px;
    letter-spacing: normal;
}

#activated-modal {
    height: 600px;
}

#mkt-title {
    margin-top: 48px;
    font-weight: bold;
    font-size: 16px;
}

p.indicator-hint {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: normal;
}

#mkt-info {
    font-size: 14px;
    line-height: 18px;
    margin: 8px;
    margin-right: 0px;
}

.mkt-consent {
    line-height: 16px;
    vertical-align: middle;
}

#mkt-email, #mkt-advert {
    margin: 8px;
}


/*
 .########..########..######..########...#######..##....##..######..####.##.....##.########
 .##.....##.##.......##....##.##.....##.##.....##.###...##.##....##..##..##.....##.##......
 .##.....##.##.......##.......##.....##.##.....##.####..##.##........##..##.....##.##......
 .########..######....######..########..##.....##.##.##.##..######...##..##.....##.######..
 .##...##...##.............##.##........##.....##.##..####.......##..##...##...##..##......
 .##....##..##.......##....##.##........##.....##.##...###.##....##..##....##.##...##......
 .##.....##.########..######..##.........#######..##....##..######..####....###....########
*/

body.login {
    height: 0px;
}

input#wp-submit {
    line-height: 40px;
    vertical-align: middle;
}

#login {
    align-content: center;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

#loginform, #registerform, #resetpassform, #lostpasswordform {
    margin-top: calc( ( ( 100vh - 442px ) / 2 ) - 20px );
}

div.form-signin {
    margin-top: calc( ( ( 100vh - 115px ) / 2 ) - 20px );
}

p.message {
    margin-top: 10px;
    overflow: auto;
}

div#login_error {
    margin-top: 10px;
    overflow: auto;
}

@media only screen and (max-width:767px) {

    .login form p {
        align-content: center;
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }

    p.signup {
        width: 320px;
    }

    #registerform, #resetpassform { 
        width: 320px;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 100px;
        box-shadow: none;
        -webkit-box-shadow: none;
        align-content: center;
        margin-top: calc( ( ( 100vh - 491px ) / 2 ) - 20px );
    }

    #user_login { 
        width: 280px;
    }

    #user_email { 
        width: 280px;
        margin-left: 20px;
    }

    #user_pass { 
        width: 280px;
        margin-left: 20px;
    }

    .login form .forgetmenot { 
        margin-left: 20px;
    }

    .login form p:first-child.expired::before {
        font-size: 24px;
    }

    .login form p:first-child.passwd::before {
        font-size: 16px;
    }

    div.spacer {
        width: 32px;
        float: left;
    }

    p.indicator-hint {
        width: 250px;
        text-align: justify;
    }

}

@media only screen and (min-width:768px) {
    #login {
        width: 498px;
    }

    .login form p {
        padding-left: 62px;
        padding-right: 62px;
    }
    
    .login form p:first-child::before {
        content: "LOGIN\a\a";
        text-align: center;
        font-weight: 100;
        font-size: 30px;
        color: #73090D;
        line-height: 40px;
        white-space:pre;   
    }

    .metareal-logo {
        width: 498px;
    }
}

@media only screen and (max-width:768px) {
    .metareal-logo {
        width: 320px;
    }
}

/*
 .########..########.########.####.##....##....###...
 .##.....##.##..........##.....##..###...##...##.##..
 .##.....##.##..........##.....##..####..##..##...##.
 .########..######......##.....##..##.##.##.##.....##
 .##...##...##..........##.....##..##..####.#########
 .##....##..##..........##.....##..##...###.##.....##
 .##.....##.########....##....####.##....##.##.....##
*/

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.mr-close {
        background-image: url(/wp-content/themes/metareal/css/images/Close@2x.png);
		background-size: 26px;
    }
    .mr-close:hover {
        background-image: url(/wp-content/themes/metareal/css/images/Close_Hover@2x.png);
		background-size: 26px;
	}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    #show-pass {
        background-image: url(/wp-content/themes/metareal/css/images/Eye@2x.png);
    }
}



/*
....###....##.....##.########.##.....##...#####..
...##.##...##.....##....##....##.....##..##...##.
..##...##..##.....##....##....##.....##.##.....##
.##.....##.##.....##....##....#########.##.....##
.#########.##.....##....##....##.....##.##.....##
.##.....##.##.....##....##....##.....##..##...##.
.##.....##..#######.....##....##.....##...#####..
*/

p#backtoblog {
    text-align: center;
}

.auth0-lock-header {
    display: none;
}

.auth0-lock-tabs-container {
    display:none;
}

form.auth0-lock-widget {
    box-shadow: none;
}

.auth0-lock .auth0-lock-form div.auth0-lock-pane-separator {
    padding-top: 0px;
}

.auth0-lock-pane-separator + div { 
    display:none;
}

.auth0-lock.auth0-lock .auth0-lock-submit {
    display:none;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

#auth0-login-form {
    padding-top: 0px;
    min-height: 60px
}

#extra-options {
    text-align: center;
    background: #ffb500;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #8f000e;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    width: 260px;
    padding: 0px;
    margin-top: 0px;
}

.auth0-lock.auth0-lock .auth0-lock-content {
    padding-bottom: 0px;
}

.auth0-lock-form { 
    margin: 0px;
    padding: 0px;
}

#extra-options >  a:link, #extra-options > a:visited, #extra-options > a:hover, #extra-options > a:active { 
    color: #8f000e
}

.auth0-lock-header-welcome, .auth0-lock-header {
    display: none;
    padding: 0px;
    margin: 0px;
    height: 0px;
    visibility: hidden;
}