wp-global-styles-kadence

{“version”: 3, “isGlobalStylesUserThemeJSON”: true, “styles”: {“css”: “\n/* ============================================================\n HEIDI LYNNE PHOTOGRAPHY \u2014 DARK THEME\n Matching original Manus site design\n Colors: Background #0D1B28, Accent #4FAF9F, Text #F0F0F1\n Fonts: Playfair Display (headings), Inter (body)\n ============================================================ */\n\n/* === GOOGLE FONTS IMPORT === */\n@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&family=Inter:wght@300;400;500;600;700&display=swap’);\n\n/* === CSS VARIABLES === */\n:root {\n –hlp-bg-primary: #0D1B28;\n –hlp-bg-deep: #070e16;\n –hlp-bg-card: #1a2d3d;\n –hlp-bg-secondary: #0B141F;\n –hlp-text-primary: #F0F0F1;\n –hlp-text-secondary: #8aa5b8;\n –hlp-text-muted: #c5d8e8;\n –hlp-accent: #4FAF9F;\n –hlp-accent-dark: #3a8f87;\n –hlp-gold: #FFB81C;\n –hlp-border: #1a2d3d;\n –hlp-border-light: #4a6070;\n}\n\n/* === GLOBAL DARK BACKGROUND === */\nhtml, body,\n.site,\n.site-content,\n#page,\n.content-area,\n.wp-site-blocks {\n background-color: var(–hlp-bg-primary) !important;\n color: var(–hlp-text-primary) !important;\n}\n\n/* === TYPOGRAPHY \u2014 BODY === */\nbody,\np,\nli,\ntd,\n.entry-content p,\n.wp-block-paragraph {\n font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: var(–hlp-text-primary) !important;\n font-size: 1rem;\n line-height: 1.7;\n}\n\n/* === TYPOGRAPHY \u2014 HEADINGS === */\nh1, h2, h3, h4, h5, h6,\n.wp-block-heading,\n.entry-title,\n.page-title {\n font-family: ‘Playfair Display’, Georgia, serif !important;\n color: var(–hlp-text-primary) !important;\n line-height: 1.2;\n font-weight: 700;\n}\n\nh1, .wp-block-heading.wp-block-heading:is(h1) {\n font-size: clamp(2.5rem, 7vw, 5rem) !important;\n letter-spacing: 0.02em;\n}\n\nh2, .wp-block-heading.wp-block-heading:is(h2) {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n letter-spacing: 0.01em;\n}\n\nh3, .wp-block-heading.wp-block-heading:is(h3) {\n font-size: clamp(1.5rem, 3vw, 2.25rem) !important;\n}\n\nh4, .wp-block-heading.wp-block-heading:is(h4) {\n font-size: 1.25rem !important;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(–hlp-accent) !important;\n font-family: ‘Inter’, sans-serif !important;\n font-weight: 600;\n}\n\n/* === HEADER / NAVIGATION === */\n.site-header,\n#masthead,\n.wp-block-template-part[class*=\”header\”],\nheader.site-header,\n.kadence-header,\n#kadence-sticky-header,\n.header-wrap {\n background-color: rgba(7, 14, 22, 0.95) !important;\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(–hlp-border) !important;\n position: sticky;\n top: 0;\n z-index: 1000;\n}\n\n/* Site title / logo text */\n.site-title,\n.site-title a,\n.kadence-logo-title,\n.header-logo-title {\n font-family: ‘Playfair Display’, serif !important;\n color: var(–hlp-text-primary) !important;\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n letter-spacing: 0.05em;\n text-decoration: none !important;\n}\n\n/* Navigation links */\n.main-navigation a,\n.nav-menu a,\n.kadence-navigation a,\n#site-navigation a,\n.primary-menu a,\nheader nav a,\n.wp-block-navigation a {\n font-family: ‘Inter’, sans-serif !important;\n color: var(–hlp-text-secondary) !important;\n font-size: 0.875rem !important;\n font-weight: 500 !important;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n text-decoration: none !important;\n transition: color 0.2s ease !important;\n padding: 0.5rem 1rem !important;\n}\n\n.main-navigation a:hover,\n.nav-menu a:hover,\n.kadence-navigation a:hover,\n#site-navigation a:hover,\n.primary-menu a:hover,\nheader nav a:hover,\n.wp-block-navigation a:hover {\n color: var(–hlp-accent) !important;\n}\n\n/* === MAIN CONTENT AREA === */\n.site-main,\nmain,\n#main,\n.content-area,\n.entry-content,\n.page-content,\narticle.page,\narticle.post {\n background-color: var(–hlp-bg-primary) !important;\n}\n\n/* === BLOCKS \u2014 GROUPS AND COVERS === */\n.wp-block-group,\n.wp-block-cover,\n.wp-block-columns {\n background-color: transparent;\n}\n\n/* === CARDS / SERVICE SECTIONS === */\n.wp-block-column,\n.wp-block-group.is-style-card,\n.service-card,\n.pricing-card {\n background-color: var(–hlp-bg-card) !important;\n border: 1px solid var(–hlp-border) !important;\n border-radius: 8px;\n padding: 2rem !important;\n transition: border-color 0.3s ease, transform 0.3s ease;\n}\n\n.wp-block-column:hover,\n.service-card:hover {\n border-color: var(–hlp-accent) !important;\n transform: translateY(-2px);\n}\n\n/* === SEPARATORS / DIVIDERS === */\nhr,\n.wp-block-separator {\n border-color: var(–hlp-border) !important;\n opacity: 0.5;\n}\n\n/* === LINKS === */\na {\n color: var(–hlp-accent) !important;\n text-decoration: none;\n transition: color 0.2s ease;\n}\n\na:hover {\n color: var(–hlp-text-primary) !important;\n}\n\n/* === BUTTONS === */\n.wp-block-button__link,\n.wp-block-button .wp-block-button__link,\nbutton[type=\”submit\”],\ninput[type=\”submit\”],\n.btn,\n.button {\n background-color: var(–hlp-accent) !important;\n color: #0D1B28 !important;\n border: none !important;\n border-radius: 4px !important;\n font-family: ‘Inter’, sans-serif !important;\n font-weight: 600 !important;\n font-size: 0.875rem !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n padding: 0.875rem 1.75rem !important;\n cursor: pointer;\n transition: background-color 0.2s ease, transform 0.2s ease !important;\n text-decoration: none !important;\n}\n\n.wp-block-button__link:hover,\n.wp-block-button .wp-block-button__link:hover,\nbutton[type=\”submit\”]:hover,\ninput[type=\”submit\”]:hover {\n background-color: var(–hlp-accent-dark) !important;\n color: #fff !important;\n transform: translateY(-1px);\n}\n\n/* Outline button variant */\n.wp-block-button.is-style-outline .wp-block-button__link {\n background-color: transparent !important;\n color: var(–hlp-accent) !important;\n border: 2px solid var(–hlp-accent) !important;\n}\n\n.wp-block-button.is-style-outline .wp-block-button__link:hover {\n background-color: var(–hlp-accent) !important;\n color: #0D1B28 !important;\n}\n\n/* === IMAGES === */\n.wp-block-image img,\n.wp-post-image,\n.attachment-post-thumbnail,\nimg.wp-image {\n border-radius: 8px;\n display: block;\n width: 100%;\n height: auto;\n}\n\n/* === GALLERY === */\n.wp-block-gallery {\n gap: 0.5rem !important;\n}\n\n.wp-block-gallery .wp-block-image img {\n border-radius: 4px;\n transition: transform 0.3s ease, filter 0.3s ease;\n filter: brightness(0.9) contrast(1.05);\n}\n\n.wp-block-gallery .wp-block-image img:hover {\n transform: scale(1.02);\n filter: brightness(1) contrast(1.1);\n}\n\n/* === LISTS === */\n.wp-block-list,\nul, ol {\n color: var(–hlp-text-secondary) !important;\n}\n\n.wp-block-list li,\nul li, ol li {\n color: var(–hlp-text-secondary) !important;\n margin-bottom: 0.5rem;\n}\n\n/* === TABLES === */\ntable,\n.wp-block-table table {\n background-color: var(–hlp-bg-card) !important;\n color: var(–hlp-text-primary) !important;\n border-color: var(–hlp-border) !important;\n}\n\nth {\n background-color: var(–hlp-bg-secondary) !important;\n color: var(–hlp-accent) !important;\n font-family: ‘Inter’, sans-serif !important;\n font-weight: 600 !important;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-size: 0.85rem !important;\n}\n\ntd {\n border-color: var(–hlp-border) !important;\n color: var(–hlp-text-secondary) !important;\n}\n\n/* === FORMS (Contact Form 7) === */\n.wpcf7 input[type=\”text\”],\n.wpcf7 input[type=\”email\”],\n.wpcf7 input[type=\”tel\”],\n.wpcf7 select,\n.wpcf7 textarea,\ninput[type=\”text\”],\ninput[type=\”email\”],\ninput[type=\”tel\”],\nselect,\ntextarea {\n background-color: var(–hlp-bg-card) !important;\n color: var(–hlp-text-primary) !important;\n border: 1px solid var(–hlp-border-light) !important;\n border-radius: 4px !important;\n padding: 0.75rem 1rem !important;\n font-family: ‘Inter’, sans-serif !important;\n font-size: 0.95rem !important;\n width: 100% !important;\n transition: border-color 0.2s ease !important;\n box-sizing: border-box;\n}\n\n.wpcf7 input:focus,\n.wpcf7 select:focus,\n.wpcf7 textarea:focus,\ninput:focus,\nselect:focus,\ntextarea:focus {\n border-color: var(–hlp-accent) !important;\n outline: none !important;\n box-shadow: 0 0 0 2px rgba(79, 175, 159, 0.15) !important;\n}\n\n.wpcf7 label {\n color: var(–hlp-text-secondary) !important;\n font-family: ‘Inter’, sans-serif !important;\n font-size: 0.875rem !important;\n font-weight: 500 !important;\n letter-spacing: 0.05em;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.wpcf7 .wpcf7-submit {\n background-color: var(–hlp-accent) !important;\n color: #0D1B28 !important;\n border: none !important;\n border-radius: 4px !important;\n font-family: ‘Inter’, sans-serif !important;\n font-weight: 700 !important;\n font-size: 0.875rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n padding: 0.875rem 2rem !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease !important;\n width: auto !important;\n}\n\n.wpcf7 .wpcf7-submit:hover {\n background-color: var(–hlp-accent-dark) !important;\n color: #fff !important;\n}\n\n/* === FOOTER === */\n.site-footer,\n#colophon,\nfooter.site-footer,\n.footer-wrap {\n background-color: var(–hlp-bg-deep) !important;\n color: var(–hlp-text-secondary) !important;\n border-top: 1px solid var(–hlp-border) !important;\n padding: 3rem 0 !important;\n font-family: ‘Inter’, sans-serif !important;\n}\n\n.site-footer a,\n#colophon a {\n color: var(–hlp-text-muted) !important;\n}\n\n.site-footer a:hover,\n#colophon a:hover {\n color: var(–hlp-accent) !important;\n}\n\n/* === SIDEBAR / WIDGETS === */\n.widget-area,\n.widget,\naside {\n background-color: var(–hlp-bg-card) !important;\n color: var(–hlp-text-secondary) !important;\n}\n\n/* === BREADCRUMBS === */\n.breadcrumb,\n.rank-math-breadcrumb {\n color: var(–hlp-text-muted) !important;\n font-size: 0.85rem !important;\n}\n\n.breadcrumb a,\n.rank-math-breadcrumb a {\n color: var(–hlp-text-secondary) !important;\n}\n\n/* === ACCENT TEXT HIGHLIGHTS === */\nstrong, b {\n color: var(–hlp-text-primary) !important;\n font-weight: 700;\n}\n\nem, i {\n color: var(–hlp-text-muted) !important;\n}\n\n/* Teal accent for stat numbers and key callouts */\n.wp-block-heading + p strong,\n.stats-number {\n color: var(–hlp-accent) !important;\n}\n\n/* === SECTION BACKGROUNDS \u2014 ALTERNATING === */\n.wp-block-group:nth-child(even) {\n background-color: var(–hlp-bg-secondary) !important;\n}\n\n/* === FEATURED IMAGE HERO TREATMENT === */\n.post-thumbnail,\n.wp-post-image-wrap,\n.featured-image-wrap {\n position: relative;\n overflow: hidden;\n}\n\n.post-thumbnail::after,\n.wp-post-image-wrap::after {\n content: ”;\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent 40%, rgba(11, 20, 31, 0.85) 100%);\n pointer-events: none;\n}\n\n/* === SCROLLBAR === */\n::-webkit-scrollbar {\n width: 6px;\n background-color: var(–hlp-bg-deep);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(–hlp-border-light);\n border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: var(–hlp-accent);\n}\n\n/* === SELECTION === */\n::selection {\n background-color: rgba(79, 175, 159, 0.3);\n color: var(–hlp-text-primary);\n}\n\n/* === RESPONSIVE === */\n@media (max-width: 768px) {\n h1, .wp-block-heading.wp-block-heading:is(h1) {\n font-size: clamp(2rem, 8vw, 3rem) !important;\n }\n h2, .wp-block-heading.wp-block-heading:is(h2) {\n font-size: clamp(1.5rem, 6vw, 2.5rem) !important;\n }\n .wp-block-column {\n padding: 1.5rem !important;\n }\n}\n”, “color”: {“background”: “#0D1B28”, “text”: “#F0F0F1”}}}