/*
---------------------------------------------
Login & Register Page Styles
Based on contact-us styles from template.css
--------------------------------------------- 
*/

section.contact-us {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 0px 0px;
}

/* Login Form Styles */
section.contact-us #login {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us #login > .container > .row {
  display: flex !important;
  align-items: stretch !important;
}

section.contact-us #login .col-lg-9 {
  display: flex !important;
  flex-direction: column;
}

section.contact-us #login .col-lg-9 > .row {
  flex: 1;
  display: flex;
  flex-direction: column;
}

section.contact-us #login form {
  flex: 1;
  display: flex;
  flex-direction: column;
}

section.contact-us #login form .row {
  flex: 1;
}

section.contact-us #login .col-lg-3 {
  display: flex !important;
  align-items: stretch !important;
}

section.contact-us #login .right-info {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

section.contact-us #login h2 {
  text-transform: uppercase;
  color: #1f272b;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #login input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
}

section.contact-us #login button {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
}

section.contact-us #login button:hover {
  opacity: 0.9;
}

/* Register Form Styles */
section.contact-us #register {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-top: 80px;
}

section.contact-us #register > .container > .row {
  display: flex !important;
  align-items: stretch !important;
}

section.contact-us #register .col-lg-9 {
  display: flex !important;
  flex-direction: column;
}

section.contact-us #register .col-lg-9 > .row {
  flex: 1;
  display: flex;
  flex-direction: column;
}

section.contact-us #register form {
  flex: 1;
  display: flex;
  flex-direction: column;
}

section.contact-us #register form .row {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

section.contact-us #register h2 {
  text-transform: uppercase;
  color: #1f272b;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #register input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
}

section.contact-us #register button {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
}

section.contact-us #register button:hover {
  opacity: 0.9;
}

/* Right Info Styles */
section.contact-us .right-info {
  background-color: #a12c2f;
  border-radius: 20px;
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

section.contact-us #register .col-lg-3 {
  display: flex !important;
  align-items: stretch !important;
}

section.contact-us #register .right-info {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

section.contact-us .right-info ul li {
  display: inline-block;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

section.contact-us .right-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

section.contact-us .right-info ul li h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

section.contact-us .right-info ul li span {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}

/* Error and Success Messages */
section.contact-us #login .alert,
section.contact-us #register .alert {
  border-radius: 20px;
  margin-bottom: 30px;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 500;
}

/* Fieldset Reset */
section.contact-us fieldset {
  border: none;
  padding: 0;
  margin: 0;
}