.login{background:#ffffff;font-family:"Roboto", sans-serif}.login #login{width:320px}.login #login h1 a{width:auto;background-repeat:no-repeat;background-size:contain;background-position:center;margin:20px auto 10px}.login #login p.message{background:#77a464;padding:20px;border-left:0;font-size:20px;color:#233d7b}.login #login p.message:before{content:"";font-family:"Font Awesome 5 Pro";margin-right:10px;font-size:20px;font-style:normal;font-weight:900;color:#233d7b}.login #login p#nav,.login #login p #backtoblog{margin:16px 0}.login #login p#nav a,.login #login p #backtoblog a{color:#ffffff}.login #login p#nav a:hover,.login #login p #backtoblog a:hover{text-decoration:underline}.login #login p#nav{float:right;padding:0 10px}.login #login p#backtoblog{float:left;padding:0 10px}.login #login #loginform{border-radius:5px;background-color:#ffffff;padding:40px;box-shadow:0px 4px 4px #242424}.login #login #loginform p,.login #login #loginform .user-pass-wrap{color:#233d7b}.login #login #loginform p label,.login #login #loginform .user-pass-wrap label{font-size:16px}.login #login #loginform p label .input,.login #login #loginform .user-pass-wrap label .input{margin:0 0 1.2rem;font-size:16px;padding:10px 8px;font-weight:400}.login #login #loginform p.forgetmenot label,.login #login #loginform .user-pass-wrap.forgetmenot label{line-height:40px;font-size:16px}.login #login #loginform p.submit #wp-submit,.login #login #loginform .user-pass-wrap.submit #wp-submit{background:#233d7b;color:#ffffff;box-shadow:none;text-shadow:none;height:40px;width:45%;border:1px solid #d3ced2;border-radius:0;font-size:16px}.login #login #loginform p.submit #wp-submit:hover,.login #login #loginform .user-pass-wrap.submit #wp-submit:hover{background:#2e51a3}@media (min-width:768px){.login #login{width:50%;max-width:650px}}body.login div#login p#backtoblog a{color:#ffffff}