/* 

Device-Agnostic Styles

*/

#apply_form {
	font-family: 'Arial', sans-serif;
}

#apply_form select,
#apply_form input,
#loan_form select,
#loan_form input {
	border-radius: 0px !important;
}

#apply-form-submit {
	display: none;
}

#apply_form textarea {
    width: 100%;
    border: 1px solid #CCC;
    height: 150px;
}



@media (max-width:768px) {

	#apply_form input::-webkit-date-and-time-value,
	#loan_form input::-webkit-date-and-time-value {
		width: 97% !important;
		/* Birthday styles fix for iOS */
		text-align: left;
		/* Birthday styles fix for iOS */
	}

	#apply_form input[type="date"],
	#apply_form input[type="text"],
	#apply_form input[type="number"],
	#apply_form input[type="email"],
	#apply_form input[type="tel"],
	#loan_form input[type="date"],
	#loan_form input[type="text"],
	#loan_form input[type="number"],
	#loan_form input[type="email"],
	#loan_form input[type="tel"],
	#apply_form select,
	#loan_form select,
	#eligibility-form-container p {
		width: 97% !important;
		min-width: 97% !important;
		font-size: 16px;
	}

	#apply_form #search-results,
	#loan_form #search_results {
		position: absolute;
		width: 97%;
	}
}

@media (min-width:768px) {

	#apply_form input::-webkit-date-and-time-value,
	#loan_form input::-webkit-date-and-time-value {
		width: 100% !important;
		/* Birthday styles fix for iOS */
		text-align: left;
		/* Birthday styles fix for iOS */
	}

	#apply_form input[type="date"],
	#apply_form input[type="text"],
	#apply_form input[type="number"],
	#apply_form input[type="email"],
	#apply_form input[type="tel"],
	#loan_form input[type="date"],
	#loan_form input[type="text"],
	#loan_form input[type="number"],
	#loan_form input[type="email"],
	#loan_form input[type="tel"] {
		width: 99% !important;
		min-width: 99% !important;
		font-size: 16px;
	}

	#apply_form select,
	#loan_form select {
		width: 99% !important;
		min-width: 99% !important;
	}

	#apply_form #search-results,
	#loan_form #search_results {
		position: absolute;
		width: 100%;
	}
}

#apply_form input[type="checkbox"] {
	width: 15px !important;
}

section {
	background-color: white;
	border: 1px solid #CCC;
}


.housing-nonprofit-elegible-back {
	cursor: pointer;
}

#warning-message-autocomplete,
#warning-message-purchaseprice,
#warning-message-creditscore,
#warning-message-income,
#warning-message-debt,
#warning-message-submit,
#hud_class_message,
#declared_bankrupcy_message,
#lived_at_location_message,
#has_coborrower_message,
#has_closing_date_message,
#has_disability_message,
#indian_american_message {
	display: none;
	color: red;
	margin-top: 0;
}

#warning-message-error {
	color: red;
	margin-top: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#warning-message-submit {
	margin-bottom: 10px;
	text-decoration: none;
}

/* Container Styles */
.approval-form-tagline-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.form-group-flex {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: none;
	background-color: #f8f8f8;
}

.form-group-flex>.form-check {
	display: flex;
	align-items: center;
}

.form-check {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.form-check input[type=checkbox]:checked+label,
.form-check input[type=radio]:checked+label {
	background-color: #0d0e93;
	color: #fff;
}

.form-group-contact .form-check {
	border: 1px solid #CCC;
	display: flex;
	align-items: center;
}

.form-group-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* Font Styles */
.apply-form-title {
	text-align: center;
	font-family: 'Roboto Condensed';
	color: #7f7f7f;
	font-weight: 500;
	margin: 0;
}

.apply-form-subtitle,
.loan-form-subtitle {
	font-weight: 600;
	margin-top: 0;
	display: none;
}

.apply-form-tagline {
	font-style: italic;
}

.approval-form-tagline-container-text .apply-form-tagline {
	font-family: 'Arial', sans-serif;
	font-size: 3.5dvw;
}

#apply_form legend,
#loan_form legend {
	font-weight: 600;
	font-size: 16px;
}

#apply_form p,
#loan_form p {
	font-size: 14px;
}

.form-group-flex>.form-check>label {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.loan-form-subtitle {
	font-family: 'Open Sans';
	color: #999;
	font-weight: 600;
	margin: 0;
}

/* Field Styles */

#apply_form input,
#apply_form select,
#loan_form input,
#loan_form select {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid black;
	background-color: #f8f8f8;
}

#apply_form input[type="radio"],
#loan_form input[type="radio"] {
	display: none;
}

#apply_form input[type="submit"],
#loan_form input[type="submit"] {
	border: none;
	background-color: #CCC;
	color: white;
	font-weight: 600;
}

#apply-form-validate {
	border: none;
	background-color: #50954e;
	font-weight: 600;
	color: white;
	cursor: pointer;
}

/* 

Responsive Design

*/
@media only screen and (orientation:landscape) and (min-width: 1920px) {

	.housing-nonprofit-elegible {
		padding: 30px 0px;
		width: 960px;
		margin: auto;
	}

	.housing-nonprofit-elegible-back {
		width: 30px;
	}

	#apply_form,
	#loan_form {
		width: 960px;
		margin: auto;
	}

	section {
		margin-bottom: 30px;
		padding: 30px;
	}

	.approval-form-tagline-info {
		width: 40px;
		margin-top: 15px;
		margin-right: 10px;
	}

	.apply-form-tagline-info {
		float: right;
		width: 20px;
		cursor: pointer;
	}

	.tagline-1 {
		margin-bottom: 5px;
	}

	.tagline-2 {
		margin-top: 0px;
	}

	/* Container Styles */
	.apply-form-title-container {
		padding: 40px;
	}

	.approval-form-tagline-container {
		flex-direction: row;
	}

	.form-group-flex {
		width: 50%;
	}

	.form-group-flex>.form-check {
		height: 50px;
	}

	.form-group-submit {
		padding-top: 30px;
	}

	/* Font Styles */
	.apply-form-title {
		font-size: 2.75em;
	}

	.apply-form-subtitle {
		font-size: 2.65em;
		line-height: 1.15em;
		letter-spacing: -1px;
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.approval-form-tagline-container-text .apply-form-tagline {
		font-size: 1.125em;
	}

	#apply_form legend,
	#loan_form legend {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.form-group-flex>.form-check>label {
		text-indent: 20px;
	}

	/* Field Styles */

	#apply_form input,
	#apply_form select,
	#loan_form input,
	#loan_form select,
	#apply-form-validate {
		height: 50px;
	}

	#apply_form input[type="date"],
	#apply_form input[type="text"],
	#apply_form input[type="number"],
	#apply_form input[type="email"],
	#apply_form input[type="tel"],
	#loan_form input[type="date"],
	#loan_form input[type="text"],
	#loan_form input[type="number"],
	#loan_form input[type="email"],
	#loan_form input[type="tel"],
	#apply_form select,
	#loan_form input,
	#loan_form select {
		text-indent: 20px;
	}

	#apply_form input[type=submit],
	#loan_form input[type=submit],
	#apply-form-validate {
		width: 300px;
	}

	#contact_subscribe {
		width: 25px !important;
		margin: 10px;
	}
}

@media only screen and (min-width:768px) and (max-width: 1919px),
(orientation: landscape) and (max-width: 1919px) {

	.housing-nonprofit-elegible {
		padding-bottom: 2dvw;
		padding-top: 2dvw;
		width: 50dvw;
		margin: auto;
	}

	.housing-nonprofit-elegible-back {
		width: 1.5dvw;
	}

	#apply_form,
	#loan_form {
		width: 50dvw;
		margin: auto;
	}

	section {
		margin-bottom: 2dvw;
		padding: 1.5dvw;
	}

	.approval-form-tagline-info {
		width: 1.25dvw;
		margin-top: 0.75dvw;
		margin-right: 0.5dvw;
	}

	.apply-form-tagline-info {
		float: right;
		width: 1.75dvw;
		cursor: pointer;
	}

	/* Container Styles */
	.apply-form-title-container {
		padding: 2dvw;
	}

	.approval-form-tagline-container {
		flex-direction: row;
	}

	.form-group-flex {
		width: 50%;
	}

	.form-group-flex>.form-check {
		height: 3dvw;
	}

	.form-group-submit {
		padding-top: 2dvw;
	}

	/* Font Styles */
	.apply-form-title {
		font-size: 2.25dvw;
	}

	.apply-form-subtitle {
		font-size: 2.25dvw;
		line-height: 2.75dvw;
		letter-spacing: -1px;
		margin-bottom: 1dvw;
		margin-top: 0dvw;
	}

	.approval-form-tagline-container-text .apply-form-tagline {
		font-size: 1dvw;
	}

	.tagline-1 {
		margin-bottom: 5px;
	}

	.tagline-2 {
		margin-top: 0px;
	}

	#apply_form legend,
	#loan_form legend {
		margin-top: 3dvw;
		margin-bottom: 1dvw;
	}

	.form-group-flex>.form-check>label {
		text-indent: 1dvw;
	}

	/* Field Styles */

	#apply_form input,
	#apply_form select,
	#loan_form input,
	#loan_form select,
	#apply-form-validate {
		height: 3dvw;
		text-indent: 1dvw;
	}

	#apply_form input[type=submit],
	#loan_form input[type=submit],
	#apply-form-validate {
		width: 20dvw;
	}

	#contact_subscribe {
		width: 1.5dvw !important;
		margin: 1dvw;
	}
}

@media only screen and (max-width:767px) and (orientation: portrait) {

	.housing-nonprofit-elegible {
		padding-bottom: 2dvw;
		width: 92dvw;
		margin-left: 4dvw;
		margin-right: 4dvw;
	}

	.housing-nonprofit-elegible-back {
		width: 5dvw;
		margin-left: 3.5dvw;
		margin-top: 5dvw;
	}

	section {
		margin-bottom: 4dvw;
		padding: 4dvw;
	}

	.approval-form-tagline-info {
		width: 6dvw;
	}

	.apply-form-tagline-info {
		float: right;
		width: 5dvw;
		cursor: pointer;
	}

	/* Container Styles */
	.apply-form-title-container {
		padding: 4dvw;
	}

	/* Font Styles */
	.apply-form-title {
		font-size: 8dvw;
		line-height: 9dvw;
		padding: 3dvw;
	}

	.apply-form-subtitle {
		width: 100%;
		font-size: 6dvw;
		line-height: 7dvw;
		margin-bottom: 2dvw;
	}

	.apply-form-tagline {
		font-size: 3dvw;
	}

	#apply_form legend,
	#loan_form legend {
		margin-top: 6dvw;
		margin-bottom: 2dvw;
	}

	.form-group-flex>.form-check>label {
		padding: 3dvw;
	}

	.form-group-submit {
		padding-top: 5dvw;
	}

	/* Field Styles */

	#apply_form input,
	#apply_form select,
	#loan_form input,
	#loan_form select,
	#apply-form-validate {
		height: 9dvw;
		text-indent: 2dvw;
		width: 100% !important;
	}

	#contact_subscribe {
		width: 6dvw !important;
		margin: 3dvw;
	}
}

/* Autocomplete */
.autocomplete {
	position: relative;
	display: inline-block;
	width: 100%;
}

#search-input {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
}

#search-results {
	z-index: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-top: none;
	background-color: white;
}

#apply_form #search-results,
#loan_form #search_results {
	position: absolute;
	width: 100%;
}

#search-results li {
	padding: 12px 20px;
	cursor: pointer;
}

#search-results li:hover {
	background-color: #ccc;
}

/* Loading */
#loading-div-container-submit {
	display: none;
}

.loading-container {
	display: flex;
	justify-content: space-between;
	width: 300px;
	/* Adjust the width as per your preference */
	margin: 40px 0px;
}

.circle {
	width: 30px;
	/* Adjust the width and height as per your preference */
	height: 30px;
	border-radius: 50%;
	background-color: #ccc;
	opacity: 0;
	transition: opacity 0.5s;
}

.circle:nth-child(1) {
	animation: fade 4s infinite;
}

.circle:nth-child(2) {
	animation: fade 4s infinite 1s;
}

.circle:nth-child(3) {
	animation: fade 4s infinite 2s;
}

.circle:nth-child(4) {
	animation: fade 4s infinite 3s;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


/* Display Globals */
@media only screen and (max-width: 767px) {
	.show-desktop {
		display: none;
	}

	.show-mobile {
		display: block;
	}

	.show-mobile-flex {
		display: flex;
	}

	.show-desktop-flex {
		display: none;
	}
}

@media only screen and (min-width: 767px) {
	.show-mobile {
		display: none;
	}

	.show-desktop {
		display: block;
	}

	.show-desktop-flex {
		display: flex;
	}

	.show-mobile-flex {
		display: none;
	}

	.wp-caption-text {
		margin-top: 0;
		font-size: 1em;
	}
}

.show-none {
	display: none;
}