/*
 Theme Name: oahumortgagebroker Child Theme
 Theme URI: 
 Description: Divi Child Theme for oahumortgagebroker
 Author: Mico Palencia
 Author URI:
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
/*Make the menu module display vertically*/
.vertical-menu nav ul li {
    width: 100%;
    display: block;
}
#main-footer {
    height: 0 !important;
    overflow: hidden;
}
.btn-get-a-quote a {
	color:#ffffff !important;
	background:#2d837f;
	padding-top:1em;
	padding-bottom:1em !important;
	padding-left:1em;
	padding-right:1em;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
}
.btn-apply-online a {
	color:#ffffff !important;
	background:#d7a319;
	padding-top:1em;
	padding-bottom:1em !important;
	padding-left:1em;
	padding-right:1em;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 981px) {
	.et-fixed-header .btn-get-a-quote a {
    	color: #ffffff !important;
	}
	
}
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
/*WP Form custom css*/
div#wpforms-conversational-form-page {
	background-position: center center 0px;
    background-image: linear-gradient(180deg, #d3e6e5 0%, rgba(0, 0, 0, 0.3) 66%), url(https://oahumortgagebroker.com/wp-content/uploads/2025/03/aerial-view-of-waikiki-looking-towards-honolulu-on-oahu.jpg) !important;
	background-size: cover;
	background-repeat: no-repeat;
}
body #et-main-area a {
	color:#2d837f !important;
	
}
.et-pb-contact-message p {
	font-size:24px;
	font-weight:bold;
	color:#fff !important;
	text-align: center;
}