/* 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}
  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>a.mega-menu-link{position:relative;flex-direction:column;justify-content:center;gap:3px;min-width:66px;padding:0 8px!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}}

/* The DPC Cuties panel: a card per Cutie (art on a soft grey circle, name, label) */
.dpc-mm-cuties-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 18px}
.dpc-mm-cutie{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--mm-ink)!important;text-decoration:none!important}
.dpc-mm-cutie-art{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#eef0f2;margin-bottom:10px;transition:transform .2s,background .2s}
.dpc-mm-cutie-art img{width:74%;height:74%;object-fit:contain;display:block}
.dpc-mm-cutie:hover .dpc-mm-cutie-art{transform:translateY(-3px);background:#d8edf1}
.dpc-mm-cutie b{display:block;font-family:var(--w-head,Georgia,serif);font-weight:400;font-size:16px;line-height:1.25}
.dpc-mm-cutie small{display:block;margin-top:3px;font:400 13px/1.3 Raleway,Arial,sans-serif;color:var(--mm-mut)}
.dpc-mm-cutie:hover b{color:var(--mm-td)}
@media (min-width:1001px){
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-cuties li.mega-menu-column.dpc-mm-cuties-pics{flex:1;margin:0!important;max-width:1060px}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-cuties li.mega-menu-column.mega-hide-on-desktop{display:none!important}
}
/* five tabs + The DPC Cuties fit from 1001px up */
@media (min-width:1001px) and (max-width:1240px){
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.dpc-mm-icon)>a.mega-menu-link{padding:0 12px!important;font-size:17px!important}
  .dpc-mm-cutie-art{width:88px;height:88px}
}
@media (min-width:1001px){html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link{white-space:nowrap}}
@media (min-width:1001px) and (max-width:1140px){
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item:not(.dpc-mm-icon)>a.mega-menu-link{padding:0 7px!important;font-size:16px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link>.mega-indicator{margin-left:4px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-main_nav>li.dpc-mm-icon>a.mega-menu-link{min-width:54px;padding:0 3px!important}
}

/* Meet All The DPC Cuties button centered under the cards (Bob 2026-11-04) */
.dpc-mm-cuties-grid+.dpc-mm-all{float:none;display:table;margin:26px auto 0}

/* uploaded logo (Customizer > Site Identity > Logo): its own shape, about 400px wide (Bob 2026-11-04) */
html body .dpc-live-header #logo:has(img.dpc-logo-custom){margin:0 auto!important;padding:20px 0 15px!important}
html body .dpc-live-header #logo img.dpc-logo-custom{width:340px;height:auto;max-width:80vw;object-fit:contain;margin:0!important;vertical-align:top}
@media(max-width:600px){html body .dpc-live-header #logo:has(img.dpc-logo-custom){padding:14px 0!important}html body .dpc-live-header #logo img.dpc-logo-custom{width:240px}}

/* logo area: super light gray with a fine diamond grid, like the round logo's pattern (Bob 2026-11-04) */
/* test 2026-11-04: white lines (was dark lines rgba(47,51,56,.055) on #f5f6f7) */
html body .dpc-live-header{background-color:#eef0f2!important;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 11px),repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 11px)!important}
html body .dpc-live-header #nav-section{background:var(--mm-t)}

/* Phones and tablets: MENU (hamburger) on the left, Contact / Account / Wishlist / Cart on the right (Bob 2026-11-05). */
@media (max-width:1000px){
  html body #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-blocks-right{flex:1 1 auto;justify-content:space-between}
  html body #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-blocks-right>.mega-menu-toggle-block{order:-1;margin-left:0!important}
  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-center{flex:0 0 0;width:0;min-width:0}
}

/* Phone/tablet menu, Bob 2026-11-06 (with assets/mobile-menu.js): covers the screen below the teal bar, own scroll,
   page locked behind it; short lists (no planner sub-lists, Stickers shows only Themes, no Advent years, nothing deeper than 3 levels). */
@media (max-width:1000px){
  html.dpc-mm-lock,html.dpc-mm-lock body{overflow:hidden!important}
  html body #mega-menu-wrap-main_nav .mega-menu-toggle.mega-menu-open+#mega-menu-main_nav{position:fixed!important;top:var(--dpc-mm-top,52px)!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:99998!important;box-shadow:none!important;padding-bottom:40px!important}
  html body #mega-menu-wrap-main_nav #mega-menu-item-13539>ul.mega-sub-menu,
  html body #mega-menu-wrap-main_nav #mega-menu-item-13554>ul.mega-sub-menu>li:not(#mega-menu-item-13555),
  html body #mega-menu-wrap-main_nav li.dpc-mm-years>ul.mega-sub-menu,
  html body #mega-menu-wrap-main_nav .mega-sub-menu .mega-sub-menu .mega-sub-menu .mega-sub-menu .mega-sub-menu{display:none!important}
  html body #mega-menu-wrap-main_nav #mega-menu-item-13539>a .mega-indicator,
  html body #mega-menu-wrap-main_nav li.dpc-mm-years>a .mega-indicator,
  html body #mega-menu-wrap-main_nav .mega-sub-menu .mega-sub-menu .mega-sub-menu .mega-sub-menu>li>a .mega-indicator{display:none!important}
}