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

:root {
  --bg-form-dark:#2F3136;
  --bg-buttom-dark:#43B581;
  --color-text-dark:#BCBABE;
  --color-hover-dark:#43B581;
  --color-element-dark: #40444B;
  --color-valid-dark: #40AD7B;
  --color-error-dark: #F04747;
}
  

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

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

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

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

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

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

.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.dark label:after {
	outline:1px solid var(--color-text-dark);
}
.b-checkbox.dark input[type=checkbox]:checked + label:after {
  color: var(--bg-buttom-dark);
	outline:1px solid var(--color-text-dark);
}

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

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