/* Main menu (concept D, Bob + Jenn 2026-11-04) on top of Max Mega Menu. See inc/mega-menu.php.
   Structure, links, columns and icons are edited in Appearance > Menus; this file is only the look.
   Desktop = wider than 1000px (Max Mega Menu "Responsive Breakpoint" in its theme settings). */
:root{--mm-t:#46a3b6;--mm-td:#2b7f91;--mm-ink:#2f3338;--mm-mut:#6b7075;--mm-line:#e4e6e8;--mm-soft:#f5f8f9}
html body #mega-menu-wrap-main_nav{background:var(--mm-t);font-family:Raleway,Arial,sans-serif}
html body #mega-menu-wrap-main_nav .dpc-mm-card,html body #mega-menu-wrap-main_nav .dpc-mm-tile,html body #mega-menu-wrap-main_nav .dpc-mm-all{text-decoration:none}

/* ---------- picture widgets (both sizes) ---------- */
.dpc-mm-cards{display:flex;gap:22px;justify-content:flex-end}
.dpc-mm-card{position:relative;display:block;flex:1 1 0;min-width:0;max-width:220px;aspect-ratio:1;overflow:hidden;background:var(--mm-soft)}
.dpc-mm-card-img,.dpc-mm-card-img img{display:block;width:100%;height:100%}
.dpc-mm-card-img img{object-fit:cover;transition:transform .35s}
.dpc-mm-card:hover img{transform:scale(1.04)}
.dpc-mm-card-btn{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);background:#fff;color:var(--mm-ink);font:700 12.5px/1 Raleway,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;border-radius:3px;white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 14px rgba(0,0,0,.15)}
@media (max-width:1240px){.dpc-mm-card-btn{font-size:11px;padding:9px 10px;bottom:12px;white-space:normal;width:calc(100% - 20px);text-align:center;line-height:1.25}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu{gap:30px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column{min-width:150px!important}
  .dpc-mm-cards{gap:14px}}
.dpc-mm-card:hover .dpc-mm-card-btn{background:var(--mm-t);color:#fff}
.dpc-mm-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dpc-mm-tile{display:block;text-align:center;color:var(--mm-ink)}
.dpc-mm-tile-img{display:block;aspect-ratio:1;overflow:hidden;background:var(--mm-soft);margin-bottom:10px}
.dpc-mm-tile-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.dpc-mm-tile:hover .dpc-mm-tile-img img{transform:scale(1.04)}
.dpc-mm-tile b{display:block;font-family:var(--w-head,Georgia,serif);font-weight:400;font-size:17px;line-height:1.3;color:var(--mm-ink)}
.dpc-mm-tile:hover b{color:var(--mm-td)}
.dpc-mm-all{display:inline-block;margin-top:22px;float:right;background:var(--mm-t);color:#fff!important;padding:10px 18px;border-radius:3px;font:700 13px/1.2 Raleway,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.dpc-mm-all:hover{background:var(--mm-td)}

@media (min-width:1001px){
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav{display:flex!important;align-items:stretch;padding:0 max(12px,calc((100% - 1200px) / 2 + 12px))!important;text-align:left}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item{float:none!important;display:flex!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item.mega-hide-on-desktop{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>ul.mega-sub-menu{top:100%!important}

  /* top tabs */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link{display:flex!important;align-items:center;height:52px!important;line-height:52px!important;padding:0 18px!important;font:500 19px/52px Raleway,Arial,sans-serif!important;color:#fff!important;background:none!important;transition:background .12s}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:hover>a.mega-menu-link,
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link:focus-visible{background:rgba(0,0,0,.14)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-menu-item-home):not(.dpc-mm-icon)>a.mega-menu-link:before{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item-home>a.mega-menu-link:before{font-size:22px;width:auto;margin:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link>.mega-indicator:after{font-size:16px}

  /* every panel: white with a soft shadow; no icons inside panels */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu a.mega-menu-link:before{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-grid>ul.mega-sub-menu{background:#fff!important;box-shadow:0 18px 40px rgba(47,51,56,.12)!important;border-top:1px solid var(--mm-line)!important;padding:34px max(24px,calc((100% - 1200px) / 2 + 24px)) 38px!important;color:var(--mm-ink)}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row{width:100%!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu{display:flex!important;gap:48px;align-items:flex-start}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column{width:auto!important;min-width:170px;padding:0!important;float:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column.dpc-mm-pics{flex:1;margin-left:auto}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{padding:0!important;margin:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column .textwidget{padding:0}

  /* column headings (2nd level) and their lists (3rd level) */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{display:block;padding:0!important;margin:0 0 14px!important;font-family:var(--w-head,Georgia,serif)!important;font-size:19px!important;font-weight:400!important;line-height:1.3!important;text-transform:none!important;color:var(--mm-ink)!important;background:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover{color:var(--mm-td)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-disable-link>a.mega-menu-link{cursor:default}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-disable-link>a.mega-menu-link:hover{color:var(--mm-ink)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul.mega-sub-menu{display:block!important;position:static!important;visibility:inherit!important;opacity:1!important;width:auto!important;background:none!important;box-shadow:none!important;padding:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul li.mega-menu-item>a.mega-menu-link{display:block;padding:6px 0!important;font:400 15px/1.35 Raleway,Arial,sans-serif!important;text-transform:none!important;color:var(--mm-ink)!important;background:none!important;transition:color .12s}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul li.mega-menu-item>a.mega-menu-link:hover{color:var(--mm-td)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul li.mega-menu-item>a.mega-menu-link .mega-indicator{display:none}
  /* 4th level (e.g. Joyful Life Planners' kinds): indented under a thin line */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul ul.mega-sub-menu{margin:2px 0 6px 2px!important;border-left:1px solid var(--mm-line);padding-left:12px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column ul ul ul li.mega-menu-item>a.mega-menu-link{font-size:14px!important;color:var(--mm-mut)!important;padding:4px 0!important}

  /* Freebies + Community link columns: plain lists, the group names small and grey */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column.dpc-mm-links{min-width:230px;max-width:300px}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column.dpc-mm-links>ul.mega-sub-menu>li.mega-menu-item:not(.mega-menu-item-has-children)>a.mega-menu-link{font:400 15px/1.35 Raleway,Arial,sans-serif!important;margin:0!important;padding:5px 0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column.dpc-mm-links>ul.mega-sub-menu>li.mega-disable-link>a.mega-menu-link{font:700 14px/1.3 Raleway,Arial,sans-serif!important;color:var(--mm-mut)!important;margin:0 0 6px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.dpc-mm-years{margin-top:22px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column li.dpc-mm-years>a.mega-menu-link{margin-bottom:10px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column li.dpc-mm-years>ul.mega-sub-menu{display:flex!important;flex-wrap:wrap;gap:6px}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column li.dpc-mm-years>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{padding:6px 10px!important;border:1px solid var(--mm-line)!important;border-radius:3px;font-size:14px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column li.dpc-mm-years>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover{border-color:var(--mm-t)}

  /* Community: a smaller panel under its tab */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-narrow{position:relative!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-narrow>ul.mega-sub-menu{left:0!important;right:auto!important;width:540px!important;padding:22px 28px 24px!important;border-top:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-narrow li.mega-menu-column{flex:1;min-width:0!important}

  /* Inspiration + Resources: clean white dropdowns */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-flyout ul.mega-sub-menu{background:#fff!important;box-shadow:0 18px 40px rgba(47,51,56,.12)!important;min-width:250px;width:auto!important;padding:12px 0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background:none!important;color:var(--mm-ink)!important;font:400 15px/1.35 Raleway,Arial,sans-serif!important;height:auto!important;padding:9px 24px!important;border:0!important;white-space:nowrap}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{background:var(--mm-soft)!important;color:var(--mm-td)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{border:0!important}

  /* icons on the right: white, word under the icon, on a darker teal panel */
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.dpc-mm-icon)+li.dpc-mm-icon{margin-left:auto!important;padding-left:10px}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon{background:var(--mm-td)}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon:last-of-type,html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon:has(+li.mega-hide-on-desktop){padding-right:10px}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon>a.mega-menu-link{position:relative;flex-direction:column;justify-content:center;gap:3px;min-width:58px;padding:0 6px!important;font:700 11px/1 Raleway,Arial,sans-serif!important;letter-spacing:.02em}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon>a.mega-menu-link:before{display:block!important;float:none!important;margin:0!important;font-size:22px!important;line-height:1!important;width:auto!important;color:#fff!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon>a.mega-menu-link .mega-title-below{display:block;line-height:1!important;font:inherit;color:#fff}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon:hover>a.mega-menu-link{background:rgba(0,0,0,.18)!important}
}

/* wishlist + cart counts (desktop bar and the small-screen icon row) */
html body #mega-menu-wrap-main_nav .dpc-cart-count{top:3px!important;right:auto!important;left:calc(50% + 9px);min-width:18px;height:18px;padding:0 5px;line-height:18px;font-size:10.5px;background:#f0449a!important;color:#fff!important;box-shadow:0 0 0 2px var(--mm-td)!important}

/* ---------- small screens (1000px and narrower): teal bar with the icons and a menu button, white drawer ---------- */
.dpc-mm-tb{display:flex;align-items:center;gap:2px;height:100%}
.dpc-mm-tb a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:50px;height:52px;padding:0 4px;color:#fff!important;text-decoration:none;font:700 10.5px/1 Raleway,Arial,sans-serif}
.dpc-mm-tb a i{font-size:20px;line-height:1}
@media (max-width:1000px){
  html body #mega-menu-wrap-main_nav .mega-menu-toggle{background:var(--mm-t)!important;height:52px!important;padding:0 8px}
  html body #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-blocks-left,html body #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-blocks-right{height:100%;display:flex;align-items:center}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav{background:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.15);max-height:75vh;overflow:auto;padding:6px 0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.dpc-mm-icon,html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column.dpc-mm-pics{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link{color:var(--mm-ink)!important;background:none!important;font:500 17px/48px Raleway,Arial,sans-serif!important;height:48px!important;padding:0 20px!important;border-bottom:1px solid var(--mm-line)}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav a.mega-menu-link:before{color:var(--mm-td)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-menu-item-home)>a.mega-menu-link:before{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu{background:var(--mm-soft)!important;padding:6px 0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu a.mega-menu-link{color:var(--mm-ink)!important;background:none!important;font:400 15px/1.4 Raleway,Arial,sans-serif!important;text-transform:none!important;padding:8px 20px 8px 32px!important;height:auto!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu .mega-sub-menu a.mega-menu-link{padding-left:44px!important;color:var(--mm-mut)!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu a.mega-menu-link:before{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column{width:100%!important;padding:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item,html body #mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-row{padding:0!important;margin:0!important;width:100%!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu{width:100%!important;margin:0!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav .mega-sub-menu .mega-sub-menu{padding:0!important}
}

/* closed panels stay out of the way of the mouse (Max Mega Menu hides them with visibility, not display) */
html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-toggle-on)>ul.mega-sub-menu,html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-toggle-on)>ul.mega-sub-menu *{pointer-events:none!important}
@media (max-width:1000px){html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-toggle-on)>ul.mega-sub-menu,html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.mega-toggle-on)>ul.mega-sub-menu *{pointer-events:auto!important}}

/* search box under the bar */
.dpc-mm-search{position:absolute;left:0;right:0;top:100%;z-index:1001;background:#fff;box-shadow:0 18px 40px rgba(47,51,56,.12);border-top:1px solid var(--mm-line)}
.dpc-mm-search[hidden]{display:none}
.dpc-mm-search-in{max-width:820px;margin:0 auto;padding:22px 56px 22px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;position:relative}
.dpc-mm-search-in input[type=search]{flex:1 1 320px;min-width:0;height:48px;padding:0 16px;border:1px solid #c9cdd1;border-radius:3px;font:400 17px Raleway,Arial,sans-serif;color:var(--mm-ink);background:#fff}
.dpc-mm-search-in input[type=search]:focus{outline:none;border-color:var(--mm-t);box-shadow:0 0 0 3px rgba(70,163,182,.2)}
.dpc-mm-search-in button[type=submit]{height:48px;padding:0 24px;border:0;border-radius:3px;background:var(--mm-t);color:#fff;font:700 14px Raleway,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.dpc-mm-search-in button[type=submit]:hover{background:var(--mm-td)}
.dpc-mm-search-site{flex-basis:100%;font:400 14px Raleway,Arial,sans-serif;color:var(--mm-td)!important}
.dpc-mm-search-x{position:absolute;right:12px;top:26px;width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--mm-mut);cursor:pointer}
.dpc-mm-search-x:hover{color:var(--mm-ink)}
html.dpc-mm-searching #mega-menu-main_nav li.dpc-mm-search>a.mega-menu-link{background:rgba(0,0,0,.18)!important}
@media (max-width:600px){.dpc-mm-search-in{padding:14px 52px 14px 14px}.dpc-mm-search-in button[type=submit]{padding:0 16px}.dpc-mm-search-x{top:18px;right:6px}}