/*
Theme Name: USA Loan Officer
Author: Mahmud Hasan
Description: Mortgage website for Razia Sultana. Editable WordPress pages, menus and carousel settings. No Divi required.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: usa-loan-officer
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193d38;--green:#174e42;--lime:#d2e59b;--cream:#f5f5ed;--line:#dce2d8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.14;font-weight:500;letter-spacing:-1.8px}h1{font-size:clamp(42px,5.1vw,76px);margin:24px 0}h2{font-size:clamp(32px,3.4vw,50px);margin:18px 0 25px}h3{font-size:25px;letter-spacing:-.7px}p{color:#5a6c64}a:focus-visible,button:focus-visible{outline:3px solid #a2b45e;outline-offset:4px}.top{background:var(--ink);color:#fff;padding:9px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.top a{letter-spacing:.3px}header{padding:22px 4%;display:flex;align-items:center;justify-content:space-between;background:white;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{width:55px;height:55px;object-fit:contain}.brand span{font-size:19px;letter-spacing:1px;line-height:1.4}.brand b{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:1.2px}nav{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600}.drop{position:relative}.drop button{border:0;background:none;color:var(--ink);padding:16px 0;font-size:12px;font-weight:600}.drop span{margin-left:3px}.submenu{display:none;position:absolute;top:100%;left:-18px;min-width:240px;background:#fff;padding:12px;border:1px solid var(--line);box-shadow:0 12px 30px #183e381a;max-height:75vh;overflow:auto}.submenu a{display:block;padding:8px 12px;font-size:13px}.submenu a:hover{background:var(--cream)}.drop:hover .submenu,.drop:focus-within .submenu,.drop.open .submenu{display:block}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;padding:17px 25px;font-size:14px;gap:20px;border:0;border-radius:3px;font-weight:600}.button:hover{background:#246653}.button.small{font-size:12px;padding:13px 18px}.button.light{background:var(--lime);color:var(--ink)}.mobile{display:none}.hero{min-height:630px;position:relative;background:var(--cream);overflow:hidden}.heroimage{position:absolute;inset:0 0 0 40%;background:linear-gradient(90deg,var(--cream),#f5f5ed11 38%),url('assets/home.jpg') center/cover}.herocontent{position:relative;z-index:1;max-width:780px;padding:76px 0 40px 6%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.hero p{max-width:380px;font-size:17px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.textlink{font-size:14px;font-weight:600}.slidecontrols{display:flex;align-items:center;gap:15px;margin-top:52px}.slidecontrols button{background:transparent;border:1px solid #aabbac;border-radius:50%;height:36px;width:36px;color:var(--ink)}.slidecontrols span{font-size:11px;letter-spacing:2px}.hero-label{position:absolute;right:35px;bottom:30px;color:white;font-size:10px;letter-spacing:2px;background:#173c3866;padding:8px 15px}.trust{padding:23px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);font-size:12px}.trust span:first-child{font-weight:700;font-size:15px}.trust small{display:block;font-size:10px;font-weight:400}.trust a{font-weight:700}.section{padding:85px 6%}.sectiontitle{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.sectiontitle p{max-width:360px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.card{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:270px;transition:background .2s}.card:hover{background:var(--cream)}.cardnum{font-size:12px;color:#8eaa8e}.card h3{margin:20px 0 10px}.card p{font-size:14px}.card strong{font-size:12px;margin-top:auto;padding-top:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--cream)}.split p{max-width:490px}.photo{position:relative;height:490px;border-radius:3px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;bottom:25px;left:25px;color:white;font-size:25px;line-height:1.3;padding:15px;background:#173c3899}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.steps b{display:block;font-weight:400;font-size:32px;color:#83a08e;border-bottom:1px solid var(--line);padding-bottom:20px}.steps h3{font-size:22px}.steps p{font-size:14px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;background:#eef1e8}.tools>div{grid-row:span 3}.tools>a{border-bottom:1px solid #bac8b9;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:20px}.closing{padding:65px 6%;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{margin-bottom:10px}.closing p{color:#dce5dc}footer{padding:60px 6% 20px;background:#f6f6f0;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:40px;font-size:13px}footer h3{font-size:20px;letter-spacing:1px}footer h4{font-size:10px;letter-spacing:1.5px}footer a{display:block;margin-bottom:9px}footer p{font-size:12px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;display:flex;justify-content:space-between}.pagehero{padding:65px 6%;background:var(--cream);border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(40px,4vw,62px);margin-bottom:15px}.pagehero p{max-width:650px}.reading{max-width:950px;margin:auto}.reading p,.reading li{font-size:17px}.reading h3{margin-top:35px}.guide{display:flex;gap:30px;border-top:1px solid var(--line);padding:20px 0}.guide>span{padding-top:30px;color:#7b9a78}.guide h3{margin-top:20px}.calc{display:grid;grid-template-columns:1fr 1fr;gap:70px}label{display:block;font-size:13px;margin-bottom:22px}input,select{display:block;width:100%;padding:15px;border:1px solid #bfccbe;background:white;color:var(--ink);margin-top:8px;border-radius:3px}.result{background:var(--green);color:white;padding:45px;align-self:start}.result span{font-size:11px;letter-spacing:2px}.result h2{font-size:60px}.result p{color:#dae4d7;font-size:13px}.note{padding:40px;background:#fff;border:1px solid var(--line)}.phone{font-size:26px}.monogram{min-height:400px;background:var(--green);color:var(--lime);font-family:Georgia,serif;font-size:140px;display:flex;align-items:center;justify-content:center;flex-direction:column}.monogram small{font:10px Arial;letter-spacing:2px;color:white}@media(min-width:1500px){header,main,footer,.top,.closing{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}.hero{margin-left:-7%;margin-right:-7%}}@media(max-width:1150px){nav{gap:12px;font-size:11px}.brand{min-width:175px}.brand span{font-size:15px}.brand img{width:40px}.drop button{font-size:11px}header{padding-left:3%;padding-right:3%}}@media(max-width:950px){.mobile{display:block;background:none;border:0;color:var(--green);font-size:26px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;max-height:80vh;overflow:auto;padding:20px 6%;align-items:stretch;flex-direction:column;font-size:15px}nav.shown{display:flex}.drop button{width:100%;text-align:left;font-size:15px;padding:8px 0}.submenu{position:static;box-shadow:none;border:0;border-left:2px solid var(--line);margin:6px}.drop:hover .submenu{display:none}.drop.open .submenu,.drop:focus-within .submenu{display:block}.heroimage{inset:0;background:linear-gradient(90deg,#f5f5edf5,#f5f5edb0 60%,#f5f5ed55),url('assets/home.jpg') center/cover}.trust{flex-wrap:wrap}.trust span:last-of-type{display:none}.herocontent{padding-top:60px}.hero{min-height:590px}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.steps{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top{font-size:8px;letter-spacing:.4px}.top span{max-width:50%}.brand img{width:45px}.brand span{font-size:18px}header{padding:16px 5%}.herocontent{padding:45px 6% 35px}.hero{min-height:580px}h1{font-size:47px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero p{font-size:16px;max-width:310px}.actions{gap:18px}.button{padding:15px 19px;font-size:12px}.textlink{font-size:12px}.hero-label{display:none}.trust{gap:15px;padding:20px 6%}.trust>span:nth-child(2){display:none}.trust a{font-size:11px}.section{padding:55px 6%}.sectiontitle{display:block}.cards{grid-template-columns:1fr}.card{min-height:230px;padding:25px}.split,.calc,.tools{grid-template-columns:1fr}.photo{height:350px}.split>div+div{margin-top:5px}.steps{gap:25px}.steps h3{font-size:20px}.tools>div{grid-row:auto}.closing{display:block;padding:45px 6%}.closing .button{margin-top:15px}footer{gap:20px}.disclosure{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:10px}.pagehero{padding:45px 6%}.calc{gap:30px}.result{padding:30px}.result h2{font-size:48px}.monogram{min-height:300px}.note{padding:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.brandmark{font-size:36px!important;line-height:1;background:var(--cream);padding:8px 13px;border-radius:4px}.cardnum,.steps b,.guide>span{display:none}.brand{min-width:250px}.brand span:not(.brandmark){font-size:17px}@media(max-width:1150px){.brand{min-width:215px}.brand span:not(.brandmark){font-size:14px}}
#slidenum{display:none}

/* WordPress integration */
.usalo-header{width:100%}.usalo-menu{display:flex;list-style:none;margin:0;padding:0;gap:18px;align-items:center}.usalo-menu>li{position:relative}.usalo-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:245px;background:white;padding:12px;list-style:none;box-shadow:0 8px 25px #193d3820;max-height:75vh;overflow:auto}.usalo-menu .sub-menu a{display:block;padding:8px 10px}.usalo-menu li:hover>.sub-menu,.usalo-menu li:focus-within>.sub-menu,.usalo-menu li.open>.sub-menu{display:block}.usalo-menu>li>a{display:inline-block;padding:14px 0}.submenu-toggle{background:transparent;border:0;padding:6px;color:inherit}.wp-block-group{box-sizing:border-box}.wp-block-image{margin:0}.photo .wp-block-image{height:100%}.photo img{height:100%;object-fit:cover}.wp-block-button__link{background:var(--green);color:white;padding:15px 22px;border-radius:3px;font-size:14px}.wp-block-buttons{margin:20px 0}.card-content .wp-block-buttons{margin-top:auto}.heroimage{background-image:linear-gradient(90deg,var(--cream),#f5f5ed11 38%),var(--hero-image);background-size:cover;background-position:center}.hero h1{max-width:700px}.page-content>.wp-block-group{margin-block-start:0}.page-content .wp-block-group>p{margin-top:1em}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;z-index:1000;background:white;padding:12px}.closing h2{color:white}.photo p{position:absolute;bottom:20px;left:20px;color:white;background:#173c38aa;padding:12px}.tools>div:first-child{grid-row:span 3}.tools .wp-block-buttons{margin:0;border-bottom:1px solid #bac8b9}.tools .wp-block-button__link{background:none;color:var(--ink);text-align:left}.reading .wp-block-group{margin-top:25px}.guide{display:block}.brandmark{font-family:Arial,sans-serif}.editor-styles-wrapper{color:#193d38}.editor-styles-wrapper .wp-block{max-width:1200px}
@media(max-width:1100px){.mobile{display:block;background:none;border:0;font-size:24px}nav.usalo-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 6%;max-height:80vh;overflow:auto}nav.usalo-nav.shown{display:block}.usalo-menu{display:block}.usalo-menu>li>a{font-size:15px}.usalo-menu .sub-menu{position:static;box-shadow:none;max-height:none}.usalo-menu li:hover>.sub-menu{display:none}.usalo-menu li.open>.sub-menu,.usalo-menu li:focus-within>.sub-menu{display:block}.usalo-menu>li{border-bottom:1px solid var(--line)}.heroimage{background-image:linear-gradient(90deg,#f5f5edf5,#f5f5edb0 60%,#f5f5ed55),var(--hero-image)}}
@media(max-width:600px){.tools>div:first-child{grid-row:auto}.brand{min-width:0}}
/* WordPress classic group wrappers: preserve the intended columns. */
.cards>.wp-block-group__inner-container,.split>.wp-block-group__inner-container,.steps>.wp-block-group__inner-container,.tools>.wp-block-group__inner-container,.sectiontitle>.wp-block-group__inner-container,.trust>.wp-block-group__inner-container,.card>.wp-block-group__inner-container{display:contents}
.photo>.wp-block-group__inner-container{height:100%}
.cards .card,.steps>.wp-block-group__inner-container>article{margin-block-start:0!important;min-width:0}
.trust p,.trust .wp-block-buttons{margin:0}
.usalo-card-link{margin-top:auto!important;padding-top:15px;font-size:12px;font-weight:600}
.usalo-card-link a:hover,.card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.tools>.wp-block-group__inner-container>.wp-block-group:first-child{grid-row:span 3}
@media(max-width:600px){.tools>.wp-block-group__inner-container>.wp-block-group:first-child{grid-row:auto}}