/**
 * form.css
 *
 * All form related styles
 *
 * Mostly element[attribute] styles
 * And gravity forms related styles. These are not SMACCS optimised unfortunately.
 *
**/

form {
	margin-bottom: 40px;
}

input {
	border: 1px solid var(--ubrands-color-accent);
	border-radius: 10px;
}

.basicFilterForm input {
	margin-bottom: 10px;
	width: 100%;
}

.input-big {
	font-size: 1.8rem;
	padding: 1rem 1.9rem;
}

@media screen and (min-width: 680px) {

	.basicFilterForm input {
		width: calc(100% - 20px);
		margin-right: 20px;
		height: 61px;
	}

	.input-big {
		padding: 1.6rem 2.6rem;
	}

}


@media screen and (min-width: 865px) {




}

@media screen and (min-width: 1200px) {
	.basicFilterForm input {
		width: calc(50% - 40px);
	}
}