/* Theme Name: Conquest Property Management Theme URI: https://www.conquestrentals.com Author: CloneShop Author URI: https://www.cloneshop.com Description: Custom standalone WordPress theme for Conquest Property Management (conquestrentals.com). Replaces the Composer theme + cpm-styles plugin architecture. Provides site chrome (header, nav, footer), design tokens, and base styles. Page-specific component styles live in assets/css/cpm-components.css. The cpm-listings plugin remains independent. Version: 1.2.8 Requires at least: 6.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: cpm Tags: custom-menu, featured-images, full-width-template, sticky-post */ /* ================================================================ CPM CUSTOM THEME — style.css -------------------------------------------------------------- Source: chrome ported from cpm-global.css (reset, design tokens, top bar, header, primary nav, buttons, footer). Page component styles (.cpm-* / .home-*) live in assets/css/cpm-components.css and load after this file. Variable note: this file uses the --green/--serif/--sans token set from cpm-global.css. The component stylesheet keeps its own --cpm-* token set. The two namespaces are independent and do not need reconciliation. ================================================================ */ :root{ --green:#1d5632;--green-dk:#153f25;--green-lt:#2d7a4a; --off-white:#f5f7f5;--cream:#f0f3ef;--border:#d4ddd6; --gold:#c9a84c;--gold-dk:#a8893a;--azalea:#da4d70;--azalea-lt:#fdf0f3;--azalea-border:#f0c4cf; --text:#1a1a1a;--text-mid:#4a4a4a;--text-lt:#6b7280; --serif:'Playfair Display',Georgia,serif; --sans:'Source Sans 3',system-ui,sans-serif; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--sans);font-size:16px;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased} img{display:block;max-width:100%} a{text-decoration:none} ul{list-style:none} .wrap{max-width:1180px;margin:0 auto;padding:0 40px} .skip-link{position:absolute;left:-9999px;top:4px;z-index:9999} .skip-link:focus{left:12px;background:var(--green);color:#fff;padding:8px 18px;border-radius:4px;font-size:13px} .top-bar{background:var(--green);padding:7px 0;font-size:12px;font-weight:600} .top-bar .wrap{display:flex;justify-content:space-between;align-items:center} .top-bar a{color:rgba(255,255,255,.88);display:inline-flex;align-items:center;gap:5px} .top-bar a:hover{color:#fff} .top-bar-left{display:flex;gap:20px} .top-bar-right{display:flex;gap:8px} .top-bar-right a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:4px 14px;border-radius:4px;font-size:11px;text-transform:uppercase;letter-spacing:.07em} .top-bar-right a:hover{background:#fff;color:var(--green)} .site-header{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 6px rgba(0,0,0,.05);position:sticky;top:0;z-index:200} .header-inner{display:flex;justify-content:space-between;align-items:center;height:72px} .logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;font-weight:700;color:var(--green)} /* Header logo image: the bundled CPM logo, or one set under Customize > Site Identity */ .site-header .logo img,.site-header .custom-logo{display:block;height:58px;width:auto} /* Footer logo: the white version, same file the live footer uses */ .site-footer .logo img{display:block;height:64px;width:auto} /* Social icons in the top bar */ .top-bar-social{display:inline-flex;align-items:center;gap:2px} .top-bar-social a{padding:5px} .top-bar-social a:focus-visible{outline:2px solid #fff;outline-offset:1px} .logo-mark{width:44px;height:44px;border-radius:8px;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0} .site-nav{display:flex;gap:2px;align-items:center} .site-nav a{font-size:14px;font-weight:500;color:var(--text-mid);padding:7px 13px;border-radius:6px;transition:all .2s} .site-nav a:hover,.site-nav a.active{color:var(--green);background:#eef3ee} .nav-cta{background:var(--green)!important;color:#fff!important;margin-left:8px;font-weight:600!important;padding:9px 18px!important} .nav-cta:hover{background:var(--green-dk)!important} .btn{display:inline-flex;align-items:center;gap:6px;padding:12px 26px;border-radius:6px;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.3;cursor:pointer;transition:all .22s;text-decoration:none;border:2px solid transparent} .btn-green{background:var(--green);color:#fff;border-color:var(--green)} .btn-green:hover{background:var(--green-dk);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(29,86,50,.28)} .btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)} .btn-gold:hover{background:var(--gold-dk);transform:translateY(-1px)} .btn-white{background:#fff;color:var(--green);border-color:#fff} .btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.14)} .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)} .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8)} .lbl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--green);margin-bottom:10px} .sec-hd{text-align:center;margin-bottom:52px} .sec-hd h2{font-family:var(--serif);font-size:36px;color:var(--green);margin-bottom:12px;line-height:1.18} .sec-hd p{font-size:16px;color:var(--text-lt);max-width:600px;margin:0 auto;line-height:1.7} .bc{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px} .bc a{color:rgba(255,255,255,.6)} .bc a:hover{color:rgba(255,255,255,.9)} .bc span[aria-hidden]{color:rgba(255,255,255,.4)} .trust-bar{padding:48px 0;background:#fff;border-top:1px solid var(--border)} .trust-row{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap} .tbadge{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;opacity:.82;transition:opacity .2s} .tbadge:hover{opacity:1} .tbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-lt);text-align:center;line-height:1.4} .site-footer{background:var(--green-dk);color:rgba(255,255,255,.88);padding:60px 0 0} .fg{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px} .fb .logo{color:#fff;margin-bottom:10px} .fb .logo-mark{background:rgba(255,255,255,.14)} .fb p{font-size:14px;color:rgba(255,255,255,.68);line-height:1.7;max-width:280px;margin-top:4px} /* Footer column titles are h2 so the heading outline has no gap. */ .fc .fh{font-family:var(--sans);font-weight:700;font-size:11px;line-height:inherit;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.76);margin:0 0 16px} .fc li{margin-bottom:9px} .fc li a,.fc address a{font-size:14px;color:rgba(255,255,255,.76)} .fc li a:hover,.fc address a:hover{color:#fff} .fc address{font-size:14px;color:rgba(255,255,255,.76);font-style:normal;line-height:1.85} .fbot{border-top:1px solid rgba(255,255,255,.14);padding:22px 0 26px} .fbot p{font-size:13px;color:rgba(255,255,255,.76);margin-top:14px} .fbot a{font-size:14px;color:rgba(255,255,255,.85)} /* TREC notice links: 16px is 12 point, the minimum for the short "TREC" labels. */ .fbot .flinks-trec a{font-size:16px;font-weight:600;color:#fff} .flinks + .flinks{margin-top:10px} .fbot a:hover,.fbot a:focus-visible{color:#fff;text-decoration:underline} .flinks{display:flex;flex-wrap:wrap;gap:8px 20px} @media(max-width:1024px){.fg{grid-template-columns:1fr 1fr}} @media(max-width:768px){.wrap{padding:0 24px}} @media(max-width:540px){.top-bar .wrap{flex-direction:column;gap:8px}.top-bar-left{flex-wrap:wrap;justify-content:center;gap:4px 16px}.fg{grid-template-columns:1fr}} /* ================================================================ MOBILE NAV — built for the custom theme (Composer previously supplied the hamburger). Hamburger button + slide-in panel. ================================================================ */ .nav-toggle{ display:none; flex-direction:column; justify-content:center; gap:5px; width:44px;height:44px; padding:9px; background:transparent; border:1px solid var(--border); border-radius:8px; cursor:pointer; } .nav-toggle span{ display:block; height:2px;width:100%; background:var(--green); border-radius:2px; transition:transform .25s ease,opacity .2s ease; } .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0} .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .nav-backdrop{ position:fixed;inset:0;z-index:190; background:rgba(8,24,15,.5); opacity:0;visibility:hidden; transition:opacity .25s ease,visibility .25s ease; } body.nav-open .nav-backdrop{opacity:1;visibility:visible} @media(max-width:980px){ .nav-toggle{display:flex} .site-nav{ position:fixed;top:0;right:-320px; width:300px;max-width:85vw;height:100%; z-index:200; flex-direction:column; align-items:stretch; gap:4px; padding:88px 20px 32px; background:#fff; box-shadow:-8px 0 32px rgba(0,0,0,.16); overflow-y:auto; transition:right .28s ease; } .site-nav.is-open{right:0} .site-nav a{font-size:15px;padding:12px 14px} .nav-cta{margin:10px 0 0;text-align:center;justify-content:center} body.nav-open{overflow:hidden} } /* Honor reduced-motion preferences */ @media(prefers-reduced-motion:reduce){ .nav-toggle span,.site-nav,.nav-backdrop{transition:none} html{scroll-behavior:auto} } /* Default WP page content wrapper (non-CPM templates) */ .cpm-default-main{max-width:820px;margin:0 auto;padding:56px 24px 72px} .cpm-default-main h1.entry-title{font-family:var(--serif);color:var(--green);font-size:34px;margin-bottom:24px;line-height:1.2} .cpm-default-main p{line-height:1.75;margin-bottom:18px;color:var(--text-mid)} .cpm-default-main a{color:var(--green-lt);text-decoration:underline} /* ================================================================ NAV MENU INTEGRATION — wp_nav_menu outputs