/* phpBB3 Style Sheet
   --------------------------------------------------------------
   phpBB Extension Name: Discussion Encouragement With Quick Login
   Extension Developer: ForumFlair (https://forumflair.co.uk)
   Compatible Style: Prosilver
   --------------------------------------------------------------
*/

/* Main Panel */
.discencql {
  margin: 20px auto 16px auto;
  max-width: 80%;
  padding: 12px;
  text-align: center;
}

.discencql h2 {
  border: 0;
  font-size: 2em;
  margin: 0 0 6px 0;
  padding: 0;
}

.discencql p {
  margin: 0 0 20px 0;
}

/* Grid & Columns */
.discencql-grid {
  display: flex;
}

.discencql-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Registration Info */
.discencql-column p {
  line-height: 2em;
}

/* Quick Login Form */
.discencql-column form {
  margin: auto auto 0 auto;
  width: 100%;
}

.discencql-fieldset {
  margin: 0 auto;
  max-width: 250px;
}

.discencql-fieldset label {
  font-size: 1.2em;
  padding: 0;
}

.discencql-fieldset .inputbox {
  border-color: #DFE4E6;
  border-radius: 4px;
  margin: 0 0 8px 0;
  padding: 8px 0;
  text-indent: 6px;
  width: 100%;
}

.discencql-autologin {
  display: block;
  margin: auto auto 8px auto;
  width: fit-content;
  width: -moz-fit-content;
}

.discencql-autologin input[type="checkbox"] {
  margin: 0 0 0 4px;
  vertical-align: bottom;
}

/* RTL Quick Login Form */
.rtl .discencql-autologin input[type="checkbox"] {
  margin: 0 4px 0 0;
}

/* Login/Register Buttons */
.discencql-button {
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  font-family: Arial;
  max-width: 200px;
  padding: 8px 0;
  width: 100%;
}

.discencql-button:focus,
.discencql-button:hover {
  color: #FFFFFF;
  text-shadow: none;
}

.discencql-button .icon::before {
  padding: 0 4px 0 0;
}

.discencql-button .icon {
  color: #FFFFFF;
  width: auto;
}

.discencql-button:focus .icon,
.discencql-button:hover .icon {
  color: #FFFFFF;
}

a.discencql-register-button {
  color: #FFFFFF;
  margin: auto auto 0 auto;
  text-decoration: none;
}

.discencql-register-button {
  background: #105289;
}

.discencql-register-button:focus,
.discencql-register-button:hover {
  background: #1469B0;
}

.discencql-login-button {
  background: #6C7B84;
  color: #FFFFFF;
}

.discencql-login-button:focus,
.discencql-login-button:hover {
  background: #7D8E99;
}

/* RTL Login/Register Buttons */
.rtl .discencql-button .icon::before {
  padding: 0 0 0 4px;
}

/* Responsive Media Queries 800px */
@media (max-width: 800px) {
  /* Main Panel */
  .discencql {
    max-width: 94%;
  }
}

/* Responsive Media Queries 700px */
@media (max-width: 700px) {
  /* Main Panel */
  .discencql {
    max-width: 100%;
  }

  .discencql p {
    margin: 0 0 14px 0;
  }

  /* Grid & Columns */
  .discencql-grid {
    display: block;
  }

  .discencql-column {
    display: block;
    margin: 0 0 14px 0;
  }
}

/* Prosilver RTL Bug Fix: fixes icon padding mistake found in prosilver bidi.css */
.rtl .discencql-button .icon {
  padding: 0;
}
/* This can be removed when the mistake in the prosilver bidi.css file is fixed */