/* Technical application of existing logo and working brand colours. */
#login-body { background: #F7F0E3; color: #26383B; font-family: Arial, sans-serif; }
#login-body h1, #login-body a { color: #083F49; }
#login-logo { position: relative; margin: 32px auto 0; padding: 0; width: 200px; height: 200px; }
#login-logo img { width: 200px; height: 200px; max-height: 200px; object-fit: contain; }
#login-content { position: relative; margin: 12px auto 40px; border: 1px solid #DED2BF; border-top: 4px solid #D49A24; border-radius: 3px; box-shadow: none; }
#login-submit input { background: #083F49; border-color: #083F49; color: #F7F0E3; }
#login-submit input:hover { background: #06333b; }
#login-body input:focus-visible, #login-body a:focus-visible { outline: 3px solid #083F49; outline-offset: 3px; }
@media (max-width: 460px) {
  #login-logo { margin-top: 16px; width: 160px; height: 160px; }
  #login-logo img { width: 160px; height: 160px; }
  #login-content { box-sizing: border-box; width: calc(100% - 32px); }
}