/* ============================================================ DJD CSS BUNDLE β€” Font, Column Width, Header, Widgets Items: 1, 2, 3, 7 from May 2026 audit ============================================================ */ /* --- 1. ARTICLE BODY FONT SIZE (17px) --- */ .entry-content p, .entry-content li, .entry-content blockquote, .entry-content td { font-size: 17px !important; line-height: 1.75 !important; } /* --- 2. ARTICLE CONTENT COLUMN WIDTH (740px max) --- */ .single .entry-content { max-width: 740px !important; margin-left: auto !important; margin-right: auto !important; } /* --- 3. STICKY HEADER HEIGHT REDUCTION --- Header is 163px because .middle-header-contain .wrapper has 30px top + 30px bottom padding. Targeting the real selector. */ .middle-header-contain .wrapper { padding-top: 8px !important; padding-bottom: 8px !important; } .site-title { font-size: 22px !important; line-height: 1.2 !important; margin: 0 !important; } .bottom-header-contain .wrapper { padding-top: 4px !important; padding-bottom: 4px !important; } /* --- 7. WIDGET / SIDEBAR H2 SIZE FIX --- Widget H2s rendering oversized β€” set to compact label style */ .widget-title, .sidebar h2, aside h2, .entry-sidebar h2, .widget h2 { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #888 !important; } .djd-cta-go{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:64px!important;padding:14px 26px!important;border-radius:999px!important;border:0!important;background:linear-gradient(90deg,#34f5e1 0%,#5ee9c5 45%,#ffc93c 100%)!important;color:#0F0E1A!important;font-family:"Bricolage Grotesque",system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(18px,2.2vw,21px)!important;letter-spacing:.01em!important;line-height:1.15!important;text-decoration:none!important;text-align:center!important;cursor:pointer!important;box-shadow:0 0 0 0 rgba(52,245,225,.55),0 10px 30px rgba(52,245,225,.22)!important;animation:djdCtaPulse 2.6s ease-in-out infinite;transition:transform .18s ease,filter .18s ease!important;-webkit-tap-highlight-color:transparent} .djd-cta-go.djd-cta-wide{width:100%!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important} .djd-cta-go:hover,.djd-cta-go:focus-visible{transform:translateY(-2px) scale(1.025)!important;filter:saturate(1.15) brightness(1.05)} .djd-cta-go:focus-visible{outline:3px solid #F5F0E8!important;outline-offset:3px!important} .djd-cta-go::after{content:"";position:absolute;top:0;left:-55%;width:38%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-20deg);animation:djdCtaShine 3.8s ease-in-out infinite;pointer-events:none} .djd-cta-go .djd-cta-label,.djd-cta-go .djd-cta-arrow{position:relative;z-index:1;color:#0F0E1A!important;-webkit-text-fill-color:#0F0E1A!important;text-decoration:none!important} .djd-cta-disc{position:relative;z-index:1;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#ff3b5c 0 20%,#0F0E1A 21% 27%,transparent 28%),repeating-radial-gradient(circle,#1b1830 0 2px,#2a2545 2px 3px);box-shadow:0 0 0 2px #0F0E1A;animation:djdCtaSpin 2.2s linear infinite} .djd-cta-disc::after{content:"";position:absolute;top:4px;left:6px;width:7px;height:4px;border-radius:50%;background:rgba(255,255,255,.35);transform:rotate(-30deg)} .djd-cta-eq{position:relative;z-index:1;display:inline-flex;align-items:flex-end;gap:3px;height:20px;flex:0 0 auto} .djd-cta-eq i{display:block;width:4px;height:100%;border-radius:2px;background:#0F0E1A;transform-origin:bottom;animation:djdCtaEq 1s ease-in-out infinite} .djd-cta-eq i:nth-child(2){animation-delay:-.35s}.djd-cta-eq i:nth-child(3){animation-delay:-.7s}.djd-cta-eq i:nth-child(4){animation-delay:-.15s} .djd-cta-arrow{position:relative;z-index:1;display:inline-block;font-weight:800;animation:djdCtaNudge 1.4s ease-in-out infinite} .djd-cta-go.djd-cta-sm{min-height:44px!important;padding:9px 18px!important;font-size:16px!important;gap:8px!important;display:inline-flex!important} .djd-cta-go.djd-cta-sm .djd-cta-disc{width:20px;height:20px} .djd-cta-go.djd-cta-sm .djd-cta-eq{display:none} .djd-cta-go.djd-cta-pop{animation:djdCtaPop .7s cubic-bezier(.2,1.4,.4,1) 1,djdCtaPulse 2.6s ease-in-out .7s infinite} .djd-cta-strip{position:relative;overflow:hidden;margin:6px -6px 18px;height:96px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)} .djd-cta-track{display:flex;gap:10px;width:max-content;animation:djdCtaMarquee 42s linear infinite} .djd-cta-strip:hover .djd-cta-track{animation-play-state:paused} .djd-cta-tile{flex:0 0 auto;width:120px;height:96px;border-radius:12px;overflow:hidden;background:#12111f;border:1px solid rgba(166,140,255,.35)} .djd-cta-tile svg{display:block;width:100%;height:100%;filter:saturate(1.35) contrast(1.15) brightness(1.12)} .djd-quizcta.djd-cta-again{margin-top:2.4rem} @keyframes djdCtaPulse{0%{box-shadow:0 0 0 0 rgba(52,245,225,.55),0 10px 30px rgba(52,245,225,.22)}70%{box-shadow:0 0 0 16px rgba(52,245,225,0),0 10px 30px rgba(52,245,225,.22)}100%{box-shadow:0 0 0 0 rgba(52,245,225,0),0 10px 30px rgba(52,245,225,.22)}} @keyframes djdCtaShine{0%,55%{left:-55%}85%,100%{left:125%}} @keyframes djdCtaSpin{to{transform:rotate(360deg)}} @keyframes djdCtaEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}} @keyframes djdCtaNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}} @keyframes djdCtaPop{0%{transform:scale(.92)}60%{transform:scale(1.05)}100%{transform:scale(1)}} @keyframes djdCtaMarquee{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.djd-cta-go,.djd-cta-go::after,.djd-cta-disc,.djd-cta-eq i,.djd-cta-arrow,.djd-cta-track{animation:none!important}.djd-cta-go::after{display:none}} @media (max-width:480px){.djd-cta-go{min-height:58px!important;padding:12px 16px!important;gap:10px!important;font-size:18px!important}.djd-cta-go .djd-cta-eq{display:none}.djd-cta-strip{height:80px}.djd-cta-tile{width:100px;height:80px}} body.single .posted-on time.updated.djd-hide-upd,body .entry-meta time.updated.djd-hide-upd.djd-hide-upd{display:none!important} .entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip,.entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip:visited{color:#0F0E1A!important;background:#ffc93c!important;text-decoration:none!important;font-weight:700!important}.entry-content .djd-era-ctx a.djd-era-chip.djd-era-chip:hover{background:#5ee9c5!important;color:#0F0E1A!important} body.single header.site-header .bottom-header-contain,body.single header.site-header .bottom-header-contain .wrapper{background-color:transparent!important} .djd-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.djd-pill{display:inline-block;background:var(--pc);color:#0F0E1A!important;font-size:10.5px;line-height:1;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;text-decoration:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset}.djd-pill:hover{filter:brightness(1.12)}.dj-cat-label{display:none!important}[class*="djdr"]{scrollbar-color:rgba(245,240,232,.22) transparent;scrollbar-width:thin}[class*="djdr"]::-webkit-scrollbar{height:6px}[class*="djdr"]::-webkit-scrollbar-track{background:transparent}[class*="djdr"]::-webkit-scrollbar-thumb{background:rgba(245,240,232,.22);border-radius:6px} /* DJD mobile menu v1 */ html body aside.mobile-sidebar{background:linear-gradient(180deg,#171432 0%,#0F0E1A 55%) !important;color:#F5F0E8 !important;width:min(92vw,440px) !important;padding:18px 18px 44px !important;border-left:1px solid rgba(94,233,197,.2) !important;box-shadow:-24px 0 60px rgba(0,0,0,.55) !important} html body aside.mobile-sidebar .mobile-menu-toggle{float:none !important;display:flex !important;align-items:center !important;gap:8px !important;margin:0 0 18px auto !important;padding:9px 16px 9px 12px !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:999px !important;color:#F5F0E8 !important;font-weight:600 !important;font-size:14px !important;line-height:1 !important;text-transform:none !important;letter-spacing:0 !important} html body aside.mobile-sidebar .mobile-menu-toggle svg{fill:currentColor !important;width:18px !important;height:18px !important} html body aside.mobile-sidebar .mobile-menu-toggle:hover{background:rgba(94,233,197,.16) !important;border-color:#5EE9C5 !important} html body aside.mobile-sidebar .search-form{position:relative !important;margin:0 0 26px !important} html body aside.mobile-sidebar .search-form label{display:block !important} html body aside.mobile-sidebar .search-field{width:100% !important;height:50px !important;padding:0 58px 0 16px !important;background:#1B1933 !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:14px !important;color:#F5F0E8 !important;font-size:16px !important} html body aside.mobile-sidebar .search-field::placeholder{color:#8F8AA6 !important} html body aside.mobile-sidebar .search-field:focus{outline:none !important;border-color:#5EE9C5 !important;box-shadow:0 0 0 3px rgba(94,233,197,.18) !important} html body aside.mobile-sidebar .search-submit{position:absolute !important;right:7px !important;top:7px !important;width:36px !important;height:36px !important;padding:0 !important;display:grid !important;place-items:center !important;background:#5EE9C5 !important;border:0 !important;border-radius:10px !important;color:#0F0E1A !important} html body aside.mobile-sidebar .search-submit svg{width:20px !important;height:20px !important;fill:currentColor !important} html body aside.mobile-sidebar .main-menu{display:flex !important;flex-direction:column !important;gap:26px !important} html body aside.mobile-sidebar .main-menu>li>a{display:block !important;margin:0 !important;padding:0 0 10px !important;border-bottom:1px solid rgba(255,255,255,.12) !important;color:#5EE9C5 !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;text-decoration:none !important} html body aside.mobile-sidebar .main-menu .sub-menu{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin:14px 0 0 !important;padding:0 !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:first-child{grid-column:1/-1 !important} html body aside.mobile-sidebar .main-menu .sub-menu li a{display:flex !important;align-items:center !important;gap:10px !important;margin:0 !important;padding:10px 12px !important;min-height:52px !important;background:#1A1830 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:12px !important;color:#F5F0E8 !important;font-size:14.5px !important;font-weight:500 !important;line-height:1.2 !important;text-decoration:none !important} html body aside.mobile-sidebar .main-menu .sub-menu li a:hover,html body aside.mobile-sidebar .main-menu .sub-menu li a:focus{background:#232048 !important;border-color:var(--c,#5EE9C5) !important;text-decoration:none !important;color:#fff !important} html body aside.mobile-sidebar .djdr-mi{flex:0 0 30px !important;width:30px !important;height:30px !important;display:grid !important;place-items:center !important;border-radius:9px !important;background:rgba(255,255,255,.08) !important;background:color-mix(in srgb,var(--c,#5EE9C5) 20%,transparent) !important;color:var(--c,#5EE9C5) !important} html body aside.mobile-sidebar .djdr-mi svg{width:17px !important;height:17px !important} html body aside.mobile-sidebar .sub-menu li a:not(:has(.djdr-mi))::before{content:"" !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border-radius:9px !important;background:radial-gradient(circle,#5EE9C5 0 3px,transparent 4px),rgba(94,233,197,.12) !important} html body aside.mobile-sidebar .djdr-mc{margin-left:auto !important;padding:2px 8px !important;border-radius:999px !important;background:rgba(255,255,255,.09) !important;color:#C9C4DA !important;font-size:11px !important;font-weight:600 !important} html body aside.mobile-sidebar .main-menu>li:not(.menu-item-has-children)>a{padding:15px 16px !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:14px !important;color:#F5F0E8 !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;text-align:center !important} html body aside.mobile-sidebar .main-menu>li:last-child:not(.menu-item-has-children)>a{background:#FF4D6D !important;border-color:#FF4D6D !important;color:#fff !important;font-weight:700 !important} html body aside.mobile-sidebar .main-menu>li:not(.menu-item-has-children)>a:hover{border-color:#5EE9C5 !important;text-decoration:none !important} html body aside.mobile-sidebar .main-menu>li:last-child:not(.menu-item-has-children)>a:hover{background:#FF6A84 !important;border-color:#FF6A84 !important} html body aside.mobile-sidebar .main-menu li,html body aside.mobile-sidebar .menu-item{border:0 !important;background:none !important} html body aside.mobile-sidebar .main-menu .sub-menu{background:transparent !important;border:0 !important;box-shadow:none !important} html body aside.mobile-sidebar .main-menu>li.menu-item>a{display:block !important;min-height:0 !important} html body aside.mobile-sidebar .main-menu .sub-menu li a{display:flex !important;background:#1A1830 !important;color:#F5F0E8 !important} html body aside.mobile-sidebar .main-menu .sub-menu li a:hover{background:#232048 !important} html body aside.mobile-sidebar .main-menu>li.menu-item:not(.menu-item-has-children)>a{display:flex !important;justify-content:center;align-items:center;min-height:50px !important;color:#F5F0E8 !important;background:transparent !important;padding:12px 16px !important;border-radius:14px !important} html body aside.mobile-sidebar .main-menu>li.menu-item:last-child:not(.menu-item-has-children)>a{background:#FF4D6D !important;color:#fff !important;border-color:#FF4D6D !important} html body aside.mobile-sidebar .main-menu>li.menu-item-has-children>a{color:#5EE9C5 !important} html body aside.mobile-sidebar #menu-item-2994>a{display:flex !important;justify-content:space-between;align-items:center;padding:16px 16px !important;background:#1A1830 !important;border:1px solid rgba(94,233,197,.35) !important;border-radius:14px !important;font-size:15px !important;letter-spacing:.14em !important} html body aside.mobile-sidebar #menu-item-2994>a::after{content:"All reads \2192";font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:#F5F0E8} html body aside.mobile-sidebar #menu-item-2994>a:hover{background:#232048 !important} html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn.djd-hire-btn.djd-hire-btn>a{background:#FF4D6D !important;color:#fff !important;border:1px solid #FF4D6D !important;border-radius:14px !important;padding:12px 16px !important;box-shadow:0 8px 24px rgba(255,77,109,.35) !important;font-weight:700 !important} html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a:hover{background:#FF6A84 !important} /* inline-style override for Book a DJ */ html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a{position:relative !important;isolation:isolate !important;border-radius:14px !important;overflow:hidden !important;display:block !important;text-align:center !important} html body aside#mobile-sidebar-fallback .main-menu>li.djd-hire-btn>a::before{content:"" !important;position:absolute !important;inset:0 !important;background:#FF4D6D !important;z-index:-1 !important;border-radius:14px !important} /* v2 icons and colour */ html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+1){--c:#5EE9C5 !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+2){--c:#FF6FA8 !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+3){--c:#F5C451 !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+4){--c:#A78BFA !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+5){--c:#5CC8FF !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C !important} html body aside.mobile-sidebar .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C !important} html body aside.mobile-sidebar .main-menu>li#menu-item-1380>a{color:#5EE9C5 !important;border-bottom-color:#5EE9C555 !important} html body aside.mobile-sidebar .main-menu>li#menu-item-1380>ul.sub-menu{margin-top:14px !important} html body aside.mobile-sidebar .main-menu>li#menu-item-1503>a{color:#FF6FA8 !important;border-bottom-color:#FF6FA855 !important} html body aside.mobile-sidebar .main-menu>li#menu-item-1503>ul.sub-menu{margin-top:14px !important} html body aside.mobile-sidebar .main-menu>li#menu-item-2522>a{color:#F5C451 !important;border-bottom-color:#F5C45155 !important} html body aside.mobile-sidebar .main-menu>li#menu-item-2522>ul.sub-menu{margin-top:14px !important} html body aside.mobile-sidebar .main-menu>li#menu-item-2994>a{color:#A78BFA !important;border-bottom-color:#A78BFA55 !important} html body aside.mobile-sidebar .main-menu>li#menu-item-2994>ul.sub-menu{margin-top:14px !important} html body aside.mobile-sidebar .main-menu>li#menu-item-2994>a{border-color:#A78BFA66 !important;background:linear-gradient(90deg,#A78BFA22,#1A1830 70%) !important} html body aside.mobile-sidebar .main-menu .sub-menu li a{border-left:3px solid var(--c,#5EE9C5) !important;background:linear-gradient(90deg,color-mix(in srgb,var(--c,#5EE9C5) 14%,#1A1830),#1A1830 65%) !important} html body aside.mobile-sidebar .main-menu .sub-menu li a:not(:has(.djdr-mi))::before{display:grid !important;place-items:center !important;font-size:16px !important;line-height:1 !important;background:color-mix(in srgb,var(--c,#5EE9C5) 24%,transparent) !important;content:"✦" !important;color:var(--c,#5EE9C5) !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5781>a:not(:has(.djdr-mi))::before{content:"πŸ•°οΈ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5784>a:not(:has(.djdr-mi))::before{content:"πŸŽ›οΈ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5786>a:not(:has(.djdr-mi))::before{content:"🎡" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5788>a:not(:has(.djdr-mi))::before{content:"πŸ“š" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-5802>a:not(:has(.djdr-mi))::before{content:"βš”οΈ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6068>a:not(:has(.djdr-mi))::before{content:"🎚️" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6069>a:not(:has(.djdr-mi))::before{content:"πŸ•Ί" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6070>a:not(:has(.djdr-mi))::before{content:"⏳" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6071>a:not(:has(.djdr-mi))::before{content:"πŸŽͺ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6072>a:not(:has(.djdr-mi))::before{content:"πŸ“" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6073>a:not(:has(.djdr-mi))::before{content:"🏁" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6256>a:not(:has(.djdr-mi))::before{content:"πŸ—ΊοΈ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-6584>a:not(:has(.djdr-mi))::before{content:"πŸš•" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8386>a:not(:has(.djdr-mi))::before{content:"🧭" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8387>a:not(:has(.djdr-mi))::before{content:"🎧" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8388>a:not(:has(.djdr-mi))::before{content:"πŸ“œ" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8401>a:not(:has(.djdr-mi))::before{content:"πŸ” " !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8402>a:not(:has(.djdr-mi))::before{content:"🧬" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8701>a:not(:has(.djdr-mi))::before{content:"πŸ”€" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-8702>a:not(:has(.djdr-mi))::before{content:"πŸ₯" !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-9175>a:not(:has(.djdr-mi))::before{content:"πŸŒ™" !important} html body aside.mobile-sidebar .main-menu>li.menu-item:not(.menu-item-has-children):not(.djd-hire-btn)>a{border-color:#F5C45188 !important;color:#F5C451 !important} html body aside.mobile-sidebar .main-menu .sub-menu>li#menu-item-10507>a:not(:has(.djdr-mi))::before{content:"πŸ—ΊοΈ" !important} /* desktop dropdown icons */ html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+1){--c:#5EE9C5} html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+2){--c:#FF6FA8} html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+3){--c:#F5C451} html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+4){--c:#A78BFA} html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+5){--c:#5CC8FF} html body #site-navigation .main-menu .sub-menu>li:nth-child(6n+6){--c:#FF9A5C} html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi)){display:flex !important;align-items:center !important;gap:12px !important} html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi))::before{content:"✦";flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:14px;line-height:1;color:var(--c,#5EE9C5);background:color-mix(in srgb,var(--c,#5EE9C5) 22%,transparent)} html body #site-navigation .main-menu .sub-menu li>a:not(:has(.djdr-mi)):hover::before{background:color-mix(in srgb,var(--c,#5EE9C5) 38%,transparent)} html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul/tonight/"]:not(:has(.djdr-mi))::before{content:"πŸŒ™"} html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-going-out/"]:not(:has(.djdr-mi))::before{content:"🧭"} html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-the-scene/"]:not(:has(.djdr-mi))::before{content:"🎧"} html body #site-navigation .main-menu .sub-menu li>a[href$="/category/seoul-scene/seoul-history/"]:not(:has(.djdr-mi))::before{content:"πŸ“œ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul-maps/"]:not(:has(.djdr-mi))::before{content:"πŸ—ΊοΈ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/getting-home-planner/"]:not(:has(.djdr-mi))::before{content:"πŸš•"} html body #site-navigation .main-menu .sub-menu li>a[href$="/seoul-nightlife-glossary/"]:not(:has(.djdr-mi))::before{content:"πŸ”€"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-dj-type/"]:not(:has(.djdr-mi))::before{content:"🎚️"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-clubber-type/"]:not(:has(.djdr-mi))::before{content:"πŸ•Ί"} html body #site-navigation .main-menu .sub-menu li>a[href$="/find-your-sound/"]:not(:has(.djdr-mi))::before{content:"🎡"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-era-type/"]:not(:has(.djdr-mi))::before{content:"⏳"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-festival-type/"]:not(:has(.djdr-mi))::before{content:"πŸŽͺ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quiz-ultimate-venue/"]:not(:has(.djdr-mi))::before{content:"πŸ“"} html body #site-navigation .main-menu .sub-menu li>a[href$="/quizzes/"]:not(:has(.djdr-mi))::before{content:"🏁"} html body #site-navigation .main-menu .sub-menu li>a[href$="/types/"]:not(:has(.djdr-mi))::before{content:"🧬"} html body #site-navigation .main-menu .sub-menu li>a[href$="/visual-data/dance-music-tree.html"]:not(:has(.djdr-mi))::before{content:"🌳"} html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-machines/"]:not(:has(.djdr-mi))::before{content:"πŸŽ›οΈ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-timeline/"]:not(:has(.djdr-mi))::before{content:"πŸ•°οΈ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/dance-music-festivals/"]:not(:has(.djdr-mi))::before{content:"🌍"} html body #site-navigation .main-menu .sub-menu li>a[href$="/tempo-bridge/"]:not(:has(.djdr-mi))::before{content:"πŸ₯"} html body #site-navigation .main-menu .sub-menu li>a[href$="/genre-face-offs/"]:not(:has(.djdr-mi))::before{content:"βš”οΈ"} html body #site-navigation .main-menu .sub-menu li>a[href$="/genres/"]:not(:has(.djdr-mi))::before{content:"πŸ” "} html body #site-navigation .main-menu .sub-menu li>a[href$="/explore-data/"]:not(:has(.djdr-mi))::before{content:"πŸ“š"} /* tonight page phone-only week strip (moved from page body) */ .djd-td-phone{display:none}@media (max-width:720px){.djd-td-phone{display:block}} /* reads + sub archive cards: show the whole 16:9 featured image (23 Oct) */ html body.category-reads article.hentry .post-thumbnail img,html body.djd-sub-archive article.hentry .post-thumbnail img{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important} html body.category-reads article.hentry .post-thumbnail,html body.djd-sub-archive article.hentry .post-thumbnail,html body.category-reads article.hentry .post-thumbnail-inner,html body.djd-sub-archive article.hentry .post-thumbnail-inner{height:auto!important;max-height:none!important} figure.djd-typeart.djd-typeart.djd-typeart{max-width:680px!important;width:100%!important;margin:2.6rem auto .6rem!important}.djd-typeart .djd-ta-in{border-color:rgba(166,140,255,.35)!important;box-shadow:0 18px 50px -24px rgba(166,140,255,.45),0 0 0 1px rgba(52,245,225,.08) inset}.djd-typeart svg{filter:saturate(1.35) contrast(1.15) brightness(1.12) drop-shadow(0 0 5px rgba(166,140,255,.28))}.djd-era-ctx{margin:22px 0 30px;padding:18px 22px;border-radius:16px;background:linear-gradient(160deg,rgba(52,245,225,.08),rgba(166,140,255,.06) 60%,rgba(245,240,232,.02));border:1px solid rgba(52,245,225,.28);font-size:15px;line-height:1.55}.djd-era-ctx .djd-era-k{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#34f5e1}.djd-era-ctx ul{margin:0 0 12px 18px;padding:0}.djd-era-ctx li{margin:6px 0}.djd-era-ctx .djd-era-note{font-size:13px;opacity:.75;margin:0 0 8px}.djd-era-ctx .djd-era-links{margin:0;font-size:14px}.djd-era-chip{display:inline-block;margin:4px 4px 0 0;padding:4px 10px;border-radius:999px;background:#ffc93c;color:#0F0E1A!important;font-weight:800;font-size:12px;text-decoration:none!important}.djd-era-chip:hover{filter:brightness(1.1)} /* Author box: reduce visual weight so it does not compete with H2 content headings */ .author-bio-box h2, .author-bio h2, .entry-author h2, .post-author h2, .author-info h2, [class*="author"] h2 { font-size: 0.8em !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; opacity: 0.55 !important; margin-bottom: 0.5em !important; } /* Coral accent standardisation: replace the slightly-off #FF3366 with brand coral #FF3B5C */ .page-id-7 a, .page-id-7 .entry-title, .page-id-7 h1 { color: inherit; } :root { --djd-coral: #c0244a; } /* Scroll reveal */ .djd-r{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)} .djd-r.djd-on{opacity:1;transform:none} .djd-d1{transition-delay:.1s}.djd-d2{transition-delay:.18s}.djd-d3{transition-delay:.26s}.djd-d4{transition-delay:.34s} /* Image hover zoom */ article.post .post-thumbnail{overflow:hidden} article.post .post-thumbnail img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s ease;will-change:transform} article.post:hover .post-thumbnail img{transform:scale(1.045);filter:brightness(1.07)} /* Card lift */ article.post{transition:transform .32s cubic-bezier(.22,1,.36,1)} article.post:hover{transform:translateY(-5px)} /* Nav underline draw */ .main-navigation .menu>li>a{position:relative} .main-navigation .menu>li>a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc2828;transition:width .3s cubic-bezier(.22,1,.36,1)} .main-navigation .menu>li:hover>a::after,.main-navigation .menu>li.current-menu-item>a::after,.main-navigation .menu>li.current-page-ancestor>a::after{width:100%} /* Link transitions */ a{transition:color .2s ease,opacity .2s ease} /* Reduced motion */ @media(prefers-reduced-motion:reduce){ .djd-r{opacity:1!important;transform:none!important;transition:none!important} article.post,article.post .post-thumbnail img,.main-navigation .menu>li>a::after,a{transition:none!important;transform:none!important} } .entry-content .wp-block-embed{margin:2.2em 0} .entry-content .wp-block-embed__wrapper{border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.35)} .entry-content .wp-block-embed figcaption{font-size:.8em;opacity:.65;margin-top:.5em;text-align:center}