{"id":139,"date":"2025-12-22T02:20:19","date_gmt":"2025-12-22T02:20:19","guid":{"rendered":"https:\/\/aquacoverpool.com\/?page_id=139"},"modified":"2025-12-22T05:37:25","modified_gmt":"2025-12-22T05:37:25","slug":"139-2","status":"publish","type":"page","link":"https:\/\/aquacoverpool.com\/index.php\/139-2\/","title":{"rendered":"Color Selection"},"content":{"rendered":"\n<style>\n\/* ===============================\n   AquaCover Color Selector (V2)\n   Fully scoped for WordPress\n================================ *\/\n.wp-block-post-title{\n    display: none !important;\n}\n.wp-block-spacer{\ndisplay: none !important;\n}\n\n.apc-selector-wrapper {\n    --c-light-blue: #5CA0D3;\n    --c-royal-blue: #2B5F8F;\n    --c-navy-blue: #1C3A5E;\n    --c-forest-green: #2E5A36;\n    --c-light-gray: #B0B0B0;\n    --c-charcoal-gray: #555555;\n    --c-brown: #5D4037;\n    --c-beige: #D2C2A3;\n\n    --brand-accent: #1C3A5E;\n    --text-main: #222;\n    --text-muted: #6b7280;\n\n    max-width: 1500px;\n    margin: 40px auto;\n    padding: 32px;\n    background: #ffffff;\n    border-radius: 14px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n}\n\n\/* ---------- Header ---------- *\/\n.apc-selector-wrapper header {\n    max-width: 720px;\n    margin-bottom: 28px;\n}\n\n.apc-selector-wrapper h1 {\n    font-size: 28px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: var(--text-main);\n}\n\n.apc-selector-wrapper .description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--text-muted);\n}\n\n\/* ---------- Swatches Grid ---------- *\/\n.apc-swatches-grid {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    gap: 14px;\n    margin-bottom: 36px;\n}\n\n@media (max-width: 1024px) {\n    .apc-swatches-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n@media (max-width: 480px) {\n    .apc-swatches-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n\/* ---------- Swatch Card ---------- *\/\n.apc-swatch-item {\n    cursor: pointer;\n    user-select: none;\n    border-radius: 12px;\n    padding: 10px;\n    background: #fafafa;\n    border: 1px solid #e5e7eb;\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s;\n    position: relative;\n}\n\n.apc-swatch-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\n.apc-swatch-item.active {\n    border-color: var(--brand-accent);\n    box-shadow: 0 0 0 2px rgba(28,58,94,0.25);\n}\n\n\/* ---------- Color Box ---------- *\/\n.apc-color-box {\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    border-radius: 8px;\n    margin-bottom: 8px;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Subtle texture *\/\n.apc-color-box::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(45deg, rgba(255,255,255,0.04) 25%, transparent 25%),\n        linear-gradient(-45deg, rgba(255,255,255,0.04) 25%, transparent 25%);\n    background-size: 6px 6px;\n    pointer-events: none;\n}\n\n\/* ---------- Label ---------- *\/\n.apc-swatch-label {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .05em;\n    text-align: center;\n    color: #374151;\n    text-transform: uppercase;\n}\n\n\/* ---------- Active Check ---------- *\/\n.apc-swatch-item.active::after {\n    content: \"\u2713\";\n    position: absolute;\n    top: 8px;\n    right: 10px;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--brand-accent);\n    color: #fff;\n    font-size: 14px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* ---------- Image Display ---------- *\/\n.apc-image-display {\n    position: relative;\n    width: 100%;\n    padding-bottom: 56.25%;\n    border-radius: 14px;\n    overflow: hidden;\n    background: #f3f4f6;\n}\n\n.apc-pool-base-image {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* ---------- Badge ---------- *\/\n.apc-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    z-index: 3;\n    background: rgba(255,255,255,0.92);\n    padding: 6px 12px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--brand-accent);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\n\/* ---------- Color Classes ---------- *\/\n.apc-bg-light-blue { background-color: var(--c-light-blue); }\n.apc-bg-royal-blue { background-color: var(--c-royal-blue); }\n.apc-bg-navy-blue { background-color: var(--c-navy-blue); }\n.apc-bg-forest-green { background-color: var(--c-forest-green); }\n.apc-bg-light-gray { background-color: var(--c-light-gray); }\n.apc-bg-charcoal-gray { background-color: var(--c-charcoal-gray); }\n.apc-bg-brown { background-color: var(--c-brown); }\n.apc-bg-beige { background-color: var(--c-beige); }\n<\/style>\n\n<div class=\"apc-selector-wrapper\">\n    <header>\n        <h2>Choose Your Cover Color<\/h2>\n        <p class=\"description\">\n            Our automatic pool covers are engineered for strength and longevity.\n            Select from eight premium colors designed to complement your outdoor space.\n        <\/p>\n    <\/header>\n\n    <div class=\"apc-swatches-grid\">\n        <div class=\"apc-swatch-item active\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-light-blue\"><\/div>\n            <div class=\"apc-swatch-label\">Light Blue<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-royal-blue\"><\/div>\n            <div class=\"apc-swatch-label\">Royal Blue<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-navy-blue\"><\/div>\n            <div class=\"apc-swatch-label\">Navy Blue<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-forest-green\"><\/div>\n            <div class=\"apc-swatch-label\">Forest Green<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-light-gray\"><\/div>\n            <div class=\"apc-swatch-label\">Light Gray<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-charcoal-gray\"><\/div>\n            <div class=\"apc-swatch-label\">Charcoal<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-brown\"><\/div>\n            <div class=\"apc-swatch-label\">Brown<\/div>\n        <\/div>\n\n        <div class=\"apc-swatch-item\" onclick=\"apcSelectColor(this)\">\n            <div class=\"apc-color-box apc-bg-beige\"><\/div>\n            <div class=\"apc-swatch-label\">Beige<\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"apc-image-display\">\n        <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1509600110300-21b9d5fedeb7?q=80&#038;w=2070&#038;auto=format&#038;fit=crop\"\n            alt=\"Pool\"\n            class=\"apc-pool-base-image\"\n        >\n        <div class=\"apc-badge\">Aquacover Pool<\/div>\n    <\/section>\n<\/div>\n\n<script>\nfunction apcSelectColor(element) {\n    document\n        .querySelectorAll('.apc-swatch-item')\n        .forEach(item => item.classList.remove('active'));\n\n    element.classList.add('active');\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Choose Your Cover Color Our automatic pool covers are engineered for strength and longevity. Select from eight premium colors designed to complement your outdoor space. Light Blue Royal Blue Navy Blue Forest Green Light Gray Charcoal Brown Beige Aquacover Pool<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Color Selection - Aquacovers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aquacoverpool.com\/index.php\/139-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Selection - Aquacovers\" \/>\n<meta property=\"og:description\" content=\"Choose Your Cover Color Our automatic pool covers are engineered for strength and longevity. Select from eight premium colors designed to complement your outdoor space. Light Blue Royal Blue Navy Blue Forest Green Light Gray Charcoal Brown Beige Aquacover Pool\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aquacoverpool.com\/index.php\/139-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Aquacovers\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T05:37:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aquacoverpool.com\/index.php\/139-2\/\",\"url\":\"https:\/\/aquacoverpool.com\/index.php\/139-2\/\",\"name\":\"Color Selection - Aquacovers\",\"isPartOf\":{\"@id\":\"https:\/\/aquacoverpool.com\/#website\"},\"datePublished\":\"2025-12-22T02:20:19+00:00\",\"dateModified\":\"2025-12-22T05:37:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aquacoverpool.com\/index.php\/139-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aquacoverpool.com\/index.php\/139-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aquacoverpool.com\/index.php\/139-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aquacoverpool.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Selection\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aquacoverpool.com\/#website\",\"url\":\"https:\/\/aquacoverpool.com\/\",\"name\":\"Aquacoverpool\",\"description\":\"Pool and Spa Services\",\"publisher\":{\"@id\":\"https:\/\/aquacoverpool.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aquacoverpool.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aquacoverpool.com\/#organization\",\"name\":\"Aquacover\",\"url\":\"https:\/\/aquacoverpool.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aquacoverpool.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aquacoverpool.com\/wp-content\/uploads\/2024\/05\/cropped-Aquacover-1.webp\",\"contentUrl\":\"https:\/\/aquacoverpool.com\/wp-content\/uploads\/2024\/05\/cropped-Aquacover-1.webp\",\"width\":512,\"height\":512,\"caption\":\"Aquacover\"},\"image\":{\"@id\":\"https:\/\/aquacoverpool.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color Selection - Aquacovers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aquacoverpool.com\/index.php\/139-2\/","og_locale":"en_US","og_type":"article","og_title":"Color Selection - Aquacovers","og_description":"Choose Your Cover Color Our automatic pool covers are engineered for strength and longevity. Select from eight premium colors designed to complement your outdoor space. Light Blue Royal Blue Navy Blue Forest Green Light Gray Charcoal Brown Beige Aquacover Pool","og_url":"https:\/\/aquacoverpool.com\/index.php\/139-2\/","og_site_name":"Aquacovers","article_modified_time":"2025-12-22T05:37:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aquacoverpool.com\/index.php\/139-2\/","url":"https:\/\/aquacoverpool.com\/index.php\/139-2\/","name":"Color Selection - Aquacovers","isPartOf":{"@id":"https:\/\/aquacoverpool.com\/#website"},"datePublished":"2025-12-22T02:20:19+00:00","dateModified":"2025-12-22T05:37:25+00:00","breadcrumb":{"@id":"https:\/\/aquacoverpool.com\/index.php\/139-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aquacoverpool.com\/index.php\/139-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aquacoverpool.com\/index.php\/139-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aquacoverpool.com\/"},{"@type":"ListItem","position":2,"name":"Color Selection"}]},{"@type":"WebSite","@id":"https:\/\/aquacoverpool.com\/#website","url":"https:\/\/aquacoverpool.com\/","name":"Aquacoverpool","description":"Pool and Spa Services","publisher":{"@id":"https:\/\/aquacoverpool.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aquacoverpool.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aquacoverpool.com\/#organization","name":"Aquacover","url":"https:\/\/aquacoverpool.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aquacoverpool.com\/#\/schema\/logo\/image\/","url":"https:\/\/aquacoverpool.com\/wp-content\/uploads\/2024\/05\/cropped-Aquacover-1.webp","contentUrl":"https:\/\/aquacoverpool.com\/wp-content\/uploads\/2024\/05\/cropped-Aquacover-1.webp","width":512,"height":512,"caption":"Aquacover"},"image":{"@id":"https:\/\/aquacoverpool.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":81,"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/aquacoverpool.com\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}