/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * CSS classes
 *
 * Copyright (c) 2011-present Qualiteam software Ltd. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

@rhythmic-unit: 20px;
@color-text-dark: #4a4a4a;
@color-text-light: #808080;

.contact-us-block {
  margin-top: @rhythmic-unit * 1.5;

  color: @color-text-dark;

  .form-wrapper {
    .make-xs-column(12; 0);
    .make-sm-column(5; 0);

    padding-right: @rhythmic-unit;
  }
  .company-info {
    .make-xs-column(12; 0);
    .make-sm-column(7; 0);

    @media(min-width: @screen-sm-min) {
      padding-left: 4 * @rhythmic-unit;
    }

    @media(max-width: @screen-xs-max) {
      margin-top: @rhythmic-unit;
    }
  }

}

// Form wrapper styles
.form-wrapper {

  .contact-us-form {
    margin-top: @rhythmic-unit;
    display: block;

    .default-section {
      width: 100%;
    }

    .input-field-wrapper {
      width: 100%;
    }
    .textarea-simple {
      width: 100%;
    }
    div.table-value.message-value {
      width: 100%;
    }
    div.star {
      min-width: 10px;
    }

    ul.default-table {
      min-width: auto;

      li.input-text-email,
      li.input-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

        width: 100%;
        .table-value {
          width: 100%;
        }
      }
    }
  }

  .model-form-buttons {
    width: 100%;
    margin: 0;
    padding-bottom: @rhythmic-unit;
  }
}

// Company info styles
.contact-us-company-info {

  .location {
    margin-bottom: @rhythmic-unit;
  }

  .location-address,
  .location-country {
    display: block;
  }

  .phone-email-block {
    line-height: @rhythmic-unit + 5px;
  }

  .email a {
    color: #4a90e2
  }

  .address-subheader {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: @rhythmic-unit;
  }

  &.separated {
    .address-subheader.location {
      display: none;
    }
    .address-subheader.phone-email,
    .address-subheader.address {
      display: block;
    }
  }

  &.location {
    .address-subheader.location {
      display: block;
    }
    .address-subheader.phone-email,
    .address-subheader.address {
      display: none;
    }
  }
}