@charset "UTF-8";
/* Mixins
================================================== */
/* Breakpoints
================================================== */
/*
320px – very small phones (old iPhones, edge cases)

375px – modern iPhone width (very common)

450px – large phones / Pro Max

768px – iPad portrait

1024px – iPad landscape

1280px – common laptop

1440px – large monitors

1920px – full HD (usually max-width, not layout change)









*/
/* Ninja forms
================================================== */
.nf-form-fields-required {
  display: none !important;
}

.smartplaceholder .nf-field-label {
  top: 2.25em;
  position: relative;
  transition: 0.5s;
  pointer-events: none;
  z-index: 1;
  margin: 0 !important;
}
.smartplaceholder .nf-field-label.active {
  top: 0;
  font-size: 0.8em;
}

@media (max-width: 479px) {
  .nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.nf-form-cont .nf-field-container {
  margin-bottom: 0;
}
.nf-form-cont .nf-field-element textarea {
  height: auto;
  min-height: 9em;
}
.nf-form-cont .file_upload-container,
.nf-form-cont .submit-container {
  margin: 2em 0;
}
.nf-form-cont .submit-container {
  text-align: right;
}

.listcheckbox-container {
  padding-top: 2em;
  padding-bottom: 2em;
}
.listcheckbox-container .nf-field-label {
  font-family: "PPFraktionMono";
  text-transform: uppercase;
  margin-right: 2em;
  font-weight: normal;
}
.listcheckbox-container .nf-field-label * {
  font-weight: normal;
}
.listcheckbox-container .nf-field-element {
  width: auto !important;
}
.listcheckbox-container .nf-field-label .nf-label-span, .listcheckbox-container .nf-field-label label {
  font-weight: normal;
}
.listcheckbox-container ul li {
  display: inline-block;
}
.listcheckbox-container ul li label {
  margin: 0 !important;
  padding: 0;
  padding-right: 2em;
}
.listcheckbox-container ul li label:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  margin-right: 0.5em;
  width: 1.2em;
  height: 1.2em;
  border: solid 1px;
  border-radius: 0.2em;
  background: transparent;
}
.listcheckbox-container ul li label.nf-checked-label:before {
  background: url(../../images/check.svg) no-repeat center #000;
  background-size: 80%;
}
.listcheckbox-container ul li input {
  display: none;
}

.nf-form-cont .ninja-forms-req-symbol {
  color: #000;
}

.nf-form-cont .nf-error-msg {
  color: red;
}
.nf-form-cont .nf-error .ninja-forms-field, .nf-form-cont .nf-error.listimage-wrap .nf-field-element ul {
  border: none;
  border-bottom: solid 1px red;
}

.nf-form-cont .nf-fu-progress {
  height: 1px;
  margin-bottom: 0px;
  overflow: hidden;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
}
.nf-form-cont .nf-fu-progress-bar {
  background: #000;
}
.nf-form-cont .files_uploaded p {
  font-size: 0.8em;
  word-break: break-word;
  padding-right: 1em;
}

/* Invoice
================= */
#nf-form-4-cont {
  max-width: 33em;
}
#nf-form-4-cont label, #nf-form-4-cont legend, #nf-form-4-cont .label, #nf-form-4-cont .legend {
  font-family: "SequelSans";
  text-transform: none;
  font-weight: 400;
  margin-top: 2em;
}
#nf-form-4-cont input[type=text],
#nf-form-4-cont input[type=email],
#nf-form-4-cont input[type=search],
#nf-form-4-cont input[type=date],
#nf-form-4-cont input[type=tel],
#nf-form-4-cont input[type=number],
#nf-form-4-cont input[type=password],
#nf-form-4-cont select,
#nf-form-4-cont textarea {
  border: solid 1px transparent;
  background-color: #FFF;
  font-size: 1em;
  text-transform: uppercase;
  padding: 1em;
}
#nf-form-4-cont input[type=text].error,
#nf-form-4-cont input[type=email].error,
#nf-form-4-cont input[type=search].error,
#nf-form-4-cont input[type=date].error,
#nf-form-4-cont input[type=tel].error,
#nf-form-4-cont input[type=number].error,
#nf-form-4-cont input[type=password].error,
#nf-form-4-cont select.error,
#nf-form-4-cont textarea.error {
  border-color: red;
}
#nf-form-4-cont ::placeholder {
  color: var(--color-grey);
}
#nf-form-4-cont .html-container {
  font-family: "PPFraktionMono";
}
#nf-form-4-cont .submit-container {
  margin: 4em 0 2em 0;
}
#nf-form-4-cont .submit-container * {
  font-family: "PPFraktionMono" !important;
  text-transform: uppercase !important;
}
#nf-form-4-cont .submit-container label, #nf-form-4-cont .submit-container legend, #nf-form-4-cont .submit-container .label, #nf-form-4-cont .submit-container .legend {
  margin: 0 !important;
}