<!doctype html>
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US">

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- This is Squarespace. --><!-- johnniesitalianspecialties -->
  <base href="">
  <meta charset="utf-8" />
  <title>JOHNNIE&#39;S BY THE SEA</title>
  <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" />
  <link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/6915f824-92d6-43e9-91fb-17230fb2d1be/favicon.ico?format=100w" />
  <link rel="canonical" href="https://www.johnnies12thandwolf.com" />
  <meta property="og:site_name" content="JOHNNIE'S BY THE SEA" />
  <meta property="og:title" content="JOHNNIE&#39;S BY THE SEA" />
  <meta property="og:url" content="https://www.johnnies12thandwolf.com" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="http://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ec56d1c2c3e8556bd3b90c/1743541969222/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" />
  <meta property="og:image:width" content="828" />
  <meta property="og:image:height" content="828" />
  <meta itemprop="name" content="JOHNNIE'S BY THE SEA" />
  <meta itemprop="url" content="https://www.johnnies12thandwolf.com" />
  <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ec56d1c2c3e8556bd3b90c/1743541969222/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" />
  <link rel="image_src" href="https://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ec56d1c2c3e8556bd3b90c/1743541969222/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" />
  <meta itemprop="image" content="http://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ec56d1c2c3e8556bd3b90c/1743541969222/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" />
  <meta name="twitter:title" content="JOHNNIE'S BY THE SEA" />
  <meta name="twitter:image" content="http://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ec56d1c2c3e8556bd3b90c/1743541969222/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" />
  <meta name="twitter:url" content="https://www.johnnies12thandwolf.com" />
  <meta name="twitter:card" content="summary" />
  <meta name="description" content="" />
  <link rel="preconnect" href="https://images.squarespace-cdn.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,700;1,400;1,700&family=Bitter:ital,wght@0,400;0,700;1,400;1,700">
  <script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  <script type="text/javascript">
    SQUARESPACE_ROLLUPS = {};
  </script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-700717f84683914e-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-700717f84683914e-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-22ed584d99d9b83d-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-22ed584d99d9b83d-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-7052b75402b03b15-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-7052b75402b03b15-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-d57df2163dd656f4-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-common');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-d57df2163dd656f4-min.en-US.js" defer></script>
  <script>
    (function(rollups, name) {
      if (!rollups[name]) {
        rollups[name] = {};
      }
      rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-ad9e27deecfccdcd-min.en-US.js"];
    })(SQUARESPACE_ROLLUPS, 'squarespace-performance');
  </script>
  <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-ad9e27deecfccdcd-min.en-US.js" defer></script>
  <script data-name="static-context">
    Static = window.Static || {};
    Static.SQUARESPACE_CONTEXT = {
      "betaFeatureFlags": ["campaigns_thumbnail_layout", "campaigns_import_discounts", "campaigns_new_image_layout_picker", "i18n_beta_website_locales", "member_areas_feature", "marketing_automations", "campaigns_discount_section_in_automations", "form_block_first_last_name_required", "nested_categories", "campaigns_merch_state", "modernized-pdp-m2-enabled", "marketing_landing_page", "scripts_defer", "order_status_page_checkout_landing_enabled", "enable_form_submission_trigger", "override_block_styles", "new_stacked_index", "contacts_and_campaigns_redesign", "supports_versioned_template_assets", "campaigns_discount_section_in_blasts", "section-sdk-plp-list-view-atc-button-enabled"],
      "facebookAppId": "314192535267336",
      "facebookApiVersion": "v6.0",
      "rollups": {
        "squarespace-announcement-bar": {
          "js": "//assets.squarespace.com/universal/scripts-compressed/announcement-bar-72a90926133454f3-min.en-US.js"
        },
        "squarespace-audio-player": {
          "css": "//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/audio-player-66958e631dd60da7-min.en-US.js"
        },
        "squarespace-blog-collection-list": {
          "css": "//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-f78db80fc1cd6fce-min.en-US.js"
        },
        "squarespace-calendar-block-renderer": {
          "css": "//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-867a1d519964ab77-min.en-US.js"
        },
        "squarespace-chartjs-helpers": {
          "css": "//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-4fd57f343946d08e-min.en-US.js"
        },
        "squarespace-comments": {
          "css": "//assets.squarespace.com/universal/styles-compressed/comments-621cedd89299c26d-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/comments-cc444fae3fead46c-min.en-US.js"
        },
        "squarespace-custom-css-popup": {
          "css": "//assets.squarespace.com/universal/styles-compressed/custom-css-popup-2521e9fac704ef13-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-8ad2d082e680ce3a-min.en-US.js"
        },
        "squarespace-dialog": {
          "css": "//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/dialog-13067cd20ecc6225-min.en-US.js"
        },
        "squarespace-events-collection": {
          "css": "//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/events-collection-14cfd7ddff021d8b-min.en-US.js"
        },
        "squarespace-form-rendering-utils": {
          "js": "//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-6e6c68ad3bb89070-min.en-US.js"
        },
        "squarespace-forms": {
          "css": "//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/forms-5d840425c471846f-min.en-US.js"
        },
        "squarespace-gallery-collection-list": {
          "css": "//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-07747667a3187b76-min.en-US.js"
        },
        "squarespace-image-zoom": {
          "css": "//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/image-zoom-60c18dc5f8f599ea-min.en-US.js"
        },
        "squarespace-pinterest": {
          "css": "//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/pinterest-11a90aa8ae197c86-min.en-US.js"
        },
        "squarespace-popup-overlay": {
          "css": "//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/popup-overlay-8916744c06c01c59-min.en-US.js"
        },
        "squarespace-product-quick-view": {
          "css": "//assets.squarespace.com/universal/styles-compressed/product-quick-view-4d91d33acf56eb41-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/product-quick-view-f05b5ecd9d00e6c9-min.en-US.js"
        },
        "squarespace-products-collection-item-v2": {
          "css": "//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-e3a3f101748fca6e-min.en-US.js"
        },
        "squarespace-products-collection-list-v2": {
          "css": "//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-eedc544f4cc56af4-min.en-US.js"
        },
        "squarespace-search-page": {
          "css": "//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/search-page-3091f95a74354ba3-min.en-US.js"
        },
        "squarespace-search-preview": {
          "js": "//assets.squarespace.com/universal/scripts-compressed/search-preview-5d7891e0abe27f45-min.en-US.js"
        },
        "squarespace-simple-liking": {
          "css": "//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/simple-liking-c63bf8989a1c119a-min.en-US.js"
        },
        "squarespace-social-buttons": {
          "css": "//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/social-buttons-0839ae7d1715ddd3-min.en-US.js"
        },
        "squarespace-tourdates": {
          "css": "//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/tourdates-a7041a611304ae3f-min.en-US.js"
        },
        "squarespace-website-overlays-manager": {
          "css": "//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css",
          "js": "//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-d2575afafbb5480b-min.en-US.js"
        }
      },
      "pageType": 2,
      "website": {
        "id": "5e29dbaf630fb46e597527c2",
        "identifier": "johnniesitalianspecialties",
        "websiteType": 1,
        "contentModifiedOn": 1746029401781,
        "cloneable": false,
        "hasBeenCloneable": false,
        "siteStatus": {},
        "language": "en-US",
        "translationLocale": "en-US",
        "formattingLocale": "en-US",
        "timeZone": "America/New_York",
        "machineTimeZoneOffset": -18000000,
        "timeZoneOffset": -18000000,
        "timeZoneAbbr": "EST",
        "siteTitle": "JOHNNIE'S BY THE SEA",
        "fullSiteTitle": "JOHNNIE'S BY THE SEA",
        "location": {
          "mapLat": 39.9215416,
          "mapLng": -75.1667365,
          "addressTitle": "Johnnie's Italian Specialties",
          "addressLine1": "2240 South 12th Street",
          "addressLine2": "Philadelphia, PA, 19148",
          "addressCountry": "United States"
        },
        "logoImageId": "67ed795d8a22d706021c316a",
        "shareButtonOptions": {
          "3": true,
          "7": true,
          "8": true,
          "2": true,
          "1": true,
          "6": true,
          "4": true
        },
        "logoImageUrl": "//images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/cbf5915e-dfc8-4f4d-ae6f-25827ababbed/470220083_122099519516687038_793105955132437427_n.jpg",
        "authenticUrl": "https://www.johnnies12thandwolf.com",
        "internalUrl": "https://johnniesitalianspecialties.squarespace.com",
        "baseUrl": "https://www.johnnies12thandwolf.com",
        "primaryDomain": "www.johnnies12thandwolf.com",
        "sslSetting": 3,
        "isHstsEnabled": false,
        "socialAccounts": [{
          "serviceId": 64,
          "screenname": "Instagram",
          "addedOn": 1674321317437,
          "profileUrl": "https://www.instagram.com/johnniesbythesea/",
          "iconEnabled": true,
          "serviceName": "instagram-unauth"
        }, {
          "serviceId": 60,
          "screenname": "Facebook",
          "addedOn": 1743542106538,
          "profileUrl": "https://www.facebook.com/profile.php?id=61570611153876",
          "iconEnabled": true,
          "serviceName": "facebook-unauth"
        }],
        "typekitId": "",
        "statsMigrated": false,
        "imageMetadataProcessingEnabled": false,
        "screenshotId": "843028ec0055855e48358715a608213f25c0a9ee54212ce5dcd357ab5a49a13d",
        "captchaSettings": {
          "enabledForDonations": false
        },
        "showOwnerLogin": false
      },
      "websiteSettings": {
        "id": "5e29dbaf630fb46e597527c4",
        "websiteId": "5e29dbaf630fb46e597527c2",
        "subjects": [],
        "country": "US",
        "state": "PA",
        "simpleLikingEnabled": true,
        "popupOverlaySettings": {
          "style": 1,
          "enabledPages": []
        },
        "commentLikesAllowed": true,
        "commentAnonAllowed": true,
        "commentThreaded": true,
        "commentApprovalRequired": false,
        "commentAvatarsOn": true,
        "commentSortType": 2,
        "commentFlagThreshold": 0,
        "commentFlagsAllowed": true,
        "commentEnableByDefault": true,
        "commentDisableAfterDaysDefault": 0,
        "disqusShortname": "",
        "commentsEnabled": false,
        "contactPhoneNumber": "2153348006",
        "businessHours": {
          "monday": {
            "text": "11am - 8pm",
            "ranges": [{
              "from": 660,
              "to": 1200
            }]
          },
          "tuesday": {
            "text": "11am - 8pm",
            "ranges": [{
              "from": 660,
              "to": 1200
            }]
          },
          "wednesday": {
            "text": "11am - 8pm",
            "ranges": [{
              "from": 660,
              "to": 1200
            }]
          },
          "thursday": {
            "text": "11am - 8pm",
            "ranges": [{
              "from": 660,
              "to": 1200
            }]
          },
          "friday": {
            "text": "11am - 9pm",
            "ranges": [{
              "from": 660,
              "to": 1260
            }]
          },
          "saturday": {
            "text": "11am - 9pm",
            "ranges": [{
              "from": 660,
              "to": 1260
            }]
          },
          "sunday": {
            "text": "12pm - 8pm",
            "ranges": [{
              "from": 720,
              "to": 1200
            }]
          }
        },
        "storeSettings": {
          "returnPolicy": null,
          "termsOfService": null,
          "privacyPolicy": null,
          "expressCheckout": false,
          "continueShoppingLinkUrl": "/",
          "useLightCart": false,
          "showNoteField": false,
          "shippingCountryDefaultValue": "US",
          "billToShippingDefaultValue": false,
          "showShippingPhoneNumber": true,
          "isShippingPhoneRequired": false,
          "showBillingPhoneNumber": true,
          "isBillingPhoneRequired": false,
          "currenciesSupported": ["USD", "CAD", "GBP", "AUD", "EUR", "CHF", "NOK", "SEK", "DKK", "NZD", "SGD", "MXN", "HKD", "CZK", "ILS", "MYR", "RUB", "PHP", "PLN", "THB"],
          "defaultCurrency": "USD",
          "selectedCurrency": "USD",
          "measurementStandard": 1,
          "showCustomCheckoutForm": false,
          "checkoutPageMarketingOptInEnabled": false,
          "enableMailingListOptInByDefault": false,
          "sameAsRetailLocation": false,
          "merchandisingSettings": {
            "scarcityEnabledOnProductItems": false,
            "scarcityEnabledOnProductBlocks": false,
            "scarcityMessageType": "DEFAULT_SCARCITY_MESSAGE",
            "scarcityThreshold": 10,
            "multipleQuantityAllowedForServices": true,
            "restockNotificationsEnabled": false,
            "restockNotificationsSuccessText": "",
            "restockNotificationsMailingListSignUpEnabled": false,
            "relatedProductsEnabled": false,
            "relatedProductsOrdering": "random",
            "soldOutVariantsDropdownDisabled": false,
            "productComposerOptedIn": false,
            "productComposerABTestOptedOut": false,
            "productReviewsEnabled": false,
            "displayImportedProductReviewsEnabled": false,
            "hasOptedToCollectNativeReviews": false
          },
          "minimumOrderSubtotalEnabled": false,
          "minimumOrderSubtotal": {
            "currency": "USD",
            "value": "0.00"
          },
          "isLive": false,
          "multipleQuantityAllowedForServices": true
        },
        "useEscapeKeyToLogin": true,
        "ssBadgeType": 1,
        "ssBadgePosition": 4,
        "ssBadgeVisibility": 1,
        "ssBadgeDevices": 1,
        "pinterestOverlayOptions": {
          "mode": "disabled"
        },
        "userAccountsSettings": {
          "loginAllowed": false,
          "signupAllowed": false
        }
      },
      "cookieSettings": {
        "isCookieBannerEnabled": false,
        "isRestrictiveCookiePolicyEnabled": false,
        "cookieBannerText": "",
        "cookieBannerTheme": "",
        "cookieBannerVariant": "",
        "cookieBannerPosition": "",
        "cookieBannerCtaVariant": "",
        "cookieBannerCtaText": "",
        "cookieBannerAcceptType": "OPT_IN",
        "cookieBannerOptOutCtaText": "",
        "cookieBannerHasOptOut": false,
        "cookieBannerHasManageCookies": true,
        "cookieBannerManageCookiesLabel": "",
        "cookieBannerSavedPreferencesText": "",
        "cookieBannerSavedPreferencesLayout": "PILL"
      },
      "websiteCloneable": false,
      "collection": {
        "title": "Home",
        "id": "67293d792b0ac10d2ec9c42f",
        "fullUrl": "/",
        "type": 10,
        "permissionType": 1
      },
      "subscribed": false,
      "appDomain": "squarespace.com",
      "templateTweakable": true,
      "tweakJSON": {
        "form-use-theme-colors": "true",
        "header-logo-height": "120px",
        "header-mobile-logo-max-height": "100px",
        "header-vert-padding": "0.7vw",
        "header-width": "Inset",
        "maxPageWidth": "1600px",
        "mobile-header-vert-padding": "6vw",
        "pagePadding": "3vw",
        "tweak-blog-alternating-side-by-side-image-aspect-ratio": "1:1 Square",
        "tweak-blog-alternating-side-by-side-image-spacing": "5%",
        "tweak-blog-alternating-side-by-side-meta-spacing": "15px",
        "tweak-blog-alternating-side-by-side-primary-meta": "Categories",
        "tweak-blog-alternating-side-by-side-read-more-spacing": "5px",
        "tweak-blog-alternating-side-by-side-secondary-meta": "Date",
        "tweak-blog-basic-grid-columns": "2",
        "tweak-blog-basic-grid-image-aspect-ratio": "3:2 Standard",
        "tweak-blog-basic-grid-image-spacing": "30px",
        "tweak-blog-basic-grid-meta-spacing": "15px",
        "tweak-blog-basic-grid-primary-meta": "Categories",
        "tweak-blog-basic-grid-read-more-spacing": "15px",
        "tweak-blog-basic-grid-secondary-meta": "Date",
        "tweak-blog-item-custom-width": "60",
        "tweak-blog-item-show-author-profile": "false",
        "tweak-blog-item-width": "Narrow",
        "tweak-blog-masonry-columns": "2",
        "tweak-blog-masonry-horizontal-spacing": "150px",
        "tweak-blog-masonry-image-spacing": "25px",
        "tweak-blog-masonry-meta-spacing": "20px",
        "tweak-blog-masonry-primary-meta": "Categories",
        "tweak-blog-masonry-read-more-spacing": "5px",
        "tweak-blog-masonry-secondary-meta": "Date",
        "tweak-blog-masonry-vertical-spacing": "100px",
        "tweak-blog-side-by-side-image-aspect-ratio": "1:1 Square",
        "tweak-blog-side-by-side-image-spacing": "6%",
        "tweak-blog-side-by-side-meta-spacing": "20px",
        "tweak-blog-side-by-side-primary-meta": "Categories",
        "tweak-blog-side-by-side-read-more-spacing": "5px",
        "tweak-blog-side-by-side-secondary-meta": "Date",
        "tweak-blog-single-column-image-spacing": "56px",
        "tweak-blog-single-column-meta-spacing": "18px",
        "tweak-blog-single-column-primary-meta": "Categories",
        "tweak-blog-single-column-read-more-spacing": "55px",
        "tweak-blog-single-column-secondary-meta": "Date",
        "tweak-events-stacked-show-thumbnails": "true",
        "tweak-events-stacked-thumbnail-size": "3:2 Standard",
        "tweak-fixed-header": "true",
        "tweak-fixed-header-style": "Scroll Back",
        "tweak-global-animations-animation-curve": "ease",
        "tweak-global-animations-animation-delay": "0.1s",
        "tweak-global-animations-animation-duration": "0.1s",
        "tweak-global-animations-animation-style": "fade",
        "tweak-global-animations-animation-type": "none",
        "tweak-global-animations-complexity-level": "detailed",
        "tweak-global-animations-enabled": "false",
        "tweak-portfolio-grid-basic-custom-height": "50",
        "tweak-portfolio-grid-overlay-custom-height": "50",
        "tweak-portfolio-hover-follow-acceleration": "10%",
        "tweak-portfolio-hover-follow-animation-duration": "Fast",
        "tweak-portfolio-hover-follow-animation-type": "Fade",
        "tweak-portfolio-hover-follow-delimiter": "Bullet",
        "tweak-portfolio-hover-follow-front": "false",
        "tweak-portfolio-hover-follow-layout": "Inline",
        "tweak-portfolio-hover-follow-size": "50",
        "tweak-portfolio-hover-follow-text-spacing-x": "1.5",
        "tweak-portfolio-hover-follow-text-spacing-y": "1.5",
        "tweak-portfolio-hover-static-animation-duration": "Fast",
        "tweak-portfolio-hover-static-animation-type": "Fade",
        "tweak-portfolio-hover-static-delimiter": "Hyphen",
        "tweak-portfolio-hover-static-front": "true",
        "tweak-portfolio-hover-static-layout": "Inline",
        "tweak-portfolio-hover-static-size": "50",
        "tweak-portfolio-hover-static-text-spacing-x": "1.5",
        "tweak-portfolio-hover-static-text-spacing-y": "1.5",
        "tweak-portfolio-index-background-animation-duration": "Medium",
        "tweak-portfolio-index-background-animation-type": "Fade",
        "tweak-portfolio-index-background-custom-height": "50",
        "tweak-portfolio-index-background-delimiter": "None",
        "tweak-portfolio-index-background-height": "Large",
        "tweak-portfolio-index-background-horizontal-alignment": "Center",
        "tweak-portfolio-index-background-link-format": "Stacked",
        "tweak-portfolio-index-background-persist": "false",
        "tweak-portfolio-index-background-vertical-alignment": "Middle",
        "tweak-portfolio-index-background-width": "Full Bleed",
        "tweak-product-basic-item-click-action": "None",
        "tweak-product-basic-item-gallery-aspect-ratio": "3:4 Three-Four (Vertical)",
        "tweak-product-basic-item-gallery-design": "Slideshow",
        "tweak-product-basic-item-gallery-width": "50%",
        "tweak-product-basic-item-hover-action": "None",
        "tweak-product-basic-item-image-spacing": "3vw",
        "tweak-product-basic-item-image-zoom-factor": "1.75",
        "tweak-product-basic-item-product-variant-display": "Dropdown",
        "tweak-product-basic-item-thumbnail-placement": "Side",
        "tweak-product-basic-item-variant-picker-layout": "Dropdowns",
        "tweak-products-add-to-cart-button": "false",
        "tweak-products-columns": "3",
        "tweak-products-gutter-column": "2vw",
        "tweak-products-gutter-row": "3vw",
        "tweak-products-header-text-alignment": "Middle",
        "tweak-products-image-aspect-ratio": "1:1 Square",
        "tweak-products-image-text-spacing": "1vw",
        "tweak-products-mobile-columns": "1",
        "tweak-products-text-alignment": "Left",
        "tweak-products-width": "Inset",
        "tweak-transparent-header": "false"
      },
      "templateId": "5c5a519771c10ba3470d8101",
      "templateVersion": "7.1",
      "pageFeatures": [1, 2, 4],
      "gmRenderKey": "QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4",
      "templateScriptsRootUrl": "https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/",
      "impersonatedSession": false,
      "tzData": {
        "zones": [
          [-300, "US", "E%sT", null]
        ],
        "rules": {
          "US": [
            [1967, 2006, null, "Oct", "lastSun", "2:00", "0", "S"],
            [1987, 2006, null, "Apr", "Sun>=1", "2:00", "1:00", "D"],
            [2007, "max", null, "Mar", "Sun>=8", "2:00", "1:00", "D"],
            [2007, "max", null, "Nov", "Sun>=1", "2:00", "0", "S"]
          ]
        }
      },
      "showAnnouncementBar": false,
      "recaptchaEnterpriseContext": {
        "recaptchaEnterpriseSiteKey": "6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"
      },
      "i18nContext": {
        "timeZoneData": {
          "id": "America/New_York",
          "name": "Eastern Time"
        }
      },
      "env": "PRODUCTION",
      "visitorFormContext": {
        "formFieldFormats": {
          "countries": [{
            "name": "Afghanistan",
            "code": "AF",
            "phoneCode": "+93"
          }, {
            "name": "\u00C5land Islands",
            "code": "AX",
            "phoneCode": "+358"
          }, {
            "name": "Albania",
            "code": "AL",
            "phoneCode": "+355"
          }, {
            "name": "Algeria",
            "code": "DZ",
            "phoneCode": "+213"
          }, {
            "name": "American Samoa",
            "code": "AS",
            "phoneCode": "+1"
          }, {
            "name": "Andorra",
            "code": "AD",
            "phoneCode": "+376"
          }, {
            "name": "Angola",
            "code": "AO",
            "phoneCode": "+244"
          }, {
            "name": "Anguilla",
            "code": "AI",
            "phoneCode": "+1"
          }, {
            "name": "Antigua & Barbuda",
            "code": "AG",
            "phoneCode": "+1"
          }, {
            "name": "Argentina",
            "code": "AR",
            "phoneCode": "+54"
          }, {
            "name": "Armenia",
            "code": "AM",
            "phoneCode": "+374"
          }, {
            "name": "Aruba",
            "code": "AW",
            "phoneCode": "+297"
          }, {
            "name": "Ascension Island",
            "code": "AC",
            "phoneCode": "+247"
          }, {
            "name": "Australia",
            "code": "AU",
            "phoneCode": "+61"
          }, {
            "name": "Austria",
            "code": "AT",
            "phoneCode": "+43"
          }, {
            "name": "Azerbaijan",
            "code": "AZ",
            "phoneCode": "+994"
          }, {
            "name": "Bahamas",
            "code": "BS",
            "phoneCode": "+1"
          }, {
            "name": "Bahrain",
            "code": "BH",
            "phoneCode": "+973"
          }, {
            "name": "Bangladesh",
            "code": "BD",
            "phoneCode": "+880"
          }, {
            "name": "Barbados",
            "code": "BB",
            "phoneCode": "+1"
          }, {
            "name": "Belarus",
            "code": "BY",
            "phoneCode": "+375"
          }, {
            "name": "Belgium",
            "code": "BE",
            "phoneCode": "+32"
          }, {
            "name": "Belize",
            "code": "BZ",
            "phoneCode": "+501"
          }, {
            "name": "Benin",
            "code": "BJ",
            "phoneCode": "+229"
          }, {
            "name": "Bermuda",
            "code": "BM",
            "phoneCode": "+1"
          }, {
            "name": "Bhutan",
            "code": "BT",
            "phoneCode": "+975"
          }, {
            "name": "Bolivia",
            "code": "BO",
            "phoneCode": "+591"
          }, {
            "name": "Bosnia & Herzegovina",
            "code": "BA",
            "phoneCode": "+387"
          }, {
            "name": "Botswana",
            "code": "BW",
            "phoneCode": "+267"
          }, {
            "name": "Brazil",
            "code": "BR",
            "phoneCode": "+55"
          }, {
            "name": "British Indian Ocean Territory",
            "code": "IO",
            "phoneCode": "+246"
          }, {
            "name": "British Virgin Islands",
            "code": "VG",
            "phoneCode": "+1"
          }, {
            "name": "Brunei",
            "code": "BN",
            "phoneCode": "+673"
          }, {
            "name": "Bulgaria",
            "code": "BG",
            "phoneCode": "+359"
          }, {
            "name": "Burkina Faso",
            "code": "BF",
            "phoneCode": "+226"
          }, {
            "name": "Burundi",
            "code": "BI",
            "phoneCode": "+257"
          }, {
            "name": "Cambodia",
            "code": "KH",
            "phoneCode": "+855"
          }, {
            "name": "Cameroon",
            "code": "CM",
            "phoneCode": "+237"
          }, {
            "name": "Canada",
            "code": "CA",
            "phoneCode": "+1"
          }, {
            "name": "Cape Verde",
            "code": "CV",
            "phoneCode": "+238"
          }, {
            "name": "Caribbean Netherlands",
            "code": "BQ",
            "phoneCode": "+599"
          }, {
            "name": "Cayman Islands",
            "code": "KY",
            "phoneCode": "+1"
          }, {
            "name": "Central African Republic",
            "code": "CF",
            "phoneCode": "+236"
          }, {
            "name": "Chad",
            "code": "TD",
            "phoneCode": "+235"
          }, {
            "name": "Chile",
            "code": "CL",
            "phoneCode": "+56"
          }, {
            "name": "China",
            "code": "CN",
            "phoneCode": "+86"
          }, {
            "name": "Christmas Island",
            "code": "CX",
            "phoneCode": "+61"
          }, {
            "name": "Cocos (Keeling) Islands",
            "code": "CC",
            "phoneCode": "+61"
          }, {
            "name": "Colombia",
            "code": "CO",
            "phoneCode": "+57"
          }, {
            "name": "Comoros",
            "code": "KM",
            "phoneCode": "+269"
          }, {
            "name": "Congo - Brazzaville",
            "code": "CG",
            "phoneCode": "+242"
          }, {
            "name": "Congo - Kinshasa",
            "code": "CD",
            "phoneCode": "+243"
          }, {
            "name": "Cook Islands",
            "code": "CK",
            "phoneCode": "+682"
          }, {
            "name": "Costa Rica",
            "code": "CR",
            "phoneCode": "+506"
          }, {
            "name": "C\u00F4te d\u2019Ivoire",
            "code": "CI",
            "phoneCode": "+225"
          }, {
            "name": "Croatia",
            "code": "HR",
            "phoneCode": "+385"
          }, {
            "name": "Cuba",
            "code": "CU",
            "phoneCode": "+53"
          }, {
            "name": "Cura\u00E7ao",
            "code": "CW",
            "phoneCode": "+599"
          }, {
            "name": "Cyprus",
            "code": "CY",
            "phoneCode": "+357"
          }, {
            "name": "Czechia",
            "code": "CZ",
            "phoneCode": "+420"
          }, {
            "name": "Denmark",
            "code": "DK",
            "phoneCode": "+45"
          }, {
            "name": "Djibouti",
            "code": "DJ",
            "phoneCode": "+253"
          }, {
            "name": "Dominica",
            "code": "DM",
            "phoneCode": "+1"
          }, {
            "name": "Dominican Republic",
            "code": "DO",
            "phoneCode": "+1"
          }, {
            "name": "Ecuador",
            "code": "EC",
            "phoneCode": "+593"
          }, {
            "name": "Egypt",
            "code": "EG",
            "phoneCode": "+20"
          }, {
            "name": "El Salvador",
            "code": "SV",
            "phoneCode": "+503"
          }, {
            "name": "Equatorial Guinea",
            "code": "GQ",
            "phoneCode": "+240"
          }, {
            "name": "Eritrea",
            "code": "ER",
            "phoneCode": "+291"
          }, {
            "name": "Estonia",
            "code": "EE",
            "phoneCode": "+372"
          }, {
            "name": "Eswatini",
            "code": "SZ",
            "phoneCode": "+268"
          }, {
            "name": "Ethiopia",
            "code": "ET",
            "phoneCode": "+251"
          }, {
            "name": "Falkland Islands",
            "code": "FK",
            "phoneCode": "+500"
          }, {
            "name": "Faroe Islands",
            "code": "FO",
            "phoneCode": "+298"
          }, {
            "name": "Fiji",
            "code": "FJ",
            "phoneCode": "+679"
          }, {
            "name": "Finland",
            "code": "FI",
            "phoneCode": "+358"
          }, {
            "name": "France",
            "code": "FR",
            "phoneCode": "+33"
          }, {
            "name": "French Guiana",
            "code": "GF",
            "phoneCode": "+594"
          }, {
            "name": "French Polynesia",
            "code": "PF",
            "phoneCode": "+689"
          }, {
            "name": "Gabon",
            "code": "GA",
            "phoneCode": "+241"
          }, {
            "name": "Gambia",
            "code": "GM",
            "phoneCode": "+220"
          }, {
            "name": "Georgia",
            "code": "GE",
            "phoneCode": "+995"
          }, {
            "name": "Germany",
            "code": "DE",
            "phoneCode": "+49"
          }, {
            "name": "Ghana",
            "code": "GH",
            "phoneCode": "+233"
          }, {
            "name": "Gibraltar",
            "code": "GI",
            "phoneCode": "+350"
          }, {
            "name": "Greece",
            "code": "GR",
            "phoneCode": "+30"
          }, {
            "name": "Greenland",
            "code": "GL",
            "phoneCode": "+299"
          }, {
            "name": "Grenada",
            "code": "GD",
            "phoneCode": "+1"
          }, {
            "name": "Guadeloupe",
            "code": "GP",
            "phoneCode": "+590"
          }, {
            "name": "Guam",
            "code": "GU",
            "phoneCode": "+1"
          }, {
            "name": "Guatemala",
            "code": "GT",
            "phoneCode": "+502"
          }, {
            "name": "Guernsey",
            "code": "GG",
            "phoneCode": "+44"
          }, {
            "name": "Guinea",
            "code": "GN",
            "phoneCode": "+224"
          }, {
            "name": "Guinea-Bissau",
            "code": "GW",
            "phoneCode": "+245"
          }, {
            "name": "Guyana",
            "code": "GY",
            "phoneCode": "+592"
          }, {
            "name": "Haiti",
            "code": "HT",
            "phoneCode": "+509"
          }, {
            "name": "Honduras",
            "code": "HN",
            "phoneCode": "+504"
          }, {
            "name": "Hong Kong SAR China",
            "code": "HK",
            "phoneCode": "+852"
          }, {
            "name": "Hungary",
            "code": "HU",
            "phoneCode": "+36"
          }, {
            "name": "Iceland",
            "code": "IS",
            "phoneCode": "+354"
          }, {
            "name": "India",
            "code": "IN",
            "phoneCode": "+91"
          }, {
            "name": "Indonesia",
            "code": "ID",
            "phoneCode": "+62"
          }, {
            "name": "Iran",
            "code": "IR",
            "phoneCode": "+98"
          }, {
            "name": "Iraq",
            "code": "IQ",
            "phoneCode": "+964"
          }, {
            "name": "Ireland",
            "code": "IE",
            "phoneCode": "+353"
          }, {
            "name": "Isle of Man",
            "code": "IM",
            "phoneCode": "+44"
          }, {
            "name": "Israel",
            "code": "IL",
            "phoneCode": "+972"
          }, {
            "name": "Italy",
            "code": "IT",
            "phoneCode": "+39"
          }, {
            "name": "Jamaica",
            "code": "JM",
            "phoneCode": "+1"
          }, {
            "name": "Japan",
            "code": "JP",
            "phoneCode": "+81"
          }, {
            "name": "Jersey",
            "code": "JE",
            "phoneCode": "+44"
          }, {
            "name": "Jordan",
            "code": "JO",
            "phoneCode": "+962"
          }, {
            "name": "Kazakhstan",
            "code": "KZ",
            "phoneCode": "+7"
          }, {
            "name": "Kenya",
            "code": "KE",
            "phoneCode": "+254"
          }, {
            "name": "Kiribati",
            "code": "KI",
            "phoneCode": "+686"
          }, {
            "name": "Kosovo",
            "code": "XK",
            "phoneCode": "+383"
          }, {
            "name": "Kuwait",
            "code": "KW",
            "phoneCode": "+965"
          }, {
            "name": "Kyrgyzstan",
            "code": "KG",
            "phoneCode": "+996"
          }, {
            "name": "Laos",
            "code": "LA",
            "phoneCode": "+856"
          }, {
            "name": "Latvia",
            "code": "LV",
            "phoneCode": "+371"
          }, {
            "name": "Lebanon",
            "code": "LB",
            "phoneCode": "+961"
          }, {
            "name": "Lesotho",
            "code": "LS",
            "phoneCode": "+266"
          }, {
            "name": "Liberia",
            "code": "LR",
            "phoneCode": "+231"
          }, {
            "name": "Libya",
            "code": "LY",
            "phoneCode": "+218"
          }, {
            "name": "Liechtenstein",
            "code": "LI",
            "phoneCode": "+423"
          }, {
            "name": "Lithuania",
            "code": "LT",
            "phoneCode": "+370"
          }, {
            "name": "Luxembourg",
            "code": "LU",
            "phoneCode": "+352"
          }, {
            "name": "Macao SAR China",
            "code": "MO",
            "phoneCode": "+853"
          }, {
            "name": "Madagascar",
            "code": "MG",
            "phoneCode": "+261"
          }, {
            "name": "Malawi",
            "code": "MW",
            "phoneCode": "+265"
          }, {
            "name": "Malaysia",
            "code": "MY",
            "phoneCode": "+60"
          }, {
            "name": "Maldives",
            "code": "MV",
            "phoneCode": "+960"
          }, {
            "name": "Mali",
            "code": "ML",
            "phoneCode": "+223"
          }, {
            "name": "Malta",
            "code": "MT",
            "phoneCode": "+356"
          }, {
            "name": "Marshall Islands",
            "code": "MH",
            "phoneCode": "+692"
          }, {
            "name": "Martinique",
            "code": "MQ",
            "phoneCode": "+596"
          }, {
            "name": "Mauritania",
            "code": "MR",
            "phoneCode": "+222"
          }, {
            "name": "Mauritius",
            "code": "MU",
            "phoneCode": "+230"
          }, {
            "name": "Mayotte",
            "code": "YT",
            "phoneCode": "+262"
          }, {
            "name": "Mexico",
            "code": "MX",
            "phoneCode": "+52"
          }, {
            "name": "Micronesia",
            "code": "FM",
            "phoneCode": "+691"
          }, {
            "name": "Moldova",
            "code": "MD",
            "phoneCode": "+373"
          }, {
            "name": "Monaco",
            "code": "MC",
            "phoneCode": "+377"
          }, {
            "name": "Mongolia",
            "code": "MN",
            "phoneCode": "+976"
          }, {
            "name": "Montenegro",
            "code": "ME",
            "phoneCode": "+382"
          }, {
            "name": "Montserrat",
            "code": "MS",
            "phoneCode": "+1"
          }, {
            "name": "Morocco",
            "code": "MA",
            "phoneCode": "+212"
          }, {
            "name": "Mozambique",
            "code": "MZ",
            "phoneCode": "+258"
          }, {
            "name": "Myanmar (Burma)",
            "code": "MM",
            "phoneCode": "+95"
          }, {
            "name": "Namibia",
            "code": "NA",
            "phoneCode": "+264"
          }, {
            "name": "Nauru",
            "code": "NR",
            "phoneCode": "+674"
          }, {
            "name": "Nepal",
            "code": "NP",
            "phoneCode": "+977"
          }, {
            "name": "Netherlands",
            "code": "NL",
            "phoneCode": "+31"
          }, {
            "name": "New Caledonia",
            "code": "NC",
            "phoneCode": "+687"
          }, {
            "name": "New Zealand",
            "code": "NZ",
            "phoneCode": "+64"
          }, {
            "name": "Nicaragua",
            "code": "NI",
            "phoneCode": "+505"
          }, {
            "name": "Niger",
            "code": "NE",
            "phoneCode": "+227"
          }, {
            "name": "Nigeria",
            "code": "NG",
            "phoneCode": "+234"
          }, {
            "name": "Niue",
            "code": "NU",
            "phoneCode": "+683"
          }, {
            "name": "Norfolk Island",
            "code": "NF",
            "phoneCode": "+672"
          }, {
            "name": "Northern Mariana Islands",
            "code": "MP",
            "phoneCode": "+1"
          }, {
            "name": "North Korea",
            "code": "KP",
            "phoneCode": "+850"
          }, {
            "name": "North Macedonia",
            "code": "MK",
            "phoneCode": "+389"
          }, {
            "name": "Norway",
            "code": "NO",
            "phoneCode": "+47"
          }, {
            "name": "Oman",
            "code": "OM",
            "phoneCode": "+968"
          }, {
            "name": "Pakistan",
            "code": "PK",
            "phoneCode": "+92"
          }, {
            "name": "Palau",
            "code": "PW",
            "phoneCode": "+680"
          }, {
            "name": "Palestinian Territories",
            "code": "PS",
            "phoneCode": "+970"
          }, {
            "name": "Panama",
            "code": "PA",
            "phoneCode": "+507"
          }, {
            "name": "Papua New Guinea",
            "code": "PG",
            "phoneCode": "+675"
          }, {
            "name": "Paraguay",
            "code": "PY",
            "phoneCode": "+595"
          }, {
            "name": "Peru",
            "code": "PE",
            "phoneCode": "+51"
          }, {
            "name": "Philippines",
            "code": "PH",
            "phoneCode": "+63"
          }, {
            "name": "Poland",
            "code": "PL",
            "phoneCode": "+48"
          }, {
            "name": "Portugal",
            "code": "PT",
            "phoneCode": "+351"
          }, {
            "name": "Puerto Rico",
            "code": "PR",
            "phoneCode": "+1"
          }, {
            "name": "Qatar",
            "code": "QA",
            "phoneCode": "+974"
          }, {
            "name": "R\u00E9union",
            "code": "RE",
            "phoneCode": "+262"
          }, {
            "name": "Romania",
            "code": "RO",
            "phoneCode": "+40"
          }, {
            "name": "Russia",
            "code": "RU",
            "phoneCode": "+7"
          }, {
            "name": "Rwanda",
            "code": "RW",
            "phoneCode": "+250"
          }, {
            "name": "Samoa",
            "code": "WS",
            "phoneCode": "+685"
          }, {
            "name": "San Marino",
            "code": "SM",
            "phoneCode": "+378"
          }, {
            "name": "S\u00E3o Tom\u00E9 & Pr\u00EDncipe",
            "code": "ST",
            "phoneCode": "+239"
          }, {
            "name": "Saudi Arabia",
            "code": "SA",
            "phoneCode": "+966"
          }, {
            "name": "Senegal",
            "code": "SN",
            "phoneCode": "+221"
          }, {
            "name": "Serbia",
            "code": "RS",
            "phoneCode": "+381"
          }, {
            "name": "Seychelles",
            "code": "SC",
            "phoneCode": "+248"
          }, {
            "name": "Sierra Leone",
            "code": "SL",
            "phoneCode": "+232"
          }, {
            "name": "Singapore",
            "code": "SG",
            "phoneCode": "+65"
          }, {
            "name": "Sint Maarten",
            "code": "SX",
            "phoneCode": "+1"
          }, {
            "name": "Slovakia",
            "code": "SK",
            "phoneCode": "+421"
          }, {
            "name": "Slovenia",
            "code": "SI",
            "phoneCode": "+386"
          }, {
            "name": "Solomon Islands",
            "code": "SB",
            "phoneCode": "+677"
          }, {
            "name": "Somalia",
            "code": "SO",
            "phoneCode": "+252"
          }, {
            "name": "South Africa",
            "code": "ZA",
            "phoneCode": "+27"
          }, {
            "name": "South Korea",
            "code": "KR",
            "phoneCode": "+82"
          }, {
            "name": "South Sudan",
            "code": "SS",
            "phoneCode": "+211"
          }, {
            "name": "Spain",
            "code": "ES",
            "phoneCode": "+34"
          }, {
            "name": "Sri Lanka",
            "code": "LK",
            "phoneCode": "+94"
          }, {
            "name": "St. Barth\u00E9lemy",
            "code": "BL",
            "phoneCode": "+590"
          }, {
            "name": "St. Helena",
            "code": "SH",
            "phoneCode": "+290"
          }, {
            "name": "St. Kitts & Nevis",
            "code": "KN",
            "phoneCode": "+1"
          }, {
            "name": "St. Lucia",
            "code": "LC",
            "phoneCode": "+1"
          }, {
            "name": "St. Martin",
            "code": "MF",
            "phoneCode": "+590"
          }, {
            "name": "St. Pierre & Miquelon",
            "code": "PM",
            "phoneCode": "+508"
          }, {
            "name": "St. Vincent & Grenadines",
            "code": "VC",
            "phoneCode": "+1"
          }, {
            "name": "Sudan",
            "code": "SD",
            "phoneCode": "+249"
          }, {
            "name": "Suriname",
            "code": "SR",
            "phoneCode": "+597"
          }, {
            "name": "Svalbard & Jan Mayen",
            "code": "SJ",
            "phoneCode": "+47"
          }, {
            "name": "Sweden",
            "code": "SE",
            "phoneCode": "+46"
          }, {
            "name": "Switzerland",
            "code": "CH",
            "phoneCode": "+41"
          }, {
            "name": "Syria",
            "code": "SY",
            "phoneCode": "+963"
          }, {
            "name": "Taiwan",
            "code": "TW",
            "phoneCode": "+886"
          }, {
            "name": "Tajikistan",
            "code": "TJ",
            "phoneCode": "+992"
          }, {
            "name": "Tanzania",
            "code": "TZ",
            "phoneCode": "+255"
          }, {
            "name": "Thailand",
            "code": "TH",
            "phoneCode": "+66"
          }, {
            "name": "Timor-Leste",
            "code": "TL",
            "phoneCode": "+670"
          }, {
            "name": "Togo",
            "code": "TG",
            "phoneCode": "+228"
          }, {
            "name": "Tokelau",
            "code": "TK",
            "phoneCode": "+690"
          }, {
            "name": "Tonga",
            "code": "TO",
            "phoneCode": "+676"
          }, {
            "name": "Trinidad & Tobago",
            "code": "TT",
            "phoneCode": "+1"
          }, {
            "name": "Tristan da Cunha",
            "code": "TA",
            "phoneCode": "+290"
          }, {
            "name": "Tunisia",
            "code": "TN",
            "phoneCode": "+216"
          }, {
            "name": "T\u00FCrkiye",
            "code": "TR",
            "phoneCode": "+90"
          }, {
            "name": "Turkmenistan",
            "code": "TM",
            "phoneCode": "+993"
          }, {
            "name": "Turks & Caicos Islands",
            "code": "TC",
            "phoneCode": "+1"
          }, {
            "name": "Tuvalu",
            "code": "TV",
            "phoneCode": "+688"
          }, {
            "name": "U.S. Virgin Islands",
            "code": "VI",
            "phoneCode": "+1"
          }, {
            "name": "Uganda",
            "code": "UG",
            "phoneCode": "+256"
          }, {
            "name": "Ukraine",
            "code": "UA",
            "phoneCode": "+380"
          }, {
            "name": "United Arab Emirates",
            "code": "AE",
            "phoneCode": "+971"
          }, {
            "name": "United Kingdom",
            "code": "GB",
            "phoneCode": "+44"
          }, {
            "name": "United States",
            "code": "US",
            "phoneCode": "+1"
          }, {
            "name": "Uruguay",
            "code": "UY",
            "phoneCode": "+598"
          }, {
            "name": "Uzbekistan",
            "code": "UZ",
            "phoneCode": "+998"
          }, {
            "name": "Vanuatu",
            "code": "VU",
            "phoneCode": "+678"
          }, {
            "name": "Vatican City",
            "code": "VA",
            "phoneCode": "+39"
          }, {
            "name": "Venezuela",
            "code": "VE",
            "phoneCode": "+58"
          }, {
            "name": "Vietnam",
            "code": "VN",
            "phoneCode": "+84"
          }, {
            "name": "Wallis & Futuna",
            "code": "WF",
            "phoneCode": "+681"
          }, {
            "name": "Western Sahara",
            "code": "EH",
            "phoneCode": "+212"
          }, {
            "name": "Yemen",
            "code": "YE",
            "phoneCode": "+967"
          }, {
            "name": "Zambia",
            "code": "ZM",
            "phoneCode": "+260"
          }, {
            "name": "Zimbabwe",
            "code": "ZW",
            "phoneCode": "+263"
          }],
          "initialPhoneFormat": {
            "id": 0,
            "type": "PHONE_NUMBER",
            "country": "US",
            "labelLocale": "en-US",
            "fields": [{
              "type": "SEPARATOR",
              "label": "(",
              "identifier": "LeftParen",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "1",
              "identifier": "1",
              "length": 3,
              "required": false,
              "metadata": {}
            }, {
              "type": "SEPARATOR",
              "label": ")",
              "identifier": "RightParen",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "SEPARATOR",
              "label": " ",
              "identifier": "Space",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "2",
              "identifier": "2",
              "length": 3,
              "required": false,
              "metadata": {}
            }, {
              "type": "SEPARATOR",
              "label": "-",
              "identifier": "Dash",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "3",
              "identifier": "3",
              "length": 14,
              "required": false,
              "metadata": {}
            }]
          },
          "initialNameOrder": "GIVEN_FIRST",
          "initialAddressFormat": {
            "id": 0,
            "type": "ADDRESS",
            "country": "US",
            "labelLocale": "en",
            "fields": [{
              "type": "FIELD",
              "label": "Address Line 1",
              "identifier": "Line1",
              "length": 0,
              "required": true,
              "metadata": {
                "autocomplete": "address-line1"
              }
            }, {
              "type": "SEPARATOR",
              "label": "\n",
              "identifier": "Newline",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "Address Line 2",
              "identifier": "Line2",
              "length": 0,
              "required": false,
              "metadata": {
                "autocomplete": "address-line2"
              }
            }, {
              "type": "SEPARATOR",
              "label": "\n",
              "identifier": "Newline",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "City",
              "identifier": "City",
              "length": 0,
              "required": true,
              "metadata": {
                "autocomplete": "address-level2"
              }
            }, {
              "type": "SEPARATOR",
              "label": ",",
              "identifier": "Comma",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "SEPARATOR",
              "label": " ",
              "identifier": "Space",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "State",
              "identifier": "State",
              "length": 0,
              "required": true,
              "metadata": {
                "autocomplete": "address-level1"
              }
            }, {
              "type": "SEPARATOR",
              "label": " ",
              "identifier": "Space",
              "length": 0,
              "required": false,
              "metadata": {}
            }, {
              "type": "FIELD",
              "label": "ZIP Code",
              "identifier": "Zip",
              "length": 0,
              "required": true,
              "metadata": {
                "autocomplete": "postal-code"
              }
            }]
          }
        },
        "localizedStrings": {
          "validation": {
            "noValidSelection": "A valid selection must be made.",
            "invalidUrl": "Must be a valid URL.",
            "stringTooLong": "Value should have a length no longer than {0}.",
            "containsInvalidKey": "{0} contains an invalid key.",
            "invalidTwitterUsername": "Must be a valid Twitter username.",
            "valueOutsideRange": "Value must be in the range {0} to {1}.",
            "invalidPassword": "Passwords should not contain whitespace.",
            "missingRequiredSubfields": "{0} is missing required subfields: {1}",
            "invalidCurrency": "Currency value should be formatted like 1234 or 123.99.",
            "invalidMapSize": "Value should contain exactly {0} elements.",
            "subfieldsRequired": "All fields in {0} are required.",
            "formSubmissionFailed": "Form submission failed. Review the following information: {0}.",
            "invalidCountryCode": "Country code should have an optional plus and up to 4 digits.",
            "invalidDate": "This is not a real date.",
            "required": "{0} is required.",
            "invalidStringLength": "Value should be {0} characters long.",
            "invalidEmail": "Email addresses should follow the format user@domain.com.",
            "invalidListLength": "Value should be {0} elements long.",
            "allEmpty": "Please fill out at least one form field.",
            "missingRequiredQuestion": "Missing a required question.",
            "invalidQuestion": "Contained an invalid question.",
            "captchaFailure": "Captcha validation failed. Please try again.",
            "stringTooShort": "Value should have a length of at least {0}.",
            "invalid": "{0} is not valid.",
            "formErrors": "Form Errors",
            "containsInvalidValue": "{0} contains an invalid value.",
            "invalidUnsignedNumber": "Numbers must contain only digits and no other characters.",
            "invalidName": "Valid names contain only letters, numbers, spaces, ', or - characters."
          },
          "submit": "Submit",
          "status": {
            "title": "{@} Block",
            "learnMore": "Learn more"
          },
          "name": {
            "firstName": "First Name",
            "lastName": "Last Name"
          },
          "lightbox": {
            "openForm": "Open Form"
          },
          "likert": {
            "agree": "Agree",
            "stronglyDisagree": "Strongly Disagree",
            "disagree": "Disagree",
            "stronglyAgree": "Strongly Agree",
            "neutral": "Neutral"
          },
          "time": {
            "am": "AM",
            "second": "Second",
            "pm": "PM",
            "minute": "Minute",
            "amPm": "AM/PM",
            "hour": "Hour"
          },
          "notFound": "Form not found.",
          "date": {
            "yyyy": "YYYY",
            "year": "Year",
            "mm": "MM",
            "day": "Day",
            "month": "Month",
            "dd": "DD"
          },
          "phone": {
            "country": "Country",
            "number": "Number",
            "prefix": "Prefix",
            "areaCode": "Area Code",
            "line": "Line"
          },
          "submitError": "Unable to submit form. Please try again later.",
          "address": {
            "stateProvince": "State/Province",
            "country": "Country",
            "zipPostalCode": "Zip/Postal Code",
            "address2": "Address 2",
            "address1": "Address 1",
            "city": "City"
          },
          "email": {
            "signUp": "Sign up for news and updates"
          },
          "cannotSubmitDemoForm": "This is a demo form and cannot be submitted.",
          "required": "(required)",
          "invalidData": "Invalid form data."
        }
      }
    };
  </script>
  <script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.map/a85db0b0-0e74-4d9d-8f8c-197b40415223_472/website.components.map.visitor.js"></script>
  <script type="application/ld+json">
    {
      "url": "https://www.johnnies12thandwolf.com",
      "name": "JOHNNIE'S BY THE SEA",
      "image": "//images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/cbf5915e-dfc8-4f4d-ae6f-25827ababbed/470220083_122099519516687038_793105955132437427_n.jpg",
      "@context": "http://schema.org",
      "@type": "WebSite"
    }
  </script>
  <script type="application/ld+json">
    {
      "legalName": "Johnnie's Italian Specialties",
      "address": "2240 South 12th Street\nPhiladelphia, PA, 19148\nUnited States",
      "email": "johnniesitalianspecialties@gmail.com",
      "telephone": "2153348006",
      "sameAs": ["https://www.instagram.com/johnniesbythesea/", "https://www.facebook.com/profile.php?id=61570611153876"],
      "@context": "http://schema.org",
      "@type": "Organization"
    }
  </script>
  <script type="application/ld+json">
    {
      "address": "2240 South 12th Street\nPhiladelphia, PA, 19148\nUnited States",
      "image": "https://static1.squarespace.com/static/5e29dbaf630fb46e597527c2/t/67ed795d8a22d706021c316a/1746029401781/",
      "name": "Johnnie's Italian Specialties",
      "openingHours": "Mo 11:00-20:00, Tu 11:00-20:00, We 11:00-20:00, Th 11:00-20:00, Fr 11:00-21:00, Sa 11:00-21:00, Su 12:00-20:00",
      "@context": "http://schema.org",
      "@type": "LocalBusiness"
    }
  </script>
  <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/5e29dbaf630fb46e597527c2/76/5c5a519771c10ba3470d8101/5e29dbaf630fb46e597527d7/1723/site.css" />
  <script>
    Static.COOKIE_BANNER_CAPABLE = true;
  </script>
  <!-- End of Squarespace Headers -->
  <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1768321534779-YT7EOCSTS267V8VK1E62/static.css">
</head>

<body id="collection-67293d792b0ac10d2ec9c42f" class="
      form-use-theme-colors form-field-style-solid form-field-shape-pill form-field-border-none form-field-checkbox-type-icon form-field-checkbox-fill-outline form-field-checkbox-color-inverted form-field-checkbox-shape-pill form-field-checkbox-layout-fit form-field-radio-type-icon form-field-radio-fill-outline form-field-radio-color-inverted form-field-radio-shape-pill form-field-radio-layout-fit form-field-survey-fill-outline form-field-survey-color-inverted form-field-survey-shape-pill form-field-hover-focus-accent form-submit-button-style-ellipsis tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-hide tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-blog-item-width-narrow tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date   tweak-blog-item-delimiter-dash primary-button-style-solid primary-button-shape-rounded secondary-button-style-outline secondary-button-shape-pill tertiary-button-style-outline tertiary-button-shape-underline tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt  tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show header-overlay-alignment-center tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show  tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show header-width-inset  tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-67293d792b0ac10d2ec9c42f collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
      
        
          
            
              
            
          
        
      
    " tabindex="-1">
  <div id="siteWrapper" class="clearfix site-wrapper">
    <div id="floatingCart" class="floating-cart hidden">
      <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
        <span class="Cart-inner">
          <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
            <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
            <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
            <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
          </svg>
          <div class="legacy-cart icon-cart-quantity">
            <span class="sqs-cart-quantity">0</span>
          </div>
        </span>
      </a>
    </div>
    <header data-test="header" id="header" class="
      
        
      
      header theme-col--primary
    " data-section-theme="" data-controller="Header" data-current-styles="{
          &quot;layout&quot;: &quot;brandingCenter&quot;,
          &quot;action&quot;: {
            &quot;href&quot;: &quot;https://www.brisktable.com/book?r=johnniesbythesea&quot;,
            &quot;buttonText&quot;: &quot;Make A Reservation&quot;,
            &quot;newWindow&quot;: true
          },
          &quot;showSocial&quot;: true,
          &quot;socialOptions&quot;: {
            &quot;socialBorderShape&quot;: &quot;none&quot;,
            &quot;socialBorderStyle&quot;: &quot;outline&quot;,
            &quot;socialBorderThickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 1.0
            }
          },
          &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
          &quot;cartStyle&quot;: &quot;cart&quot;,
          &quot;cartText&quot;: &quot;Cart&quot;,
          &quot;showEmptyCartState&quot;: true,
          &quot;cartOptions&quot;: {
            &quot;iconType&quot;: &quot;solid-7&quot;,
            &quot;cartBorderShape&quot;: &quot;none&quot;,
            &quot;cartBorderStyle&quot;: &quot;outline&quot;,
            &quot;cartBorderThickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 1.0
            }
          },
          &quot;showButton&quot;: false,
          &quot;showCart&quot;: false,
          &quot;showAccountLogin&quot;: true,
          &quot;headerStyle&quot;: &quot;solid&quot;,
          &quot;languagePicker&quot;: {
            &quot;enabled&quot;: false,
            &quot;iconEnabled&quot;: false,
            &quot;iconType&quot;: &quot;globe&quot;,
            &quot;flagShape&quot;: &quot;shiny&quot;,
            &quot;languageFlags&quot;: [ ]
          },
          &quot;iconOptions&quot;: {
            &quot;desktopDropdownIconOptions&quot;: {
              &quot;size&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;iconSpacing&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 0.35
              },
              &quot;strokeWidth&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;endcapType&quot;: &quot;square&quot;,
              &quot;folderDropdownIcon&quot;: &quot;none&quot;,
              &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
            },
            &quot;mobileDropdownIconOptions&quot;: {
              &quot;size&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;iconSpacing&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 0.15
              },
              &quot;strokeWidth&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 0.5
              },
              &quot;endcapType&quot;: &quot;square&quot;,
              &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
              &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
            }
          },
          &quot;mobileOptions&quot;: {
            &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
            &quot;menuIconOptions&quot;: {
              &quot;style&quot;: &quot;doubleLineHamburger&quot;,
              &quot;thickness&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 1.0
              }
            }
          },
          &quot;solidOptions&quot;: {
            &quot;headerOpacity&quot;: {
              &quot;unit&quot;: &quot;%&quot;,
              &quot;value&quot;: 100.0
            },
            &quot;blurBackground&quot;: {
              &quot;enabled&quot;: false,
              &quot;blurRadius&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 12.0
              }
            },
            &quot;backgroundColor&quot;: {
              &quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
              &quot;customColor&quot;: {
                &quot;hslaValue&quot;: {
                  &quot;hue&quot;: 188.41,
                  &quot;saturation&quot;: 0.63,
                  &quot;lightness&quot;: 0.66,
                  &quot;alpha&quot;: 1.0
                },
                &quot;userFormat&quot;: &quot;hex&quot;
              }
            },
            &quot;navigationColor&quot;: {
              &quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
              &quot;customColor&quot;: {
                &quot;hslaValue&quot;: {
                  &quot;hue&quot;: 35.56,
                  &quot;saturation&quot;: 0.5,
                  &quot;lightness&quot;: 0.21,
                  &quot;alpha&quot;: 1.0
                },
                &quot;userFormat&quot;: &quot;hex&quot;
              }
            }
          },
          &quot;gradientOptions&quot;: {
            &quot;gradientType&quot;: &quot;faded&quot;,
            &quot;headerOpacity&quot;: {
              &quot;unit&quot;: &quot;%&quot;,
              &quot;value&quot;: 90.0
            },
            &quot;blurBackground&quot;: {
              &quot;enabled&quot;: false,
              &quot;blurRadius&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 12.0
              }
            },
            &quot;backgroundColor&quot;: {
              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
              &quot;sitePaletteColor&quot;: {
                &quot;colorName&quot;: &quot;white&quot;,
                &quot;alphaModifier&quot;: 1.0
              }
            },
            &quot;navigationColor&quot;: {
              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
              &quot;sitePaletteColor&quot;: {
                &quot;colorName&quot;: &quot;black&quot;,
                &quot;alphaModifier&quot;: 1.0
              }
            }
          },
          &quot;dropShadowOptions&quot;: {
            &quot;enabled&quot;: false,
            &quot;blur&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            },
            &quot;spread&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 0.0
            },
            &quot;distance&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            }
          },
          &quot;borderOptions&quot;: {
            &quot;enabled&quot;: false,
            &quot;position&quot;: &quot;bottom&quot;,
            &quot;thickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 4.0
            }
          },
          &quot;showPromotedElement&quot;: false,
          &quot;buttonVariant&quot;: &quot;secondary&quot;,
          &quot;blurBackground&quot;: {
            &quot;enabled&quot;: false,
            &quot;blurRadius&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            }
          },
          &quot;headerOpacity&quot;: {
            &quot;unit&quot;: &quot;%&quot;,
            &quot;value&quot;: 100.0
          }
        }" data-section-id="header" data-header-style="solid" data-language-picker="{
          &quot;enabled&quot;: false,
          &quot;iconEnabled&quot;: false,
          &quot;iconType&quot;: &quot;globe&quot;,
          &quot;flagShape&quot;: &quot;shiny&quot;,
          &quot;languageFlags&quot;: [ ]
        }" data-first-focusable-element tabindex="-1" style="
      
      
      
        --solidHeaderBackgroundColor: hsla(188.41, 63%, 66%, 1);
      
      
        --solidHeaderNavigationColor: hsla(35.56, 50%, 21%, 1);
      
      
        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
      
      
        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
      
    ">
      <svg style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
        <symbol id="circle">
          <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
        </symbol>
        <symbol id="circleFilled">
          <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
        </symbol>
        <symbol id="dash">
          <path d="M11 11H19H3" />
        </symbol>
        <symbol id="squareFilled">
          <rect x="6" y="6" width="11" height="11" />
        </symbol>
        <symbol id="square">
          <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
        </symbol>
        <symbol id="plus">
          <path d="M11 3V19" />
          <path d="M19 11L3 11" />
        </symbol>
        <symbol id="closedArrow">
          <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
        </symbol>
        <symbol id="closedArrowFilled">
          <path d="M11 11L11 2" stroke="inherit" fill="none" />
          <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
        </symbol>
        <symbol id="closedArrowHead" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol">
          <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
        </symbol>
        <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol">
          <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
        </symbol>
        <symbol id="openArrow">
          <path d="M11 18.3591L11 3" stroke="inherit" fill="none" />
          <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none" />
        </symbol>
        <symbol id="openArrowHead">
          <path d="M18 7L11 14L4 7" fill="none" />
        </symbol>
        <symbol id="pinchedArrow">
          <path d="M11 17.3591L11 2" fill="none" />
          <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
        </symbol>
        <symbol id="pinchedArrowFilled">
          <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1" />
          <path d="M11 11L11 1" fill="none" />
        </symbol>
        <symbol id="pinchedArrowHead">
          <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091" fill="none" />
        </symbol>
        <symbol id="pinchedArrowHeadFilled">
          <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
        </symbol>
      </svg>
      <div class="sqs-announcement-bar-dropzone"></div>
      <div class="header-announcement-bar-wrapper">
        <a href="#page" class="header-skip-link sqs-button-element--primary"> Skip to Content </a>
        <style>
          @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
            .header-blur-background {
              -webkit-backdrop-filter: blur(12px);
              backdrop-filter: blur(12px);
            }
          }
        </style>
        <div class="header-border" data-header-style="solid" data-header-border="false" data-test="header-border" style="




"></div>
        <div class="header-dropshadow" data-header-style="solid" data-header-dropshadow="false" data-test="header-dropshadow" style=""></div>
        <div>
          <div class="header-background-solid" data-header-style="solid" data-test="header-background-solid" style="opacity: calc(100 * .01)"></div>
        </div>
        <div class='header-inner container--fluid
        
        
        
         header-mobile-layout-logo-left-nav-right
        
        
        
        
        
        
        
        
        
         header-layout-branding-center
        
        
        
        
        
        ' data-test="header-inner">
          <!-- Background -->
          <div class="header-background theme-bg--primary"></div>
          <div class="header-display-desktop" data-content-field="site-title">
            <!-- Social -->
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              <!-- Nav -->
              <div class="header-nav">
                <div class="header-nav-wrapper">
                  <nav class="header-nav-list">
                    <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage">
                      <a href="/" data-animation-role="header-element" aria-current="page"> Home </a>
                    </div>
                    <div class="header-nav-item header-nav-item--collection">
                      <a href="/menu" data-animation-role="header-element"> Menu </a>
                    </div>
                    <div class="header-nav-item header-nav-item--collection">
                      <a href="/gallery" data-animation-role="header-element"> Gallery </a>
                    </div>
                  </nav>
                </div>
              </div>
              <!-- Title -->
              <div class="
                      header-title
                      
                    " data-animation-role="header-element">
                <div class="header-title-logo">
                  <a href="/" data-animation-role="header-element">
                    <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/cbf5915e-dfc8-4f4d-ae6f-25827ababbed/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" alt="JOHNNIE&amp;#39;S BY THE SEA" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
                  </a>
                </div>
              </div>
            </div>
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              <div class="header-actions-action header-actions-action--social">
                <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/johnniesbythesea/" target="_blank" aria-label="Instagram">
                  <svg viewBox="23 23 64 64">
                    <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
                  </svg>
                </a>
                <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/profile.php?id=61570611153876" target="_blank" aria-label="Facebook">
                  <svg viewBox="23 23 64 64">
                    <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
                  </svg>
                </a>
              </div>
              <div class="showOnMobile">
              </div>
              <div class="showOnDesktop">
              </div>
            </div>
            <style>
              .top-bun,
              .patty,
              .bottom-bun {
                height: 1px;
              }
            </style>
            <!-- Burger -->
            <div class="header-burger

  menu-overlay-has-visible-non-navigation-items

" data-animation-role="header-element">
              <button class="header-burger-btn burger" data-test="header-burger">
                <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
                <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
                <div class="burger-box">
                  <div class="burger-inner header-menu-icon-doubleLineHamburger">
                    <div class="top-bun"></div>
                    <div class="patty"></div>
                    <div class="bottom-bun"></div>
                  </div>
                </div>
              </button>
            </div>
          </div>
          <div class="header-display-mobile" data-content-field="site-title">
            <!-- Social -->
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              <!-- Nav -->
              <div class="header-nav">
                <div class="header-nav-wrapper">
                  <nav class="header-nav-list">
                    <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage">
                      <a href="/" data-animation-role="header-element" aria-current="page"> Home </a>
                    </div>
                    <div class="header-nav-item header-nav-item--collection">
                      <a href="/menu" data-animation-role="header-element"> Menu </a>
                    </div>
                    <div class="header-nav-item header-nav-item--collection">
                      <a href="/gallery" data-animation-role="header-element"> Gallery </a>
                    </div>
                  </nav>
                </div>
              </div>
              <!-- Title -->
              <div class="
                      header-title
                      
                    " data-animation-role="header-element">
                <div class="header-title-logo">
                  <a href="/" data-animation-role="header-element">
                    <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/cbf5915e-dfc8-4f4d-ae6f-25827ababbed/470220083_122099519516687038_793105955132437427_n.jpg?format=1500w" alt="JOHNNIE&amp;#39;S BY THE SEA" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
                  </a>
                </div>
              </div>
            </div>
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              <div class="header-actions-action header-actions-action--social">
                <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/johnniesbythesea/" target="_blank" aria-label="Instagram">
                  <svg viewBox="23 23 64 64">
                    <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
                  </svg>
                </a>
                <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/profile.php?id=61570611153876" target="_blank" aria-label="Facebook">
                  <svg viewBox="23 23 64 64">
                    <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
                  </svg>
                </a>
              </div>
              <div class="showOnMobile">
              </div>
              <div class="showOnDesktop">
              </div>
            </div>
            <style>
              .top-bun,
              .patty,
              .bottom-bun {
                height: 1px;
              }
            </style>
            <!-- Burger -->
            <div class="header-burger

  menu-overlay-has-visible-non-navigation-items

" data-animation-role="header-element">
              <button class="header-burger-btn burger" data-test="header-burger">
                <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
                <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
                <div class="burger-box">
                  <div class="burger-inner header-menu-icon-doubleLineHamburger">
                    <div class="top-bun"></div>
                    <div class="patty"></div>
                    <div class="bottom-bun"></div>
                  </div>
                </div>
              </button>
            </div>
          </div>
        </div>
      </div>
      <!-- (Mobile) Menu Navigation -->
      <div class="header-menu header-menu--folder-list
      
      
      
      
      
      " data-section-theme="" data-current-styles="{
          &quot;layout&quot;: &quot;brandingCenter&quot;,
          &quot;action&quot;: {
            &quot;href&quot;: &quot;https://www.brisktable.com/book?r=johnniesbythesea&quot;,
            &quot;buttonText&quot;: &quot;Make A Reservation&quot;,
            &quot;newWindow&quot;: true
          },
          &quot;showSocial&quot;: true,
          &quot;socialOptions&quot;: {
            &quot;socialBorderShape&quot;: &quot;none&quot;,
            &quot;socialBorderStyle&quot;: &quot;outline&quot;,
            &quot;socialBorderThickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 1.0
            }
          },
          &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
          &quot;cartStyle&quot;: &quot;cart&quot;,
          &quot;cartText&quot;: &quot;Cart&quot;,
          &quot;showEmptyCartState&quot;: true,
          &quot;cartOptions&quot;: {
            &quot;iconType&quot;: &quot;solid-7&quot;,
            &quot;cartBorderShape&quot;: &quot;none&quot;,
            &quot;cartBorderStyle&quot;: &quot;outline&quot;,
            &quot;cartBorderThickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 1.0
            }
          },
          &quot;showButton&quot;: false,
          &quot;showCart&quot;: false,
          &quot;showAccountLogin&quot;: true,
          &quot;headerStyle&quot;: &quot;solid&quot;,
          &quot;languagePicker&quot;: {
            &quot;enabled&quot;: false,
            &quot;iconEnabled&quot;: false,
            &quot;iconType&quot;: &quot;globe&quot;,
            &quot;flagShape&quot;: &quot;shiny&quot;,
            &quot;languageFlags&quot;: [ ]
          },
          &quot;iconOptions&quot;: {
            &quot;desktopDropdownIconOptions&quot;: {
              &quot;size&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;iconSpacing&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 0.35
              },
              &quot;strokeWidth&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;endcapType&quot;: &quot;square&quot;,
              &quot;folderDropdownIcon&quot;: &quot;none&quot;,
              &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
            },
            &quot;mobileDropdownIconOptions&quot;: {
              &quot;size&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 1.0
              },
              &quot;iconSpacing&quot;: {
                &quot;unit&quot;: &quot;em&quot;,
                &quot;value&quot;: 0.15
              },
              &quot;strokeWidth&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 0.5
              },
              &quot;endcapType&quot;: &quot;square&quot;,
              &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
              &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
            }
          },
          &quot;mobileOptions&quot;: {
            &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
            &quot;menuIconOptions&quot;: {
              &quot;style&quot;: &quot;doubleLineHamburger&quot;,
              &quot;thickness&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 1.0
              }
            }
          },
          &quot;solidOptions&quot;: {
            &quot;headerOpacity&quot;: {
              &quot;unit&quot;: &quot;%&quot;,
              &quot;value&quot;: 100.0
            },
            &quot;blurBackground&quot;: {
              &quot;enabled&quot;: false,
              &quot;blurRadius&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 12.0
              }
            },
            &quot;backgroundColor&quot;: {
              &quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
              &quot;customColor&quot;: {
                &quot;hslaValue&quot;: {
                  &quot;hue&quot;: 188.41,
                  &quot;saturation&quot;: 0.63,
                  &quot;lightness&quot;: 0.66,
                  &quot;alpha&quot;: 1.0
                },
                &quot;userFormat&quot;: &quot;hex&quot;
              }
            },
            &quot;navigationColor&quot;: {
              &quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
              &quot;customColor&quot;: {
                &quot;hslaValue&quot;: {
                  &quot;hue&quot;: 35.56,
                  &quot;saturation&quot;: 0.5,
                  &quot;lightness&quot;: 0.21,
                  &quot;alpha&quot;: 1.0
                },
                &quot;userFormat&quot;: &quot;hex&quot;
              }
            }
          },
          &quot;gradientOptions&quot;: {
            &quot;gradientType&quot;: &quot;faded&quot;,
            &quot;headerOpacity&quot;: {
              &quot;unit&quot;: &quot;%&quot;,
              &quot;value&quot;: 90.0
            },
            &quot;blurBackground&quot;: {
              &quot;enabled&quot;: false,
              &quot;blurRadius&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 12.0
              }
            },
            &quot;backgroundColor&quot;: {
              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
              &quot;sitePaletteColor&quot;: {
                &quot;colorName&quot;: &quot;white&quot;,
                &quot;alphaModifier&quot;: 1.0
              }
            },
            &quot;navigationColor&quot;: {
              &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
              &quot;sitePaletteColor&quot;: {
                &quot;colorName&quot;: &quot;black&quot;,
                &quot;alphaModifier&quot;: 1.0
              }
            }
          },
          &quot;dropShadowOptions&quot;: {
            &quot;enabled&quot;: false,
            &quot;blur&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            },
            &quot;spread&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 0.0
            },
            &quot;distance&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            }
          },
          &quot;borderOptions&quot;: {
            &quot;enabled&quot;: false,
            &quot;position&quot;: &quot;bottom&quot;,
            &quot;thickness&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 4.0
            }
          },
          &quot;showPromotedElement&quot;: false,
          &quot;buttonVariant&quot;: &quot;secondary&quot;,
          &quot;blurBackground&quot;: {
            &quot;enabled&quot;: false,
            &quot;blurRadius&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 12.0
            }
          },
          &quot;headerOpacity&quot;: {
            &quot;unit&quot;: &quot;%&quot;,
            &quot;value&quot;: 100.0
          }
        }" data-section-id="overlay-nav" data-show-account-login="true" data-test="header-menu">
        <div class="header-menu-bg theme-bg--primary"></div>
        <div class="header-menu-nav">
          <nav class="header-menu-nav-list">
            <div data-folder="root" class="header-menu-nav-folder">
              <div class="header-menu-nav-folder-content">
                <!-- Menu Navigation -->
                <div class="header-menu-nav-wrapper">
                  <div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active header-menu-nav-item--homepage">
                    <a href="/" aria-current="page">
                      <div class="header-menu-nav-item-content"> Home </div>
                    </a>
                  </div>
                  <div class="container header-menu-nav-item header-menu-nav-item--collection">
                    <a href="/menu">
                      <div class="header-menu-nav-item-content"> Menu </div>
                    </a>
                  </div>
                  <div class="container header-menu-nav-item header-menu-nav-item--collection">
                    <a href="/gallery">
                      <div class="header-menu-nav-item-content"> Gallery </div>
                    </a>
                  </div>
                </div>
              </div>
              <div class="header-menu-actions social-accounts">
                <div class="header-menu-actions-action header-menu-actions-action--social mobile">
                  <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/johnniesbythesea/" target="_blank" aria-label="Instagram">
                    <svg viewBox="23 23 64 64">
                      <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
                    </svg>
                  </a>
                </div>
                <div class="header-menu-actions-action header-menu-actions-action--social mobile">
                  <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/profile.php?id=61570611153876" target="_blank" aria-label="Facebook">
                    <svg viewBox="23 23 64 64">
                      <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
                    </svg>
                  </a>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </header>
    <main id="page" class="container" role="main">
      <article class="sections" id="sections" data-page-sections="67293d792b0ac10d2ec9c430">
        <section data-test="page-section" data-section-theme="white-bold" class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--medium
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white-bold' data-section-id="67ec96c245321e15178e8192" data-controller="SectionWrapperController" data-current-styles="{
          &quot;imageOverlayOpacity&quot;: 0.15,
          &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
          &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
          &quot;customSectionHeight&quot;: 1,
          &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
          &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
          &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
          &quot;customContentWidth&quot;: 50,
          &quot;sectionTheme&quot;: &quot;white-bold&quot;,
          &quot;sectionAnimation&quot;: &quot;none&quot;,
          &quot;backgroundMode&quot;: &quot;image&quot;
        }" data-current-context="{
          &quot;video&quot;: {
            &quot;playbackSpeed&quot;: 0.5,
            &quot;filter&quot;: 1,
            &quot;filterStrength&quot;: 0,
            &quot;zoom&quot;: 0,
            &quot;videoSourceProvider&quot;: &quot;none&quot;
          },
          &quot;backgroundImageId&quot;: null,
          &quot;backgroundMediaEffect&quot;: {
            &quot;type&quot;: &quot;none&quot;
          },
          &quot;divider&quot;: {
            &quot;enabled&quot;: false
          },
          &quot;typeName&quot;: &quot;page&quot;
        }" data-animation="none" data-fluid-engine-section>
          <div class="section-border">
            <div class="section-background">
            </div>
          </div>
          <div class='content-wrapper' style='
      
        
      
    '>
            <div class="content">
              <div data-fluid-engine="true">
                <style>
                  .fe-67ec96c2711ece699e7b34c3 {
                    --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
                    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1))) / 8);
                    display: grid;
                    position: relative;
                    grid-area: 1/1/-1/-1;
                    grid-template-rows: repeat(9, minmax(24px, auto));
                    grid-template-columns:
                      minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                    row-gap: 11.0px;
                    column-gap: 11.0px;
                    overflow-x: hidden;
                    overflow-x: clip;
                  }

                  @media (min-width: 768px) {
                    .background-width--inset .fe-67ec96c2711ece699e7b34c3 {
                      --inset-padding: calc(var(--sqs-site-gutter) * 2);
                    }

                    .fe-67ec96c2711ece699e7b34c3 {
                      --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
                      --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1))) / 24);
                      --inset-padding: 0vw;
                      --row-height-scaling-factor: 0.0215;
                      --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)));
                      grid-template-rows: repeat(11, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
                      grid-template-columns:
                        minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                    }
                  }

                  .fe-block-e6c27e73814e0c21c0ea {
                    grid-area: 2/1/8/11;
                    z-index: 3;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-e6c27e73814e0c21c0ea .sqs-block {
                    justify-content: center;
                  }

                  .fe-block-e6c27e73814e0c21c0ea .sqs-block-alignment-wrapper {
                    align-items: center;
                  }

                  @media (min-width: 768px) {
                    .fe-block-e6c27e73814e0c21c0ea {
                      grid-area: 1/1/11/27;
                      z-index: 3;
                    }

                    .fe-block-e6c27e73814e0c21c0ea .sqs-block {
                      justify-content: center;
                    }

                    .fe-block-e6c27e73814e0c21c0ea .sqs-block-alignment-wrapper {
                      align-items: center;
                    }
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_1437 {
                    grid-area: 5/2/7/10;
                    z-index: 4;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_1437 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_1437 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }

                  @media (min-width: 768px) {
                    .fe-block-yui_3_17_2_1_1743616091739_1437 {
                      grid-area: 6/2/10/26;
                      z-index: 4;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_1437 .sqs-block {
                      justify-content: flex-start;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_1437 .sqs-block-alignment-wrapper {
                      align-items: flex-start;
                    }
                  }
                </style>
                <div class="fluid-engine fe-67ec96c2711ece699e7b34c3">
                  <div class="fe-block fe-block-e6c27e73814e0c21c0ea">
                    <div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="22.262640960349216" data-block-type="5" data-sqsp-block="image" id="block-e6c27e73814e0c21c0ea">
                      <div class="sqs-block-content">
                        <div class="
        image-block-outer-wrapper
        layout-caption-below
        design-layout-fluid
        image-position-center
        combination-animation-site-default
        individual-animation-site-default
      " data-test="image-block-fluid-outer-wrapper">
                          <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image">
                            <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container>
                              <div class="content-fill">
                                <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg" data-image-dimensions="1440x1080" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg" width="1440" height="1080" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/0b23f0da-730d-4a36-9bca-17ece7f192c2/487492382_1077632617725595_3891230306451934445_n.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
                                <div class="fluidImageOverlay"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <style>
                          .sqs-block-image .sqs-block-content {
                            height: 100%;
                            width: 100%;
                          }

                          .fe-block-e6c27e73814e0c21c0ea .fluidImageOverlay {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            mix-blend-mode: normal;
                            opacity: 1;
                          }
                        </style>
                      </div>
                    </div>
                  </div>
                  <div class="fe-block fe-block-yui_3_17_2_1_1743616091739_1437">
                    <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-yui_3_17_2_1_1743616091739_1437">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content" data-sqsp-text-block-content>
                          <div class="sqsrte-scaled-text-container"><span class="sqsrte-scaled-text">
                              <h1 style="white-space:pre-wrap;"><span class="sqsrte-text-color--custom" style="color: rgb(253, 234, 185)">JOHNNIEâ€™S BY THE SEA</span></h1>
                            </span></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section data-test="page-section" data-section-theme="white-bold" class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--medium
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--top
    
      
    
    
    white-bold' data-section-id="67ed7b4d0cbba4099db33454" data-controller="SectionWrapperController" data-current-styles="{
          &quot;imageOverlayOpacity&quot;: 0.15,
          &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
          &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
          &quot;customSectionHeight&quot;: 1,
          &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
          &quot;verticalAlignment&quot;: &quot;vertical-alignment--top&quot;,
          &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
          &quot;customContentWidth&quot;: 50,
          &quot;sectionTheme&quot;: &quot;white-bold&quot;,
          &quot;sectionAnimation&quot;: &quot;none&quot;,
          &quot;backgroundMode&quot;: &quot;image&quot;
        }" data-current-context="{
          &quot;video&quot;: {
            &quot;playbackSpeed&quot;: 0.5,
            &quot;filter&quot;: 1,
            &quot;filterStrength&quot;: 0,
            &quot;zoom&quot;: 0,
            &quot;videoSourceProvider&quot;: &quot;none&quot;
          },
          &quot;backgroundImageId&quot;: null,
          &quot;backgroundMediaEffect&quot;: {
            &quot;type&quot;: &quot;none&quot;
          },
          &quot;divider&quot;: {
            &quot;enabled&quot;: true,
            &quot;type&quot;: &quot;wavy&quot;,
            &quot;width&quot;: {
              &quot;unit&quot;: &quot;vw&quot;,
              &quot;value&quot;: 100.0
            },
            &quot;height&quot;: {
              &quot;unit&quot;: &quot;vw&quot;,
              &quot;value&quot;: 6.0
            },
            &quot;isFlipX&quot;: false,
            &quot;isFlipY&quot;: false,
            &quot;offset&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 0.0
            },
            &quot;stroke&quot;: {
              &quot;style&quot;: &quot;solid&quot;,
              &quot;color&quot;: {
                &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
                &quot;sitePaletteColor&quot;: {
                  &quot;colorName&quot;: &quot;lightAccent&quot;,
                  &quot;alphaModifier&quot;: 1.0
                }
              },
              &quot;thickness&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 15.0
              },
              &quot;dashLength&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 5.0
              },
              &quot;gapLength&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 15.0
              },
              &quot;linecap&quot;: &quot;square&quot;
            }
          },
          &quot;typeName&quot;: &quot;page&quot;
        }" data-animation="none" data-fluid-engine-section>
          <div class="section-border" data-controller="SectionDivider" style="clip-path: url(#section-divider-67ed7b4d0cbba4099db33454);">
            <div class="section-background">
            </div>
          </div>
          <div class='content-wrapper' style='
      
        
      
    '>
            <div class="content">
              <div data-fluid-engine="true">
                <style>
                  .fe-67ed7b4ddc7e2f40b9d9e09f {
                    --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
                    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1))) / 8);
                    display: grid;
                    position: relative;
                    grid-area: 1/1/-1/-1;
                    grid-template-rows: repeat(36, minmax(24px, auto));
                    grid-template-columns:
                      minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                    row-gap: 11.0px;
                    column-gap: 11.0px;
                    overflow-x: hidden;
                    overflow-x: clip;
                  }

                  @media (min-width: 768px) {
                    .background-width--inset .fe-67ed7b4ddc7e2f40b9d9e09f {
                      --inset-padding: calc(var(--sqs-site-gutter) * 2);
                    }

                    .fe-67ed7b4ddc7e2f40b9d9e09f {
                      --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
                      --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1))) / 24);
                      --inset-padding: 0vw;
                      --row-height-scaling-factor: 0.0215;
                      --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)));
                      grid-template-rows: repeat(19, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
                      grid-template-columns:
                        minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                    }
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2745 {
                    grid-area: 1/2/5/10;
                    z-index: 2;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2745 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2745 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }

                  @media (min-width: 768px) {
                    .fe-block-yui_3_17_2_1_1743616091739_2745 {
                      grid-area: 1/9/4/19;
                      z-index: 2;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_2745 .sqs-block {
                      justify-content: flex-start;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_2745 .sqs-block-alignment-wrapper {
                      align-items: flex-start;
                    }
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2256 {
                    grid-area: 5/2/13/10;
                    z-index: 1;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2256 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_2256 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }

                  @media (min-width: 768px) {
                    .fe-block-yui_3_17_2_1_1743616091739_2256 {
                      grid-area: 4/2/7/26;
                      z-index: 1;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_2256 .sqs-block {
                      justify-content: flex-start;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_2256 .sqs-block-alignment-wrapper {
                      align-items: flex-start;
                    }
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_3159 {
                    grid-area: 13/2/19/10;
                    z-index: 4;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_3159 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-yui_3_17_2_1_1743616091739_3159 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }

                  @media (min-width: 768px) {
                    .fe-block-yui_3_17_2_1_1743616091739_3159 {
                      grid-area: 7/8/12/20;
                      z-index: 4;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_3159 .sqs-block {
                      justify-content: flex-start;
                    }

                    .fe-block-yui_3_17_2_1_1743616091739_3159 .sqs-block-alignment-wrapper {
                      align-items: flex-start;
                    }
                  }

                  .fe-block-9732dd4043ebb23330a0 {
                    grid-area: 19/2/25/10;
                    z-index: 3;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-9732dd4043ebb23330a0 .sqs-block {
                    justify-content: center;
                  }

                  .fe-block-9732dd4043ebb23330a0 .sqs-block-alignment-wrapper {
                    align-items: center;
                  }

                  @media (min-width: 768px) {
                    .fe-block-9732dd4043ebb23330a0 {
                      grid-area: 12/4/20/14;
                      z-index: 3;
                    }

                    .fe-block-9732dd4043ebb23330a0 .sqs-block {
                      justify-content: center;
                    }

                    .fe-block-9732dd4043ebb23330a0 .sqs-block-alignment-wrapper {
                      align-items: center;
                    }
                  }

                  .fe-block-d061e9066f3dc9441d72 {
                    grid-area: 25/2/37/10;
                    z-index: 2;

                    @media (max-width: 767px) {}
                  }

                  .fe-block-d061e9066f3dc9441d72 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-d061e9066f3dc9441d72 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }

                  @media (min-width: 768px) {
                    .fe-block-d061e9066f3dc9441d72 {
                      grid-area: 12/14/20/24;
                      z-index: 2;
                    }

                    .fe-block-d061e9066f3dc9441d72 .sqs-block {
                      justify-content: flex-start;
                    }

                    .fe-block-d061e9066f3dc9441d72 .sqs-block-alignment-wrapper {
                      align-items: flex-start;
                    }
                  }
                </style>
                <div class="fluid-engine fe-67ed7b4ddc7e2f40b9d9e09f">
                  <div class="fe-block fe-block-yui_3_17_2_1_1743616091739_2745">
                    <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-yui_3_17_2_1_1743616091739_2745">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content" data-sqsp-text-block-content>
                          <div class="sqsrte-scaled-text-container"><span class="sqsrte-scaled-text">
                              <h1 style="white-space:pre-wrap;">About Us</h1>
                            </span></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="fe-block fe-block-yui_3_17_2_1_1743616091739_2256">
                    <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-yui_3_17_2_1_1743616091739_2256">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content" data-sqsp-text-block-content>
                          <p style="text-align:center;white-space:pre-wrap;" class="">The Franco Family has been serving our famous recipes since 1959, beginning with Johnâ€™s grandparents on 18th and Sigel in South Philadelphia and later in the Ocean Towers in Wildwood. In 1995, we opened Johnnieâ€™s Italian Specialties in South Philadelphia, which recently closed after 30 great years. We are proud and excited to keep the memory of John alive by opening Johnnieâ€™s By The Sea.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="fe-block fe-block-yui_3_17_2_1_1743616091739_3159">
                    <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-yui_3_17_2_1_1743616091739_3159">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content" data-sqsp-text-block-content>
                          <p style="text-align:center;white-space:pre-wrap;" class=""><strong>EAT IN ONLY | BYOB | CASH ONLY - ATM ON PREMISES</strong></p>
                          <h3 style="text-align:center;white-space:pre-wrap;">640-251-0660 </h3>
                          <h3 style="text-align:center;white-space:pre-wrap;"><strong>3001 PACIFIC AVE WILDWOOD, NJ</strong></h3>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="fe-block fe-block-9732dd4043ebb23330a0">
                    <div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-9732dd4043ebb23330a0">
                      <div class="sqs-block-content">
                        <div class="
        image-block-outer-wrapper
        layout-caption-below
        design-layout-fluid
        image-position-center
        combination-animation-site-default
        individual-animation-site-default
      " data-test="image-block-fluid-outer-wrapper">
                          <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image">
                            <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container>
                              <div class="content-fit">
                                <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png" data-image="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png" data-image-dimensions="862x502" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png" width="862" height="502" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 41.66666666666667vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5e29dbaf630fb46e597527c2/e13c3149-fa63-4b46-977c-ac8369120b44/Screen+Shot+2025-04-02+at+10.42.29+AM.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
                                <div class="fluidImageOverlay"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <style>
                          .sqs-block-image .sqs-block-content {
                            height: 100%;
                            width: 100%;
                          }

                          .fe-block-9732dd4043ebb23330a0 .fluidImageOverlay {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            mix-blend-mode: normal;
                            opacity: 0;
                          }
                        </style>
                      </div>
                    </div>
                  </div>
                  <div class="fe-block fe-block-d061e9066f3dc9441d72">
                    <div class="sqs-block website-component-block sqs-block-website-component sqs-block-map map-block sized vsize-12" data-block-css="[]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.map/a85db0b0-0e74-4d9d-8f8c-197b40415223_472/website.components.map.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.map" id="block-d061e9066f3dc9441d72">
                      <div class="sqs-block-content">
                        <div data-context="{&quot;blockId&quot;:&quot;d061e9066f3dc9441d72&quot;,&quot;vSize&quot;:12,&quot;controls&quot;:false,&quot;labels&quot;:true,&quot;terrain&quot;:false,&quot;style&quot;:3,&quot;location&quot;:{&quot;mapZoom&quot;:12,&quot;mapLat&quot;:38.9916598,&quot;mapLng&quot;:-74.8110082,&quot;markerLat&quot;:38.9916598,&quot;markerLng&quot;:-74.8110082,&quot;addressTitle&quot;:&quot;Johnnies By The Sea&quot;,&quot;addressLine1&quot;:&quot;3001 Pacific Avenue&quot;,&quot;addressLine2&quot;:&quot;Wildwood, NJ, 08260&quot;,&quot;addressCountry&quot;:&quot;United States&quot;},&quot;containerStyles&quot;:{&quot;backgroundEnabled&quot;:false,&quot;stretchedToFill&quot;:false},&quot;gmak&quot;:&quot;QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4&quot;,&quot;language&quot;:&quot;en&quot;,&quot;region&quot;:&quot;US&quot;,&quot;errors&quot;:[],&quot;featureFlags&quot;:{&quot;useCLDRMoneyFormat&quot;:true}}" style="height: 100%; width: 100%"> &nbsp; </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="section-divider-display" style="
    --stroke-thickness: 15px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(var(--lightAccent-hsl), 1);
      
    
  ">
            <style>
              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"] {
                padding-bottom: var(--divider-height);
                z-index: var(--z-index);
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"] .background-pause-button {
                bottom: calc(14px + var(--divider-height));
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"] .section-divider-svg-clip {
                display: block;
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
                padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
                bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"] .section-divider-block {
                height: var(--divider-height);
              }
            </style>
            <style data-section-divider-style>
              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"] {
                padding-bottom: 6vw;
              }

              .has-section-divider[data-section-id="67ed7b4d0cbba4099db33454"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
                padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
              }
            </style>
            <div class="section-divider-block"></div>
            <svg class="section-divider-svg-clip">
              <clipPath id="section-divider-67ed7b4d0cbba4099db33454" clipPathUnits="objectBoundingBox">
                <path class="section-divider-clip" d="M0,0" />
              </clipPath>
            </svg>
            <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
              <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
            </svg>
          </div>
        </section>
      </article>
    </main>
    <footer class="sections" id="footer-sections" data-footer-sections>
      <section data-test="page-section" data-section-theme="white-bold" class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white-bold' data-section-id="67ec99f8dc16de45995eb99f" data-controller="SectionWrapperController" data-current-styles="{
          &quot;imageOverlayOpacity&quot;: 0.15,
          &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
          &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
          &quot;customSectionHeight&quot;: 1,
          &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
          &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
          &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
          &quot;customContentWidth&quot;: 50,
          &quot;sectionTheme&quot;: &quot;white-bold&quot;,
          &quot;sectionAnimation&quot;: &quot;none&quot;,
          &quot;backgroundMode&quot;: &quot;image&quot;
        }" data-current-context="{
          &quot;video&quot;: {
            &quot;playbackSpeed&quot;: 0.5,
            &quot;filter&quot;: 1,
            &quot;filterStrength&quot;: 0,
            &quot;zoom&quot;: 0,
            &quot;videoSourceProvider&quot;: &quot;none&quot;
          },
          &quot;backgroundImageId&quot;: null,
          &quot;backgroundMediaEffect&quot;: {
            &quot;type&quot;: &quot;none&quot;
          },
          &quot;divider&quot;: {
            &quot;enabled&quot;: true,
            &quot;type&quot;: &quot;wavy&quot;,
            &quot;width&quot;: {
              &quot;unit&quot;: &quot;vw&quot;,
              &quot;value&quot;: 100.0
            },
            &quot;height&quot;: {
              &quot;unit&quot;: &quot;vw&quot;,
              &quot;value&quot;: 6.0
            },
            &quot;isFlipX&quot;: false,
            &quot;isFlipY&quot;: true,
            &quot;offset&quot;: {
              &quot;unit&quot;: &quot;px&quot;,
              &quot;value&quot;: 0.0
            },
            &quot;stroke&quot;: {
              &quot;style&quot;: &quot;solid&quot;,
              &quot;color&quot;: {
                &quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
                &quot;customColor&quot;: {
                  &quot;hslaValue&quot;: {
                    &quot;hue&quot;: 188.41,
                    &quot;saturation&quot;: 0.63,
                    &quot;lightness&quot;: 0.66,
                    &quot;alpha&quot;: 1.0
                  },
                  &quot;userFormat&quot;: &quot;hex&quot;
                }
              },
              &quot;thickness&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 15.0
              },
              &quot;dashLength&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 5.0
              },
              &quot;gapLength&quot;: {
                &quot;unit&quot;: &quot;px&quot;,
                &quot;value&quot;: 15.0
              },
              &quot;linecap&quot;: &quot;square&quot;
            }
          },
          &quot;typeName&quot;: &quot;page&quot;
        }" data-animation="none" data-fluid-engine-section>
        <div class="section-border" data-controller="SectionDivider" style="clip-path: url(#section-divider-67ec99f8dc16de45995eb99f);">
          <div class="section-background">
          </div>
        </div>
        <div class='content-wrapper' style='
      
        
      
    '>
          <div class="content">
            <div data-fluid-engine="true">
              <style>
                .fe-67ec99f8dc16de45995eb99e {
                  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 10.0px);
                  --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (10.0px * (8 - 1))) / 8);
                  display: grid;
                  position: relative;
                  grid-area: 1/1/-1/-1;
                  grid-template-rows: repeat(15, minmax(24px, auto));
                  grid-template-columns:
                    minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                  row-gap: 10.0px;
                  column-gap: 10.0px;
                  overflow-x: hidden;
                  overflow-x: clip;
                }

                @media (min-width: 768px) {
                  .background-width--inset .fe-67ec99f8dc16de45995eb99e {
                    --inset-padding: calc(var(--sqs-site-gutter) * 2);
                  }

                  .fe-67ec99f8dc16de45995eb99e {
                    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 10.0px);
                    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) - (10.0px * (24 - 1))) / 24);
                    --inset-padding: 0vw;
                    --row-height-scaling-factor: 0.0215;
                    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)));
                    grid-template-rows: repeat(4, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
                    grid-template-columns:
                      minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
                  }
                }

                .fe-block-7cfc18953e96029fce58 {
                  grid-area: 2/2/6/10;
                  z-index: 0;

                  @media (max-width: 767px) {}
                }

                .fe-block-7cfc18953e96029fce58 .sqs-block {
                  justify-content: flex-start;
                }

                .fe-block-7cfc18953e96029fce58 .sqs-block-alignment-wrapper {
                  align-items: flex-start;
                }

                @media (min-width: 768px) {
                  .fe-block-7cfc18953e96029fce58 {
                    grid-area: 1/2/5/10;
                    z-index: 0;
                  }

                  .fe-block-7cfc18953e96029fce58 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-7cfc18953e96029fce58 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }
                }

                .fe-block-8d9a1f77ddf6f670f093 {
                  grid-area: 6/2/10/10;
                  z-index: 1;

                  @media (max-width: 767px) {}
                }

                .fe-block-8d9a1f77ddf6f670f093 .sqs-block {
                  justify-content: flex-start;
                }

                .fe-block-8d9a1f77ddf6f670f093 .sqs-block-alignment-wrapper {
                  align-items: flex-start;
                }

                @media (min-width: 768px) {
                  .fe-block-8d9a1f77ddf6f670f093 {
                    grid-area: 1/10/5/18;
                    z-index: 1;
                  }

                  .fe-block-8d9a1f77ddf6f670f093 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-8d9a1f77ddf6f670f093 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }
                }

                .fe-block-0bc584fc5eddbff6d4b9 {
                  grid-area: 10/2/14/10;
                  z-index: 2;

                  @media (max-width: 767px) {}
                }

                .fe-block-0bc584fc5eddbff6d4b9 .sqs-block {
                  justify-content: flex-start;
                }

                .fe-block-0bc584fc5eddbff6d4b9 .sqs-block-alignment-wrapper {
                  align-items: flex-start;
                }

                @media (min-width: 768px) {
                  .fe-block-0bc584fc5eddbff6d4b9 {
                    grid-area: 1/18/4/26;
                    z-index: 2;
                  }

                  .fe-block-0bc584fc5eddbff6d4b9 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-0bc584fc5eddbff6d4b9 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }
                }

                .fe-block-yui_3_17_2_1_1743612135967_1741 {
                  grid-area: 14/2/16/10;
                  z-index: 3;

                  @media (max-width: 767px) {}
                }

                .fe-block-yui_3_17_2_1_1743612135967_1741 .sqs-block {
                  justify-content: flex-start;
                }

                .fe-block-yui_3_17_2_1_1743612135967_1741 .sqs-block-alignment-wrapper {
                  align-items: flex-start;
                }

                @media (min-width: 768px) {
                  .fe-block-yui_3_17_2_1_1743612135967_1741 {
                    grid-area: 4/20/5/24;
                    z-index: 3;
                  }

                  .fe-block-yui_3_17_2_1_1743612135967_1741 .sqs-block {
                    justify-content: flex-start;
                  }

                  .fe-block-yui_3_17_2_1_1743612135967_1741 .sqs-block-alignment-wrapper {
                    align-items: flex-start;
                  }
                }
              </style>
              <div class="fluid-engine fe-67ec99f8dc16de45995eb99e">
                <div class="fe-block fe-block-7cfc18953e96029fce58">
                  <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-7cfc18953e96029fce58">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content" data-sqsp-text-block-content>
                        <h4 style="text-align:center;white-space:pre-wrap;">Location</h4>
                        <p style="text-align:center;white-space:pre-wrap;" class="">3001 Pacific Ave. </p>
                        <p style="text-align:center;white-space:pre-wrap;" class="">Wildwood, New Jersey 08260</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="fe-block fe-block-8d9a1f77ddf6f670f093">
                  <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-8d9a1f77ddf6f670f093">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content" data-sqsp-text-block-content>
                        <h4 style="text-align:center;white-space:pre-wrap;">Hours</h4>
                        <p style="text-align:center;white-space:pre-wrap;" class="" data-rte-preserve-empty="true"></p>
                        <p style="text-align:center;white-space:pre-wrap;" class="" data-rte-preserve-empty="true"></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="fe-block fe-block-0bc584fc5eddbff6d4b9">
                  <div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-0bc584fc5eddbff6d4b9">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content" data-sqsp-text-block-content>
                        <h4 style="text-align:center;white-space:pre-wrap;">Contact</h4>
                        <p style="text-align:center;white-space:pre-wrap;" class="">640-251-0660</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="fe-block fe-block-yui_3_17_2_1_1743612135967_1741">
                  <div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1743612135967_1741">
                    <div class="sqs-block-content">
                      <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-extra-small social-icons-shape-square social-icons-style-knockout">
                        <style>
                          #block-yui_3_17_2_1_1743612135967_1741 .social-icons-style-border .sqs-svg-icon--wrapper {
                            box-shadow: 0 0 0 2px inset;
                            border: none;
                          }
                        </style>
                        <nav class="sqs-svg-icon--list">
                          <a href="https://www.instagram.com/johnniesbythesea/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
                            <div>
                              <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
                                <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
                                <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
                              </svg>
                            </div>
                          </a><a href="https://www.facebook.com/profile.php?id=61570611153876" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
                            <div>
                              <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
                                <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
                                <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
                              </svg>
                            </div>
                          </a>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="section-divider-display" style="
    --stroke-thickness: 15px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(188.41, 63%, 66%, 1);
      
    
  ">
          <style>
            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"] {
              padding-bottom: var(--divider-height);
              z-index: var(--z-index);
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"] .background-pause-button {
              bottom: calc(14px + var(--divider-height));
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"] .section-divider-svg-clip {
              display: block;
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
              padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
              bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"] .section-divider-block {
              height: var(--divider-height);
            }
          </style>
          <style data-section-divider-style>
            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"] {
              padding-bottom: 6vw;
            }

            .has-section-divider[data-section-id="67ec99f8dc16de45995eb99f"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
              padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
            }
          </style>
          <div class="section-divider-block"></div>
          <svg class="section-divider-svg-clip">
            <clipPath id="section-divider-67ec99f8dc16de45995eb99f" clipPathUnits="objectBoundingBox">
              <path class="section-divider-clip" d="M0,0" />
            </clipPath>
          </svg>
          <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
            <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
          </svg>
        </div>
      </section>
    </footer>
  </div>
  <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.8a822ee94063a1816b1b375be648913a.js" type="text/javascript"></script>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg">
    <symbol id="instagram-unauth-icon" viewBox="0 0 64 64">
      <path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z" />
    </symbol>
    <symbol id="instagram-unauth-mask" viewBox="0 0 64 64">
      <path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z" />
    </symbol>
    <symbol id="facebook-unauth-icon" viewBox="0 0 64 64">
      <path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z" />
    </symbol>
    <symbol id="facebook-unauth-mask" viewBox="0 0 64 64">
      <path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z" />
    </symbol>
  </svg>
</body>

</html>