/**
 * Simple Date & Time Picker for Contact Form 7
 *
 * Form controls do not inherit typography from the page by default: browsers
 * apply their own UA font to <input>, <select> and <option>, which is why an
 * unstyled time dropdown often shows up in a serif face. The rules below force
 * every control (and the dropdown list itself) to use the theme font.
 */

.wpcf7 input.scdt-date,
.wpcf7 select.scdt-time {
	font-family: inherit !important;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	letter-spacing: inherit;
	line-height: 1.4;
	color: inherit;

	max-width: 260px;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box;
}

/* The dropdown list is a separate rendering surface and needs its own rule. */
.wpcf7 select.scdt-time option,
.wpcf7 select.scdt-time optgroup {
	font-family: inherit !important;
	font-size: 1em;
	font-weight: normal;
	color: inherit;
	background-color: #fff;
}

/* Native date input sub-fields (day / month / year) in WebKit browsers. */
.wpcf7 input.scdt-date::-webkit-datetime-edit,
.wpcf7 input.scdt-date::-webkit-datetime-edit-text,
.wpcf7 input.scdt-date::-webkit-datetime-edit-day-field,
.wpcf7 input.scdt-date::-webkit-datetime-edit-month-field,
.wpcf7 input.scdt-date::-webkit-datetime-edit-year-field {
	font-family: inherit !important;
	font-size: inherit;
	color: inherit;
}

.wpcf7 input.scdt-date:focus,
.wpcf7 select.scdt-time:focus {
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}

.wpcf7 select.scdt-time:disabled,
.wpcf7 input.scdt-date:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.wpcf7 .scdt-inline-error {
	display: block;
	margin-top: 4px;
	font-family: inherit;
	font-size: 0.875em;
	color: #d63638;
}