/* usaexpressloans.com restore: technical overrides */
h1.uel-h1,h1.uel-h1-post{font-size:inherit;line-height:inherit;margin:0}
.cmsmasters_heading_wrap h1.uel-h1{font-size:28px;line-height:36px;font-weight:700}
h1.uel-h1-post{font-size:28px;line-height:36px;font-weight:700}
h1.uel-h1-landing{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:26px;font-weight:700;color:#fff!important;text-align:left;margin:0 0 10px;padding:0;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.uel-404 h1.uel-h1-landing{color:#252525!important;text-align:center;text-shadow:none}
@media (max-width:767px){h1.uel-h1-landing{font-size:16px;line-height:22px}.cmsmasters_heading_wrap h1.uel-h1,h1.uel-h1-post{font-size:24px;line-height:30px}}
img.uel-ph{background:linear-gradient(135deg,#1f6fd6,#3588f0);object-fit:cover;max-width:100%;height:auto}
.uel-404{text-align:center;padding:60px 15px 80px}
.uel-404 p{font-size:16px;margin:18px 0}
.uel-btn{display:inline-block;padding:12px 26px;margin:6px;border-radius:4px;background:#05c36c;color:#fff!important;font-weight:700;text-decoration:none}
.uel-btn-alt{background:#3588f0}
html,body{overflow-x:clip}
img{max-width:100%}
.uel-apply{max-width:860px;margin:0 auto;padding:30px 15px 50px}
.uel-apply-intro{font-size:16px;line-height:26px;margin:0 0 24px;text-align:center}
.uel-apply-form{min-height:420px}
.uel-apply-note{font-size:13px;line-height:20px;color:#8b8b8b;text-align:center;margin:24px 0 0}
.uel-contact{background:#f8f8f8;border-radius:6px;padding:24px 22px;margin:0 0 30px;word-break:break-word}
.uel-contact-lead{font-size:16px;line-height:24px;margin:0 0 16px}
.uel-contact-list{list-style:none;margin:0 0 18px;padding:0}
.uel-contact-list li{padding:9px 0;border-bottom:1px solid #e0e0e0;font-size:15px;line-height:22px;list-style:none}
.uel-contact-list li:before{display:none}
.uel-contact-list .uel-k{display:block;font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#8b8b8b;margin:0 0 2px}
.uel-contact-btns{margin:0}
.uel-contact-btns .uel-btn{margin:6px 10px 0 0}

/* ===== mobile adaptation (<=767px): the theme keeps desktop paddings on phones ===== */
@media (max-width:767px){
  /* section rhythm: cap the per-row desktop paddings */
  html body #middle .cmsmasters_row_outer_parent{padding-top:24px!important;padding-bottom:20px!important}
  html body #middle .middle_content{padding-top:24px!important}
  html body #middle .middle_content:empty{display:none!important}
  html body #middle .cmsmasters_divider{margin-top:8px!important;margin-bottom:8px!important}
  html body #middle .cmsmasters_row:has(>.cmsmasters_row_outer_parent .cmsmasters_column_inner>.cmsmasters_divider:only-child) .cmsmasters_row_outer_parent{padding-top:4px!important;padding-bottom:4px!important}
  html body #middle .content,html body #middle .sidebar{padding-top:28px!important;padding-bottom:28px!important}
  html body #middle .cmsmasters_column{margin-bottom:16px!important}
  html body #middle .cmsmasters_column:last-child{margin-bottom:0!important}
  html body #middle .cmsmasters_column_inner{padding-top:0!important;padding-bottom:0!important}
  html body #middle .cmsmasters_column_inner{padding-left:0!important;padding-right:0!important}
  html body #middle .cmsmasters_row_inner{padding-left:16px!important;padding-right:16px!important}
  /* boxed step cards (how it works): keep an inner gutter, drop the desktop photo offset */
  html body #middle .cmsmasters_column:has(>.cmsmasters_column_inner>.cmsmasters_heading_wrap.cmsmasters_heading_align_left)>.cmsmasters_column_inner{padding:20px 18px!important}
  html body #middle .cmsmasters_column:empty,html body #middle .cmsmasters_column:has(>.cmsmasters_column_inner:empty){display:none!important}
  html body #middle .cmsmasters_heading_wrap{margin-top:0!important;margin-bottom:14px!important}
  html body #middle .cmsmasters_row .cl{margin-bottom:24px!important}

  /* hero */
  html body #middle h2.cmsmasters_heading{line-height:1.25!important}
  html body #middle .featured_block_text sub,html body #middle .featured_block_text sub *{font-size:12.5px!important;line-height:1.5!important;vertical-align:baseline}
  h1.uel-h1-landing{margin-top:4px}

  /* empty image blocks whose photo was never archived (only a padding box) */
  html body #middle .cmsmasters_column:has(.featured_block_text>div:only-child:empty){display:none!important}

  /* "how payday loans work" steps: 2-up grid, smaller number badge (was 280px each) */
  html body #middle .cmsmasters_column.one_fourth:has(>.cmsmasters_column_inner>.cmsmasters_icon_box){width:calc(50% - 8px)!important;float:left!important;margin:0 4px 18px!important;clear:none!important}
  html body #middle .cmsmasters_icon_box.cmsmasters_icon_top{padding-top:74px!important}
  html body #middle .cmsmasters_icon_box.cmsmasters_icon_top:before{width:58px!important;height:58px!important;line-height:54px!important;font-size:24px!important;top:0!important}
  html body #middle .cmsmasters_icon_box .icon_box_heading{font-size:17px!important;margin-bottom:6px!important}
  html body #middle .cmsmasters_icon_box .icon_box_text p{font-size:14px;line-height:1.45}
  html body #middle .cmsmasters_row_margin:has(>.cmsmasters_column.one_fourth>.cmsmasters_column_inner>.cmsmasters_icon_box)::after{content:"";display:block;clear:both}

  /* state lists (toggles with many items): compact 2-up grid, 44px taps (was 65px rows, 2333px) */
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8)){display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8)) .cmsmasters_toggle_title a{padding:12px 6px!important;font-size:16px!important;line-height:20px!important}
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8)) .cmsmasters_toggle_plus{display:none}
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8))+.cl,html body #middle .cmsmasters_row:has(.cmsmasters_toggle_wrap:nth-child(8)) .cmsmasters_column{margin-bottom:0!important}
  html body #middle .cmsmasters_toggle_inner{padding:16px 0!important}

  /* footer */
  html body #bottom .bottom_bg{padding:32px 0 20px!important}
  html body #bottom .bottom_inner{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;margin:0 16px!important}
  html body #bottom .bottom_inner>.widget{width:auto!important;float:none!important;margin:0 0 22px!important;padding:0!important}
  html body #bottom .bottom_inner>.widget:first-child,html body #bottom .bottom_inner>.widget:last-child{grid-column:1/-1}
  html body #bottom .widget .widgettitle{margin-bottom:10px!important}
  html body #bottom .styled_list li{padding:6px 0!important}

  /* forms & taps */
  html body input,html body select,html body textarea{font-size:16px}

  /* hero: state picker full width */
  html body #middle .loan_amt_selector select.form-extra-state{width:100%!important;max-width:none!important;height:48px}
  /* tech/partner logos: 3-up grid instead of one 120px row each */
  html body #middle .cmsmasters_clients_grid .cmsmasters_clients_items{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px 12px;height:auto!important}
  html body #middle .cmsmasters_clients_grid .cmsmasters_clients_item{width:auto!important;height:64px!important;float:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important}
  html body #middle .cmsmasters_clients_grid .cmsmasters_clients_item img{width:100%!important;max-width:118px;height:auto!important;max-height:44px;object-fit:contain}
  html body #middle .cmsmasters_clients_grid{height:auto!important}
}

/* ===== desktop/tablet (>=768px) ===== */
@media (min-width:768px){
  /* never-archived photo slots: on-brand placeholder instead of a blank box */
  html body #middle .cmsmasters_featured_block:has(>.featured_block_inner>.featured_block_text>div:only-child:empty){background:url(/_uel/panel.svg) center/cover no-repeat,linear-gradient(135deg,#1f6fd6,#3588f0)!important;border-radius:6px}
  /* state lists: 2-up grid inside each column (was 18 rows x 65px) */
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8)){display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  html body #middle .cmsmasters_toggles:has(>.cmsmasters_toggle_wrap:nth-child(8)) .cmsmasters_toggle_title a{padding:13px 10px 13px 40px!important;line-height:22px!important}
}

/* ===== sticky header + "Get Loan" CTA where the theme uses its mobile nav (<=1024px; above it the theme header is already fixed) ===== */
.uel-hdr-cta{display:none}
@media (max-width:1024px){
  html body #page header,html body header{position:sticky!important;top:0;z-index:999}
  html body header .header_mid{background-color:#252525!important;box-shadow:0 2px 10px rgba(0,0,0,.25)}
  html body .header_mid_inner{display:flex!important;flex-wrap:wrap;align-items:center;padding:10px 16px!important;height:auto!important;min-height:0!important}
  html body .header_mid_inner>.logo_wrap{flex:1 1 0;min-width:0;width:auto!important;margin:0!important;height:auto!important;text-align:left!important}
  html body .header_mid_inner>.logo_wrap .logo{display:block;height:auto!important;max-width:220px}
  html body .header_mid_inner>.logo_wrap .logo img.logo_retina{display:block;position:static!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
  html body .header_mid_inner>.logo_wrap .logo{width:100%!important}
  html body .header_mid_inner>.resp_mid_nav_wrap,html body .header_mid_inner>.mid_search_but_wrap{margin:0 0 0 6px!important;height:44px!important;min-width:40px;display:flex!important;align-items:center;justify-content:center}
  html body .header_mid_inner>.resp_mid_nav_wrap .resp_mid_nav_outer{height:auto!important}
  html body .header_mid_inner>.mid_nav_wrap{flex:0 0 100%;order:9;max-height:calc(100vh - 70px);overflow-y:auto}
  .uel-hdr-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;order:2;height:40px;padding:0 16px;margin-left:10px;border-radius:20px;background:#05c36c;color:#fff!important;font:700 14px/1 Montserrat,Arial,sans-serif;letter-spacing:.02em;text-decoration:none!important;white-space:nowrap;box-shadow:0 2px 8px rgba(5,195,108,.35);transition:background-color .15s ease,transform .1s ease}
  .uel-hdr-cta:hover,.uel-hdr-cta:focus-visible{background:#04ad60}
  .uel-hdr-cta:active{transform:scale(.97)}
  html body .header_mid_inner>.resp_mid_nav_wrap{order:3}
  html body .header_mid_inner>.mid_search_but_wrap{order:4}
}
@media (max-width:360px){
  .uel-hdr-cta{padding:0 12px;font-size:13px}
}
/* desktop: the theme's green "Get Loan" menu tab -> a clear pill button */
@media (min-width:1025px){
  html body .mid_nav_wrap .apply-menu-button{display:inline-flex!important;align-items:center;vertical-align:top}
  html body .mid_nav_wrap .apply-menu-button>a{display:flex!important;align-items:center;height:40px!important;line-height:20px!important;background:#05c36c!important;border-radius:20px;margin:0 0 0 8px;padding:0 22px!important;box-shadow:0 2px 8px rgba(5,195,108,.3);transition:background-color .15s ease}
  html body .mid_nav_wrap .apply-menu-button>a:hover{background:#04ad60!important}
  html body .mid_nav_wrap .apply-menu-button>a .nav_title{color:#fff!important}
}

/* header search overlay: hidden unless opened (theme hides it only in its big style.css) */
.cmsmasters_header_search_form:not(.cmsmasters_show){display:none!important}
.cmsmasters_header_search_form.cmsmasters_show{position:fixed;inset:0;z-index:99999;background:rgba(50,51,56,.98)}

/* ===== footer: same look on every page and width ===== */
html body #bottom .uel-ft-brand{margin:0 0 8px!important;font:700 15px/1.3 Montserrat,Arial,sans-serif;color:#fff;letter-spacing:.04em;text-transform:uppercase}
html body #bottom .uel-ft-lic{margin:0!important;font-size:13px;line-height:1.55;color:#9aa0a8}
html body #bottom .uel-ft-lic a{color:#c4c9d0;text-decoration:underline;text-underline-offset:2px}
html body #bottom .widget .widgettitle{margin-top:0!important}
@media (min-width:768px){html body #bottom .bottom_inner{align-items:start}}
