/* DEFAULT IS MOBILE */


#cruzio-prequal-container {
	font-size: 14px;
	border-radius: 15px;
	padding: 8px;
	padding-right: 1px;
	width: 92%;
	margin: 0 auto;
	position: relative;
	background: rgba(255, 255, 255, 0.9);
}

.homeRandomImage #cruzio-prequal-container {
	bottom: 190px;
	border: 2px solid #f15c2f;
}


#cruzio-prequal-container button {
	font-family: 16px / 1.0 'Lato', sans-serif;
	background-color: #f15c2f;
	border-radius: 25px;
	color: white;
	font-weight: bold;
	padding: 0.8em;
	border: none;
}

#cruzio-prequal-autocomplete {
	margin-right: 5px;
	border-top: white;
	border-left: white;
	border-right: white;
	border-bottom: 2px solid black;
	margin-bottom: 10px;
	width: 97%;
	background: url(/wp-content/themes/cruzio/images/location.svg) no-repeat 5px center;
	font-size: 1.3rem;
	font-family: Lato;
	background-size: 25px 25px;
	padding-left: 40px;
}

#cruzio-prequal-autocomplete:focus {
	outline: none;
	box-shadow: none;
}

#cruzio-prequal-container input[type="radio"] {
	accent-color: #f15c2f;
	background-color: #f15c2f;
	margin-left: 5px;
	width: auto;
	height: auto;
}

#cruzio-prequal-col-one {
	display: flex;
}

#cruzio-prequal-submit-small {
	text-align: center;
	margin-top: 10px;
}

#cruzio-prequal-toggle {
	margin-top: 5px;
    display: flex;
    gap: 5px;
	font-weight: bold;
}

#cruzio-prequal-container h3 {
	// padding-left: 5px;
}

.cruzio-prequal-info {
	// padding-left: 5px;
}


/* TABLET VIEW */
@media screen and (min-width: 768px) {

	#cruzio-prequal-container {
		padding: 20px
		width: 67%;
	}

	.homeRandomImage #cruzio-prequal-container {
		bottom: 130px;
		padding: 10px;
		width: 65%;
	}


	#cruzio-prequal-autocomplete {
		width: 25%;
		flex-grow: 1
	}

	#cruzio-prequal-col-one {
		width: 99%;
	}

	.cruzio-prequal-submit-large {
		flex-grow: 1
		text-align: right;
	}
}


/* DESKTOP VIEW */
@media screen and (min-width: 1025px) {

	#cruzio-prequal-container {
		width: 70%;
	}
	
	.homeRandomImage #cruzio-prequal-container {
		bottom: 130px;
		width: 55%;
	}

	#cruzio-prequal-autocomplete {
		width: 75%;
	}
}


