/* Reusable Fluent Forms styling */

.awt-form-component {
	width: 100%;
	padding: 38px;
	background: #fff;
	box-shadow: 0 15px 50px rgba(0,0,0,.1);
}

.awt-form-component .ff-el-group {
	margin-bottom: 17px;
}

.awt-form-component .ff-el-input--label label {
	margin-bottom: 7px !important;
	color: #191919 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

.awt-form-component .ff-el-form-control,
.awt-form-component input[type="text"],
.awt-form-component input[type="email"],
.awt-form-component input[type="tel"],
.awt-form-component input[type="number"],
.awt-form-component input[type="date"],
.awt-form-component input[type="time"],
.awt-form-component select,
.awt-form-component textarea {
	width: 100% !important;
	min-height: 53px !important;
	padding: 12px 15px !important;
	border: 1px solid #e4e4df !important;
	border-radius: 0 !important;
	background: #f7f7f4 !important;
	color: #191919 !important;
	box-shadow: none !important;
}

.awt-form-component textarea {
	min-height: 130px !important;
	resize: vertical;
}

.awt-form-component .ff-el-form-control:focus,
.awt-form-component input:focus,
.awt-form-component select:focus,
.awt-form-component textarea:focus {
	border-color: #ffd400 !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px rgba(255,212,0,.12) !important;
}

.awt-form-component button[type="submit"],
.awt-form-component input[type="submit"],
.awt-form-component .ff-btn-submit {
	min-height: 54px !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	cursor: pointer;
	clip-path: polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
}

.awt-form-unavailable {
	padding: 20px;
	background: #f6f6f3;
	border-left: 4px solid #111;
}

.awt-form-unavailable p {
	margin: 0;
	color: #555;
	font-size: 13px;
	line-height: 1.7;
}

@media (max-width: 620px) {
	.awt-form-component {
		padding: 23px 18px;
	}
}
