/*
Theme Name: Good Deeds Mortgage
Theme URI: https://www.gooddeedsmortgage.com
Version: 1.0
Description: Website for Good Deeds Mortgage
Author: Eric Lozaga
Author URI: https://53mp.com
template: bb-theme
*/

img, img:hover{border:0}

h3, h3.fl-heading .fl-heading-text{
	color:#000;
	font-size: 24px !important;
	font-weight:600;
	text-align: center !important;
}

.white_button .fl-button{
	border-color: #000 !important;
}
.green_button .fl-button:hover,
.white_button .fl-button:hover{
	background-color:#428bca !important;
	color:#fff !important;
	border-color: #428bca !important;
}

.left,
.left .fl-heading{
	text-align: left !important;
}

.center{
	text-align:center
}

.frm_half {
    margin-left: 0 !important;
    margin-right: 2%;
    width: 48% !important;
}
.frm_half.frm_two_col {
    margin-left: 0 !important;
    margin-right: 0% !important;
    width: 50% !important;
}

h4{
	color:#605E5E;
}
.frm_style_formidable-style.with_frm_style .frm_message p {
    color: #468847 !important;
}
.error{
	background-color:yellow;
	color:red;
	padding:10px 20px;
	text-align: center;
}


.calc_table{
}
.calc_table td{
	padding:10px
}
.calc_table form table{
	width: 100%
}
.calc_table h4{
	margin-top:30px;
	font-weight:600
}
.calc_table th{
	font-size:15px;
	text-align: center;
	padding:10px;
}
.calc_table textarea{
	border: 0;
}


.textleft{text-align:left}
.textright{text-align:right}

.instagram_text{
	letter-spacing:-8px
}

textarea:not(#comments){
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	font-family: 'Inconsolata', monospace;
}

.mb_12{
	margin-bottom:12px !important;
}

#loan_application{
	margin-bottom:30px
}
#loan_application input:invalid,
#loan_application select:invalid,
#loan_application checkbox:invalid,
#loan_application radio:invalid{
	border:2px solid red !important;
}
#loan_application select{
	font-size:15px
}
#loan_application input[type="text"],
#loan_application input[type="number"]{
	color: #333;
	width: inherit !important;
	display: inline-block;
	/*margin-left: 4px;*/
}
#loan_application .row .row input[type="text"]{
	width:100% !important;
}
#loan_application input[type="text"].full,
#loan_application input[type="number"].full,
#loan_application select{
	width:100% !important;
}
#loan_application input[type="text"].half,
#loan_application input[type="number"].half{
	width:80% !important;
}
#loan_application input:focus,
#loan_application select:focus {
    background-color: #66cc00;
    color:#fff;
}
#loan_application input[type="checkbox"]{
	font-size:18px
}
#loan_application .container{
	margin-bottom: 30px;
	padding-bottom:30px;
	border-bottom:1px solid #888
}
#loan_application .container .row{
	margin-bottom:10px
}
#loan_application .la_inline{
	display: inline-block;
	width:250px !important;
}
#loan_application .ll_inline{
	display: inline-block;
	width:100px !important;
}
#loan_application .ls_inline{
	display: inline-block;
	width:30px !important;
}
#loan_application .thin{
	font-size:13px !important;
	font-weight:400 !important
}
#loan_application input[type="submit"]{
	font-size:18px; 
	padding:10px 20px;
}

.warning{
	color:red;
	background: yellow;
	padding:10px 20px;
}

@media only screen and (max-width: 991px) {
	#app_borrower_information .textright,
	#app_terms_of_loan .textright,
	#app_property_information .textright,
	#app_employment_information .textright,
	.calculator .textright{
		text-align: left !important;
	}	
}

@media only screen and (max-width: 669px) {
	.stacked_boxes .fl-col{
		margin-top:30px !important;
		margin-bottom:30px !important;
	}
	.stacked_boxes .fl-col-content h2.fl-heading{
		padding:80px 0 !important
	}
}