/* Site changes from Jenn's "NEW WEBSITE NOTES & CHANGES" doc (2026-10-15). Loaded after live-typography.css. */

/* 1. Header: logo centered on top, menu below on a teal bar with room between items */
html body .dpc-reference-header .dpc-reference-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "nav search";max-width:none;padding:0;gap:0;min-height:0}
html body .dpc-reference-header .dpc-reference-brand{grid-area:brand;justify-self:center;padding:20px 16px 14px;line-height:0}
html body .dpc-reference-header .dpc-reference-brand img{width:280px;height:auto;max-width:calc(100vw - 32px)}
html body .dpc-reference-header nav{grid-area:nav;flex:none;min-width:0;background:#46a3b6}
html body .dpc-reference-header .dpc-reference-menu{justify-content:center;gap:0 clamp(6px,1.6vw,22px);max-width:1240px;margin:0 auto;padding:0 12px}
html body .dpc-reference-header .dpc-reference-menu>li>a,
html body .dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{color:#fff;font-size:18px;font-weight:400;letter-spacing:.03em;padding:15px 12px;line-height:1.2;white-space:nowrap}
html body .dpc-reference-header .dpc-reference-menu>li:hover>a,html body .dpc-reference-header .dpc-reference-menu>li.dpc-reference-open>a,html body .dpc-reference-header .dpc-reference-menu>li.current-menu-item>a{background:rgba(0,0,0,.14)}
html body .dpc-reference-header .dpc-reference-menu>li>.dpc-reference-subtoggle{color:#fff}
html body .dpc-reference-header .dpc-menu-home>a{display:flex;align-items:center}
.dpc-home-icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
html body .dpc-reference-header .sub-menu{background:#fff;color:#2f3338}
html body .dpc-reference-header .sub-menu a{color:#2f3338;font-size:16px;padding:11px 14px}
html body .dpc-reference-header .sub-menu a:hover{background:var(--dpc-surface,#e4f0f5)}
html body .dpc-reference-header .dpc-reference-search{grid-area:search;background:#46a3b6;color:#fff;flex:none;margin:0;display:flex;align-items:center;padding:0 18px 0 6px}
html body .dpc-reference-header .dpc-reference-search summary{width:34px;height:52px}
html body .dpc-reference-header .dpc-reference-search svg{stroke:#fff;width:22px;height:22px}
html body .dpc-reference-header .dpc-reference-search form{color:#2f3338;top:100%}
@media(min-width:761px){html body .dpc-reference-header .dpc-reference-menu-toggle{display:none}}
@media(max-width:1100px){html body .dpc-reference-header .dpc-reference-menu>li>a,html body .dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{font-size:16px;padding:14px 8px}}
@media(max-width:760px){
 html body .dpc-reference-header .dpc-reference-inner{grid-template-areas:"brand brand" "toggle search" "nav nav"}
 html body .dpc-reference-header .dpc-reference-menu-toggle{grid-area:toggle;display:block;margin:0;background:#46a3b6;color:#fff;font-size:17px;padding:14px 18px;text-align:left;min-height:52px}
 html body .dpc-reference-header nav{background:#46a3b6}
 html body .dpc-reference-header .dpc-reference-menu{display:block;padding:0 0 8px}
 html body .dpc-reference-header .dpc-reference-menu>li>a,html body .dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{font-size:18px;padding:14px 18px;white-space:normal}
 html body .dpc-reference-header .sub-menu{background:rgba(255,255,255,.92)}
}

/* 2. Monthly page: no page title; the current month is one hero image that links to the month */
html body.page-id-13314 .dpc-title{display:none}
html body.page-id-13314 .dpc-page{padding-top:24px}
html body .dpc-months .dpc-card.is-month.is-feature{display:block;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__body{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:18px 0 0;background:none;border:0}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.2;font-weight:700}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__title a{font-family:inherit;color:var(--dpc-accent,#46a3b6);text-decoration:none}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__text{margin:0;font-family:"Caveat","Comic Sans MS",cursive;font-size:2.2rem;line-height:1;color:#238397}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__action{margin:0 0 0 auto;align-self:center}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__action .dpc-btn{display:inline-block;padding:13px 26px;border-radius:4px;background:#46a3b6;color:#fff;font:600 16px/1.5 "Raleway",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:0}@media(max-width:700px){html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__title{font-size:30px}html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__action{margin:6px 0 0;width:100%}}
html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__media{margin:0;aspect-ratio:auto;border-radius:0}
html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__media a{display:block}
html body .dpc-months .dpc-card.is-month.is-feature .dpc-card__media img{width:100%;height:auto;display:block}

/* 3. Inspiration listing: two newest side by side as rounded squares, the rest as circles; centered; underlined links; no borders */
html body .dpc-inspiration a{text-decoration:underline;text-underline-offset:.15em}
html body .dpc-inspiration .dpc-title{text-align:center}
html body .dpc-inspiration__pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1290px;margin:0 auto 48px}
html body .dpc-inspiration__lead{text-align:center;border:0;background:none}
html body .dpc-inspiration__lead-image{display:block;width:min(100%,520px);margin:0 auto}
html body .dpc-inspiration__lead-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;display:block}
html body .dpc-inspiration__lead h2{font-size:30px;margin:20px 0 10px}
html body .dpc-inspiration__lead p{font-size:17px;margin:0 auto 12px;max-width:52ch}
html body .dpc-inspiration__more{font-weight:600}
html body .dpc-inspiration .dpc-post-grid .dpc-post-card{border:0;background:none;box-shadow:none;border-radius:0;overflow:visible;text-align:center}
html body .dpc-inspiration .dpc-post-card .dpc-card-image{display:block;width:min(100%,280px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto}
html body .dpc-inspiration .dpc-post-card .dpc-card-image img{width:100%;height:100%;object-fit:cover}
html body .dpc-inspiration .dpc-card-copy{padding:18px 8px 0}
html body .dpc-inspiration .dpc-card-copy h2{font-size:22px}
html body .dpc-inspiration .dpc-card-copy p{font-size:16px}
@media(max-width:700px){html body .dpc-inspiration__pair{grid-template-columns:1fr;gap:32px}}

/* 4. Blog posts and interior pages: white background */
html body.dpc-interior.dpc-site-canvas{--dpc-background:#fff;background:#fff!important}
html body.dpc-interior .dpc-page,html body.dpc-interior .dpc-interior-page .entry-content{background:#fff}

/* 5. Newsletter sign-up form */
html body #mailchipsignup h2{text-align:center;margin-bottom:18px}
html body #mc_embed_signup{max-width:560px;margin:0 auto;background:var(--dpc-surface,#e4f0f5);padding:32px 32px 24px;border-radius:8px}
html body #mc_embed_signup .mc-field-group{margin-bottom:18px}
html body #mc_embed_signup label{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
html body #mc_embed_signup input[type=email],html body #mc_embed_signup input[type=text]{width:100%;padding:12px 14px;border:1px solid #d4d4d4;border-radius:4px;font-size:17px;background:#fff;box-sizing:border-box}
html body #mc_embed_signup .datefield{display:flex;align-items:center;gap:8px}
html body #mc_embed_signup .datefield .subfield input{width:72px;text-align:center}
html body #mc_embed_signup .small-meta{font-size:13px;color:var(--ink-soft,#2f3338)}
html body #mc_embed_signup .asterisk{color:#46a3b6}
html body #mc_embed_signup .clear{margin:0!important;padding:8px 0 0!important}
html body #mc_embed_signup .button,html body #mc-embedded-subscribe{display:block;width:100%;background:#46a3b6!important;color:#fff!important;border:0;border-radius:4px;font:700 20px/1.2 'Raleway',Arial,sans-serif!important;letter-spacing:.04em;padding:16px 24px!important;cursor:pointer;height:auto!important}
html body #mc_embed_signup .button:hover,html body #mc-embedded-subscribe:hover{filter:brightness(.92)}

/* 6. Hex codes: 15 to a page (split by the theme), images centered in a grid */
html body .dpc-hex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:24px auto 0}
html body .dpc-hex-grid>p{margin:0;text-align:center}
html body .dpc-hex-grid img{display:block;width:100%;height:auto;margin:0 auto}
html body .dpc-hex-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:36px auto 0;list-style:none;padding:0}
html body .dpc-hex-pages a,html body .dpc-hex-pages span{display:inline-block;min-width:44px;padding:10px 14px;border:1px solid #46a3b6;border-radius:4px;text-decoration:none;font-weight:600;font-size:16px;text-align:center}
html body .dpc-hex-pages span.is-current{background:#46a3b6;color:#fff}
html body.page-id-175 .entry-content>p{text-align:center}
@media(max-width:860px){html body .dpc-hex-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){html body .dpc-hex-grid{grid-template-columns:1fr}}

/* 1b. Header now matches the live site: centered logo, Max Mega Menu bar (digipc #logo / #nav-section composition) */
html body .dpc-live-header{background:#fff}
html body .dpc-live-header #logo{width:90%;max-width:500px;margin:10px auto;text-align:center;line-height:0}
html body .dpc-live-header #logo img{display:inline-block;width:280px;height:66px;max-width:100%;object-fit:contain}
html body .dpc-live-header #nav-section{width:100%;font-family:'Raleway',Arial,sans-serif;font-weight:300}
html body .dpc-live-header #nav-section #mega-menu-wrap-main_nav{border-radius:0}
html body .dpc-live-header #mega-menu-wrap-main_nav #mega-menu-main_nav a.mega-menu-link{font-family:'Raleway',Arial,sans-serif}
html body .dpc-live-header .mega-sub-menu{max-width:calc(100vw - 24px)!important}

/* 7. Reading pages (articles, blog posts): every block on one centered column, same width as the page title (Bob 2026-10-15) */
html body .dpc-interior-reading .entry-content>*:not(.alignfull):not(.alignleft):not(.alignright){max-width:1024px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body .dpc-interior-reading .entry-content>.alignfull{max-width:none!important}
html body .dpc-interior-reading .entry-content>:is(h2,h3):first-child{border-top:0!important;padding-top:0!important;margin-top:0!important}
html body.dpc-interior .dpc-title{max-width:1024px;margin-left:auto;margin-right:auto}

/* 8. Header: #logo margin-top collapsed through the header and showed a strip of page background above it (Bob 2026-10-15) */
html body .dpc-live-header{display:flow-root}

/* 9. Monthly: the featured month shows its name, theme and a link under the hero art so it reads as this month's page (Bob 2026-10-15) */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/caveat.woff2) format('woff2')}
@media(max-width:560px){html body .dpc-months__past .dpc-months__grid.is-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}html body .dpc-months__past .dpc-card__title{font-size:18px}}

/* 10. Hex codes: one card per row at full size (700px, as on the live site), centered (Jenn 2026-10-16) */
html body .dpc-interior-reading .entry-content>.dpc-hex-grid,html body .dpc-hex-grid{grid-template-columns:minmax(0,1fr)!important;max-width:700px!important;width:100%;gap:40px}
html body .dpc-hex-grid>*{min-width:0}
html body .dpc-hex-grid img{width:100%!important;max-width:700px;height:auto!important}

/* 11. Hex codes search box (Jenn 2026-10-16) */
html body .dpc-interior-reading .entry-content>.dpc-hex-search,html body .dpc-hex-search{max-width:700px!important;width:100%;margin:32px auto 0!important;text-align:left}
html body .dpc-hex-search label{display:block;font:600 16px/1.4 'Raleway',Arial,sans-serif;color:#2f3338;margin:0 0 8px}
html body .dpc-hex-search input{width:100%;box-sizing:border-box;padding:12px 16px;font:400 18px/1.4 'Raleway',Arial,sans-serif;border:1px solid #46a3b6;border-radius:4px;background:#fff;color:#2f3338}
html body .dpc-hex-search input:focus{outline:2px solid #46a3b6;outline-offset:2px}
html body .dpc-hex-search .dpc-hex-count{margin:8px 0 0;font-size:15px;color:#2f3338;min-height:1.4em}
html body .dpc-hex-none{text-align:center;color:#2f3338}
html body .dpc-hex-item{margin:0}
html body .dpc-hex-item>p{margin:0}
html body .dpc-hex-grid .dpc-hex-match{margin:8px 0 0!important;text-align:center;font:600 15px/1.4 'Raleway',Arial,sans-serif;color:#238397}

/* Hex search: no matched-color line under the card (Jenn 2026-10-16) */
html body .dpc-hex-grid .dpc-hex-match{display:none!important}
/* Inspiration grid: 3 across, a short last row sits centered (Jenn 2026-10-19) */
@media(min-width:901px){html body .dpc-inspiration .dpc-post-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:48px 36px;max-width:1290px;margin-left:auto;margin-right:auto}html body .dpc-inspiration .dpc-post-grid>.dpc-post-card{flex:0 0 calc((100% - 72px)/3)}}