/*
 Theme Name: aireversemortgage Child Theme
 Theme URI: 
 Description: Divi Child Theme for aireversemortgage
 Author: Mico Palencia
 Author URI:
 Template: Divi
 Version: 1.0.0
*/
/*fonts start*/
@font-face {
    font-family: 'Lato-Bold';
    src: url('assets/fonts/Lato-Bold.eot');
    src: url('assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Lato-Bold.woff2') format('woff2'),
        url('assets/fonts/Lato-Bold.woff') format('woff'),
        url('assets/fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('assets/fonts/Lato-Black.eot');
    src: url('assets/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Lato-Black.woff2') format('woff2'),
        url('assets/fonts/Lato-Black.woff') format('woff'),
        url('assets/fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('assets/fonts/Lato-Regular.eot');
    src: url('assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Lato-Regular.woff2') format('woff2'),
        url('assets/fonts/asset/fonts/Lato-Regular.woff') format('woff'),
        url('assets/fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Light';
    src: url('Lato-Light.eot');
    src: url('Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('Lato-Light.woff2') format('woff2'),
        url('Lato-Light.woff') format('woff'),
        url('Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {
	 font-family: 'Lato-Regular !important';
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato-Black' !important;
}
a {
	font-family: 'Lato-Bold' !important;
}
/*fonts end*/
/* voice-flow- custom css*/
.jsli361.jsli363 div a {
	display:none;
}
._1wkq7nf4 {
	width:480px;
	left: calc(50% - 240px);
}
.vfrc-chat.s9t60i0 {border-radius:unset;}

@media screen and (max-width: 500px) {
	._1wkq7nf4 {
		width: 90% !important;
		left: 5% !important;
	}
	.vfrc-chat.s9t60i0 {
		height:unset;
	}
}
.vfrc-chat.s9t60i0 {
	margin-top: 15%;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row {
	width:100% !important;
}
.et-fixed-header .container {
    margin: 10px auto;
}
h2 {
	font-weight: 900;
}
.btn-apply-now {
  border: 1px solid #127673;
  border-radius: 50px;
  background: #0f6562;
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
  transition: all .3s 0s;
}

.btn-apply-now a {
  padding: 18px !important;
  color: white !important;
}

.btn-apply-now:hover {
  transform: scale(1.1);
  transition: all .2s 0s;
}
.et-fixed-header #top-menu .btn-apply-now a {
	color: white !important;
}
#main-footer {
    height: 0 !important;
    overflow: hidden;
}
#us-map-container .state {
    fill: #cccccc;
    stroke: #ffffff;
    stroke-width: 1;
}
#us-map-container .state:hover {
    fill: #ff910a !important;
}
#us-states-map path {
  transition: fill 0.2s ease;
}
#us-states-map path:hover {
  fill: #127673;
  cursor: pointer;
}
#us-states-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* or any height you want */
}
.state-label {
	font-weight:500;
}

/* Single Purpose Reverse Mortgage Calculator Styles */
.single-purpose-calculator-wrapper {
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Lato-Bold';
}

.single-purpose-calculator-wrapper h2 {
    text-align: center;
    margin-bottom: 5px;
    color: #2c3e50;
}

.calculator-description {
    text-align: center;
    color: #7f8c8d;
    margin-bottom: 20px;
}

.calculator-form {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.calculator-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.calculator-row label {
    width: 200px;
    font-weight: bold;
    margin-right: 10px;
}

.calculator-row input,
.calculator-row select {
    flex: 1;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 150px;
}

.slider-container {
    flex: 1;
    margin-left: 15px;
    max-width: 200px;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.currency-symbol {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
}

.input-wrapper input {
    padding-left: 20px;
}

.ui-slider {
    height: 8px;
    background: #e0e0e0;
    border: none;
    border-radius: 4px;
}

.ui-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #3498db;
    border: none;
    cursor: pointer;
    outline: none;
}

.calculate-button {
    background: #3498db;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
    transition: background 0.3s;
}

.calculate-button:hover {
    background: #2980b9;
}

.eligibility-notice {
    background: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.eligibility-notice h3 {
    margin-top: 0;
    color: #8a6d3b;
}

.results-container {
    margin-top: 20px;
}

.results-summary {
    background: #edf7ff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.results-summary h3 {
    margin-top: 0;
    color: #2980b9;
}

.results-table {
    width: 100%;
    border-collapse: collapse;
}

.results-table td {
    padding: 8px 5px;
    border-bottom: 1px solid #e0e0e0;
}

.results-table td:last-child {
    text-align: right;
    font-weight: 500;
}

.total-row td {
    border-top: 2px solid #bbb;
    font-weight: bold;
    font-size: 1.1em;
    color: #2980b9;
}

.loan-projection h3 {
    color: #2c3e50;
}

.projection-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 14px;
}

.projection-table th {
    background: #f2f2f2;
    text-align: left;
    padding: 10px;
}

.projection-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
}

.calculator-notes {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
}

.calculator-notes h3 {
    margin-top: 0;
    color: #2c3e50;
}

.calculator-notes ul {
    padding-left: 20px;
}

.calculator-notes li {
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .calculator-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .calculator-row label {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .calculator-row input,
    .calculator-row select {
        width: 100%;
        max-width: none;
    }
    
    .slider-container {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        max-width: none;
    }
    
    .projection-table {
        display: block;
        overflow-x: auto;
    }
}
@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;
}
 
}