/**
 * @file
 * Form component's rules.
 *
 * Defines rules for form components : input, label, etc.
 *
 */

/**
 * Forms bases
 */
input,
textarea {
	max-width: 100%;
}

/**
 * User Log Block
 */

 .user-login-form,
 .user-pass {
   padding: 3rem 1rem;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -webkit-flex-direction: column;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   -o-flex-direction: column;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 .user-login-form .form-item,
 .user-pass .form-item {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
 .user-login-form .form-item .form-text,
 .user-pass .form-item .form-text {
   padding: 12px 20px;
   margin: 8px 0;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
 }
 .user-login-form .form-submit,
 .user-pass .form-submit {
   background: #000;
   color: #FFF;
   padding: 14px 20px;
   margin: 8px 0;
   border: none;
   border-radius: 10px;
   cursor: pointer;
 }
 .user-login-form .form-submit:hover,
 .user-pass .form-submit:hover {
   background: #c4c4c4;
   color: #000;
 }
 @media screen and (min-width: 700px) {
   .user-login-form .form-item,
   .user-pass .form-item {
	 width: 50%;
	 max-width: 745px;
   }
 }
 @media screen and (min-width: 1200px) {
   .user-login-form .form-item,
   .user-pass .form-item {
	 width: 33.333%;
	 max-width: 438px;
   }
 }