/* We Cash It Inc. 2026: header apply button, contact block, responsive layer over the fixed 970px template */
.strap .phone a{color:inherit;text-decoration:none}
.wci-btn{display:inline-block;padding:9px 22px;background:#c8102e;color:#fff !important;font-weight:bold;text-decoration:none !important;border-radius:4px;font-size:15px;line-height:1.2}
.wci-btn:hover{background:#a00c24}
.strap .wci-head-apply{margin:6px 0 0;text-align:right}
.wci-contact p{margin:0 0 12px}
.wci-apply{margin-top:16px}
.wci-simple{padding:22px 24px 30px;margin:20px 0;background:#fff;color:#333;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.wci-simple h1{margin:0 0 14px;color:#3f6b1a !important}
.wci-simple p{color:#333}
.wci-apply-form{margin:20px 0}
.wci-note{font-size:12px;color:#666}
.gMap iframe{display:block;margin-top:10px;background:#e5e3df}
#hero .contents > div h1,#hero .contents > div h2{font-size:22px;line-height:1.2;margin-bottom:8px;color:#fff}
.slideshow .contents > div{padding-bottom:36px !important}
.wci-services{display:flex;gap:16px;margin:14px 0 6px;max-width:600px}
.wci-card{flex:1;background:#fff;border:1px solid #d8d8d8;border-top:4px solid #4f7f1f;border-radius:4px;padding:14px 16px}
.wci-card h3{margin:0 0 8px;color:#3f6b1a;font-size:17px}
.wci-card h3 + ul{margin-top:0}
.wci-card ul{margin:0 0 0 18px;padding:0}
.wci-card li{margin:2px 0}
.callToAction a{color:inherit !important;text-decoration:none !important}
.wci-amount{font-size:16px;font-weight:bold;color:#333;margin:0 0 16px}
.wci-burger,.wci-mbar{display:none}
@media (min-width:1001px){.wci-simple{min-height:470px;box-sizing:border-box}}

@media (max-width:1000px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:64px}
  .fullWidth,#subPage .fullWidth,#subPage.fullWidth,.grid24,#hero,#page{width:auto !important;max-width:100%}
  #page,#header,#footer{padding-left:12px;padding-right:12px;box-sizing:border-box}
  [class*="grid"]{width:auto !important;float:none !important;margin-left:0 !important;margin-right:0 !important}
  .column{float:none;margin-bottom:20px}
  #contentTop .column > img,#contentTop .gallery img{display:block;width:100% !important;height:auto !important;border-radius:4px}
  #contentTop .gallery{height:auto !important;width:auto !important;float:none !important}
  #contentTop .gallery a{display:block}
  #page img,.logo img{max-width:100%;height:auto}

  /* header: logo, phone, apply, burger */
  /* the body background is one picture (money + green band) sized for the desktop layout */
  body{background:#f0f0f0 !important}
  #headerWrapper{height:auto !important;min-height:0 !important;background:#22261e url(/images/header-money.jpg) center/cover no-repeat}
  #hero{background:#3f6b1a;margin:0 -12px 20px !important;padding:0 !important;width:auto !important;max-width:none !important}
  #hero .column{margin:0 !important}
  #header{height:auto !important;min-height:0 !important;position:relative;overflow:visible !important}
  .logo,.strap{float:none !important;position:static !important;text-align:center;width:auto !important}
  .logo{padding:0 60px}
  .logo img{width:auto;max-width:100%;margin:0 auto}
  .strap p,.strap .wci-head-apply{text-align:center !important}
  .wci-burger{display:block;position:absolute;top:14px;right:12px;width:44px;height:44px;padding:11px 10px;border:0;border-radius:4px;background:rgba(255,255,255,.12);cursor:pointer;z-index:5}
  .wci-burger span{display:block;height:3px;margin:0 0 5px;background:#fff;border-radius:2px}
  .wci-burger span:last-child{margin:0}
  .navigation{position:static !important;float:none;width:auto !important;height:auto !important;margin:10px -12px 0;padding:0;display:none}
  .navigation.open{display:block}
  .navigation li{float:none !important;display:block;border-top:1px solid rgba(255,255,255,.15);background:#4f7f1f}
  .navigation li a{display:block !important;padding:13px 16px !important;font-size:17px !important;text-align:left;background-image:none !important}
  .navigation li.current a{background:rgba(0,0,0,.2) !important}

  /* hero slideshow: first slide only, text under the image */
  .slideshow,.slideshow li,.contents.overlay{width:auto !important;height:auto !important}
  .slideshow li:not(:first-child),.slideshowNavigationWrapper{display:none !important}
  .slideshow li:first-child{opacity:1 !important;position:static !important}
  .slideshowWrapper,.slideshow{height:auto !important;margin:0 !important;left:0 !important}
  #hero img{display:block;width:100% !important;height:auto !important;aspect-ratio:3/2;object-fit:cover;object-position:right center;margin:0 !important;position:static !important}
  .contents.overlay h1,.contents.overlay h2{font-size:22px !important;line-height:1.25}
  .contents.overlay p{font-size:16px !important}
  .contents.overlay > div p + p{display:none}
  .contents.overlay > div{position:static !important;width:auto !important;padding:16px !important;background:#3f6b1a !important;color:#fff}
  .slideshowWrapper .navigation,.slideshow-navigation,.slideshowWrapper ul.icons{display:none !important}

  /* content */
  #contentTop p,#contentTop li{font-size:16px;line-height:1.55}
  #contentTop h2{font-size:20px;line-height:1.3}
  .wci-services{flex-direction:column;max-width:none}
  .gMap iframe{height:260px}
  #contentTop address{font-size:16px;font-style:normal;line-height:1.5}

  /* footer */
  #footerWrapper,#footer,#yellFooter,#yellFooter div,#footer .social{width:auto !important;min-width:0 !important;float:none;text-align:center}
  #yellFooter div{padding:0 12px;line-height:1.6}
  #footer .socialmedia{float:none !important;display:flex;justify-content:center;gap:8px;width:auto !important}
  #footer .socialmedia a{float:none !important;margin:0 !important}

  /* sticky call / apply bar */
  .wci-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;box-shadow:0 -2px 8px rgba(0,0,0,.25)}
  .wci-mbar a{flex:1;letter-spacing:.3px;display:block;padding:15px 6px;text-align:center;font:bold 16px/1.2 Arial,sans-serif;color:#fff !important;text-decoration:none !important}
  .wci-mbar-apply{background:#c8102e}
}

/* tablet: side-by-side content instead of one long column */
@media (min-width:600px) and (max-width:1000px){
  #hero img{max-height:440px}
  #contentTop{display:flex;gap:20px;align-items:flex-start}
  #contentTop .column{flex:1;min-width:0}
  #contentTop .column.grid8:not(:only-child):first-child{flex:0 0 36%}
  .home #contentTop .column.grid8:first-child{flex:1}
  .wci-services{flex-direction:row}
  .logo img{max-width:420px}
}