/**
 * @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-color: var(--primary);
   color: var(--neutral-pure);
    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-color: var(--secondary);
    color: var(--neutral-pure);
  }
  @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;
    }
  }


  /**
 *  Page Contact
 **/

 .webform-submission-contact-form{
   font-size: 1.125rem;
 }
 .webform-submission-contact-form input,
 .webform-submission-contact-form textarea{
   border: solid 1px #d4d4d4;
   display: flex;
   display: block;
   width: 100%;
 }
 .webform-submission-contact-form input{
   padding: 10px;
 }
 .webform-submission-contact-form .webform-button--submit{
   color: var(--neutral-pure);
   background-color: var(--highlight);
   padding: 0.5rem 1.5rem;
   border-radius: 25px;
   transition: 0.3s;
   border: none;
   width: inherit;
   height: inherit;
 }
 .webform-submission-contact-form .webform-button--submit:hover{
   color: var(--neutral-pure);
   background-color: var(--primary);
 }

 .field--name-field-adresse iframe{
   max-width: 100%;
 }
 .field--name-field-adress iframe{
   max-width: 100%;
 }