*{transition:all .3s ease}body.login{background:url(//iassessment.ccs.org.sg/wp-content/uploads/2017/08/calculator-banner.jpg) no-repeat!important;background:url(//iassessment.ccs.org.sg/wp-content/themes/eventco/images/calculator-banner.jpg) no-repeat!important;background-size:cover!important}body.login:before{position:absolute;width:100%;height:100%;content:"";background:rgba(0,0,0,.3)}#login_error{background:transparent!important;color:#dc3232!important;border:0!important;text-align:center;font-size:1.2em}#login{width:40%;padding:0;height:350px;position:absolute;top:15%;margin:auto;left:0;right:0}#login h1{width:100%;height:130px;background:url(//iassessment.ccs.org.sg/wp-content/themes/eventco/images/logo.png) no-repeat 50%;margin-bottom:30px;background-size:contain}#login h1 a{display:none}#login form{background:transparent!important;background:transparent;box-shadow:none;border:0;text-shadow:none;margin:0;padding:0}#login form label{font-size:20px;display:block!important;text-align:center;color:#fff;margin-bottom:15px}#login form input[type=password],#login form input[type=text]{background:transparent;box-shadow:none;border:0;text-shadow:none;border:2px solid #bb914f;border-radius:100px;text-align:center;padding-bottom:5px;color:#bb914f;padding:10px;background:hsla(0,0%,100%,.1)}#login form input[type=password]:focus,#login form input[type=text]:focus{color:#bb914f;outline:0}#login form input[type=password]:hover,#login form input[type=text]:hover{color:#bb914f;outline:0;border:2px solid #bb914f}#login form p.forgetmenot{display:block;width:100%}#login form p.forgetmenot label{font-size:12px}#login form p.submit{display:block;width:100%;float:left;margin-top:12px!important;text-align:center}#login form p.submit input{width:100%;padding:10px!important;height:auto!important;background:transparent;box-shadow:none;border:0;text-shadow:none;background:#bb914f;color:#fff;text-transform:uppercase;border-radius:100px;width:250px;margin:auto;float:none;border:2px solid #bb914f}#login form p.submit input:hover{background:none;color:#bb914f}#login p#nav{text-align:center!important}#login p#nav a{color:#fff}#login p#nav a:hover{color:#bb914f}#login p#backtoblog{text-align:center}#login p#backtoblog a{color:#fff}#login p#backtoblog a:hover{color:#bb914f}@media only screen and (max-width:768px){#login{width:90%}#login h1{background-size:70%!important}#login:before{display:none}}