html {
  font-size: 16px !important;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

.font-sans, h1, h2, h3, .cs_formbg, html, body {
  font-family: Nunito Sans,Open Sans,Arial,Helvetica,sans-serif !important;
}

.text-sm {
  font-size: 1rem !important;
}

label.p-2, .field, gmp-place-autocomplete input {
  padding: 0.75rem;
  font-size: 1.1rem !important;
}

input.cs_field, textarea.cs_field, label.cs_field, select.cs_field, canvas, gmp-place-autocomplete {
  background-color: #fff1e2 !important;
  border: 1px solid #232323;
  color: #141414;
  border-radius: 0;
}

[data-flux-slider-thumb] {
    background: #fff1e2;
    border: 1px solid #232323;
    cursor: ew-resize;
    width: 2rem;
    height: 2rem;
}

[data-flux-slider-track] {
  cursor: pointer;
}

[data-flux-slider-thumb]::after {
    content: '\21C4';
    font-size: 1.25rem;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cs_field:focus, gmp-place-autocomplete:focus {
  background: #fcfcfc !important;
  outline: 3px solid #ffbe0b !important;
  box-shadow: inset 0 0 0 2px !important;
}

label span {
  background: none !important;
}

.bg-accent {
  background: #00377d !important;
}

label:has(input:checked), .cs_rating.peer:checked ~ label {
  background: #99FFCA !important;
}

label.cs_field:hover {
  background: #fff !important;
}

label.block {
  margin-top: 1rem !important;
}