@import url("https://use.typekit.net/kdb6njw.css");

.InputfieldFormBoldLabels .uk-form-label {
	font-weight: bold;
}

.InputfieldFieldset > legend + .InputfieldContent {
	margin-top: 1em;
}

.uk-radio + span,
.uk-checkbox + span {
	/* for consistency with other form labels in Uikit */
	font-size: 1rem;
}

.InputfieldCheckbox > .InputfieldContent,
.InputfieldCheckboxes > .InputfieldContent,
.InputfieldRadios > .InputfieldContent {
	/* to ensure better alignment with any other fields in a row */
	padding-top: 7px;
}

.InputfieldFormWidths .Inputfields .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) > .InputfieldHeader, 
.InputfieldFormWidths .Inputfields .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) > .InputfieldContent {
	/* override FormBuilder’s 1.5em to ensure header and content line up when having different font sizes */
	padding-left: 20px; 
}


.FormBuilder form input,
.FormBuilder form .uk-input,
.FormBuilder form .uk-textarea {
  font-family: poppins, sans-serif;
  border: 0;
  border-bottom: 1px solid rgba(52, 49, 47, 0.5);
  padding: 0;
  transition: 0.25s ease-in-out;
  transition-property: color, background-color, border;
  font-size: 16px;
  font-weight: 200;
  color: #474747;
  border: none;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  letter-spacing: normal;
  line-height: 1.4;
}
@media (min-width: 1367px) {
  .FormBuilder form input,
  .FormBuilder form .uk-input,
  .FormBuilder form .uk-textarea {
    font-size: 16px;
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form input,
  .FormBuilder form .uk-input,
  .FormBuilder form .uk-textarea {
    font-size: 16px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form input,
  .FormBuilder form .uk-input,
  .FormBuilder form .uk-textarea {
    font-size: 16px;
  }
}
@media (max-width: 639px) {
  .FormBuilder form input,
  .FormBuilder form .uk-input,
  .FormBuilder form .uk-textarea {
    font-size: 16px;
  }
}
.FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder {
  color: #A09D9B;
  letter-spacing: normal;
  line-height: 1.4;
}
.FormBuilder form input::placeholder,
.FormBuilder form .uk-input::placeholder,
.FormBuilder form .uk-textarea::placeholder {
  color: #A09D9B;
  letter-spacing: normal;
  line-height: 1.4;
}
@media (min-width: 1367px) {
  .FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .FormBuilder form input::placeholder,
  .FormBuilder form .uk-input::placeholder,
  .FormBuilder form .uk-textarea::placeholder {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .FormBuilder form input::placeholder,
  .FormBuilder form .uk-input::placeholder,
  .FormBuilder form .uk-textarea::placeholder {
    font-size: 14px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .FormBuilder form input::placeholder,
  .FormBuilder form .uk-input::placeholder,
  .FormBuilder form .uk-textarea::placeholder {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  .FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder {
    font-size: 14px;
  }
  .FormBuilder form input::placeholder,
  .FormBuilder form .uk-input::placeholder,
  .FormBuilder form .uk-textarea::placeholder {
    font-size: 14px;
  }
}
.FormBuilder form input[type=text],
.FormBuilder form input[type=email],
.FormBuilder form input[type=tel],
.FormBuilder form input[type=number],
.FormBuilder form input[type=date],
.FormBuilder form input[type=time],
.FormBuilder form input[type=search],
.FormBuilder form input[type=password],
.FormBuilder form input[type=url],
.FormBuilder form input[type=color],
.FormBuilder form input[type=range],
.FormBuilder form input[type=file],
.FormBuilder form .uk-textarea {
  font-family: poppins, sans-serif;
  background-color: transparent;
}
.FormBuilder form .uk-form-label {
  font-family: poppins, sans-serif;
  font-size: 10px;
  color: transparent;
  transition: color 0.25s ease-in-out;
}
.FormBuilder form input[type=checkbox],
.FormBuilder form .uk-checkbox {
  font-family: poppins, sans-serif;
  border-radius: 50% !important;
  margin-top: 0 !important;
}
.FormBuilder form .uk-checkbox:checked,
.FormBuilder form .uk-checkbox:indeterminate,
.FormBuilder form .uk-radio:checked {
  font-family: poppins, sans-serif;
  background-color: transparent !important;
  border-color: #A09D9B !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23474747%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.FormBuilder form .uk-checkbox,
.FormBuilder form .uk-radio {
  font-family: poppins, sans-serif;
  border: 1px solid #A09D9B !important;
  color: #474747 !important;
  margin-right: 10px !important;
}
.FormBuilder form .InputfieldRadiosStacked label,
.FormBuilder form .InputfieldRadiosStacked .uk-label {
  font-family: poppins, sans-serif;
  color: #474747 !important;
  letter-spacing: normal;
  line-height: 1.4;
}
@media (min-width: 1367px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: 14px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: 14px;
  }
}
.FormBuilder form .pw-no-select {
  font-family: poppins, sans-serif;
  color: #474747 !important;
  letter-spacing: normal;
  line-height: 1.4;
}
@media (min-width: 1367px) {
  .FormBuilder form .pw-no-select {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form .pw-no-select {
    font-size: 14px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form .pw-no-select {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  .FormBuilder form .pw-no-select {
    font-size: 14px;
  }
}
.FormBuilder form label,
.FormBuilder form .uk-label {
  font-family: poppins, sans-serif;
  letter-spacing: normal;
  line-height: 1.4;
}
@media (min-width: 1367px) {
  .FormBuilder form label,
  .FormBuilder form .uk-label {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form label,
  .FormBuilder form .uk-label {
    font-size: 14px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form label,
  .FormBuilder form .uk-label {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  .FormBuilder form label,
  .FormBuilder form .uk-label {
    font-size: 14px;
  }
}
.FormBuilder form button[type=submit] {
  font-family: poppins, sans-serif;
  background-color: transparent;
  text-transform: none;
  padding: 0;
  display: inline-block;
  position: relative;
  color: #474747;
  margin-top: 1rem;
  transition: color 0.25s ease-in-out, letter-spacing 0.25s ease-in-out;
  letter-spacing: normal;
  line-height: 1.4;
  font-size: 16px;
}
/* @media (min-width: 1367px) {
  .FormBuilder form button[type=submit] {
    font-size: calc(18 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form button[type=submit] {
    font-size: calc(18 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form button[type=submit] {
    font-size: calc(18 / 1024 * 100vw);
  }
}
@media (max-width: 639px) {
  .FormBuilder form button[type=submit] {
    font-size: calc(18 / 430 * 100vw);
  }
} */
/* .FormBuilder form button[type=submit]::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -2.5rem;
  transform: translateY(-50%);
  transform-origin: left center;
  width: 32px;
  height: 32px;
  background-image: url(uikit3/img/button-arrow-dark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 1rem;
  transition: width 0.25s ease-in-out, right 0.25s ease-in-out;
} */
/* .FormBuilder form button[type=submit]:hover {
  color: #474747;
  text-decoration: none;
  letter-spacing: 0.01em;
} */

.FormBuilder form button[type=submit] svg g {
  stroke: #474747;
}

.more-icon .animated-circle,
.more-icon .animated-arrow,
.more-icon .animated-line {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    stroke-opacity: 0;
    transition: stroke-dashoffset 0.6s ease, stroke-opacity 0.3s ease;
  }
@media (max-width: 959px) and (pointer: coarse) {
  .more-icon .animated-circle,
  .more-icon .animated-arrow,
  .more-icon .animated-line {
    stroke-dashoffset: 0;
    stroke-opacity: 1;
  }
}

.FormBuilder form button[type=submit]:hover .animated-circle,
.FormBuilder form button[type=submit]:hover .animated-arrow,
.FormBuilder form button[type=submit]:hover .animated-line {
    stroke-dashoffset: 0;
    stroke-opacity: 1;
}


.uk-alert-close {
  display: none !important;
}

.uk-alert-success {
  background: transparent !important;
  color: #474747 !important;
}

.uk-alert-success .uk-alert-close {
  display: none !important;
}

.uk-alert {
  padding: 0 !important;
}

label em {
  color: #474747;
  font-style: normal;
}

.InputfieldStateRequired > .InputfieldHeader:first-child:after {
  content: "*";
  margin-left: 0.25em;
  color: #474747;
  display: none !important;
}
.InputfieldCheckbox.InputfieldStateRequired > .InputfieldContent > label > span.pw-no-select:after {
  content: '*';
  margin-left: 0.25em;
  color: #474747 !important;
}