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

/* Main Panel */
.discencql { text-align: center; }
.discencql h2 { margin: 0 0 6px 0; }

/* Grid & Columns */
.discencql-grid { display: flex; }
.discencql-column { display: flex; flex-direction: column; width: 100%; align-self: center; }

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

/* Quick Login Form */
.discencql-fieldset .form { text-align: left; }
.discencql-fieldset .form .input { width: 100%; }
.discencql-column form { margin: auto auto 0 auto; width: 100%; }
.discencql-fieldset { margin: 0 auto; max-width: 250px; }
.discencql-fieldset label { font-size: 1.3rem; 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 24px 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 { margin: 0 auto; }

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

/* 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 */
