/* */
#login-page .container { background: url(/images/login-bg.jpg) center no-repeat fixed ; height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
#login-page .row { width: 100%; height: auto; margin: auto; }
#login-page .logo { margin-bottom: 50px; }
#login-page .btn-list { position: relative; justify-content: center;}
#login-page .btn-list .btn { margin: 5px; }

#header { background-color: rgb(38, 55, 87); }
#header .logo, #header:not(.affix) .logo { top: 50%; }
#header .logo img { max-height: 95px; width: auto; }

/* Overlays */
#login-page .pf-overlay { position: absolute; height: 100%; width: 100%; left: 0; background: -webkit-linear-gradient(10deg, rgba(1,46,91,0.9) 50%, rgba(255,255,255,0) 0%); }
#login-page .hrg-overlay { position: absolute; height: 100%; width: 100%; right: 0; background: -webkit-linear-gradient(10deg, rgba(1,46,91,0) 50%, rgba(255,255,255,0.9) 0%); }


/* Property Frameworks Logins */
#pf-logins .logo { margin-top: 100px; }
#pf-logins .btn-pf-owner { background-color: #02adee; border-color: #02adee; }
#pf-logins .btn-pf-owner:hover { background-color: #fff; color: #02adee!important;; }
#pf-logins .btn-pf-tenant { background-color: #fff; color: #012e5b!important; border-color: #fff; }
#pf-logins .btn-pf-tenant:hover { background-color: #012e5b; color: #fff!important; }

/* HomeRiver Group Logins */
#hrg-logins .btn-hrg-owner { background-color: #a31618; border-color: #a31618; }
#hrg-logins .btn-hrg-owner:hover { background-color: #fff; color: #a31618; }
#hrg-logins .btn-hrg-tenant { background-color: #22304d; border-color: #22304d; }
#hrg-logins .btn-hrg-tenant:hover { background-color: #fff; color: #22304d!important; }

@media (max-width: 1420px) {
  #header .nav { top: 70%; }
}

@media (max-width: 1250px) {
  #login-page .btn-list .btn { margin: 5px; min-width: 200px; }
}

@media (max-width: 991px) {
  #login-page .pf-overlay { height: 50%; background: rgba(1,46,91,0.9); top: 0; }
  #login-page .hrg-overlay { height: 50%; background: rgba(255,255,255,0.9); bottom: 0; }
  #login-page section { margin: auto 0; }
  #pf-logins { padding-bottom: 150px; }
}

@media (min-width: 600px) {
  #login-page .container { background-size: cover; }
}

@media (max-width: 767px) and (max-height: 800px) {
  #login-page .container { padding-top: auto; }
  #login-page .pf-overlay { height: 55%; }
  #login-page .hrg-overlay { height: 45%; }
  #login-page .logo { margin-bottom: 25px; }
  #login-page .logo img { max-height: 125px; }
  #login-page .btn { font-size: 16px; line-height: 40px; height: 40px; }
  #pf-logins { padding: 50px 0 100px; }
}