/**
 * Bethico Contact Form V4.0
 * (c) 2021, Bernard Condrau
 *
 * derived from JD Simple Contact Form 1.10, https://docs.joomdev.com/article/jd-simple-contact-form
 * this css file is for a contact form on a black or near black background
 */
.bethico-contact-form-header, .bethico-contact-form .text-muted {
/*	color: #fff !important;*/
}
.bethico-contact-form .text-danger {
/*    color: #ffb924 !important;*/
}
.bethico-contact-form .alert {
	font-size: 1.25em;
}
/* fix button position to allow parsley */
.bethico-contact-form .calendar-button {
	position: relative;
	float: right;
	top: 2.375rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.bethico-contact-form .field-calendar {
/*	margin-top: -2.375rem;*/
}
.bethico-contact-form-file button[id^='bethico-file-remove-'] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: none;
}
.bethico-contact-form-file .file-text {
	background-color: #373737;
	font-weight: 400;
	line-height: 2.375;
	border-radius: 4px 0 0 4px;
	padding: 0 5px;
}
.bethico-contact-form-submit {
	margin-top: 1em;
}
.bethico-contact-form label {
	margin:0;
}
.bethico-contact-form {
	box-shadow:
		0 0 0 3px var(--sppb-bg-color),
		0 0 0 5px rgba(0, 0, 0, 0.4);
	border-radius: 0.375rem; /* var(--bs-btn-border-radius) */
}
/* take parsley error message out of flex box */
.bethico-contact-form .field-calendar .input-group ul {
	position: absolute;
	top: 3.2rem;
}
.bethico-contact-form .field-calendar .input-group:has(ul) {
	margin-bottom: 2.9rem;
}