body {font-family: "Open Sans", sans-serif;font-weight: 300;color: #4c4c4c;}#login { width:380px;}body{ background:transparent; } body:before { content: '';position: fixed; display: block; z-index: -1;height:100%; width:100%; top:0; left:0;background-image: url(https://smakademia.hu/wp-content/uploads/2019/12/jj-ying-7JX0-bfiuxQ-unsplash.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}#login:before { content: '';position: fixed; display: block; z-index: -1; width:100%; height:100%; top:0; left:0;background: #ffffff;background: rgba(255,255,255,0.7);}body a {color: #4c4c4c;} .login #backtoblog a, .login #nav a, .login h1 a {color: #4c4c4c;}body a:hover {color: #303030;} .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {color: #303030;}p#nav { display: none; }p#backtoblog { display: none; }.login h1 a { background-image: url(https://smakademia.hu/wp-content/uploads/2019/12/gridlove_logo_mini@2x.png);background-size: 200px; width: 200px; }.login h1 { margin-bottom: 15px;}.login form { -webkit-box-shadow:none; box-shadow:none;padding-top: 40px;padding-right: 40px;padding-bottom: 40px;padding-left: 40px;border-width: 0px;border-style: solid;border-color: #4c4c4c;border-radius: 10px;background-color: #282828;background-position: left top;background-repeat: no-repeat;}#login #login_error, #login .message {border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;border-right-style: solid; border-top-style: solid; border-bottom-style: solid;border-right-color: #4c4c4c;border-top-color: #4c4c4c;border-bottom-color: #4c4c4c;border-radius: 10px;background-color: #282828;color: #ffffff;}#loginform #wp-submit:focus, #loginform #wp-submit:active { -webkit-box-shadow:none; box-shadow:none; }#login form p.submit, .login-action-lostpassword p.submit { clear:both; margin-bottom: 16px; text-align:center;}#loginform #wp-submit {-webkit-box-shadow:none; box-shadow:none;padding-top: 10px;padding-bottom: 10px;padding-right: 40px;padding-left: 40px;font-size: 16px;height: auto;color: #ffffff;border-radius: 5px;background-color: #2673ba;text-shadow: none;transition: all 0.5s; -webkit-transition: all 0.5s;float: none;border:none;}#loginform #wp-submit:hover {background-color: #7eaad2;}.login label[for=user_login] br {display:none}.login label[for=user_pass] br {display:none}::-webkit-input-placeholder { color: #e8e8e8; } :-moz-placeholder { color: #e8e8e8; } ::-moz-placeholder { color: #e8e8e8; } :-ms-input-placeholder { color: #e8e8e8; } :placeholder-shown { color: #e8e8e8; }#login input[type=text], #login input[type=password] {-webkit-box-shadow:none; box-shadow:none;padding-top: 12px;padding-bottom: 12px;padding-right: 0px;padding-left: 0px;text-align: left;background-color: #ffffff;background-color: rgba(255,255,255,0);color: #ffffff;font-size: 18px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-style: solid;border-color: #ffffff;}#login label { color: #ffffff; }@font-face{font-family:'loginstyle';src:url('../../public/font/loginstyle.eot');src:url('../../public/font/loginstyle.eot') format('embedded-opentype'), url('../../public/font/loginstyle.ttf') format('truetype'), url('../../public/font/loginstyle.woff') format('woff'), url('../../public/font/loginstyle.svg') format('svg');font-weight:normal;font-style:normal}#login label { position: relative; }#login label:before {font-family: 'loginstyle'; position: absolute; bottom: -12px; height: 49px; line-height: 49px; font-size: 15px;width:40px;left: 0;text-align: left;color: #ffffff;background-color: #ffffff;background-color: rgba(255,255,255,0);border-color: #ffffff;border-right-width:0px; border-right-style: solid; }#login label[for=user_login]:before{ content:'\e90f';}#login input#user_login { padding-left: 50px; }#login label[for=user_pass]:before{ content:'\e901';}#login input#user_pass { padding-left: 50px; }#login input[type=checkbox]:checked:before { color: #ffffff;}#login label[for=rememberme] { color: #ffffff; }#login input[type=checkbox] { -webkit-box-shadow:none; box-shadow:none;background-color: #ffffff;background-color: rgba(255,255,255,0);border-color: #ffffff;border-radius:4px; }.login .loginstyle-footer{ margin: 50px auto 20px; box-sizing: border-box;width:380px;text-align:center;} .login .loginstyle-footer > div { margin-bottom: 30px; }