{"id":5834,"date":"2026-08-07T10:00:49","date_gmt":"2026-08-07T09:00:49","guid":{"rendered":"https:\/\/electricmarineworks.com\/?page_id=5834"},"modified":"2026-08-10T17:23:57","modified_gmt":"2026-08-10T16:23:57","slug":"areas-we-serve","status":"publish","type":"page","link":"https:\/\/electricmarineworks.com\/index.php\/areas-we-serve\/","title":{"rendered":"Areas We Serve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5834\" class=\"elementor elementor-5834\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-0af399c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"0af399c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0946b05\" data-id=\"0946b05\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-1bf291c elementor-widget elementor-widget-html\" data-id=\"1bf291c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Font Awesome -->\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ================================\r\n   AREAS WE SERVE\r\n================================ *\/\r\n\r\n.emw-areas {\r\n    \/* Full width section padding *\/\r\n    padding: 90px 20px;\r\n    font-family: Arial, sans-serif;\r\n\r\n    \/* --- BACKGROUND SETUP --- *\/\r\n    \/* 1. Base solid dark color fallback *\/\r\n    background-color: #0d263a;\r\n\r\n    \/* 2. 40% overlay (#1885A3 at 0.90 opacity) *\/\r\n    \/* 3. Your custom boat image URL *\/\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(24, 133, 163, 0.90),\r\n            rgba(24, 133, 163, 0.40)\r\n        ),\r\n        url('https:\/\/electricmarineworks.com\/wp-content\/uploads\/2026\/08\/185C34CC-7983-4210-AE69-D635AFBEB4BB-scaled.jpg');\r\n\r\n    \/* 4. Image styling *\/\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-attachment: scroll;\r\n}\r\n\r\n.emw-areas-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Header *\/\r\n.emw-areas-header {\r\n    max-width: 720px;\r\n    margin: 0 auto 45px;\r\n    text-align: center;\r\n}\r\n\r\n.emw-areas-label {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: #34c6cb;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.emw-areas-header h2 {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 46px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\/* Content Wrapper *\/\r\n.emw-content-wrapper {\r\n    position: relative;\r\n    padding: 45px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Decorative Circle *\/\r\n.emw-content-wrapper::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 220px;\r\n    height: 220px;\r\n    top: -120px;\r\n    right: -90px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Locations *\/\r\n.emw-location-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 14px;\r\n}\r\n\r\n.emw-location {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 19px;\r\n    background: rgba(18, 107, 131, 0.85); \r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 50px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.3s ease;\r\n    backdrop-filter: blur(4px);\r\n}\r\n\r\n.emw-location i {\r\n    color: #34c6cb;\r\n    font-size: 14px;\r\n}\r\n\r\n.emw-location:hover {\r\n    transform: translateY(-4px);\r\n    background: #ffffff;\r\n    color: #0d263a;\r\n    border-color: #ffffff;\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.emw-location:hover i {\r\n    color: #1885A3;\r\n}\r\n\r\n\/* Surrounding Areas *\/\r\n.emw-surrounding {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-top: 28px;\r\n    text-align: center;\r\n    color: #e2e8f0;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.emw-surrounding i {\r\n    margin-right: 7px;\r\n    color: #34c6cb;\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE ADJUSTMENTS --- *\/\r\n@media (max-width: 768px) {\r\n    .emw-areas {\r\n        padding: 65px 16px;\r\n    }\r\n\r\n    .emw-areas-header h2 {\r\n        font-size: 35px;\r\n    }\r\n\r\n    .emw-content-wrapper {\r\n        padding: 32px 10px;\r\n    }\r\n\r\n    .emw-location-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    .emw-location {\r\n        padding: 12px 15px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .emw-content-wrapper::before {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"emw-areas\">\r\n    <div class=\"emw-areas-container\">\r\n\r\n        <!-- Heading -->\r\n        <div class=\"emw-areas-header\">\r\n            <span class=\"emw-areas-label\">\r\n                Electric Marine Works\r\n            <\/span>\r\n            <h2>Areas We Serve<\/h2>\r\n        <\/div>\r\n\r\n        <!-- Content Wrapper -->\r\n        <div class=\"emw-content-wrapper\">\r\n            <div class=\"emw-location-grid\">\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Marina del Rey\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Long Beach\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Huntington Beach\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Newport Beach\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Lake Forest\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Lake Mission Viejo\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Dana Point\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> San Diego\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Yorba Linda\r\n                <\/div>\r\n                <div class=\"emw-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> Orange County\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"emw-surrounding\">\r\n                <i class=\"fa-solid fa-location-arrow\"><\/i> and surrounding areas.\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Electric Marine Works Areas We Serve Marina del Rey Long Beach Huntington Beach Newport Beach Lake Forest Lake Mission Viejo Dana Point San Diego Yorba Linda Orange County and surrounding areas.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/pages\/5834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/comments?post=5834"}],"version-history":[{"count":7,"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/pages\/5834\/revisions"}],"predecessor-version":[{"id":5969,"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/pages\/5834\/revisions\/5969"}],"wp:attachment":[{"href":"https:\/\/electricmarineworks.com\/index.php\/wp-json\/wp\/v2\/media?parent=5834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}