/* --===== ПЕРЕМЕННЫЕ =====-- */

:root {
  --bg-form:#FFFFFF;
  --bg-buttom:#1995AD;
  --color-text:#BCBABE;
  --color-hover:#A1D6E2;
  --color-element: #eaeaea;
  --color-valid: #A1C0B0;
  --color-error: #DF6E4C;
}
  

/* --===== СТИЛИ ФОРМЫ =====-- */

/* Контейнер формы */
.hrlemonform-container.light {  
  color: var(--color-text);
}

/* Оболочка формы */
.hrlemonform-wrapper.light {
  background-color: var(--bg-form);
  outline: 1px solid var(--color-element);
}

/* Font Awesome */
.b-hrlemonform.light .fa{
  color: var(--color-element);
}

/* Configuring input and textarea */
.hrlemonform-field.light {
  border-bottom: 1px solid var(--color-element);

}
.hrlemonform-field.light:focus{
  border-bottom: 1px solid var(--color-hover);

}

.hrlemonform-field.dark:-webkit-autofill,
.hrlemonform-field.dark:-webkit-autofill:hover, 
.hrlemonform-field.dark:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-text-dark) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg-form-dark) inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Блок checkbox */
.b-checkbox.light label:after {
	outline:1px solid var(--color-text);
}
.b-checkbox.light input[type=checkbox]:checked + label:after {
  color: var(--bg-buttom);
	outline:1px solid var(--color-text);
}

/* Кнопка отправки сообщения */
.hrlemonform .button-send-message.light {
  background-color: var(--bg-buttom);
  color: var(--bg-form);
}
.hrlemonform .button-send-message.light:hover{
  background-color:var(--color-hover);
}
.hrlemonform .button-send-message.light:focus{
  background-color:var(--bg-buttom);
}

.hrlemonform .button-send-message.light:hover:disabled,
.hrlemonform .button-send-message.light:disabled {
  background-color: var(--bg-buttom);
}