/********************************
* Inputs
********************************/

label {
  margin-bottom: .75rem;
}

input,
select,
textarea {
  display: block;
  border: 1px solid #CED0BE;
  transition: border .2s;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #DE8F31;
}

.input,
.captcha {
  margin-bottom: 1.5rem;
}

.captcha input[type="text"] {
  margin: auto;
  width: 230px;
}

/********************************
* Form Layout
********************************/

.input.third {
  width: calc(33.333% - .5rem);
}

.input.half {
  width: calc(50% - .5rem);
}

.input.one-quarter {
  width: calc(50% - .5rem);
}

.input.three-quarter {
  width: calc(50% - .5rem);
}

.input.one-quarter + .input.one-quarter,
.input.third + .input.third,
.input.half + .input.half,
.input.three-quarter + .input.three-quarter {
  margin-left: 1rem;
}


@media (max-width: 1008px) {
  .input.half {
    width: 100%;
  }

  .input.half + .input.half {
    margin-left: 0;
  }
}
/********************************
* Contact Form
********************************/

form[name="xCONTACT_FORM"] div.captcha {
  margin-top: 43px;
}