/*
 * Copie des styles du thème (themes/bwa/assets/css/contact/*)
 * pour que le rendu du widget reste identique même sans CSS du thème.
 */

/*
--------------------------------------
Containers
--------------------------------------
*/
.wrapper__inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}

#content {
  padding: 0;
}

#contact .card {
  background: none;
}

.corporate-gift-page__column {
  min-width: 0;
  padding: 4em 0;
}

.contact-form__left,
.contact-form__right {
  background: var(--color-white-default);
}

/*
--------------------------------------
Form -- body
--------------------------------------
*/
.contact-form {
  color: var(--color-grey-font-default);
  width: 100%;
  margin-top: 30px;
}

.corporate-gift-form {
  margin-top: 0;
}

.corporate-gift-form form,
.corporate-gift-form .form-fields,
.corporate-gift-form .contact-form__form,
.corporate-gift-form .contact-form__left,
.corporate-gift-form .contact-form__right,
.corporate-gift-form .form-group,
.corporate-gift-form .form-group-type,
.corporate-gift-form .form-control,
.corporate-gift-form textarea {
  max-width: 100%;
}

.corporate-gift-form .contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0 24px;
}

.corporate-gift-form .contact-form__left {
  display: flex;
  justify-content: center;
  text-align: center;
}

.corporate-gift-form .contact-form__left .form-group {
  width: 100%;
}

.corporate-gift-form .contact-form__right {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem 4%;
}

.corporate-gift-form .contact-form__right .form-group,
.corporate-gift-form .contact-form__right .form-group.form-group--half {
  width: 48%;
}

.corporate-gift-form .contact-form__right .form-group.full,
.corporate-gift-form .contact-form__right .form-group:not(.form-group--half) {
  width: 100%;
}

.corporate-gift-form .form-control,
.corporate-gift-form textarea {
  width: 100%;
}

.corporate-gift-header {
  background: var(--color-white-default);
}

.corporate-gift-header__breadcrumb {
  padding: 1rem 0 0;
  color: var(--color-black-default);
  font-size: 11px;
  font-weight: 200;
  text-transform: uppercase;
}

.corporate-gift-header__breadcrumb-item + .corporate-gift-header__breadcrumb-item::before {
  content: "/";
  margin: 0 .3125rem;
}

.corporate-gift-header__breadcrumb-item--current {
  font-weight: 500;
}

.corporate-gift-header__title {
  margin: 1em 0 0 0;
  padding: 0 0 1.25rem;
  color: var(--color-primary);
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.1;
}

.contact-logo-container {
  display: flex;
  justify-content: center;
  padding-bottom: 0.5em;
}

.contact-links-list-hours {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.contact-links-list-hours a {
  font-weight: 500;
  border-radius: 5px;
  transition: all 0.35s ease-in-out;
  margin-top: 1em;
}

.contact-form__right .form-group {
  width: 48%;
}

.contact-form__right .form-group.full {
  width: 100%;
}

.contact-form .page-header h1 {
  border-bottom: none;
  line-height: 1;
  background: none;
  font-size: 2rem;
  text-align: center;
}

.contact-form .page-header p {
  text-align: center;
}

.contact-form .input-group .input-group-btn > .btn {
  background: var(--color-primary);
}

/*
--------------------------------------
Form -- footer
--------------------------------------
*/
.form-footer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.form-group .form-control-label {
  font-size: 18px;
}

.corporate-gift-form .form-footer {
  margin-top: 0.5rem;
}

.corporate-gift-form .form-footer .btn {
  width: auto;
}

/*
--------------------------------------
HONEYPOT
--------------------------------------
*/
.label-special-token {
  pointer-events: none;
  opacity: 0;
  height: 0;
}

/*
--------------------------------------
Success message
--------------------------------------
*/
.alert.alert-success {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.contact-form .alert {
  font-size: 1rem;
  font-weight: 500;
}

/*
--------------------------------------
Responsive
--------------------------------------
*/
@media (max-width: 767px) {
  .corporate-gift-page__column--left,
  .corporate-gift-page__column--right {
    display: none;
  }

  .corporate-gift-page__column--center {
    padding: 1.5rem 0;
  }

  .corporate-gift-header__title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }

  .corporate-gift-form .contact-form__form {
    gap: 1.5rem;
    padding: 0 16px;
  }

  .corporate-gift-form .contact-form__left h2 {
    font-size: 1.75rem;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .corporate-gift-form .contact-form__right {
    gap: 1rem;
  }

  .corporate-gift-form .contact-form__right .form-group,
  .corporate-gift-form .contact-form__right .form-group.form-group--half,
  .corporate-gift-form .contact-form__right .form-group.full,
  #contact .corporate-gift-form .contact-form__right .form-group {
    width: 100% !important;
  }

  .corporate-gift-form .form-group .form-control-label {
    font-size: 16px;
  }

  .corporate-gift-form .form-footer {
    width: 100%;
  }

  .corporate-gift-form .form-footer .btn {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 767px) {
  .corporate-gift-header__breadcrumb {
    margin-left: 128px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .corporate-gift-page__column--left,
  .corporate-gift-page__column--right {
    display: none;
  }

  .corporate-gift-page__column--center {
    padding: 2.5rem 0;
  }

  .corporate-gift-form .contact-form__form {
    gap: 1.75rem;
    padding: 0 20px;
  }

  .corporate-gift-form .contact-form__left h2 {
    margin-bottom: 0;
  }

  .corporate-gift-form .contact-form__right {
    gap: 1.125rem 4%;
  }

  .corporate-gift-form .contact-form__right .form-group,
  .corporate-gift-form .contact-form__right .form-group.form-group--half,
  #contact .corporate-gift-form .contact-form__right .form-group {
    width: 48%;
  }

  .corporate-gift-form .contact-form__right .form-group.full,
  .corporate-gift-form .contact-form__right .form-group:not(.form-group--half) {
    width: 100%;
  }
}

.contact-form__left h2{
  font-size: 32px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 2rem ;
  color: black;
  text-transform: uppercase;
  text-align: center;
}

#contenu-edito {
  margin-top: 0px;
  padding: 110px 30px;
  margin : auto;
  max-width: 1600px;
  text-align: center;
  font-size : 14px;
}

#contenu-edito a {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

#contenu-edito h2 {
  font-size : 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 18px;
  color: #242425;
}

#contenu-edito .edito-more {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 18px 0 0;
  color: #444444;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  cursor: pointer;
}

#contenu-edito .edito-more:hover {
  color: #242425;
}

#contenu-edito .edito-text--more[hidden] {
  display: none !important;
}

@media (min-width: 1200px) {
  .corporate-gift-page {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    align-items: start;
  }

  .corporate-gift-page__column--left,
  .corporate-gift-page__column--right {
    min-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .corporate-gift-page__column--left {
    background-image: url("../img/corp-gift-form-left.jpg");
  }

  .corporate-gift-page__column--right {
    background-image: url("../img/corp-gift-form-right.jpg");
  }

  .form-fields {
    display: block;
  }

  .contact-form__form {
    display: block;
    max-width: none;
  }

  .contact-form__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-form__right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4%;
  }

  .corporate-gift-page .contact-form {
    margin-top: 0;
  }

  .corporate-gift-page .contact-form__left {
    margin-bottom: 24px;
  }

  .corporate-gift-page .contact-form__right .form-group {
    width: 100%;
  }

  .corporate-gift-page .contact-form__right .form-group.full {
    width: 100%;
  }

  .corporate-gift-page .contact-form__right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4%;
  }

  .corporate-gift-page .contact-form__right .form-group.form-group--half {
    width: 48%;
  }

  .corporate-gift-page .contact-form__right .form-group:not(.form-group--half) {
    width: 100%;
  }
}