/*######################################################################
# LOGIN_NM.CSS 
# ----------------------------------------------------------------------
# WEBASMEDIA | Andreas Schoene
# 
# KONFIGURATION
# -----------------------------------
# * Login-Form | Stylesheet
# 
# AENDERUNGEN
# -----------------------------------
# * 02.06.2021 - Erstellung
#
#######################################################################*/

/***********************************************************************
 ***                     Login-Form | Stylesheet                     ***
 ***********************************************************************/

body {
    -webkit-animation: fadein 0.7s; 
	animation: fadein 0.7s 
}
@-webkit-keyframes fadein { 
    from {opacity:0} to {opacity:1}
}
@keyframes fadein { 
    from {opacity:0} to {opacity:1}
}

/** Hintergrund **/
/** WAM #265366 - hsla(198, 46%, 27%, 1) | #17323e - hsla(198, 46%, 17%, 1) | #dfdfdf | GM #db0e6b - hsla(333, 88%, 46%, 1) **/
body.login {
    /*background: #fff;*/
    /*background-image: url('../images/login/WEBASMEDIA_Wartungsseite_1920_1080.jpg');*/
    /*background-image: linear-gradient(to right, #db0e6b 0%, #265366 60%);*/
    background-image: linear-gradient(to right, hsla(360, 100%, 100%, 1) 5%, #e6cfa5 50%, hsla(360, 100%, 100%, 1) 95%);
}

/** Logo **/
.login h1 a {
    background-image: url('../images/login/noeske_mk_350_105.png') !important;
    background-size: contain !important;	
    /*background-size: 350px 147px;*/
    background-repeat: no-repeat;
    width: 350px; 
    height: 105px; 
}

/** Login Form **/
.login form {
    font-family: 'OpenSansRegular', Verdana, sans-serif !important;
    font-size: 14px;
    padding: 1px 24px 5px;
    border: 0px solid #f39800; /*border auf 3px*/
    border-radius: 10px;
    box-shadow: 0 0px 0px;
}

/** Login Hintergrund **/
#login {
    background: #ffffff;
    margin: 150px auto;
    padding: 35px 10px;
    width: 360px;
    border-radius: 10px;
    /*border: 2px solid #17323e;*/
    -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.33);
}

/** Message- und Error-Box **/
.login .message, 
.login .success, .login #login_error {
    /*display: none;*/
    box-shadow: 0 0px 0px 0;
    margin-left: 25px;
    border-left: 4px solid #008040;;
}

.login #login_error {
    border-left-color: #dc3232;
}

/** Textfelder **/
.login label {
    font-size: 12px;
    color: #aaa;
}

.login form .input, .login input[type="text"], .login input[type="password"] {
    min-height: 40px;
    line-height: 1.3333333;
    padding: 12px;
    font-size: 14px !important;
    border-radius: 2px;
    border: 1px solid #ccc;
}

input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
	font-size : 14px !important;
	border-radius : 2px;
	border : #ccc solid 1px;
	box-shadow : none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, textarea:focus {
	font-size : 14px !important;
	border-radius : 2px;
	border : #f39800 solid 1px;
	box-shadow : none;
	transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/** Angemeldet bleiben **/
.login .forgetmenot label {
    display: none;
}

input[type="checkbox"], input[type="radio"] {
    display: none;
}

/** Button **/
.login.wp-core-ui .button-primary {
    font-family: 'OpenSansRegular', Verdana, sans-serif !important;
    text-transform: uppercase;
    background: #f39800;
    border:none;
    border-radius: 0px;
    float: left;
    clear: both;
    width: 100%;
    min-height: 40px;
    transition-duration: 0.4s;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.login.wp-core-ui .button-primary:hover {
    background: #e6cfa5; 
    /*box-shadow: 0 1px 1px 0 rgba(0,0,0,0.24), 0 1px 1px 0 rgba(0,0,0,0.19);*/
}

/** untere Navigation **/
.login #nav,
.login #backtoblog {
    font-family: 'OpenSansRegular', Verdana, sans-serif !important;
    font-size: 12px;
    text-decoration: none;
    padding: 0 0px 0;
    margin-left: 30px;
}

/* Passwort vergessen 
#nav {
    display: none;
}*/

/** zurück zum Backend **/
#backtoblog {
    display: none !important;
}