/* Contact form – dark style with cyan underlines and outlined button */

/* Dark variant: light text throughout */
.contact-form-dark {
	color: var(--wp--preset--color--base, #fff);
}

html body .contact-form-dark a,
html body .contact-form a,
html body .contact-form-dark a:link,
html body .contact-form a:link,
html body .contact-form-dark a:visited,
html body .contact-form a:visited,
html body .contact-form-dark a:active,
html body .contact-form a:active {
	text-decoration: underline !important;
}

/* Dark variant: light link color */
html body .contact-form-dark a,
html body .contact-form-dark a:link,
html body .contact-form-dark a:visited,
html body .contact-form-dark a:active {
	color: var(--wp--preset--color--base, #fff);
}

html body .contact-form-dark a:hover,
html body .contact-form a:hover {
	color: var(--wp--preset--color--primary, #01cccb) !important;
	text-decoration: underline !important;
}

.contact-form-dark td,
.contact-form td,
.contact-form-dark th,
.contact-form th {
	padding: 0;
	padding-bottom: 10px;
	padding-right: 5px;
}

.contact-form-dark input[type="text"],
.contact-form input[type="text"],
.contact-form-dark input[type="email"],
.contact-form input[type="email"],
.contact-form-dark input[type="tel"],
.contact-form input[type="tel"],
.contact-form-dark input[type="url"],
.contact-form input[type="url"],
.contact-form-dark textarea,
.contact-form textarea {
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--primary, #01cccb);
	border-radius: 0;
	padding: 0.5em 0;
	outline: none;
	width: 100%;
}

.contact-form-dark input[type="text"],
.contact-form-dark input[type="email"],
.contact-form-dark input[type="tel"],
.contact-form-dark input[type="url"],
.contact-form-dark textarea {
	color: var(--wp--preset--color--base, #fff);
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea {
	color: currentColor;
}

/* 1. Hide the ugly spinner */
.contact-form-dark .wpcf7 .wpcf7-spinner,
.contact-form .wpcf7 .wpcf7-spinner {
	display: none !important;
}

/* 2. Style the button when the form is "Submitting" */
.contact-form-dark .wpcf7 form.submitting .wpcf7-spinner,
.contact-form .wpcf7 form.submitting .wpcf7-spinner {
	display: inline-block!important;
}

.contact-form-dark input::placeholder,
.contact-form-dark textarea::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: rgba(0, 0, 0, 0.5);
}

.contact-form-dark input:focus,
.contact-form input:focus,
.contact-form-dark textarea:focus,
.contact-form textarea:focus {
	border-bottom-color: var(--wp--preset--color--primary, #01cccb);
}

.contact-form-dark .wp-block-button__link,
.contact-form .wp-block-button__link,
.contact-form-dark input[type="submit"],
.contact-form input[type="submit"],
.contact-form-dark button[type="submit"],
.contact-form button[type="submit"] {
	background: transparent !important;
	color: var(--wp--preset--color--primary, #01cccb) !important;
	border: 1px solid var(--wp--preset--color--primary, #01cccb) !important;
	border-radius: 0;
	padding: 0.6em 1.5em;
}

.contact-form-dark .wp-block-button__link:hover,
.contact-form .wp-block-button__link:hover,
.contact-form-dark input[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.contact-form-dark button[type="submit"]:hover,
.contact-form button[type="submit"]:hover {
	opacity: 0.9;
}

.contact-form-dark .wp-block-contact-form-7-contact-form-selector p:last-of-type,
.contact-form .wp-block-contact-form-7-contact-form-selector p:last-of-type {
	text-align: center;
}

/* Contact form information table – narrow first column */
.wp-block-table.contact-form-info-table tr td:first-child,
.wp-block-table.contact-form-info-table tr th:first-child {
	width: 25%;
	white-space: nowrap;
	padding-right: 20px;
}