/* Aktivointilomakkeen [kaysync_activation_form] perustyylit. */
/* Kenttä-/label-/input-valitsimet ketjutettu .kaysync-activation-form .kaysync-form .kaysync-field -kautta, jotta spesifisyys (4 luokkaa) voittaa Elementorin globaalin kit-CSS:n (.elementor-kit-X input:not(...):not(...), 3 luokkaa + 1 elementti) ilman !important. Nappi (.kaysync-submit) jätetään tarkoituksella perimään teeman/Elementorin tyyli. */

.kaysync-form {
	max-width: 420px;
	width: 100%;
}

.kaysync-activation-form .kaysync-form .kaysync-field {
	margin-bottom: 18px;
}

.kaysync-activation-form .kaysync-form .kaysync-field .kaysync-label {
	display: block;
	margin-bottom: 6px;
	color: #1a2b4c;
	font-weight: 700;
}

.kaysync-activation-form .kaysync-form .kaysync-field input.kaysync-input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 13px 14px;
	background-color: #F5F0F0;
	border: none;
	border-radius: 4px;
	color: #222222;
	font-size: 1rem;
}

.kaysync-activation-form .kaysync-form .kaysync-field input.kaysync-input::placeholder {
	color: #8a8a8a;
}

.kaysync-submit {
	cursor: pointer;
}

@media (max-width: 480px) {
	.kaysync-form {
		max-width: 100%;
	}
}