img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
.hiw[data-unavailable-illustration] { padding-left: 0; min-height: 0; }
body { margin: 0; }
#copyright { float: none; clear: both; display: block; box-sizing: border-box; width: 960px; max-width: 100%; margin: 0 auto; }
.seo-breadcrumb { font-size: 14px; margin-bottom: 18px; }
input:disabled, select:disabled, textarea:disabled, button:disabled { opacity: 1; }
#testimonials .testimonial { opacity: 1; }
#testimonials .testimonial ul { left: 0; }
#testimonials .testimonial li { width: auto; float: none; margin: 0; }
#testimonials .testimonial ul { position: static; height: auto; }
#testimonials .testimonial li { line-height: 1.45; }
.testimonial-controls { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; }
.testimonial-controls span { font-size: 14px; min-width: 44px; text-align: center; }
.testimonial-controls button { min-width: 44px; min-height: 44px; border: 1px solid #aaa; border-radius: 3px; background: transparent; color: #fff; font: inherit; cursor: pointer; }
.testimonial-controls button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#testimonials .ml, #testimonials .mr { display: none; }
[data-unavailable-dynamic] { display: none !important; }
.timer_cont { display: none !important; }
#footer .rates-and-fees { font-size: 12px; line-height: 18px; padding: 16px 20px; text-align: left; }
#footer .rates-and-fees p { font-size: inherit; line-height: inherit; margin: 0 0 10px; }
#footer .rates-and-fees p:last-child { margin-bottom: 0; }
#footer .rates-and-fees small { font-size: inherit; line-height: inherit; }
.apply-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 32px; box-sizing: border-box; border: 1px solid #ec721b; border-radius: 4px; background: #ff842b; color: #fff; font: 700 20px/1.2 'Quattrocento Sans', sans-serif; text-decoration: none; }
.apply-button:hover { background: #ed741d; color: #fff; }
.apply-button:focus-visible { outline: 3px solid #3c858e; outline-offset: 4px; }
.application-cta { padding: 24px 0; }
#hero { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 430px; }
#hero .intro { float: none; width: auto; grid-column: 1; }
#hero .application-cta { grid-column: 1; padding: 0 0 12px; align-self: end; }
#sidebar > .application-cta { text-align: center; }
#content.application-content #main { width: 100%; box-sizing: border-box; min-height: 400px; }
#content.application-content { width: 100% !important; display: block; box-sizing: border-box; }
#application-mount { width: 100%; }
#application-frame { display: block; width: 100%; max-width: 100%; min-height: 300px; border: 0; background: #fff; }
@media (max-width: 991px) {
  html, body { min-width: 0 !important; width: 100% !important; }
  #top, #header, #wrap, #footer, #copyright, #bottom {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    float: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .inner, #content, #main, #sidebar, #hero, #hero .mini-form,
  #hero .hero-info, #full, .featured-cont, .twoCol, #counter, #testimonials, .testimonial, .counter-txt {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    float: none !important;
  }
  .featured-cont { display: block !important; }
  .featured-cont { margin-bottom: 16px; }
  #full .col { margin-top: 0; }
  #bg-sidebar { display: none !important; }
  #main { overflow-wrap: anywhere; }
  #content { padding: 0 !important; }
  #content.interior { background-image: none !important; }
  #main, #sidebar { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; }
  #nav-main, .phone-cta, .access { display: none !important; }
  #nav-mobile { display: block !important; width: 100%; }
  #hero .intro, .mini-how-it-works, .mini-how-it-works li {
    width: auto !important; max-width: 100%; float: none !important;
    box-sizing: border-box;
  }
  .mini-form { width: 100% !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
  .mini-form form, .mini-form input, .mini-form select, .mini-form .main-cta { max-width: 100%; box-sizing: border-box; }
  .fb-connect, .toolsWrap, .toolsWrap .row, .hiw {
    width: auto !important; max-width: 100%; box-sizing: border-box;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  .hiw { padding-left: 0 !important; }
  .hiw p, .hiw img { float: none !important; width: auto !important; max-width: 100%; }
  .hiw img:not([hidden]) { position: static !important; display: block; margin-bottom: 12px; }
  .toolsWrap { padding: 16px; }
  .toolsWrap .title { float: none !important; display: block; width: auto !important; }
  .toolsWrap input, .toolsWrap select { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  #sidebar { margin-top: 0 !important; }
  .newsletter { max-width: 100%; box-sizing: border-box; }
  form table, form tbody, form tr, form td { max-width: 100%; box-sizing: border-box; }
  form input, form textarea, form select { max-width: 100%; }
  .captcha_row, .captcha_row label { width: auto !important; max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
  #main, #sidebar { padding: 22px !important; }
  /* Keep the archived photograph visible without putting mobile text over faces. */
  #hero {
    display: grid; grid-template-columns: minmax(0, 1fr);
    background: #fff !important; padding: 0; margin: 0; min-height: 0;
  }
  #hero::before {
    content: ""; display: block; grid-column: 1 / -1;
    height: clamp(190px, 54vw, 320px);
    background: url('/wordpress/wp-content/themes/click-n-loan/images/click-n-loan-couple.jpg') right center / cover no-repeat;
  }
  #hero .intro { padding: 24px !important; text-align: left; }
  #hero .application-cta { padding: 0 24px 28px; grid-column: auto; }
  #hero .application-cta .apply-button { width: 100%; }
  #hero .intro h1 { font-size: 28px; line-height: 1.25; margin: 0 0 20px; }
  #hero .intro ul { width: auto; margin: 0; padding: 14px 0 0 20px; background: none; border-bottom: 0; }
  #hero .intro li { font-size: 18px; line-height: 1.45; margin: 9px 0; }
  #hero .mini-form { width: auto !important; margin: 0 20px 24px !important; padding: 20px; background: #fafaf8; border-color: #d4d8d1; }
  #hero .mini-form h2 { font-size: 28px; line-height: 1.2; text-align: left; }
  #hero .mini-form form { width: 100%; margin: 0; }
  #hero .mini-form form label.title { float: none; width: auto; padding: 0 0 5px; }
  #hero .mini-form .home-mini select, #hero .mini-form .home-mini input[type=text] { width: 100%; min-height: 40px; }
  #hero .mini-form .home-mini .main-cta { width: 100%; background-size: 100% 100%; }
  #content.interior::before {
    content: ""; display: block; width: 100%; height: clamp(180px, 45vw, 280px);
    background: url('/wordpress/wp-content/themes/click-n-loan/images/click-n-loan-couple-interior.jpg') right top / cover no-repeat;
  }
  #content.interior h2 { font-size: 32px; line-height: 1.2; margin-bottom: 24px; }
  #hero form { max-width: 100%; }
  #header { min-height: 116px; padding-bottom: 16px; }
  #logo { float: none !important; display: block; max-width: 100%; margin: 0 auto; }
  nav { max-width: 100%; }
  #copyright, #bottom { padding: 20px !important; }
  #footer * { box-sizing: border-box; }
  #footer .newsletter { max-width: 100%; }
  .test-wrap { max-width: 100%; box-sizing: border-box; }
  table { max-width: 100%; }
}

/* Mobile navigation uses a native disclosure, including without JavaScript. */
#nav-mobile { clear: both; }
.mobile-menu-toggle {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 52px; box-sizing: border-box; padding: 12px 18px;
  border: 1px solid #518a92; border-radius: 4px;
  background: #f5faf9; color: #285961; font: 700 18px/1.4 'Quattrocento Sans', sans-serif;
  list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.mobile-menu-toggle::-webkit-details-marker { display: none; }
.mobile-menu-toggle::marker { content: ''; }
.menu-icon { position: relative; display: block; width: 22px; height: 18px; flex: 0 0 22px; }
.menu-icon span { position: absolute; left: 0; width: 22px; height: 2px; background: currentColor; border-radius: 1px; }
.menu-icon span:nth-child(1) { top: 1px; }
.menu-icon span:nth-child(2) { top: 8px; }
.menu-icon span:nth-child(3) { top: 15px; }
#mobile-menu[open] .mobile-menu-toggle { border-radius: 4px 4px 0 0; background: #e6f1f0; }
#mobile-menu[open] .menu-icon span:nth-child(1) { top: 8px; transform: rotate(45deg); }
#mobile-menu[open] .menu-icon span:nth-child(2) { opacity: 0; }
#mobile-menu[open] .menu-icon span:nth-child(3) { top: 8px; transform: rotate(-45deg); }
#mobile-links { margin: 0; padding: 6px 0; list-style: none; border: 1px solid #518a92; border-top: 0; border-radius: 0 0 4px 4px; background: #fff; }
#mobile-links li { float: none; margin: 0; padding: 0; list-style: none; }
#mobile-links a { display: flex; align-items: center; min-height: 48px; box-sizing: border-box; padding: 10px 18px; color: #285961; font: 400 18px/1.4 'Quattrocento Sans', sans-serif; text-decoration: none; }
#mobile-links a:hover { background: #eff6f5; }
#mobile-links a[aria-current] { background: #e6f1f0; color: #174f59; box-shadow: inset 3px 0 #d5610b; font-weight: 700; }
.mobile-menu-toggle:focus-visible, #mobile-links a:focus-visible { outline: 2px solid #174f59; outline-offset: -4px; }
@media (max-width: 991px) {
  #nav-mobile { margin: 16px 0 0; }
  #header { padding-bottom: 20px; }
}

/* Keep the original three steps, with room for the numbers and natural text. */
.mini-how-it-works {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;
  width: 100%; max-width: 100%; box-sizing: border-box;
  padding: 36px; margin: 0 auto; clear: both;
}
.mini-how-it-works::before, .mini-how-it-works::after { display: none; }
.mini-how-it-works li { float: none; width: auto; min-width: 0; position: relative; padding-left: 48px; }
.mini-how-it-works h3 { margin: 0 0 12px; font-size: 25px; line-height: 1.2; }
.mini-how-it-works h3 br { display: none; }
.mini-how-it-works h3 br::after { content: ' '; }
.mini-how-it-works li > .clearfix { display: block; }
.mini-how-it-works .num { position: absolute; left: 0; top: 0; float: none; width: 32px; height: auto; margin: 0; padding: 0; background: none; color: #4e8d96; font: 400 48px/1 'Quattrocento Sans', sans-serif; text-shadow: none; }
.mini-how-it-works p { float: none; width: auto; max-width: 100%; margin: 0; font-size: 16px; line-height: 1.5; }
@media (max-width: 991px) {
  .mini-how-it-works { padding: 32px 24px; gap: 28px; }
  .mini-how-it-works h3 { font-size: 23px; }
}
@media (max-width: 639px) {
  .mini-how-it-works { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 12px 24px 28px; }
  .mini-how-it-works li { padding: 24px 0 24px 48px; border-bottom: 1px solid #d3dfdd; }
  .mini-how-it-works li:last-child { border-bottom: 0; padding-bottom: 0; }
  .mini-how-it-works .num { top: 24px; }
  .mini-how-it-works h3 { margin-bottom: 10px; font-size: 24px; line-height: 1.25; }
}
@media (min-width: 640px) and (max-width: 991px) {
  #hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  #hero .mini-form { margin: 24px 24px 24px 0 !important; }
  #hero .application-cta { align-self: center; padding: 24px; }
}

/* User-requested persistent application link, matching the archived buttons. */
a.floating-apply.apply-button {
  position: fixed; z-index: 1000; right: 20px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  display: inline-flex; align-items: center; justify-content: center; gap: 14px;
  width: auto; min-width: 180px; min-height: 52px; box-sizing: border-box;
  padding: 12px 24px; margin: 0;
  font-family: inherit; font-size: 20px; line-height: 1.2; font-weight: 700;
  color: #fff; text-decoration: none; text-align: center;
  background: linear-gradient(#df6a00, #c45400); border: 1px solid #a94700;
  border-radius: 5px; box-shadow: 0 3px 12px rgba(0,0,0,.22);
}
a.floating-apply.apply-button:hover { background: #bd5000; color: #fff; }
a.floating-apply.apply-button:focus-visible { outline: 3px solid #174f59; outline-offset: 3px; }
body.has-floating-apply #copyright { padding-bottom: 100px !important; }
@media (max-width: 767px) {
  a.floating-apply.apply-button {
    left: 16px; right: 16px; min-width: 0;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}

/* Footer navigation: consistent columns and reading order at every width. */
#footer #nav-footer {
  background: #f7f7f7 url("/wordpress/wp-content/themes/click-n-loan/images/bkg_color_white.jpg") center / cover no-repeat;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 28px 32px;
  float: none;
  width: 100%;
  margin: 0;
  padding: 32px 36px;
  box-sizing: border-box;
  text-align: left;
}
#footer #nav-footer::before, #footer #nav-footer::after { display: none; }
#footer #nav-footer > ul {
  display: block;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
#footer #nav-footer > ul > li {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
}
#footer #nav-footer > ul > li.legend {
  display: block;
  margin: 0 0 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}
#footer #nav-footer a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}
#footer #nav-footer a:focus-visible { outline: 2px solid #174f59; outline-offset: 3px; }
@media (max-width: 639px) {
  #footer #nav-footer {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 24px 16px;
    padding: 28px 16px;
  }
  #footer #nav-footer > ul.sc-menu { grid-column: 1 / -1; }
  #footer #nav-footer a { min-height: 44px; }
}
@media (max-width: 359px) {
  #footer #nav-footer a { font-size: 15px; }
  #footer #nav-footer > ul > li.legend { font-size: 14px; }
}