/* Форма «Напиши Лёвушке» (inc/letter-form.php): метка слева - поле справа, как на старом сайте */
.letter-form { margin: 24px 0; }
.letter-form .form-group { display: flex; flex-wrap: wrap; margin: 0 0 15px; }
.letter-form .control-label { flex: 0 0 25%; padding: 7px 15px 0 0; text-align: right; font-weight: 700; }
.letter-form .col-sm-9 { flex: 0 0 75%; min-width: 0; }
.letter-form .col-sm-offset-3 { margin-left: 25%; }
.letter-form .required { color: #c33; margin-left: 2px; }
.letter-form .form-control {
	display: block; width: 100%; box-sizing: border-box; padding: 6px 12px;
	font: inherit; color: #555; background: #fff;
	border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.letter-form .form-control:focus { border-color: #f49710; outline: 0; box-shadow: 0 0 8px rgba(244,151,16,.6); }
.letter-form textarea.form-control { min-height: 180px; resize: vertical; }
.letter-form .btn-primary {
	padding: 8px 28px; font: 700 15px/1.4 "PT Sans", sans-serif; color: #8a3333; cursor: pointer;
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	border: 1px solid #fa2; border-radius: 6px; box-shadow: inset 0 1px 0 0 #fff6af; text-shadow: 0 1px 0 #fe6;
}
.letter-form .btn-primary:hover { background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); }
.letter-form__hint { margin: 4px 0 0; font-size: 13px; color: #959595; }
.letter-form__error { margin: 4px 0 0; color: #c33; font-size: 14px; }
.letter-form > .letter-form__error { margin: 0 0 15px; }
.letter-form__ok { padding: 12px 16px; background: #eef8e8; border: 2px dashed #8bc34a; border-radius: 5px; }
/* ловушка для ботов: не display:none - некоторые боты такие поля пропускают */
.letter-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 767px) {
	.letter-form .control-label { flex-basis: 100%; text-align: left; padding: 0 0 5px; }
	.letter-form .col-sm-9 { flex-basis: 100%; }
	.letter-form .col-sm-offset-3 { margin-left: 0; }
}