#header {
  background-color:#56544C;
}


.honay {
  position: absolute;
  left: -999999px;
}

.app-form h1 {
  margin-bottom:18px;
}
.app-form {
  background:white;
  padding-top:20px;
}
.app-form .container {
  max-width: 700px;
  display:block;
  margin: 0 auto;
  padding-top:60px;
  padding-bottom:60px;
}

.app-form .field {
  margin-bottom:30px;
}

.app-form input {
  -webkit-appearance:none;
  border-radius:0px;
  border:none;
  border:1px solid var(--color-brand-gold);
  display:block;
  width:100%;
  padding:12px;
  font-size:16px;
  font-family:'Open Sans', sans-serif;
  outline:none;
}
.app-form textarea {
  -webkit-appearance:none;
  border-radius:0px;
  resize:vertical;
  border:1px solid var(--color-brand-gold);
  display:block;
  width:100%;
  font-size:16px;
  outline:none;
  min-height:100px;
  padding:12px;
  font-family:'Open Sans', sans-serif;
}

.app-form select {
  -webkit-appearance:none;
  border-radius:0px;
  display:block;
  width:100%;
  border:1px solid var(--color-brand-gold);
  cursor:pointer;
  outline:none;
  font-size:16px;
  padding:12px;
  font-family:'Open Sans', sans-serif;
}
.app-form input[type="checkbox"] {
  -webkit-appearance:none;
  border-radius:0px;
}
.app-form input[type="date"] {
  -webkit-appearance:none;
  border-radius:0px;
  border:none;
  border:1px solid var(--color-brand-gold);
  display:block;
  padding:12px;
  font-family:'Open Sans', sans-serif;
}
.app-form label, .app-form .label p {
  font-family: var(--font-brand);
  font-weight: 400;
  color:var(--color-brand-brown-lt);
  display:block;
  font-size:16px;
  margin-bottom:6px;
}

.app-form .field > label, .app-form .block > .label p {
  color:var(--color-brand-brown-drk);
}
.app-form button {
  color: white;
  font-weight: 700;
  background-color: inherit;
  text-transform: uppercase;
  grid-column: span 2;
  position: relative;
  overflow: hidden;
  transition: background-color 300ms;
  cursor: pointer;
  background:var(--color-brand-brown);
  outline: none;
}


.app-form .field {
  width:100%;
}
.app-form .field.w-50 {
  width:calc(50% - 20px);
}
.app-form .field.w-33 {
  width:calc(33% - 20px);
}
.app-form .field.w-25 {
  width:calc(25% - 20px);
}
.app-form .fields form {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.app-form .checkboxes {
  display:flex;
  flex-wrap:wrap;
}

.app-form .day-avail {
  display:flex;
  align-items: center;
  margin-bottom:6px;
}

.app-form .day-avail label {
  white-space:nowrap;
  min-width:200px;
}

.app-form  .checkboxes > label {
  width:100%;
  margin-bottom:12px;
}
.app-form  .checkboxes .checkbox {
  width:100%;
}
.app-form h3 {
  width:100%;
  margin-top:40px;
  margin-bottom:20px;
}
.app-form h3:after {
  content:' ';
  display:block;
  width:100%;
  height:1px;
  background:var(--color-brand-brown);
}
.app-form .employer .fields {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.app-form .employer {
  padding: 12px;
  background: var(--color-ltltgrey);
  margin-bottom:12px;
}

.app-form .employer .add {
  color: var(--color-brand-green);
  font-weight: bold;
  display:none;
  cursor:pointer;
}
.app-form .employer .remove {
  color: var(--color-brand-red);
  font-weight: bold;
  display:block;
  cursor:pointer;
  margin-bottom:12px;
}

.app-form .employer.ghost {
  display:none;
}

.app-form .employer.hidden .fields {
  display:none;
}
.app-form .employer.hidden .add {
  display:block;
}
.app-form .employer.hidden .remove {
  display:none;
}

.app-form .employer input {
  margin-bottom:18px;
}
.app-form .employer textarea {
  margin-bottom:18px;
}
.app-form .employer .w-50 {
  width:calc(50% - 18px);
}


@media screen and (max-width:800px){
  .app-form .container {
    padding-left:24px;
    padding-right:24px;
  }
  .app-form .field.w-50 {
    width:100%;
  }
}