@import "/application/themes/the_hive_v2/css/presets/css-defaults.css";
/* Colours */
/* Extended colour palette  */
/* Typography */
/* Links */
/* Image Banner */
/* Cards */
/* LAYOUT */
/* MEDIA QUERIES BREAK POINTS */
/* Mobile 568px/16px (base font size) = 35.5em */
/* Tablet (Small) 768px/16px (base font size) = 48rem */
/* Tablet (Large) 1024px/16px (base font size) = 64em */
/* Desktop 1220px/16px (base font size) = 76.25em */
/* Desktop (Large) 1400px/16px (base font size) = 87.5em */
/* 1.0 VERSION VARIABLES */
/* LOGIN PAGE */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 225px;
  background-image: var(--login-bg-image);
  background-color: var(--login-bg-color);
  background-size: var(--login-bg-size);
  background-repeat: var(--login-bg-repeat);
  background-position-x: var(--login-bg-position-x);
  background-position-y: var(--login-bg-position-y);
  background-attachment: var(--login-bg-attachment);
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#login header[role="banner"] {
  background: #FFFFFF;
}
#login #page {
  background: none;
}
#login #page .container {
  background: none;
}
#login #page #content {
  min-height: auto;
}
#login #page .login-form {
  background: #FFFFFF;
  padding: 2em;
  margin-top: 50px;
  margin-bottom: 80px;
}
#login #page .bg-danger {
  margin-top: 10px;
}
#login #page .bg-danger .ccm-error {
  list-style: none;
  color: #b34646;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 4px 8px;
}
#login #page .btn-blue {
  width: 100%;
}
#login #page .forgotPasswordLink:hover {
  cursor: pointer;
}
#login #page .forgotPasswordWrapper {
  display: none;
}
#login #page .bg-success p.text-success {
  padding: 4px 8px;
}
#login #page .form-control {
  border-radius: 0px;
}
#login #page .forgotPassword h3 {
  margin-top: 20px;
}
#login #page .checkbox.mod-margin {
  margin: 0;
  margin-top: 0.25em;
}
#login #page form a {
  color: var(--type-color);
}
#login #page form a:hover,
#login #page form a:focus {
  color: var(--accent-color);
}
#login #page form a.btn {
  color: var(--type-reverse-color);
}
@media only screen and (min-width: 1220px) {
  #login #page .nav-utilities {
    border-bottom: 0px;
  }
}