body {
    background: #fff;
}

#login { 
    width: 33%;    
    padding: 4% 1% 0;
    background: #ffffff;    
    margin: auto;
    
}

 .login h1 a {    
    /* background: url('../images/cu-logo.svg') no-repeat center center; */
    background: url('../../icons/cardiff-university-logo.svg') no-repeat center top ;    
    width: 100px;
    height: 100px;    
   
}

#login h1:after{
    margin-bottom: 0.5rem;        
    line-height: 1.2;
    font: normal 2.3rem/3.0rem franklin_gothic_fs_medregular,Arial,"Helvetica Neue",sans-serif !important;    
    font-weight: 400;
    width: 100% !important;
    height: auto; 
    background: none; 
}

.login-switch, .login-notice{
   
    font-size:1.1em;    
    width: 100%;
}

.login-switch {
    text-align: center;
}


.locked{
    text-align: center;
    font-size:1.1em;    
    width: 100%;
}

.icon-key:before {
    content: "\e012";
}

.locked:before{ 
    margin:0 auto 20px;
    position:relative; 
    text-align:center;  
    display:inline-block; 
    height: 50px;
    width: 100%;    
    content: " ";
    padding-bottom: 20px;    
    background: url('../../icons/padlock.svg') no-repeat top center;
}

.cf #loginform, .cf #login #nav, .cf #login #backtoblog{
    display:none !important;
}

/* .openid-connect-login-button{
    display:none !important;
} */

.wp .cf, .cf .wp {
    display:none !important;
}

.lostpassword #nav, .restricted #backtoblog, .rp #nav {
    display:none !important;
}

.denied .openid-connect-login-button{
    display: none !important;
}

@media (max-width: 600px) {
    #login, #cu-login {
        width:98%;              
    }

    #cu-login-button{
        width:66%; 
        margin: auto;       
    }
}