Video 48 - Creating Contact Form

/*
************
Fluent Forms
************
*/

.fluentform .ff-el-group.ff_submit_btn_wrapper
{
	margin-bottom: 0;
}

.fluentform .text-danger
{
	color: #FF0000!important;
	font-size: 14px!important;
	margin-top: 5px!important;
}

.fluentform input[type="text"], .fluentform input[type="email"], .fluentform select, .fluentform textarea
{
	border: solid 1px #DDDDDD!important;
	color: #0e303f!important;
	background: #ffffff!important;
	padding: 0 10px!important;
	border-radius: 0!important;
	width: 100%!important;
	font-size: 16px!important;
	-moz-transition: all 0.3s ease-in-out!important;
	-webkit-transition: all 0.3s ease-in-out!important;
	-ms-transition: all 0.3s ease-in-out!important;
	-o-transition: all 0.3s ease-in-out!important;
	transition: all 0.3s ease-in-out!important;
	height: 45px!important;
}

.fluentform select
{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background-image: url('https://www.completewpmastery.com/wp-content/uploads/2020/09/down-arrow.svg')!important;
	background-position: 96% 50%!important;
	background-repeat: no-repeat!important;
	background-size: 10px!important;
}

.fluentform textarea
{
	height: 200px!important;
	padding-top: 5px!important;
}

.fluentform input[type="text"]:focus, .fluentform input[type="email"]:focus, .fluentform select:focus, .fluentform textarea:focus
{
	border-color: #15bfd6!important;
}

.fluentform button[type="submit"]
{
	background-color: #15bfd6!important;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 26px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.fluentform button[type="submit"]:hover
{
	background-color: #29b1c4!important;
	opacity: 1;
}

.fluentform ::placeholder
{
	font-size: 16px!important;
	color: #7E7F83!important;
}