/* ------------------------------
restricted
------------------------------ */
form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-row {
	display: flex;
	align-items: center;
}

.form-row button {
	margin:0 auto;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 20px;
	border: none;
	outline: none;
	color: var(--orange);
	background-color: transparent;
}

input {
	width: 100%;
  	padding: 12px 14px;
  	font-size: 20px;
	color: var(--orange);
	background: var(--graylight);
	border: 2px solid var(--orange);
  	border-radius: 10px;
	outline: none;
}

.error {
	margin: 0;
	text-align: right;
	visibility: hidden;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: red;
}

.error.show	{
	visibility:	visible;
}

/* ------------------------------
mobile devices
------------------------------ */
@media screen and (max-width: 700px) {
	form { width: 80%; }
	.form-row button { font-size: 18px; }
}