/**
 * Gravity Forms Overrides
 * Replace the default Gravity Forms styling with styling compatible with
 * Bootstrap
 *
 * @package Unchained
 * @see https://roots.io/guides/style-gravity-forms-with-bootstrap-4/
 */

.gform_wrapper form {
  margin-bottom: 0;
}

.gform_wrapper .form-inline .gform_heading {
	width: 100%;
}
.gform_wrapper .form-inline .gform_body {
	flex-grow: 1;
}

.gform_wrapper ul {
	/* .list-unstyled */
	padding-left: 0;
	list-style: none;
	margin: 0;

	margin-right: -15px;
	margin-left: -15px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.gform_wrapper .form-inline ul {
	margin: 0;
}

.gform_footer,
.gform_wrapper li {
	/* .form-group */
	margin-bottom: 1rem;
}
.gform_wrapper li {
	padding-right: 15px;
	padding-left: 15px;
}
.gform_wrapper .form-inline li {
	padding-right: 0;
	padding-left: 0;
}

.gfield {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.gform_wrapper .gfield_label {
	/* .form-group */
	display: inline-block;
	margin-bottom: .5rem;
}
.gform_wrapper .hidden_label .gfield_label {
	display: none;
}

.gform_wrapper .gfield_required {
  padding-left: 1px;
  color: #dc3545;
}

.ginput_complex {
	margin-right: -15px;
	margin-left: -15px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ginput_complex > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 768px) {
	.ginput_complex > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
}




/*= Form Controls
==============================================================================*/
.gform_wrapper input[type="email"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="datetime"],
.gform_wrapper input[type="datetime-local"],
.gform_wrapper input[type="file"],
.gform_wrapper input[type="month"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="text"],
.gform_wrapper input[type="time"],
.gform_wrapper input[type="week"],
.gform_wrapper input[type="url"],
.gform_wrapper select,
.gform_wrapper textarea {
	/* .form-control */
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	/*background-clip: padding-box;*/
	border: 1px solid #ced4da;
	/*border-radius: .25rem;*/
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper input[type="datetime"]:focus,
.gform_wrapper input[type="datetime-local"]:focus,
.gform_wrapper input[type="file"]:focus,
.gform_wrapper input[type="month"]:focus,
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="time"]:focus,
.gform_wrapper input[type="week"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
	box-shadow: 0 0 2px #004d32!important;
}
.gform_wrapper input[type="file"] {
	border: none;
	padding: 0;
	width: auto;
}
.gform_wrapper textarea {
	height: 170px;
}

.gform_wrapper .gform_validation_container {
	display: none!important;
	position: absolute!important;
	left: -9000px;
}




.gform_wrapper .gfield_error .gfield_label {
	/* .alert-danger */
	color: #721c24;
	/*background-color: #f8d7da;*/
	/*border-color: #f5c6cb;*/
}

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
	/* .alert-danger */
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.validation_error {
	/* .alert */
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;

	/* .alert-danger */
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.validation_message {
  display: none;
}