/* fix30: one look for public forms. Scoped to form.boloji-form so the header, nav, and /admin stay as they are. */
form.boloji-form,
form.boloji-form label,
form.boloji-form input,
form.boloji-form textarea,
form.boloji-form select,
form.boloji-form button,
.boloji-char-count {
	font-family: Arial, Helvetica, sans-serif;
}
form.boloji-form label,
form.boloji-form .fx30-label {
	display: block;
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: #333;
}
form.boloji-form input[type="text"],
form.boloji-form input[type="email"],
form.boloji-form input[type="password"],
form.boloji-form input[type="search"],
form.boloji-form select,
form.boloji-form textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 36px;
	margin: 0 0 8px;
	padding: 6px 10px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	background: #fff;
	color: #222;
	font-size: 14px;
	line-height: 1.3;
}
form.boloji-form textarea {
	height: auto;
	min-height: 96px;
	resize: vertical;
}
form.boloji-form input[type="text"]:focus,
form.boloji-form input[type="email"]:focus,
form.boloji-form input[type="password"]:focus,
form.boloji-form input[type="search"]:focus,
form.boloji-form select:focus,
form.boloji-form textarea:focus {
	outline: 2px solid rgba(239, 160, 0, .45);
	border-color: #efa000;
}
form.boloji-form input[type="submit"],
form.boloji-form button[type="submit"],
form.boloji-form .btn-success,
form.boloji-form .boloji-btn-primary,
form.boloji-form .article_btn {
	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	min-width: 132px;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: #efa000;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
form.boloji-form input[type="submit"]:hover,
form.boloji-form input[type="submit"]:focus,
form.boloji-form button[type="submit"]:hover,
form.boloji-form button[type="submit"]:focus,
form.boloji-form .boloji-btn-primary:hover,
form.boloji-form .boloji-btn-primary:focus {
	background: #000;
	color: #fff;
	outline: 2px solid #222;
	outline-offset: 2px;
}
form.boloji-form input[type="button"],
form.boloji-form button[type="button"]:not(.fx30-add),
form.boloji-form .boloji-btn-secondary {
	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	min-width: 108px;
	margin: 0 8px 0 0;
	padding: 0 16px;
	border: 1px solid #c8c8c8;
	border-radius: 6px;
	background: #fff;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	cursor: pointer;
}
form.boloji-form .boloji-char-count,
.boloji-char-count {
	display: block;
	margin: 4px 0 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	color: #777;
}
form.boloji-form input.fx30-captcha-code,
form.boloji-form #Captcha {
	width: 118px;
	height: 36px;
	margin: 0;
	padding: 0 6px;
	border: 0;
	border-radius: 6px;
	background: #ececec;
	color: #222;
	font-size: 20px;
	font-style: italic;
	letter-spacing: 3px;
	text-align: center;
}

/* Share-by-email dialog. The button row stays put; the fields scroll. */
.fx30-share { color: #222; }
.fx30-kicker { margin: 12px 16px 0; font: 600 13px/1.2 Arial, Helvetica, sans-serif; color: #666; }
.fx30-share-scroll { padding: 12px 16px 8px; }
.fx30-title { margin: 0 0 2px; font: 600 18px/1.3 Georgia, "Times New Roman", serif; color: #1c1c1c; }
.fx30-by { margin: 0 0 12px; font: 13px/1.3 Arial, Helvetica, sans-serif; color: #666; }
.fx30-subject { margin: 2px 0 10px; font: 12px/1.35 Arial, Helvetica, sans-serif; color: #777; }
.fx30-req { color: #b00020; }
.fx30-add {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	background: none;
	color: #9a5b00;
	font: 600 13px/1.2 Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.fx30-add:hover, .fx30-add:focus { text-decoration: underline; }
form.boloji-form textarea.fx30-message { min-height: 58px; margin-bottom: 10px; }
.fx30-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fx30-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fx30-captcha-row a { font: 13px/1.2 Arial, Helvetica, sans-serif; }
form.boloji-form input.fx30-captcha-input { width: 110px; margin: 0; }
.fx30-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 10px 16px;
	border-top: 1px solid #e6e6e6;
	background: #fff;
}
.fx29-err { background: #fff5f5; border: 1px solid #f0c2c2; color: #9b1c1c; padding: 10px 12px; border-radius: 8px; margin: 0 0 10px; font: 14px/1.4 Arial, Helvetica, sans-serif; }
.fx30-back { margin: 0 0 8px; font: 13px/1.3 Arial, Helvetica, sans-serif; }
body.fx30-modal .fx30-share-scroll { flex: 1 1 auto; overflow: auto; min-height: 0; }
body.fx30-modal .fx30-actions { flex: none; }
@media (max-width: 640px) {
	.fx30-pair { grid-template-columns: 1fr; }
	.fx30-title { font-size: 16px; }
}