@font-face {
	font-family: 'Soleil';
	src: url(soleil-regular.ttf) format("truetype");
}

body { font-family: 'Soleil', sans-serif; background-color: #f8f8f8; }
a:focus { border: 1px solid black !important; }


@media (min-width: 769px) {
.w-sm-auto { width: auto !important; }
}

.p-7 { padding: 12rem !important; }
.p-6 { padding: 6rem !important; }

.px-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
@media (min-width: 769px) {
	.px-sm-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
}
.py-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.pt-6 { padding-top: 6rem !important; }
.pr-6 { padding-right: 6rem !important; }
@media (min-width: 769px) { .pr-sm-6 { padding-right: 6rem !important; } }
.pl-6 { padding-left: 6rem !important; }
@media (min-width: 769px) { .pl-sm-6 { padding-left: 6rem !important; } }
.pb-6 { padding-bottom: 6rem !important; }

.pt-7 { padding-top: 12rem !important; }
.pr-7 { padding-right: 12rem !important; }
@media (min-width: 769px) { .pr-sm-7 { padding-right: 12rem !important; } }
@media (min-width: 992px) { .pr-lg-7 { padding-right: 12rem !important; } }
@media (min-width: 1200px) { .pr-xl-7 { padding-right: 12rem !important; } }

.pl-7 { padding-left: 12rem !important; }
@media (min-width: 769px) { .pl-sm-7 { padding-left: 12rem !important; } }
@media (min-width: 992px) { .pl-lg-7 { padding-left: 12rem !important; } }
@media (min-width: 1200px) { .pl-xl-7 { padding-left: 12rem !important; } }

.rl-15 { transform: rotate(-15deg); }
.rr-15 { transform: rotate(15deg); }

.screen-reader-text { display: none; }

.parallax { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position-x: 50%; }
@media (max-width: 768px) {
	.parallax { background-attachment: scroll; }
}


.content { font-size: 13pt; }
.content a { text-decoration: underline; color: #1677D2; }
.content .content-heading { font-size: 28px; font-weight: bold; }
.content .content-heading-alt { font-size: 40px; color: black; text-transform: uppercase; font-weight: bold; }
.content h2, .content .h2 { font-weight: bold; }
.content h3, .content .h3 { font-size: 17pt;  }
.content h4, .content .h4 { font-size: 15pt; font-weight: bold;  }
.content h5, .content .h5 { font-weight: bold; }
.content p .intro { color: #118a0f; }
@media (max-width: 768px) {
	.content h1, .content .h1 {  font-size: 30pt; }
}

.absolute-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.absolute-top-center { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); }
.absolute-bottom-center { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); }
.absolute-bottom-right { position: absolute; bottom: 0; right: 0; }
.absolute-bottom-left { position: absolute; bottom: 0; left: 0; }

.hover-zoom { transition: transform 0.64s; }
.hover-zoom img { filter: brightness(40%); transition: filter 0.64s; }
.hover-zoom:hover { transform: scale(1.07); z-index: 1; box-shadow: 0 0 3em rgba(0,0,0,0.4); }
.hover-zoom:hover img { filter: brightness(70%); }

.w-60 { width: 60%; }
@media (min-width: 769px) {
.w-sm-50 { width: 50% !important; }
}

.display-5 { font-size: 30pt; }
.display-6 { font-size: 24pt; }

.text-dark-blue { color: #113349 !important; }
.text-teal { color: #00847a !important; }
.text-white a { color: inherit !important; }
.text-red { color: red !important; }
a.text-red { color: red !important; }

.text-bright-red { color: red !important; }
a.text-bright-red { color: red !important; }
.text-shadow { text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; }

.font-raleway { font-family: 'Raleway', sans-serif !important; }

.btn-teal { border-radius: 0; background-color: #00847a; color: white !important; }
.content .btn-teal { text-decoration: none; }
.btn-white { border-radius: 0; background-color: white; color: #113349 !important; }
.content .btn-white { text-decoration: none; }

.btn-green { border-radius: 0; background-color: #118a0f; color: white !important; border: 2px solid #118a0f; }
.content .btn-green { text-decoration: none; }

.content .btn-white-outline { display: inline-block; background-color: transparent; color: white; border: 2px solid white; font-weight: bold; font-size: 11pt; padding: 1em; text-decoration: none }

.content .btn-red { display: inline-block; background-color: #d90d0a; color: white; border: 2px solid #d90d0a; font-size: 11pt; padding: 1em; text-decoration: none; }
.content .btn-red-outline { display: inline-block; background-color: transparent; color: #d90d0a; border: 2px solid #d90d0a; font-weight: bold; font-size: 11pt; padding: 1em; text-decoration: none }

.content .btn-blue { display: inline-block; background-color: #232d87; color: white; border: 2px solid #232d87; font-size: 11pt; padding: 1em; text-decoration: none; }
@media (max-width: 768px) {
	.content .h3.btn-white { font-size: 12pt !important; }
}

span.required { color: darkred; }


.bg-dark-blue { background-color: #19232d; }
.bg-teal { background-color: #00847a; }
.bg-light-teal { background-color: #defffd; }
.bg-gray { background-color: #efefef; }
.bg-dark-gray { background-color: darkgray; }
.bg-yellow { background-color: #ffff33; }
.bg-blue { background-color: #232d87; }
.bg-green { background-color: #118a0f; }
.card { border-radius: 0.5rem; }

.border-black { border: 4px solid black; }
.border-bottom-teal { border-bottom: 2px solid #00847a; }

.img-black-border { padding: 0.4em; border: 3px solid black; }


.breadcrumb { padding: 0; background: transparent; color: black; }
.breadcrumb a { color: black; }

.home .image-block.parallax { height: 50em; }
@media (max-width: 768px) {
	.home .image-block.parallax { height: 30em; }
}


.card-row { border-top: 4px solid #00847a; }
.card-row .card-col-left, .card-row .card-col-right { background-size: cover; background-position: center; }
.card-row .card-col-center { padding-left: 10em; padding-right: 10em; line-height: 1.1em; }
@media (max-width: 1500px) { .card-row .card-col-center { padding-left: 8em; padding-right: 8em; } }
@media (max-width: 1200px) { .card-row .card-col-center { padding-left: 1em; padding-right: 1em; } }
@media (max-width: 768px) {
	.card-col-left, .card-col-right { height: 13em; }
}


article.post-13 { border-top: 6px solid #00847a; }

.circle-icon { display: inline-block; border: 2px solid #293b4d; border-radius: 100%; width: 2.5em; height: 2.5em; position: relative; vertical-align: middle; margin-right: 0.5em; }
.circle-icon .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 80%; }

.circle-icon-light { display: inline-block; border: 1px solid #dcdcdc; border-radius: 100%; width: 2.5em; height: 2.5em; position: relative; vertical-align: middle; margin-right: 0.5em; }
.circle-icon-light .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 80%; }

.slider img { width: 100%; }
#slider .slide-image { padding-bottom: 50%; background-size: cover; min-height: 20em; }

[data-tab-number] { position: relative; }
[data-tab-number]:before { content: attr(data-tab-number); color: #9e9e9e; display: inline-block; position: absolute; top: 0; left: 15px; }
[data-tab-number].tab-number-no-indent:before { left: 0; }


/*
#menu-menu-1 .menu-item-has-children a:after { display: none; }
@media (max-width: 1410px) { #menu-menu-1 > .menu-item > a { font-size: 14pt; } }
@media (max-width: 1320px) { #menu-menu-1 > .menu-item > a { font-size: 12pt; } } 
*/

#footer { background-color: #293b4d; color: white; }
#footer a { color: white; }
#footer h2 { font-weight: bold; font-size: 12pt; color: white; padding-bottom: 0.25em; }

#footer .menu { list-style-type: none; padding: 0; }
#footer .menu li a { line-height: 2em; display: block; }

#footerAfter { background-color: #1e1e1e; color: lightgray; padding-top: 1em; padding-bottom: 1em; }
#footerAfter a { color: white; }




#footer-menu { list-style: none; }
#footer-menu a { color: white; font-size: 11pt; }


.logo-home { display: none; }
.home .logo { display: none; }
.home .logo-home { display: inline-block; }
.logo-nmls { color: black; }
.home .logo-nmls { color: white; }

#navContainer { padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: white; }

/* purchase menu button */
#menu-main-menu #menu-item-22 a { color: white; background-color: #d90d0a; }

.block-heading { font-size: 30pt; }


.homepage-contact .col-left { color: white; font-size: 10pt; }
.homepage-contact .col-left h2 { margin-bottom: 1em; font-weight: bold; font-size: 20pt; }
.homepage-contact .col-left h2 em { display: block; font-size: 60%; padding-bottom: 0.5em; }
.homepage-contact .col-left h3 { font-size: 13pt; font-weight: bold; }
.homepage-contact .col-left .subtext { font-size: 8pt; text-align: justify; line-height: 1em; }
.homepage-contact .col-left ul { margin: 0; padding: 0; list-style-type: none; }
.homepage-contact .col-left ul li:before { content: ''; display: inline-block; background-image: url(plus.png); background-size: contain; width: 9px; height: 9px; margin-right: 0.5em; vertical-align: middle; }

.homepage-contact .col-contact { background-color: white; box-shadow: 0.5rem 0.5rem 1.5rem rgba(40,40,40,0.3); }
.homepage-contact .col-contact .wpcf7-text { border-radius: 0; background-color: #f3f3f3; padding: 0.6rem .75rem; height: auto; }
.homepage-contact .col-contact .wpcf7-submit { border-radius: 0; color: white; background-color: #f9b207; border: 0; padding: 0.6rem 3rem; font-size: 15pt; }
.homepage-contact .col-contact .form-group { margin-bottom: 1.5rem; }
.homepage-contact .col-contact .ajax-loader { display: block; }

.carousel .slick-slide { padding: 1em; }
.carousel .slick-next { right: 25px; }
.carousel .slick-prev { left: 25px; z-index: 1; }


dl.toggle-list dd { display: none; opacity: 0; }
dl.toggle-list dt { padding: 1em 0; border-bottom: 1px solid #dcdcdc; cursor: pointer; }
dl.toggle-list dt:after { font-family: 'Font Awesome 5 Free'; content: '\f067'; float: right; font-size: 11pt; }
dl.toggle-list dt.active:after { font-family: 'Font Awesome 5 Free'; content: '\f068'; }

dl.toggle-list dt.active { padding: 1em 0; border-bottom: 0; }
dl.toggle-list dd.active { display: block; border-bottom: 1px solid #dcdcdc; padding-bottom: 1em; margin: 0; opacity: 1; transition: 0.5s all; }

.image-offset-block { background-color: #d90d0a; }
.image-offset-block > img { transform: translate(-1.2rem, 1.2rem); }

.btn-apply-now { background-color: #6baffe; border: 0; border-radius: 0; color: #19232d; padding: 1em 2.25em; font-weight: bold;  }

.loan-officer-item { padding: 3rem; }
.loan-officer-item a { text-decoration: none !important; }
.loan-officer-item .loan-officer-name { color: black; margin-top: 1em; }
.loan-officer-item .loan-officer-type { color: #6D6D6D; }
.loan-officer-item-image-wrap { position: relative; width: 50%; margin-left: auto; margin-right: auto; }
.loan-officer-item-image-wrap .mail-icon { position: absolute; top: 0; right: 0; width: 2em; height: 2em; background-color: white; border-radius: 100%; transform: translate(25%, -25%); }
.loan-officer-item-image-wrap .mail-icon .fas { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.single-loan-officers .loan-officer-type { color: #d90d0a; text-transform: uppercase; }

.loan-officers-infobar { background-color: #f8f8f8; list-style-type: none; padding: 0.5rem; display: flex; margin-top: 2rem; }
.loan-officers-infobar > li { border-right: 1px solid black; padding: 0.5rem; }
.loan-officers-infobar > li:last-of-type { border-right: none; }

.loan-officers-infobar > li.email { white-space: nowrap; }
.loan-officers-infobar > li.cell { white-space: nowrap; }

.loan-officers-infobar a { color: black; text-decoration: none; }

.loan-officer .purchase-refinance-buttons { max-width: none; width: 100%; }
.loan-officer .purchase-refinance-buttons .btn-refinance { border: 2px solid #f0f0f0; }


/* ------- */

ul.checkmark-list { list-style-type: none; padding: 0; }
ul.checkmark-list > li { padding-left: 2.5em; position: relative; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #3f464f; }
ul.checkmark-list > li:last-child { border-bottom: 1px solid #3f464f; }
ul.checkmark-list > li:before { content: ''; display: block; position: absolute; left: 0; width: 1.5em; height: 1.5em; background-image: url(checkmark.png); background-repeat: no-repeat; background-size: contain; }

.half-color { position: relative; }
.half-color > * { position: relative; }
.half-color:before { content: ''; display: block; position: absolute; left: 0; top: 50%; bottom: 0; right: 0; background-color: #19232d; }

.benton-logo { font-weight: bold; font-size: 18pt; }
.benton-logo .benton-logo-box { display: inline-block; background-color: white; color: black; padding: 0 0.4em; }
.benton-logo.inverted .benton-logo-box { background-color: black; color: white; padding: 0 0.4em; }
.benton-logo .benton-logo-name { color: white; }
.benton-logo.inverted .benton-logo-name { color: black; }

.page-heading { font-size: 12pt; font-weight: bold; color: #6d6d6d; margin-bottom: 1em; }
.page-subheading { font-size: 30pt; font-weight: bold; margin-bottom: 1em; }


.home-page-header { position: relative; height: 40vw; background-size: cover; background-position: center center; }
.home-page-header:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); }
.home-page-header h1 { color: white; font-size: 6vw; margin-bottom: 0.5em; font-weight: bold; }
.home-page-header-content { position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); }

.header-has-arrow { position: relative; }
.header-has-arrow:before { content: ''; display: block; position: absolute; left: 50%; top: 100%; height: 7em; width: 2px; background-color: #6baffe; transform: translate(-50%, -50%); }
.header-has-arrow:after { content: ''; display: block; position: absolute; left: 50%; top: calc(100% + 2.5em); border-top: 2px solid #6baffe; border-right: 2px solid #6baffe; width: 10px; height: 10px; transform: rotate(135deg) translate(7px, 0); }


#menu-main-menu > .menu-item { padding-bottom: 2rem; }
#menu-main-menu > .menu-item:hover > .nav-link:before { content: ''; display: block; position: absolute; right: 1em; bottom: 0; border-top: 2px solid #6baffe; border-right: 2px solid #6baffe; width: 10px; height: 10px; transform: rotate(45deg) translate(6px, 0); }
#menu-main-menu > .menu-item:hover > .nav-link:after { right: calc(1em - 3px); width: auto; }





.topnav { position: relative; z-index: 1; }
.topnav-opaque { background-color: white; height: 4rem; }

.header-logo { display: block; position: absolute; left: 1.5rem; top: 2rem; transform: translate(0, -50%); }
.header-logo:hover { text-decoration: none; }

/* .topnav > .header-logo { transform: translate(0, -50%); } */

.topnav-menu-button { position: absolute; right: 0; top: 0; background-color: white; background-image: url(menu-icon.png); background-repeat: no-repeat; background-position: center center; background-size: 25%; width: 4rem; height: 4rem; border: 0; }
.topnav-opaque .topnav-menu-button { filter: invert(100%); }


.topnav-menu { display: none; background-color: white; position: fixed; left: 0; right: 0; min-height: 100%; padding: 8rem 5rem; z-index: 10; }
.topnav-menu .nav-link { display: block; width: 30%; color: #19232d; font-size: 26pt; font-weight: bold; position: relative; padding: 0; }
@media (max-width: 768px) {
	.topnav-menu .nav-link { display: block; width: 100%; font-size: 18pt; font-weight: bold; position: relative; padding: 0; }
}
.topnav-menu .nav-link:after { content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background-color: #6baffe; }
.topnav-menu .nav-link:after { content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background-color: #6baffe; }
.topnav-menu .dropdown-menu { position: relative; border: 0; }
.topnav-menu .dropdown:hover .dropdown-menu { display: block; position: absolute; left: 30%; right: 0; top: 0; }
.topnav-menu.visible { display: block; }
.topnav-menu-close-button { position: absolute; right: 0; top: 0; background-color: white; background-image: url(menu-close.png); background-repeat: no-repeat; background-position: center center; background-size: 25%; width: 4rem; height: 4rem; border: 0; }

.topnav-menu .follow-us { font-weight: bold; }
.topnav-menu .social-icons { vertical-align: bottom; display: inline-block; }
.topnav-menu .social-icons a { display: inline-block; border: 2px solid #19232d; border-radius: 100%; width: 2em; height: 2em; color: #19232d; display: inline-flex; align-items: center; justify-content: center; margin-left: 1em; font-size: 10pt; }
.topnav-menu .social-icons a span { display: block; transform: translate(0, 2px); }


.purchase-refinance-buttons { display: flex; position: relative; max-width: 22em; }
.purchase-refinance-buttons:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 10%; height: 0.175em; background-color: black; transform: translate(-50%, -50%); }
.purchase-refinance-buttons > a { width: 50%; display: block; padding: 1em 2em; color: black; text-align: center; }
.purchase-refinance-buttons .btn-purchase { background-color: #6baffe;  }
.purchase-refinance-buttons .btn-refinance { background-color: white;  }
.topnav .btn-refinance { border: 2px solid #ededed; border-left: 0; }




.ready-to-get-started { background-color: #293b4d; padding: 6vw 0; text-align: center; }
.ready-to-get-started h2 { font-size: 4vw; margin-bottom: 0.5em; color: white; font-weight: bold; }
.ready-to-get-started .purchase-refinance-buttons { margin: 0 auto; }

.testimonials-slider-section { background-color: #19232d; color: white; padding: 5vw 0; }
.testimonials-slider-section > .container { padding-top: 2em; }
.testimonials-slider-section a { color: #6BAFFE; }
.testimonials-slider-right:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 2em; height: 2em; background-repeat: no-repeat; background-image: url(quote.png); background-size: contain; transform: translate(-100%, 0.35em); }

.tab-section { background-color: #19232d; color: white; padding: 5vw 0; }
.tab-section > .container > .row { padding-top: 1.5em; }
.tab-section-left .nav-link { color: #808994; font-size: 25pt; text-decoration: none; font-weight: bold; padding-left: 0; }
.tab-section-left .nav-link.active { color: white; }
.tab-section-left .nav-link .custom-icon { margin-right: 0.5em; opacity: 0.5; }
.tab-section-left .nav-link.active .custom-icon { margin-right: 0.5em; opacity: 1; filter: brightness(1.1); }


.purchase-refinance-slider-tabs { background-color: transparent; }
.purchase-refinance-slider-tabs .tab-carousel { color: black; }
.purchase-refinance-slider-tabs .tab-carousel .slick-slide { padding: 1em; }
.purchase-refinance-slider-tabs .tab-carousel .item { margin: 1em; padding: 1em; background-color: white; text-align: center; }
.purchase-refinance-slider-tabs .tab-carousel .item img { margin: 0 auto; margin-bottom: 1em; }
.purchase-refinance-slider-tabs .nav-link.active { color: black; }

.job-openings-jumbotron { position: relative; padding-top: 7vw; padding-bottom: 7vw; background-image: url(job.jpg); background-size: cover; background-position: center center; }
.job-openings-jumbotron > * { position: relative; }
.job-openings-jumbotron:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); }

.post-date { color: #6d6d6d; }

.post-content h2 { margin-top: 1em; }

.calculator-item { background-color: white; text-align: center; padding-top: 2em; padding-bottom: 2em; margin-bottom: 30px; }
.calculator-item img { width: 50%; margin-bottom: 1em; }

.wpcf7-form .form-group { border-top: 1px solid #f0f0f0; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 0; }
.wpcf7-text, .wpcf7-select { border: 0; }
.wpcf7-submit { background-color: #6baffe; border: 0; border-radius: 0; color: #19232d; padding: 0.75em 2em; font-weight: bold;  }

.custom-icon.question-mark-icon { display: inline-block; background-repeat: no-repeat; background-image: url(question-mark.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.who-qualifies-icon { display: inline-block; background-repeat: no-repeat; background-image: url(who-qualifies.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.what-you-need-icon { display: inline-block; background-repeat: no-repeat; background-image: url(what-you-need.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.what-to-expect-icon { display: inline-block; background-repeat: no-repeat; background-image: url(what-to-expect.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.property-requirements-icon { display: inline-block; background-repeat: no-repeat; background-image: url(property-requirements.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.benefits-icon { display: inline-block; background-repeat: no-repeat; background-image: url(benefits.png); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }

.custom-icon.purchasing-icon { display: inline-block; background-repeat: no-repeat; background-image: url(purchase.svg); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }
.custom-icon.refinancing-icon { display: inline-block; background-repeat: no-repeat; background-image: url(refinance.svg); background-size: contain; width: 0.9em; height: 0.9em; vertical-align: text-top; }



.location-boxes p { font-size: 11pt; }
.location-boxes .col { padding-bottom: 1.5em; }
.content h3.location-heading { font-size: 13pt; border-bottom: 1px solid #3e464f; padding-bottom: 0.5em; }

.pros-cons h3 { font-weight: bold; font-size: 13pt; }
.pros-cons-item { min-height: 10em; }
.pros-cons-item h4 { padding-left: 30px; padding-right: 30px; }
.pros-cons-item p { padding-left: 30px; padding-right: 30px; }
.pros-hr { display: block; position: relative; background-color: #f0f0f0; height: 2px; margin-top: 2.5em; margin-bottom: 2.5em; }
.pros-hr:after { content: ''; display: block; background-image: url(thumbs-up.png); background-repeat: no-repeat; background-size: contain; height: 2em; width: 2em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.cons-hr { display: block; position: relative; background-color: #f0f0f0; height: 2px; margin-top: 2.5em; margin-bottom: 2.5em; }
.cons-hr:after { content: ''; display: block; background-image: url(thumbs-down.png); background-repeat: no-repeat; background-size: contain; height: 2em; width: 2em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }