/*
Theme Name: RecycleMyCarNow
Theme URI: https://www.recyclemycarnow.ca/
Author: RecycleMyCarNow
Description: A responsive, editable vehicle recycling theme. Pair with RecycleMyCarNow Enquiries for private quote records and email notifications.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: recyclemycarnow
Tags: custom-logo, custom-menu, featured-images, full-width-template
*/
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--forest:#173e2e;--leaf:#d6ef78;--paper:#f7f8f1;--ink:#18291f;--muted:#5d6b60;--line:#dbe2d5;--font:Manrope,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #63882b;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(46px,5.3vw,76px);font-weight:750}h2{font-size:clamp(32px,3.7vw,48px);font-weight:700}h3{font-size:24px;font-weight:700}p{max-width:68ch}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:10000;padding:12px 20px;background:#fff}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand-symbol{width:40px;height:40px;display:grid;place-items:center;color:var(--forest)}.brand-symbol svg{width:40px;height:40px}.brand-name{font-size:21px;letter-spacing:-1px;line-height:1.1;font-weight:800}.brand-name span{display:block;font-size:10px;letter-spacing:1px;font-weight:600;margin-top:6px;color:var(--muted)}.custom-logo{max-width:205px;max-height:58px;object-fit:contain}.site-nav ul{display:flex;align-items:center;gap:27px;list-style:none;padding:0;margin:0}.site-nav a{text-decoration:none;font-size:13px;font-weight:650}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-nav .sub-menu{display:none;position:absolute;padding:18px;background:var(--paper);box-shadow:0 6px 20px #173e2e20}.site-nav li:focus-within>.sub-menu,.site-nav li:hover>.sub-menu{display:block}.header-call{font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap;display:flex;gap:9px;align-items:center}.header-call svg{width:17px}.menu-toggle{display:none}.hero{padding:58px 0 54px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:78px;align-items:start}.service-area{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;margin-bottom:22px}.service-area svg{width:16px;height:16px;color:#456b43}.hero-copy h1{max-width:610px}.hero-intro{font-size:16px;line-height:1.8;color:var(--muted);margin-top:23px;max-width:440px}.hero-points{display:flex;flex-wrap:wrap;gap:10px 23px;list-style:none;padding:0;margin:22px 0 27px;font-size:12px;font-weight:700}.hero-points li{display:flex;align-items:center;gap:7px}.hero-points svg{width:17px;height:17px;color:var(--forest)}.pickup-image{position:relative;margin:0;border-radius:12px 70px 12px 12px;overflow:hidden;height:250px;background:#dfe6d7}.pickup-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.pickup-image figcaption{position:absolute;bottom:0;left:0;padding:7px 13px;background:#173e2edd;color:#fff;font-size:9px;letter-spacing:.03em}.quote-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px 25px;box-shadow:0 12px 36px #173e2e08;scroll-margin-top:24px}.quote-heading{display:flex;align-items:start;gap:15px;justify-content:space-between;margin-bottom:23px;padding-bottom:22px;border-bottom:1px solid var(--line)}.quote-heading h2{font-size:27px;letter-spacing:-1px}.quote-heading p{font-size:12px;color:var(--muted);margin-top:8px}.quote-mark{width:40px;height:40px;border-radius:50%;background:var(--leaf);display:grid;place-items:center;flex-shrink:0}.quote-mark svg{width:20px}.benefit-strip{background:var(--forest);color:#fff;padding:23px 0}.benefit-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.strip-item{display:flex;gap:17px;align-items:center}.strip-item+.strip-item{border-left:1px solid #ffffff26;padding-left:34px}.strip-item svg{width:30px;height:30px;color:var(--leaf);flex-shrink:0}.strip-item strong{display:block;font-size:14px;font-weight:650}.strip-item span{font-size:11px;opacity:.8}.section{padding:92px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-heading h2{max-width:520px}.section-heading p{font-size:14px;color:var(--muted);max-width:340px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;list-style:none;margin:0;padding:0;counter-reset:step}.step{border-top:1px solid #b8c7b5;padding-top:22px}.step-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--leaf);color:var(--forest);font-size:13px;font-weight:800;margin-bottom:27px}.step h3{font-size:22px;margin-bottom:14px}.step p{font-size:14px;color:var(--muted);line-height:1.85}.why-section{background:#eaf0e2}.why-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}.why-copy h2{max-width:460px}.why-copy p{font-size:15px;margin:25px 0;color:var(--muted)}.text-link{font-size:14px;font-weight:750;text-underline-offset:5px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:34px}.benefit svg{width:28px;height:28px;margin-bottom:18px;color:var(--forest)}.benefit h3{font-size:18px;letter-spacing:-.5px;margin-bottom:11px}.benefit p{font-size:13px;color:var(--muted)}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.coverage-art{position:relative;min-height:325px;display:grid;place-items:center;border-radius:50% 50% 12px 12px;background:#e7efdd;overflow:hidden}.coverage-art svg{width:100%;height:325px}.coverage-art .area-label{position:absolute;bottom:22px;font-size:12px;background:#fff;padding:8px 15px;border-radius:30px;box-shadow:0 3px 12px #173e2e08}.coverage-copy>p{font-size:14px;color:var(--muted);margin:20px 0}.cities{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:25px 0;padding:0}.cities li{padding:6px 12px;border:1px solid #cdd8c5;border-radius:5px;font-size:12px}.coverage-copy .small{font-size:12px}.faq-section{border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:95px}.faq-copy>p{font-size:14px;color:var(--muted);margin:21px 0}.faq-item{border-bottom:1px solid #cdd8c5}.faq-item:first-child{border-top:1px solid #cdd8c5}.faq-item summary{list-style:none;cursor:pointer;position:relative;font-size:15px;font-weight:650;line-height:1.6;padding:22px 32px 22px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:2px;top:20px;font-size:23px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{font-size:14px;color:var(--muted);padding:0 30px 22px 0}.closing{padding-bottom:78px}.closing-inner{padding:49px 55px;background:var(--leaf);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{font-size:38px;max-width:540px}.closing p{font-size:14px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 23px;background:var(--forest);color:#fff;border-radius:7px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.button:hover{background:#255a40}.site-footer{background:var(--forest);color:#f7f8f1;padding:46px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.site-footer .brand-symbol{color:var(--leaf)}.site-footer .brand-name span{color:#c2d0c4}.footer-note{font-size:12px;max-width:330px;margin-top:20px;color:#d0dbd0}.footer-contact{text-align:right}.footer-contact a{font-size:26px;text-decoration:none;letter-spacing:-.7px}.footer-contact p{font-size:12px;color:#d0dbd0;margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff26;margin-top:38px;padding-top:20px;font-size:10px;color:#c2d0c4}.footer-menu{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.footer-menu a{color:inherit;text-decoration:none}.mobile-bar{display:none}.content-page{min-height:50vh;padding-block:60px 90px}.content-page .entry-title{font-size:clamp(36px,5vw,60px);margin-bottom:35px}.entry-content{max-width:900px}.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:22px}.entry-content h2,.entry-content h3{margin:35px 0 20px}.entry-content h2{font-size:32px}.entry-content h3{font-size:25px}.entry-content iframe{max-width:100%}.entry-content .alignwide{max-width:1100px}.entry-content .alignfull{max-width:100%}.entry-content .wp-block-image img{height:auto}.post-list{display:grid;gap:40px}.post-list h2{font-size:30px;margin-bottom:15px}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-form input{padding:12px;border:1px solid var(--line);border-radius:5px;max-width:100%}.search-submit{background:var(--forest);color:white}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.comment-form label{display:block}.comment-form input,.comment-form textarea{max-width:100%}.section-heading p,.hero-intro,.faq-copy p{text-wrap:pretty}
@media(min-width:1441px){.hero-grid{gap:90px}.hero{padding-top:70px;padding-bottom:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:35px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:58px}.site-nav ul{gap:18px}.header-call{font-size:12px}.why-grid,.faq-layout,.coverage{gap:50px}.quote-card{padding:24px}.strip-item+.strip-item{padding-left:24px}.brand-name{font-size:18px}}
@media(max-width:850px){.header-inner{min-height:80px;gap:15px}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:5px}.menu-toggle svg{width:22px;height:22px}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:22px 28px;background:var(--paper);border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav li{margin:9px 0}.site-nav a{display:block;padding:7px}.site-nav .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 0 15px}.header-call{margin-left:auto}.hero{padding-top:40px}.hero-grid{gap:25px}.hero-copy h1{font-size:49px}.hero-intro{font-size:14px}.hero-points{gap:10px;font-size:11px}.quote-card{padding:22px 18px}.quote-heading h2{font-size:23px}.pickup-image{height:230px}.section{padding:68px 0}.benefit-strip .wrap{gap:18px}.strip-item{gap:10px}.strip-item strong{font-size:12px}.strip-item span{font-size:10px}.strip-item svg{width:23px}.strip-item+.strip-item{padding-left:18px}.steps{gap:28px}.why-grid,.coverage,.faq-layout{gap:35px}.benefits{gap:27px 22px}.closing-inner{padding:35px}.closing h2{font-size:30px}.coverage-art{min-height:290px}.coverage-art svg{height:290px}}
@media(max-width:650px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:75px}.brand-name{font-size:18px}.brand-name span{font-size:8px;letter-spacing:.8px}.brand-symbol,.brand-symbol svg{width:33px;height:33px}.header-call{font-size:0;gap:0}.header-call svg{width:21px;height:21px}.hero{padding:30px 0 35px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy h1{font-size:clamp(42px,10.7vw,64px);max-width:510px}.service-area{font-size:11px;margin-bottom:19px}.hero-intro{font-size:14px;margin-top:18px}.hero-points{margin:19px 0 23px;gap:10px 17px;font-size:11px}.pickup-image{height:210px;border-top-right-radius:55px}.quote-card{padding:24px 20px}.quote-heading h2{font-size:27px}.benefit-strip{padding:25px 0}.benefit-strip .wrap{grid-template-columns:1fr;gap:20px}.strip-item+.strip-item{padding-left:0;border-left:0}.strip-item{gap:17px}.strip-item svg{width:27px}.strip-item strong{font-size:13px}.strip-item span{font-size:11px}.section{padding:53px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:18px;max-width:100%}.steps{grid-template-columns:1fr;gap:27px}.step{display:grid;grid-template-columns:37px 1fr;gap:0 18px;padding-top:22px}.step-number{grid-row:span 2;margin:0}.step h3{font-size:22px;margin-bottom:10px}.step p{font-size:13px}.why-grid,.coverage,.faq-layout{grid-template-columns:1fr;gap:30px}.benefits{gap:28px}.benefit h3{font-size:17px}.why-copy h2{max-width:350px}.why-copy p{font-size:14px}.coverage-art{min-height:245px;order:2}.coverage-art svg{height:245px}.coverage-copy h2{max-width:350px}.faq-copy p{margin:15px 0}.faq-item summary{font-size:14px;padding-block:19px}.closing{padding-bottom:45px}.closing-inner{padding:30px 25px;display:block}.closing h2{font-size:32px}.closing p{font-size:13px}.closing .button{margin-top:24px}.footer-top{display:block}.footer-contact{text-align:left;margin-top:25px}.footer-contact a{font-size:23px}.footer-bottom{display:block;font-size:10px}.footer-menu{margin-top:14px;gap:15px}.site-footer{padding-top:35px;padding-bottom:98px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#f7f8f1f5;border-top:1px solid var(--line);z-index:50}.mobile-bar a{display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:750;text-decoration:none;border:1px solid #c1cfb9;border-radius:6px;min-height:44px}.mobile-bar a:last-child{background:var(--forest);color:#fff;border-color:var(--forest)}body:has(.rmc-form input:focus) .mobile-bar,body:has(.rmc-form textarea:focus) .mobile-bar,body:has(.rmc-form select:focus) .mobile-bar{display:none}.entry-content{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}