/* Footer rebuilt to match the original tintandwrapmn.com footer.
   All values were measured from the live original (Chrome, 1440x900 desktop UA and 390x844 iPhone UA):
   black band with a 2px #f69554 top rule, three equal columns in a 1200px row (32px 65px padding),
   Bebas 32px headings (24px on phones), Saira 16px/700 links, 32px outlined social discs (38px on phones). */
body .site-footer.tw-footer{
  position:relative;inset:auto;left:auto;right:auto;bottom:auto;display:block;pointer-events:auto;
  margin:0;padding:0;background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:2px solid #f69554;
  color:#fff;font-family:var(--brand-body,Saira,Arial,sans-serif);font-size:16px;font-weight:400;line-height:normal;
  letter-spacing:normal;text-transform:none;text-align:left;justify-content:initial;align-items:initial;z-index:auto
}
.tw-footer *,.tw-footer *::before,.tw-footer *::after{box-sizing:border-box}
.tw-footer .tw-foot-main{padding:32px 65px}
.tw-footer .tw-foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto}
.tw-footer .tw-foot-browse{padding:0 16px 0 0}
.tw-footer .tw-foot-contact{padding:0 16px}
.tw-footer .tw-foot-hours{padding:0 0 0 16px}

/* Column headings */
.tw-footer .tw-foot-h{margin:17px 0 14.6px;padding:0;font-family:var(--brand-heading,'Bebas Neue',sans-serif);font-size:32px;font-weight:400;
  line-height:normal;letter-spacing:normal;color:#fff;text-shadow:none;text-transform:none}

/* Browse our website */
.tw-footer .tw-foot-nav,.tw-footer .tw-foot-sub,.tw-footer .tw-foot-social,.tw-footer .tw-foot-pay{list-style:none;margin:0;padding:0}
.tw-footer .tw-foot-nav{padding-top:1.4px}
.tw-footer .tw-foot-nav>li{display:flex;flex-wrap:wrap;align-items:center;margin:0}
.tw-footer .tw-foot-nav>li>a,.tw-footer .tw-foot-nav summary{display:flex;align-items:center;padding:12px 0;margin:0;color:#fff;font-size:16px;font-weight:700;
  letter-spacing:.03em;line-height:normal;text-decoration:none;cursor:pointer}
.tw-footer .tw-foot-nav details{display:block;width:100%}
.tw-footer .tw-foot-split>details{width:auto}
.tw-footer .tw-foot-nav summary{list-style:none;width:max-content}
.tw-footer .tw-foot-nav summary::-webkit-details-marker{display:none}
.tw-footer .tw-foot-caret{display:block;flex:none;width:10.29px;height:16px;margin-left:15px;color:#fff;transition:transform .2s}
.tw-footer details[open]>summary .tw-foot-caret{transform:rotate(180deg)}
.tw-footer .tw-foot-split>details>summary{padding-left:0;min-width:25px}
.tw-footer .tw-foot-split>.tw-foot-sub{flex-basis:100%}
.tw-footer .tw-foot-split>details:not([open])+.tw-foot-sub{display:none}
.tw-footer .tw-foot-sub>li>a{display:flex;padding:8px 12px;color:#fff;font-size:15px;font-weight:400;letter-spacing:.03em;line-height:normal;text-decoration:none}
.tw-footer a:hover,.tw-footer summary:hover,.tw-footer summary:hover .tw-foot-caret{color:#f69554}
.tw-footer a:focus-visible,.tw-footer summary:focus-visible{outline:2px solid #f69554;outline-offset:3px}

/* Contact information */
.tw-footer .tw-ci{position:relative;margin:0;padding:2px 0 2px 32px;font-size:16px;line-height:32px;color:#fff;overflow-wrap:break-word}
.tw-footer .tw-foot-contact .tw-foot-h+.tw-ci{margin-top:0}
.tw-footer .tw-ci-icon{position:absolute;left:0;top:50%;width:24px;height:24px;transform:translateY(-50%)}
.tw-footer .tw-ci a{color:#f69554;text-decoration:none;font-size:inherit;line-height:inherit}
.tw-footer .tw-ci-phone a{font-weight:400}
.tw-footer .tw-ci-email a{font-weight:700}
.tw-footer .tw-ci a:hover{color:#fff}
.tw-footer .tw-foot-social{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:10px}
.tw-footer .tw-soc{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 0 5px;padding:1px;border:3px solid #fff;border-radius:50%;
  color:#fff;background:transparent;transition:border-color .2s,color .2s}
.tw-footer .tw-soc:hover,.tw-footer .tw-soc:focus-visible{border-color:#f69554;color:#f69554}
.tw-footer .tw-soc-glyph{display:block;width:16px;height:16.33px}
.tw-footer svg.tw-soc-gbp{display:block;width:19px;height:19px}

/* Business hours + payment options */
.tw-footer .tw-foot-hrs{margin:0;padding:1.4px 0 0}
.tw-footer .tw-foot-hrs>div{display:flex;padding:0 0 10px;margin:0}
.tw-footer .tw-foot-hrs>div:last-child{padding-bottom:0}
.tw-footer .tw-foot-hrs dt,.tw-footer .tw-foot-hrs dd{margin:0;font-size:16px;line-height:normal;color:#fff;font-weight:400}
.tw-footer .tw-foot-hrs dt{flex:0 0 40%}
.tw-footer .tw-foot-hrs dd{flex:1 1 auto;text-align:right}
.tw-footer .tw-foot-h-pay{margin-top:29px;margin-bottom:16px}
.tw-footer .tw-foot-pay{display:flex;flex-wrap:wrap}
.tw-footer .tw-foot-pay>li{padding:0 5px 5px 0}
.tw-footer .tw-foot-pay img{display:block;width:51px;height:32px;max-width:none}
.tw-footer .tw-foot-cashapp{margin:8px 0;padding:2px 0;font-size:16px;line-height:32px;color:#fff}

/* Divider + the demo's own bottom row (sized like the original's 12px legal line) */
.tw-footer .tw-foot-legal{padding:12px 65px 70px}
.tw-footer .footer-bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 24px;
  max-width:1200px;margin:10px auto 0;padding:37px 0 0;border-top:1px solid #262626;color:#fff;font-family:var(--brand-body,Saira,sans-serif);
  font-size:12px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:center}
.tw-footer .footer-bottom span{font-size:12px;color:#fff}
.tw-footer .footer-bottom a{color:#f69554;font-size:12px;font-weight:700;text-decoration:none}
.tw-footer .footer-bottom a:hover{color:#fff}

/* Phones: the original's mobile layout stacks the three columns. */
@media (max-width:767px){
  .tw-footer .tw-foot-main{padding:15px 0}
  .tw-footer .tw-foot-cols{grid-template-columns:minmax(0,1fr)}
  .tw-footer .tw-foot-browse,.tw-footer .tw-foot-contact,.tw-footer .tw-foot-hours{padding:0 15px}
  .tw-footer .tw-foot-contact,.tw-footer .tw-foot-hours{margin-top:15px}
  .tw-footer .tw-foot-h{font-size:24px;margin:15px 0 14.2px}
  .tw-footer .tw-foot-sub>li>a{font-size:14px;letter-spacing:.03em}
  .tw-footer .tw-foot-caret{width:12.86px;height:20px}
  .tw-footer .tw-ci{font-size:15px;line-height:30px}
  .tw-footer .tw-foot-social{gap:0 16px}
  .tw-footer .tw-soc{width:38px;height:38px}
  .tw-footer .tw-soc-glyph{width:20px;height:20.41px}
  .tw-footer svg.tw-soc-gbp{width:24px;height:24px}
  .tw-footer .tw-foot-hrs dt,.tw-footer .tw-foot-hrs dd{font-size:15px}
  .tw-footer .tw-foot-h-pay{margin-top:22px;margin-bottom:16px}
  .tw-footer .tw-foot-pay{max-width:222px}
  .tw-footer .tw-foot-cashapp{font-size:15px;line-height:30px}
  .tw-footer .tw-foot-legal{padding:15px 15px 70px}
  .tw-footer .footer-bottom{flex-direction:column;align-items:center;gap:4px;padding-top:22px}
}
/* The demo's sign-off row, restored above the columns (Jason, 2026-10-05). */
.tw-footer .footer-signature{box-sizing:border-box;max-width:1200px;margin:0 auto 44px}
@media (max-width:767px){.tw-footer .footer-signature{padding-left:15px;padding-right:15px;margin-bottom:28px}}

/* Compact footer (Jason, 2026-10-05: phone footer too long, desktop legal row too airy).
   Same links and words; the phone layout follows QMD / Humble Crew: links two-up, tighter
   rows, payment marks on one line, the legal block close to its divider. */
.tw-footer .tw-foot-main{padding-bottom:24px}
.tw-footer .tw-foot-legal{padding:0 65px 22px}
.tw-footer .footer-bottom{margin-top:0;padding-top:18px}
@media (max-width:767px){
  .tw-footer .tw-foot-main{padding:22px 0 6px}
  .tw-footer .footer-signature{margin-bottom:18px;padding-bottom:18px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
  .tw-footer .footer-signature>span{font-size:10px;line-height:1.6;letter-spacing:.18em;max-width:150px}
  .tw-footer .footer-signature .pill{flex:none}
  .tw-footer .tw-foot-cols{row-gap:22px}
  .tw-footer .tw-foot-contact,.tw-footer .tw-foot-hours{margin-top:0}
  .tw-footer .tw-foot-h{margin:0 0 8px}
  /* seven links in two columns instead of seven 49px rows */
  .tw-footer .tw-foot-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;padding-top:0}
  .tw-footer .tw-foot-nav>li>a,.tw-footer .tw-foot-nav summary{padding:7px 0;font-size:15px}
  .tw-footer .tw-foot-nav>li:has(details[open]){grid-column:1/-1}
  .tw-footer .tw-foot-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;padding:0 0 6px}
  .tw-footer .tw-foot-sub>li>a{padding:6px 0 6px 12px}
  .tw-footer .tw-foot-caret{width:10.29px;height:16px;margin-left:10px}
  .tw-footer .tw-ci{line-height:24px;padding-top:4px;padding-bottom:4px}
  .tw-footer .tw-foot-social{margin-top:10px}
  .tw-footer .tw-foot-hrs>div{padding-bottom:6px}
  .tw-footer .tw-foot-h-pay{margin:16px 0 8px}
  .tw-footer .tw-foot-pay{max-width:none;flex-wrap:nowrap;align-items:center}
  .tw-footer .tw-foot-pay>li{padding:0 5px 0 0}
  .tw-footer .tw-foot-pay img{width:42px;height:26px}
  .tw-footer .tw-foot-cashapp{margin:6px 0 0;line-height:24px}
  .tw-footer .tw-foot-legal{padding:0 15px 18px}
  .tw-footer .footer-bottom{gap:2px;padding-top:14px}
}
@media (max-width:767px){
  /* keep the centred legal lines clear of the floating background-pause control (bottom right) */
  .tw-footer .footer-bottom span{max-width:250px}
}

/* Brand gradient on the contact details and footer icons (Jason, 2026-10-05). */
.tw-footer .tw-ci a{background:linear-gradient(100deg,#ff3fa4 0%,#f59154 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tw-footer .tw-ci a:hover{background:none;-webkit-text-fill-color:#fff;color:#fff}
.tw-footer .tw-ci-icon circle{fill:url(#tw-brand-grad)}
.tw-footer .tw-soc{border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#ea138f,#f59154) border-box}
.tw-footer .tw-soc:hover,.tw-footer .tw-soc:focus-visible{border-color:transparent;background:linear-gradient(135deg,#ea138f,#f59154) padding-box,linear-gradient(135deg,#ea138f,#f59154) border-box;color:#fff}
.tw-footer .tw-soc .tw-soc-glyph{fill:url(#tw-brand-grad)}
.tw-footer .tw-soc .tw-soc-glyph *{fill:url(#tw-brand-grad)}
.tw-footer .tw-soc:hover .tw-soc-glyph,.tw-footer .tw-soc:hover .tw-soc-glyph *{fill:#fff}
@media (forced-colors:active){.tw-footer .tw-ci a{-webkit-text-fill-color:LinkText;color:LinkText;background:none}}

/* Powered by LeadGend (2026-10-06) */
.tw-footer .footer-bottom .tw-powered{color:#E3B83A}
.tw-footer .footer-bottom .tw-powered a{color:#F0C040;font-weight:800}
.tw-footer .footer-bottom .tw-powered a:hover{color:#FFD86B}

/* Services menu: Fleet & Branding first, in the brand gradient (Jason 2026-10-07); on the words (an inline span), so the
   gradient runs pink to coral across them rather than across the whole row */
.services-dropdown a.nav-fleet span{background-image:linear-gradient(100deg,#ff3fa4 0%,#f59154 100%);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;font-weight:700}
.services-dropdown a.nav-fleet:hover span{background-image:linear-gradient(100deg,#ff5cb2 0%,#ffa36c 100%)}
@media(forced-colors:active){.services-dropdown a.nav-fleet span{color:LinkText;-webkit-text-fill-color:LinkText;background:none}}
