/* Wrapper global */

form.webform-submission-contact-form {
  width: 100%;

  max-width: 1400px;

  margin-left: auto;

  margin-right: auto;

  display: flex;

  justify-content: space-around;

  margin-bottom: 100px;
}

/* Banner */

.banner-contact {
  width: 100%;

  background-color: #1d1d5d;

  height: 200px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 100px;
}

.banner-contact h2 {
  color: white;
}

/* Splitting the form in 2 */

form.webform-submission-contact-form .wrapper-contact-left,
form.webform-submission-contact-form .wrapper-contact-right {
  display: flex;

  flex-direction: column;
}

form.webform-submission-contact-form div.js-form-item-vous-souhaitez-investir,
form.webform-submission-contact-form div.js-form-item-vous-souhaitez-proposer {
  margin-bottom: 15px;
}

/* Checkboxes */

form.webform-submission-contact-form div.js-form-item-vous-souhaitez-investir,
form.webform-submission-contact-form div.js-form-item-vous-souhaitez-proposer,
form.webform-submission-contact-form div.js-form-item-vous-souhaitez-autres {
  display: flex;
}

/* form.webform-submission-contact-form .wrapper-contact-left .wrapper-checkboxes #edit-vous-souhaitez input:checked {

    border-color:#ff585c;

    background-color:#ff585c;

} */

form.webform-submission-contact-form
  div.js-form-item-vous-souhaitez-investir
  label,
form.webform-submission-contact-form
  div.js-form-item-vous-souhaitez-proposer
  label,
form.webform-submission-contact-form
  div.js-form-item-vous-souhaitez-autres
  label {
  padding: 0 0 0 10px;

  color: #1d1d5d;
}

/* Informations */

form.webform-submission-contact-form .wrapper-informations {
  margin-top: 50px;
}

form.webform-submission-contact-form .wrapper-informations input,
form.webform-submission-contact-form .wrapper-informations select {
  border-color: #ff585c;

  border-radius: 25px;

  border-width: 2px;

  width: 300px;

  margin-bottom: 10px;
}

form.webform-submission-contact-form .wrapper-informations input::placeholder {
  color: #1d1d5d9e;
}

form.webform-submission-contact-form
  .wrapper-informations
  #edit-telephone--wrapper {
  margin: 0;
}

/*  Message */

form.webform-submission-contact-form
  .wrapper-contact-right
  textarea#edit-message {
  height: 300px;

  border-color: #ff585c;
}

/* Submit */

form.webform-submission-contact-form .wrapper-contact-right input.form-submit {
  margin-top: 22.5px;
}

/* Paragraphe */

form.webform-submission-contact-form
  .wrapper-contact-right
  #edit-paragraphe-texte {
  color: #1d1d5d;
}

/* Logo */

form.webform-submission-contact-form
  .wrapper-contact-right
  .brand-logo
  a::before {
  background-size: 150px;
}

.wrapper-contact-right div.brand-logo {
  width: 100%;
}

/* Mobile */

@media screen and (max-width: 500px) {
  .wrapper-contact-right div.brand-logo {
    width: 200px;

    margin-top: 30px;
  }

  .banner-contact {
    margin-bottom: 50px;
  }

  form.webform-submission-contact-form {
    flex-direction: column;
  }

  form.webform-submission-contact-form .wrapper-informations,
  form.webform-submission-contact-form
    .wrapper-contact-left
    .wrapper-checkboxes,
  form.webform-submission-contact-form .wrapper-contact-right {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;
  }

  form.webform-submission-contact-form .wrapper-informations {
    margin-bottom: 50px;
  }

  form.webform-submission-contact-form
    .wrapper-contact-right
    .js-form-type-textarea,
  form.webform-submission-contact-form
    .wrapper-contact-right
    #edit-paragraphe-texte {
    padding: 0px 10px;
  }
}