<!doctype html>
<html
  class="no-js"
  lang="en"
>
  <head>
    <link
      rel="expect"
      href="#MainContent"
      blocking="render"
      id="view-transition-render-blocker"
    ><meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Jill McKeever Art"
>
<meta
  property="og:url"
  content="https://jillmckeever.com/"
>
<meta
  property="og:title"
  content="Jill McKeever Art"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Jill McKeever Art is based in Texas. She offers original alternative art, prints, shirts, and accepts Fan Art and Pet Portrait Commissions. Sign up to the Art Drops email list to get notified about new art and special offers."
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Jill McKeever Art"
>
<meta
  name="twitter:description"
  content="Jill McKeever Art is based in Texas. She offers original alternative art, prints, shirts, and accepts Fan Art and Pet Portrait Commissions. Sign up to the Art Drops email list to get notified about new art and special offers."
>

<title>
  Jill McKeever Art
</title>

<link
  rel="canonical"
  href="https://jillmckeever.com/"
>


  <meta
    name="description"
    content="Jill McKeever Art is based in Texas. She offers original alternative art, prints, shirts, and accepts Fan Art and Pet Portrait Commissions. Sign up to the Art Drops email list to get notified about new art and special offers."
  >

<link href="//jillmckeever.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881761839490" as="style" rel="preload">
<link href="//jillmckeever.com/cdn/shop/t/18/assets/base.css?v=152521323313952980241761839490" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//jillmckeever.com/cdn/fonts/fraunces/fraunces_n4.8e6986daad4907c36a536fb8d55aaf5318c974ca.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//jillmckeever.com/cdn/fonts/besley/besley_n5.2af9d9131e5f2d6dfee4e45269cde0fa6bd0b7cd.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/critical": "//jillmckeever.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121761839489",
      "@theme/product-title": "//jillmckeever.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781761839490",
      "@theme/component": "//jillmckeever.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041761839490",
      "@theme/dialog": "//jillmckeever.com/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111761839489",
      "@theme/events": "//jillmckeever.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641761839489",
      "@theme/focus": "//jillmckeever.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401761839490",
      "@theme/morph": "//jillmckeever.com/cdn/shop/t/18/assets/morph.js?v=92630016404903954311761839489",
      "@theme/paginated-list": "//jillmckeever.com/cdn/shop/t/18/assets/paginated-list.js?v=95298315036233333871761839490",
      "@theme/performance": "//jillmckeever.com/cdn/shop/t/18/assets/performance.js?v=171015751390534793081761839489",
      "@theme/product-form": "//jillmckeever.com/cdn/shop/t/18/assets/product-form.js?v=121223240116155512031761839489",
      "@theme/recently-viewed-products": "//jillmckeever.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651761839490",
      "@theme/scrolling": "//jillmckeever.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441761839490",
      "@theme/section-renderer": "//jillmckeever.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061761839490",
      "@theme/section-hydration": "//jillmckeever.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221761839490",
      "@theme/utilities": "//jillmckeever.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481761839489",
      "@theme/variant-picker": "//jillmckeever.com/cdn/shop/t/18/assets/variant-picker.js?v=76280749947262196151761839490",
      "@theme/media-gallery": "//jillmckeever.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071761839489",
      "@theme/quick-add": "//jillmckeever.com/cdn/shop/t/18/assets/quick-add.js?v=102040698639320169661761839489",
      "@theme/paginated-list-aspect-ratio": "//jillmckeever.com/cdn/shop/t/18/assets/paginated-list-aspect-ratio.js?v=25254270272143792451761839490",
      "@theme/popover-polyfill": "//jillmckeever.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201761839490"
    }
  }
</script>


  
  <script
    src="//jillmckeever.com/cdn/shop/t/18/assets/view-transitions.js?v=84877080446900032951761839489"
    async
    blocking="render"
  ></script>
  


<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121761839489"
>

<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481761839489"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/morph.js?v=92630016404903954311761839489"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441761839490"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//jillmckeever.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641761839489"
  fetchpriority="low"
>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/quick-add.js?v=102040698639320169661761839489"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//jillmckeever.com/cdn/shop/t/18/assets/cart-discount.js?v=107077853990124422021761839489"
    type="module"
    fetchpriority="low"
  ></script>

<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/variant-picker.js?v=76280749947262196151761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/product-card.js?v=84089801565227384841761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/product-form.js?v=121223240116155512031761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/accordion-custom.js?v=99000499017714805851761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/disclosure-custom.js?v=168050880623268140331761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/media.js?v=37825095869491791421761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/product-price.js?v=30079423257668675401761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/product-inventory.js?v=16343734458933704981761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/slideshow.js?v=174196859041972252411761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/anchored-popover.js?v=95953304814728754461761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/floating-panel.js?v=128677600744947036551761839490"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=139522331572640643951761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/rte-formatter.js?v=101420294193111439321761839489"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=129634859299628245901761839490"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//jillmckeever.com/cdn/shop/t/18/assets/localization.js?v=87759161307859666401761839489"
    type="module"
    fetchpriority="low"
  ></script>





  <script
    src="//jillmckeever.com/cdn/shop/t/18/assets/product-card-link.js?v=97122579314620396511761839490"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581761839490"
  defer="defer"
></script>

<script>
  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  const Theme = {
    placeholders: {
      general: [
        `${basePath}/general-1.png`,
        `${basePath}/general-2.png`,
        `${basePath}/general-3.png`,
        `${basePath}/general-4.png`,
        `${basePath}/general-5.png`,
        `${basePath}/general-6.png`,
        `${basePath}/general-7.png`,
      ],
      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
    },
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>


  
  
  
  

  


    @font-face {
  font-family: Fraunces;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_n4.8e6986daad4907c36a536fb8d55aaf5318c974ca.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_n4.879060358fafcf2c4c4b6df76c608dc301ced93b.woff") format("woff");
}

    @font-face {
  font-family: Fraunces;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_n7.8276f3981cfafc8569d516ceaa7dfe6a18948a1f.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_n7.383b2f958615709ba42e3731be308ad164ca4edd.woff") format("woff");
}

    @font-face {
  font-family: Fraunces;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_i4.e09716ed61c0a2362812f958774186e93f19000f.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_i4.8d7d036539670404ec5904eabafe8f06e152c5c7.woff") format("woff");
}

    @font-face {
  font-family: Fraunces;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_i7.9207dcd51152f34cd9c77a8ea542df960210c87c.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/fraunces/fraunces_i7.f4bcbf289853d941810727213e68ea2e3c3eddf8.woff") format("woff");
}

  

  


    @font-face {
  font-family: Besley;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/besley/besley_n5.2af9d9131e5f2d6dfee4e45269cde0fa6bd0b7cd.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/besley/besley_n5.895fba38908e039a5af57a8b75a629892a505f80.woff") format("woff");
}

    @font-face {
  font-family: Besley;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/besley/besley_n7.c5242a2cd120e7fea0b142c04fb32e32ff995154.woff") format("woff");
}

    @font-face {
  font-family: Besley;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/besley/besley_i5.eb6bfea061062b085cb0dae3360398bf62fbb507.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/besley/besley_i5.e3993497eb8bed2d18483fdfc36411d6ee86495a.woff") format("woff");
}

    @font-face {
  font-family: Besley;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/besley/besley_i7.abed1739d47325d988bc85fe28caca6d7b083fba.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/besley/besley_i7.b6e1b084ff5f8e3d5dec3f92e4901a4bb7e736a8.woff") format("woff");
}

  

  


    @font-face {
  font-family: "Anonymous Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_n4.a707ca3ea5e6b6468ff0c29cf7e105dca1c09be4.woff") format("woff");
}

    @font-face {
  font-family: "Anonymous Pro";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
}

    @font-face {
  font-family: "Anonymous Pro";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_i4.e25745b6d033a0b4eea75ad1dd0df2b911abcf1f.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_i4.280c8776a79ac154f9332217a9852603e17ae391.woff") format("woff");
}

    @font-face {
  font-family: "Anonymous Pro";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
       url("//jillmckeever.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
}

  

  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Fraunces, serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: Besley, serif;
    --font-heading--style: normal;
    --font-heading--weight: 500;
    --font-accent--family: "Anonymous Pro", monospace;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 50ch;
    --max-width--body-narrow: 35ch;

    --max-width--heading-normal: 50ch;
    --max-width--heading-narrow: 30ch;

    --max-width--display-normal: 20ch;
    --max-width--display-narrow: 15ch;
    --max-width--display-tight: 5ch;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.75rem, 8.8vw, 5.5rem);--font-size--h2: 2.5rem;--font-size--h3: 2.0rem;--font-size--h4: 1.25rem;--font-size--h5: 1.125rem;--font-size--h6: 0.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-loose);--font-h4--weight: var(--font-body--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-loose);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-body--family);--font-h4--style: var(--font-body--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-loose);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-loose);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--2xs: 0.625rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 8px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 4px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 24;
    --variant-picker-swatch-height-unitless: 24;
    --variant-picker-swatch-width: 24px;
    --variant-picker-swatch-height: 24px;
    --variant-picker-swatch-radius: 24px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 0px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(9 18 8 / 1.0);
        --color-foreground-rgb: 9 18 8;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(46 74 41 / 1.0);
        --color-primary-rgb: 46 74 41;
        --color-primary-hover: rgb(9 18 8 / 1.0);
        --color-primary-hover-rgb: 9 18 8;
        --color-border: rgb(241 244 240 / 1.0);
        --color-border-rgb: 241 244 240;
        --color-shadow: rgb(255 255 255 / 1.0);
        --color-shadow-rgb: 255 255 255;
        --color-primary-button-text: rgb(241 244 240 / 1.0);
        --color-primary-button-background: rgb(46 74 41 / 1.0);
        --color-primary-button-border: rgb(212 223 210 / 1.0);
        --color-primary-button-hover-text: rgb(241 244 240 / 1.0);
        --color-primary-button-hover-background: rgb(85 104 75 / 1.0);
        --color-primary-button-hover-border: rgb(85 104 75 / 1.0);
        --color-secondary-button-text: rgb(9 18 8 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(9 18 8 / 1.0);
        --color-secondary-button-hover-text: rgb(9 18 8 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(46 74 41 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(46 74 41 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 46 74 41;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(241 244 240 / 1.0);
        --color-foreground-rgb: 241 244 240;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(212 223 210 / 1.0);
        --color-primary-rgb: 212 223 210;
        --color-primary-hover: rgb(241 244 240 / 1.0);
        --color-primary-hover-rgb: 241 244 240;
        --color-border: rgb(9 18 8 / 1.0);
        --color-border-rgb: 9 18 8;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(9 18 8 / 1.0);
        --color-primary-button-background: rgb(212 223 210 / 1.0);
        --color-primary-button-border: rgb(212 223 210 / 1.0);
        --color-primary-button-hover-text: rgb(9 18 8 / 1.0);
        --color-primary-button-hover-background: rgb(178 210 173 / 1.0);
        --color-primary-button-hover-border: rgb(178 210 173 / 1.0);
        --color-secondary-button-text: rgb(241 244 240 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(241 244 240 / 1.0);
        --color-secondary-button-hover-text: rgb(241 244 240 / 1.0);
        --color-secondary-button-hover-background: rgb(9 18 8 / 1.0);
        --color-secondary-button-hover-border: rgb(9 18 8 / 1.0);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(212 223 210 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(46 74 41 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 46 74 41;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(241 244 240 / 1.0);
        --color-foreground-rgb: 241 244 240;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(242 243 241 / 1.0);
        --color-primary-rgb: 242 243 241;
        --color-primary-hover: rgb(216 220 213 / 1.0);
        --color-primary-hover-rgb: 216 220 213;
        --color-border: rgb(71 115 63 / 1.0);
        --color-border-rgb: 71 115 63;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(12 15 10 / 1.0);
        --color-primary-button-background: rgb(166 184 156 / 1.0);
        --color-primary-button-border: rgb(166 184 156 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(188 201 181 / 1.0);
        --color-primary-button-hover-border: rgb(188 201 181 / 1.0);
        --color-secondary-button-text: rgb(241 244 240 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(241 244 240 / 1.0);
        --color-secondary-button-hover-text: rgb(12 15 10 / 1.0);
        --color-secondary-button-hover-background: rgb(216 220 213 / 1.0);
        --color-secondary-button-hover-border: rgb(216 220 213 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(242 243 241 / 1.0);
        --color-input-text-rgb: 242 243 241;
        --color-input-border: rgb(242 243 241 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(169 197 94 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 169 197 94;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(9 18 8 / 1.0);
        --color-foreground-rgb: 9 18 8;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(9 18 8 / 1.0);
        --color-primary-rgb: 9 18 8;
        --color-primary-hover: rgb(12 15 10 / 1.0);
        --color-primary-hover-rgb: 12 15 10;
        --color-border: rgb(216 220 213 / 1.0);
        --color-border-rgb: 216 220 213;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(241 244 240 / 1.0);
        --color-primary-button-background: rgb(46 74 41 / 1.0);
        --color-primary-button-border: rgb(46 74 41 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(48 62 40 / 1.0);
        --color-primary-button-hover-border: rgb(48 62 40 / 1.0);
        --color-secondary-button-text: rgb(12 15 10 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(12 15 10 / 1.0);
        --color-secondary-button-hover-text: rgb(9 18 8 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(242 243 241 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7156263/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f0a403a6ef82f71423d05d9f9081d039">
<meta id="in-context-paypal-metadata" data-shop-id="7156263" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=7156263" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7156263,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7156263","merchantName":"Jill McKeever Art","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Jill McKeever Art","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f0a403a6ef82f71423d05d9f9081d039","betas":["rich-media-storefront-analytics"],"domain":"jillmckeever.com","predictiveSearch":true,"shopId":7156263,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "simple-daily-recipes.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Jill McKeever Art","id":149996863687,"schema_name":"Horizon","schema_version":"3.0.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "jillmckeever.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":7156263,"offset":-18000,"reqid":"bea5ad6f-8f0d-4b3f-814b-490039952e1a-1775712753","pageurl":"jillmckeever.com\/","u":"e8b2cb1fad6b","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//jillmckeever.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//jillmckeever.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://jillmckeever.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://jillmckeever.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://jillmckeever.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//jillmckeever.com/cdn/shop/t/18/compiled_assets/styles.css?v=71841759613845620311771356620">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 7156263,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 7156263,storefrontBaseUrl: "https://jillmckeever.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"2151514311","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-W628KQN4\\\",\\\"GT-TNFN3GDF\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"MC-0CBWVWFMVM\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"MC-0CBWVWFMVM\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"MC-LYJ57HZQCR\\\",\\\"MC-0CBWVWFMVM\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"MC-LYJ57HZQCR\\\",\\\"MC-0CBWVWFMVM\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"MC-LYJ57HZQCR\\\",\\\"MC-0CBWVWFMVM\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"MC-0CBWVWFMVM\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"MC-0CBWVWFMVM\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ac521efa9cd6866459cd0b40264a3f38","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Jill McKeever Art","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"simple-daily-recipes.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/jillmckeever.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://jillmckeever.com/cdn","0e8c7c7aw41bd75a1p837d7fd4m8b145375",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"7156263","storefrontBaseUrl":"https:\/\/jillmckeever.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"0e8c7c7aw41bd75a1p837d7fd4m8b145375","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"bea5ad6f-8f0d-4b3f-814b-490039952e1a-1775712753"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 7156263,
      theme_id: 149996863687,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//jillmckeever.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//jillmckeever.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//jillmckeever.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7156263,"isMerchantRequest":null,"themeId":149996863687,"themeCityHash":"4377654078954006852","contentLanguage":"en","currency":"USD","eventMetadataId":"0b99c86e-94c1-4fc1-8b6e-e304a9e54603"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"bea5ad6f-8f0d-4b3f-814b-490039952e1a-1775712753","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//jillmckeever.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://jillmckeever.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="7156263"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="149996863687"
  data-theme-name="Horizon"
  data-theme-version="3.0.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://jillmckeever.com/api/collect"
></script>
</head>

  <body class="page-width-wide card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>

    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--19731165282503__header_section" class="shopify-section shopify-section-group-header-group header-section">



<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Jill McKeever Art",
    
    "url": "https:\/\/jillmckeever.com"
  }
</script>

<header-component
  id="header-component"
  class="header"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
><h1 class="visually-hidden">Jill McKeever Art</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer desktop:hidden"
      ref="headerDrawerContainer"
      
    >
      

<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/header-drawer.js?v=160607022407653843031761839489"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer header__drawer--mobile"
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      data-header-drawer
      class="
        menu-drawer
        motion-reduce
        color-scheme-4
      "
    >
      <button
        class="button button-unstyled close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);

--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));


        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
                    
                      aria-current="page"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-shop"
                    href="/collections"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">SHOP</span>
                  </a>
                  
                  <ul
                    class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
                    role="list"
                    tabindex="-1"
                  ><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/art-prints"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                        >
                          
                            


  
    <img src="//jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=800" alt="Art Prints" srcset="//jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                          
                          <span class="menu-drawer__menu-item-text wrap-text">Art Prints</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/earrings"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                        >
                          
                            


  
    <img src="//jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=800" alt="Art for Your Ears" srcset="//jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                          
                          <span class="menu-drawer__menu-item-text wrap-text">Art for Your Ears</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/maggies-creations"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                        >
                          
                            


  
    <img src="//jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=800" alt="Hand Knitted/Crocheted Beanies, Scarves, Coasters" srcset="//jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=800 800w" width="800" height="975" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                          
                          <span class="menu-drawer__menu-item-text wrap-text">Hand Knitted/Crocheted Beanies, Scarves, Coasters</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/books"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                        >
                          
                            


  
    <img src="//jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=800" alt="Illustration of two rabbits sharing a zucchini" srcset="//jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=800 800w" width="800" height="526" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
  


                          
                          <span class="menu-drawer__menu-item-text wrap-text">Cookbooks &amp; Recipes</span>
                        </a>
                      </li></ul>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-commissions"
                    href="/collections/art-commissions"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Commissions</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 4;"
      >
        
        
          


  <drawer-localization-component class="menu-drawer__localization">
    <details
      id="drawer-localization"
      class="drawer-localization"
      on:toggle="/toggle"
    >
      <summary
        id="HeaderDrawer-localization"
        class="drawer-localization__button h3 link link--text focus-inset"
        aria-expanded="false"
        on:click="header-drawer/open"
        style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
      >
        <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">USD</span>
            </div></div>
        <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </summary>

      <div
        class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
        style=""
      >
        <div
          class="menu-drawer__nav-buttons"
          ref="navButtons"
        >
          <button
            class="button menu-drawer__back-button link link--text focus-inset"
            aria-expanded="true"
            on:click="header-drawer/back"
          >
            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            Region and language
          </button>
          <button
            class="button close-button menu-drawer__close-button"
            type="button"
            aria-label="Close"
            on:click="header-drawer/close"
          >
            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          </button>
        </div>

        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="false"
  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
        <div
          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
          id="drawer-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



      </div>
    </details>
  </drawer-localization-component>


</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  





            
        
      
        
          
              
  <search-button class="search-action desktop:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              



    <header-menu
      ref="headerMenu"
      class="header-menu mobile:hidden"
      data-animation-delay="200"
      
      style="--submenu-animation-speed: 200ms;"
    >
      <div class="header-menu__inner">



<nav header-menu>
  <div
    class="menu-list"
    style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
  >
    
    <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-4"
  
  
    minimum-items="2"
  
  
    defer
  
>
  <template shadowrootmode="open">
    <link href="//jillmckeever.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881761839490" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/"
        data-skip-node-update="true"
        class="menu-list__link menu-list__link--active"ref="menuitem"
      >
        <span class="menu-list__link-title">Home</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/collections"
        data-skip-node-update="true"
        class="menu-list__link"aria-controls="submenu-2"
          aria-haspopup="true"
          aria-expanded="false"ref="menuitem"
      >
        <span class="menu-list__link-title">SHOP</span>
      </a><div class="menu-list__submenu color-scheme-4" ref="submenu[]">
          <div
            id="submenu-2"
            class="menu-list__submenu-inner"
            style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);

--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));

"
          >
            
            <div class="mega-menu section section--full-width-margin section--page-width">
  <div
    class="mega-menu__grid"
    data-menu-grid-id="MegaMenuList-2"
  >
    
<ul
  data-menu-list-id="MegaMenuList-2"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/art-prints"
        class="mega-menu__link "
      >
        



  
    <img src="//jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=800" alt="Art Prints" srcset="//jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/canvas-_in_-16x20-person-699a01811d47f.jpg?v=1771702557&amp;width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span
          class="mega-menu__link-title wrap-text"
        >Art Prints</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/earrings"
        class="mega-menu__link "
      >
        



  
    <img src="//jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=800" alt="Art for Your Ears" srcset="//jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/IMG_0132.jpg?v=1774886567&amp;width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span
          class="mega-menu__link-title wrap-text"
        >Art for Your Ears</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/maggies-creations"
        class="mega-menu__link "
      >
        



  
    <img src="//jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=800" alt="Hand Knitted/Crocheted Beanies, Scarves, Coasters" srcset="//jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/Rainbow-hat_2.jpg?v=1742487248&amp;width=800 800w" width="800" height="975" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span
          class="mega-menu__link-title wrap-text"
        >Hand Knitted/Crocheted Beanies, Scarves, Coasters</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--wide-collection-image">
    <div>
      <a
        href="/collections/books"
        class="mega-menu__link "
      >
        



  
    <img src="//jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=800" alt="Illustration of two rabbits sharing a zucchini" srcset="//jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=352 352w, //jillmckeever.com/cdn/shop/collections/brown_bunnies.png?v=1761855768&amp;width=800 800w" width="800" height="526" loading="lazy" class="mega-menu__link-image" sizes="
(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
">
  


        
        <span
          class="mega-menu__link-title wrap-text"
        >Cookbooks & Recipes</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 8;
      --menu-columns-tablet: 4;
    
  }
</style>



  </div>
</div>

          </div>
        </div></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/collections/art-commissions"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Commissions</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/contact"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Contact</span>
      </a></li>
  
  <li
    class="menu-list__list-item"
    role="presentation"
    slot="more"
    on:focus="/activate"
    on:blur="/deactivate"
    on:pointerenter="/activate"
    on:pointerleave="/deactivate"
  >
    <button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>
  </li>

</overflow-list>

  </div>
</nav>

      </div>

      <script
        src="//jillmckeever.com/cdn/shop/t/18/assets/header-menu.js?v=98986771878453457241761839490"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  Jill McKeever Art


  </span>

  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              


  <dropdown-localization-component
    class="dropdown-localization mobile:hidden"
  >
    <button
      type="button"
      class="button dropdown-localization__button localization-selector link link--text"
      aria-expanded="false"
      aria-controls="dropdown-localization-results"
      ref="button"
      on:click="/toggleSelector"
      style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
    >
      
        
        <span
          class="currency-code"
          data-testid="localization-currency-code"
        >USD</span>
      
      <span
        class="visually-hidden"
        data-testid="localization-visually-hidden"
      >Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </button>

    <div
      class="localization-wrapper right-bound color-scheme-1"
      hidden
      ref="panel"
    >
      
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="false"
  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
        <div
          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
          id="dropdown-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



    </div>
  </dropdown-localization-component>


            
        
      
        
          
              
  <search-button class="search-action mobile:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//jillmckeever.com/cdn/shop/t/18/assets/cart-icon.js?v=14733679814066288171761839490"
  fetchpriority="low"
></script>

<header-actions>
  
    <anchored-popover-component
  data-close-on-resize="true"
  class="account-popover mobile:hidden"
>
  <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <div
    class="account-popover__panel details-content color-scheme-1"
    id="account-popover"
    popover="auto"
    ref="popover"
  >
    <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//jillmckeever.com/cdn/shop/t/18/assets/account-login-actions.js?v=132624473766457443991761839489"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://jillmckeever.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </div>
</anchored-popover-component>



    <script
  src="//jillmckeever.com/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111761839489"
  type="module"
></script>

<dialog-component
  class="account-drawer"
  
>
  <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <dialog
    ref="dialog"
    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
    scroll-lock
    aria-labelledby="account-drawer-heading"
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button account-drawer__close-button"
      aria-label="Close dialog"
      autofocus
    >
      <span
        class="svg-wrapper"
        aria-hidden="true"
      ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </button>
    <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//jillmckeever.com/cdn/shop/t/18/assets/account-login-actions.js?v=132624473766457443991761839489"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//jillmckeever.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://jillmckeever.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </dialog>
</dialog-component>



  

  
    <script
  src="//jillmckeever.com/cdn/shop/t/18/assets/cart-drawer.js?v=92290163633888904321761839490"
  type="module"
  fetchpriority="low"
></script>

<cart-drawer-component
  class="cart-drawer"
  
  
>
  <button
    class="button header-actions__action button-unstyled"
    on:click="/open"
    aria-haspopup="dialog"
    aria-label="Cart"
    aria-describedby="cart-bubble-text"
    data-testid="cart-drawer-trigger"
  >
    <cart-icon
  class="
    header-actions__cart-icon
    
  "
  data-testid="cart-icon"
>
  <span
    class="svg-wrapper"
    aria-hidden="true"
  >
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

  </span>

  <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

</cart-icon>



  </button>

  <dialog
    ref="dialog"
    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
    aria-labelledby="cart-drawer-heading-empty"
    scroll-lock
  >
    <div class="cart-drawer__inner">
      <cart-items-component
        class="cart-items-component"
        data-section-id="sections--19731165282503__header_section"
      ><div class="cart-drawer__header">
            <button
              ref="closeButton"
              on:click="cart-drawer-component/close"
              class="button close-button cart-drawer__close-button button-unstyled"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>

          <div
            class="cart-drawer__content motion-reduce"
            aria-label="Cart"
          >
            <h2
              class="cart-drawer__heading h3 cart-drawer__heading--empty"
              id="cart-drawer-heading-empty"
            >
              Your cart is empty
            </h2>

            <div class="cart-drawer__items">
              

<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/component-cart-items.js?v=95720873921622680421761839489"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://jillmckeever.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      Continue shopping
    </a></div>



            </div>
          </div></cart-items-component>
    </div>
  </dialog>
</cart-drawer-component>



  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
    <div class="header__row header__row--mobile desktop:hidden color-scheme-1">
      



    
      <div
        class="menu-list menu-list--mobile color-scheme-1"
        style="--menu-horizontal-gap: 15px; --mobile-nav-margin: auto;"
      >
        <div class="menu-list__scroll-container">
          <ul
            class="menu-list__list list-unstyled"
            role="list"
          >
            
              <li>
                <a
                  href="/"
                  id="MenuItem-home"
                  class="menu-list__item"
                  
                    aria-current="page"
                  
                >Home</a>
              </li>
            
              <li>
                <a
                  href="/collections"
                  id="MenuItem-shop"
                  class="menu-list__item"
                  
                >SHOP</a>
              </li>
            
              <li>
                <a
                  href="/collections/art-commissions"
                  id="MenuItem-commissions"
                  class="menu-list__item"
                  
                >Commissions</a>
              </li>
            
              <li>
                <a
                  href="/pages/contact"
                  id="MenuItem-contact"
                  class="menu-list__item"
                  
                >Contact</a>
              </li>
            
          </ul>
        </div>
      </div>
    
  





    </div>
  
</header-component>

<script
  src="//jillmckeever.com/cdn/shop/t/18/assets/header.js?v=78043468934677320351761839489"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--19731165282503__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script
      src="//jillmckeever.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121761839489"
      type="module"
      async
      blocking="render"
    ></script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <div id="shopify-section-template--19731165118663__section_HEKx94" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--ASDd1cGNrc0VPRlYwS__image_maNmnb image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=3840" alt="Product mockup" srcset="//jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=240 240w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=352 352w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=832 832w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=1200 1200w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=1600 1600w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=1920 1920w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=2560 2560w, //jillmckeever.com/cdn/shop/files/canvas-_in_-16x20-person-69822d7e8415f.jpg?v=1770139022&amp;width=3840 3840w" width="1000" height="1000" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--AMjhkWjdtRVMyaHEvY__text_fbDyLW h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h2>MY MAN! </h2>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--AYkFsbC8xQkdkc2R5N__text_DdthAx paragraph
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <p>You have to get close to see it's not an actual painting. It's incredible. <br/>Thanks! ~ Jeff W.<br/><em>Happy Owner to a Burnt Peanut 16x20 Canvas Print</em></p>
  </rte-formatter>









<a
  
    href="/collections/art-prints"
  
  class="
    size-style
    button
    button--Ac1dHem5STjk5SFBmR__button_xrjPRw
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--19731165118663__divider_3nfJM9" class="shopify-section">





<div class="section-background color-scheme-4"></div>
<div
  class="section section--full-width color-scheme-4"
>
  <div
  class="divider divider-template--19731165118663__divider_3nfJM9 spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 1px;--padding-block-end: 16px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 0.5px;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>



</div>


</div><div id="shopify-section-template--19731165118663__section_ajKYiQ" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-large);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-1
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/art-prints"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    <div
  class="background-image-container background-image-fit"
>
  

    <img src="//jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=3840" alt="Product mockup" srcset="//jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=832 832w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=1200 1200w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=1600 1600w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=1920 1920w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=2560 2560w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-69836ef97fa93.jpg?v=1770221726&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="100vw" fetchpriority="auto">
</div>


    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>




















<a
  
    href="/collections/art-prints"
  
  class="
    size-style
    link
    link--AOUpHZVNoNGpYSzMrT__button_AYkNnb
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  SHOP ALL PRINTS
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-1
    
  "
  style="
    --border-width: 1px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/products/canvas"
      class="group-block__link"
      
        target="_blank" rel="noopener"
      
    ></a><div class="group-block__media-wrapper">
    <div
  class="background-image-container background-image-fit"
>
  

    <img src="//jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=3840" alt="Product mockup" srcset="//jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=832 832w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=1200 1200w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=1600 1600w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=1920 1920w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=2560 2560w, //jillmckeever.com/cdn/shop/files/canvas-_in_-8x10-front-698217ca34451.jpg?v=1770134204&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="100vw" fetchpriority="auto">
</div>


    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>




















<a
  
    href="/products/burnt-peanut-fan-art-8x10-canvas-print-from-jill-mckeever-original-fan-art-painting"
  
  class="
    size-style
    link
    link--AZERGcHdrWkdwVVQ4Z__button_mBUAby
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  A LIL BITTA GOOP
</a>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--19731165118663__section_xhd68x" class="shopify-section section-wrapper">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  







  <rte-formatter 
  class=" spacing-style text-block text-block--AWkdkUFZVdDBQN0xoQ__text_GLqGwj rte
    text-block--align-center rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <h2>Sign Up for Art Drops</h2>
  </rte-formatter>














  <div 
  class=" spacing-style text-block text-block--AK1BWckUzMjYxWW9aT__text_dKC43p h4
     text-block--background 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
      --text-background-color: #00000026;
      --text-corner-radius: 0px;
      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));
    
  "

  
>
    <p>Expect one email per month, per maybe, saying,  <br/><em><strong>"Fresh Work Ready for a New Home."  </strong></em></p>
  </div>









<email-signup-block
  class="email-signup-block size-style spacing-style"
  style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-AaWZqUXFuVUxyVjNsW__email_signup_hVARKL"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AaWZqUXFuVUxyVjNsW__email_signup_hVARKL"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AaWZqUXFuVUxyVjNsW__email_signup_hVARKL "
        
          aria-label="Sign up"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            
<path
      clip-rule="evenodd"
      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>

  <script
    src="//jillmckeever.com/cdn/shop/t/18/assets/email-signup.js?v=11926998321451148611761839489"
    defer
  ></script>
</email-signup-block>






    </div>
  </div>
</div>





</div><div id="shopify-section-template--19731165118663__section_eJfFVq" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));
      "
      data-testid="section-content"
    >
      
  







  <div 
  class=" spacing-style text-block text-block--AUWhibjREWCtzcUpGT__text_VacYBJ h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h2>Reach Jill Here for Art Requests</h2>
  </div>










<div
  class="
    contact-form
    spacing-style size-style
    
  "
  style="
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:50%;--size-style-height: ;
  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  "
  
>
  
<form method="post" action="/contact#ContactForm-AZi9iV2pVL3Z2SVZzU__contact_form_pM4N6q" id="ContactForm-AZi9iV2pVL3Z2SVZzU__contact_form_pM4N6q" accept-charset="UTF-8" class="contact-form__form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact-form__form-row">
      <label
        class="visually-hidden"
        for="ContactForm-name"
      >Name</label>
      <input
        type="text"
        id="ContactForm-name"
        class="contact-form__input"
        autocomplete="name"
        name="contact[name]"
        value=""
        placeholder="Name"
      >

      <label
        class="visually-hidden"
        for="ContactForm-email"
      >Email<span aria-hidden="true">*</span></label
      >
      <input
        type="email"
        id="ContactForm-email"
        class="contact-form__input"
        autocomplete="email"
        name="contact[email]"
        spellcheck="false"
        autocapitalize="off"
        value=""
        aria-required="true"
        
        placeholder="Email"
      >
    </div>

    <label
      class="visually-hidden"
      for="ContactForm-phone"
    >Phone</label>
    <input
      type="tel"
      id="ContactForm-phone"
      class="contact-form__input"
      autocomplete="tel"
      name="contact[phone]"
      pattern="[0-9\-]*"
      value=""
      placeholder="Phone"
    >

    <label
      class="visually-hidden"
      for="ContactForm-body"
    >Comment</label>
    <textarea
      rows="10"
      id="ContactForm-body"
      class="contact-form__input contact-form__input--textarea"
      name="contact[body]"
      placeholder="Comment"
    ></textarea>

    
  
<button
  type="submit"
  class="button submit-button size-style button"
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
  
>
  Submit
</button>






</form></div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--19731165118663__divider_RUdwhW" class="shopify-section">





<div class="section-background color-scheme-4"></div>
<div
  class="section section--page-width color-scheme-4"
>
  <div
  class="divider divider-template--19731165118663__divider_RUdwhW spacing-style"
  style="
    --divider-justify-content: flex-start;
    --padding-block-start: 1px;--padding-block-end: 16px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 0.5px;
      
        --divider-border-rounded: 0;
      
      --divider-flex-basis: 5%;
    "
  ></span>
</div>



</div>


</div><div id="shopify-section-template--19731165118663__section_dr7xkh" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  <div id="shopify-block-AZGlob2RQeHh2L3NaW__icon_wGjf8C" class="shopify-block icon-block">






  <svg
    class="icon-block__media icon-block-AZGlob2RQeHh2L3NaW__icon_wGjf8C"
    aria-hidden="true"
    focusable="false"
    xmlns="http://www.w3.org/2000/svg"
    width="74"
    height="74"
    viewBox="0 0 20 20"
    
      
    
  >
<path
      d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
      fill-rule="evenodd"
    /></svg>




</div>



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




















  <div 
  class=" spacing-style text-block text-block--ASjhsQTJTeFRaaVpWM__text_DYm9Mr h3
    text-block--align-center
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <p>Become a Patron, Get a Free 5x7 Art Print </p>
  </div>







</div>
</div>






</div>
</div>







    </div>
  </div>
</div>





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--19731165249735__section_jehhzd" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-3"></div>
<div
  class="section section--page-width color-scheme-3"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 34px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
         color-scheme-2
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
    >
      <summary class="menu__heading menu__heading--empty h2">
        <span class="menu__heading__default"></span>
        <span class="menu__heading__accordion">
          Footer
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item h5">
                <a href="/search">
                  Search
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/collections/art-commissions">
                  Art Commissions
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/contact">
                  Contact Jill McKeever
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/about-jill-mckeever">
                  About Jill
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="https://jillmckeever.com/pages/privacy-policy">
                  Privacy Policy
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/return-policy">
                  Return Policy
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>







    </div>
  </div>
</div>





</div><div id="shopify-section-sections--19731165249735__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  
>
  <div
    class="utilities spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    footer-utilities__text
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Jill McKeever Art</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>




  <anchored-popover-component
    class="footer-utilities__policy-list footer-utilities__text"
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Terms and Policies
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >Refund policy</a>
            </li><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Privacy policy</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >Terms of service</a>
            </li></ul>
    </div>
  </anchored-popover-component>






  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//jillmckeever.com/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111761839489"
  type="module"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <script
  src="//jillmckeever.com/cdn/shop/t/18/assets/predictive-search.js?v=53445493388242646041761839489"
  type="module"
  fetchpriority="low"
></script>

<predictive-search-component
  class="predictive-search color-scheme-1"
  style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
  data-section-id="predictive-search"
  data-testid="search-component--modal"
  role="search"
  aria-label="Search"
>
  <form
    action="/search"
    method="get"
    role="search"
    class="predictive-search-form"
    ref="form"
    on:keydown="/onSearchKeyDown"
  >
    <div
      class="predictive-search-form__header"
    >
      <div class="predictive-search-form__header-inner">
        <label
          for="cmdk-input"
          class="visually-hidden"
        >Search</label>
        <input
          class="search-input"
          id="cmdk-input"
          type="search"
          name="q"
          role="combobox"
          aria-expanded="false"
          aria-owns="predictive-search-results"
          aria-controls="predictive-search-results"
          aria-haspopup="listbox"
          aria-autocomplete="list"
          autocomplete="off"
          placeholder="Search"
          ref="searchInput"
          on:input="/search"
          on:keydown="/onSearchKeyDown"
        >
        <input
          name="options[prefix]"
          type="hidden"
          value="last"
        >
        <span class="svg-wrapper predictive-search__icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

        </span>
        <button
          type="button"
          class="button-unstyled predictive-search__reset-button"
          ref="resetButton"
          hidden
          on:click="/resetSearch"
        >
          Clear
        </button>
      </div>
      <button
        type="button"
        class="button predictive-search__close-modal-button"
        aria-label="Close dialog"
        on:click="dialog-component/closeDialog"
        ref="closeModalButton"
      >
        <span class="svg-wrapper">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        </span>
      </button>
    </div>

    <div class="predictive-search-form__content-wrapper">
      <div
        class="predictive-search-form__content"
        tabindex="-1"
        ref="predictiveSearchResults"
        on:click="/handleModalClick"
      >
        

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
</div>

      </div>

      <div class="predictive-search-form__footer">
        <button
          class="button button-primary predictive-search__search-button"
          ref="viewAllButton"
        >
          View all
        </button>
      </div>
    </div>
  </form>
</predictive-search-component>



  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  </body>
</html>
