/* id="jetpack_likes-inline-css" */ #jp-post-flair{padding-top:.5em}#content div.sharedaddy,#main div.sharedaddy,div.sharedaddy{clear:both}div.sharedaddy h3.sd-title{display:inline-block;font-size:9pt;font-weight:700;line-height:1.2;margin:0 0 1em}div.sharedaddy h3.sd-title:before{border-top:1px solid #dcdcde;content:"";display:block;margin-bottom:1em;min-width:30px;width:100%}div.jetpack-likes-widget-wrapper{min-height:50px;position:relative;width:100%}div.jetpack-likes-widget-wrapper .sd-link-color{font-size:12px}div.jetpack-comment-likes-widget-wrapper{min-height:31px;position:relative;width:100%}div.jetpack-comment-likes-widget-wrapper iframe{margin-bottom:0}#likes-other-gravatars{background-color:#fff;border:1px solid #dcdcde;border-radius:4px;box-shadow:none;display:none;height:auto;max-height:240px;min-width:220px;overflow:auto;padding:9px 12px 10px;position:absolute;z-index:1000}#likes-other-gravatars *{line-height:normal}#likes-other-gravatars .likes-text{color:#101517;font-size:12px;font-weight:500;padding-bottom:8px}#likes-other-gravatars :is(li,ul){list-style-type:none;margin:0;padding:0;text-indent:0}#likes-other-gravatars li:before{content:""}#likes-other-gravatars ul.wpl-avatars{display:block;max-height:190px;overflow:auto}#likes-other-gravatars ul.wpl-avatars li{float:none;height:28px;margin:0 0 4px;width:196px}#likes-other-gravatars ul.wpl-avatars li a{align-items:center;border-bottom:none!important;display:flex;gap:8px;margin:0 2px 0 0;text-decoration:none}#likes-other-gravatars ul.wpl-avatars li a span{color:#2c3338;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#likes-other-gravatars ul.wpl-avatars li a img{background:none;border:none;border-radius:50%;box-sizing:border-box;margin:0!important;padding:1px!important;position:static}div.sd-box{border-top:1px solid #00000021}.jetpack-likes-widget-loaded iframe,.jetpack-likes-widget-loading .likes-widget-placeholder,.jetpack-likes-widget-unloaded .likes-widget-placeholder{display:block}.jetpack-likes-widget-loaded .likes-widget-placeholder,.jetpack-likes-widget-loading iframe,.jetpack-likes-widget-unloaded iframe{display:none}.comment-likes-widget,.entry-content .post-likes-widget,.post-likes-widget{border-width:0;margin:0}.comment-likes-widget-placeholder,.post-likes-widget-placeholder{border-width:0;margin:0;position:relative}.comment-likes-widget-placeholder{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:18px;position:absolute}.comment-likes-widget-placeholder:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%232ea2cc' d='m12 2 2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;color:#2ea2cc;content:"";display:inline-block;height:16px;padding-right:5px;position:relative;top:3px;width:16px}.post-likes-widget-placeholder .button{display:none}:is(.comment-likes-widget-placeholder,.post-likes-widget-placeholder) .loading{color:#999;font-size:12px}.comment-likes-widget-placeholder .loading{align-self:center;color:#4e4e4e;margin-top:4px;padding-left:5px}div.sharedaddy.sd-like-enabled .sd-like h3{display:none}div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget{float:none;position:absolute;top:0;width:100%}.comment-likes-widget{width:100%}.cs-rating,.pd-rating{display:block!important}.sd-gplus .sd-title{display:none}@media print{.jetpack-likes-widget-wrapper{display:none}} /*# sourceURL=https://eletric-vehicles.com/wp-content/plugins/jetpack/_inc/build/likes/style.min.css */ /* id="jetpack-global-styles-frontend-style-inline-css" */ :root { --font-headings: unset; --font-base: unset; --font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;} /*# sourceURL=jetpack-global-styles-frontend-style-inline-css */ /* */ /* EV video-hub pages: contain + align content to page width */ body.parent-pageid-110181 .rbc-content, body.parent-pageid-110181 .site-main{width:100%!important;max-width:100%!important;flex:0 0 100%!important;flex-basis:100%!important;float:none!important;margin-left:auto!important;margin-right:auto!important} body.parent-pageid-110181 .rbc-sidebar, body.parent-pageid-110181 .sidebar, body.parent-pageid-110181 .l-sidebar, body.parent-pageid-110181 aside[class*="sidebar"]{display:none!important} /* contain the full-bleed brand-hub card injected into .site-wrap */ body.parent-pageid-110181 .ev-bhub{max-width:1160px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box} @media(max-width:1240px){body.parent-pageid-110181 .ev-bhub{max-width:calc(100% - 40px)!important}} /* */ /* ev-cat-listing-meta: align archive listing meta to homepage benchmark (13px/1.7, tight separators) */ body.archive .p-meta-info,body.category .p-meta-info,body.tag .p-meta-info,body.author .p-meta-info{font-size:13px !important;line-height:1.7 !important;column-gap:0 !important;row-gap:0 !important;margin-bottom:6px !important} body.archive .p-meta-info .meta-info-el,body.category .p-meta-info .meta-info-el,body.tag .p-meta-info .meta-info-el,body.author .p-meta-info .meta-info-el{line-height:1.7 !important} body.archive .p-meta-info .meta-info-el:not(:first-child)::before,body.category .p-meta-info .meta-info-el:not(:first-child)::before,body.tag .p-meta-info .meta-info-el:not(:first-child)::before,body.author .p-meta-info .meta-info-el:not(:first-child)::before{margin:0 5px !important;padding:0 !important} body.archive .p-meta-info .p-cat-info,body.category .p-meta-info .p-cat-info,body.tag .p-meta-info .p-cat-info,body.author .p-meta-info .p-cat-info{line-height:1.7 !important;height:auto !important;font-size:13px !important;flex:0 0 auto !important} /* single posts: related-articles meta — stop category stretching and forcing a line break */ body.single .p-meta-info{font-size:13px !important;line-height:1.7 !important;column-gap:0 !important;row-gap:0 !important} body.single .p-meta-info .p-cat-info{flex:0 0 auto !important;flex-grow:0 !important;max-width:none !important;font-size:13px !important;line-height:1.7 !important} body.single .p-meta-info .meta-info-el{line-height:1.7 !important} body.single .p-meta-info .meta-info-el:not(:first-child)::before{margin:0 5px !important;padding:0 !important} /* class="wpcode-css-snippet" */ /* Header only: drop the LinkedIn icon, keep WhatsApp, Newsletter and X. Scoped by href, NOT by class: snippet #32 builds the WhatsApp and Newsletter links by cloning the LinkedIn one, so all three carry class="social-link-linkedin". Matching on the class would hide all three. The footer (.ev-fr-social) is untouched and keeps LinkedIn. */ /* UX #15 (10 Oct 2026): LinkedIn is shown again in the header - one icon family everywhere. */ /* Same on mobile: the theme hides the whole header banner on phones, so the slide-out menu's footer is the mobile equivalent of the header social bar. It still listed LinkedIn. WhatsApp and Newsletter are not there yet - that needs markup, not CSS. */ /* UX #15: LinkedIn is shown again in the slide-out menu too. */ /* Keep the icons blue. The theme greyscales header social links at rest and only colourises them on hover: filter: grayscale(1) brightness(0.45) contrast(1.05) X escapes it, but WhatsApp and Newsletter do not - snippet #32 builds them by cloning the LinkedIn link, so they inherit its styling and rendered near-black despite the SVGs being #2659d7. transition:none is required, not optional: without it the 200ms transition keeps replaying from the greyscale keyframe and wins over filter:none. */ .navbar-social a[class*="social-link"] { filter: none !important; -webkit-filter: none !important; transition: none !important; } /* Size and square up the header icons. They were rendering 20x25 - the overflowed its 20x20 anchor by 5px, saved from distorting only by object-fit:contain. 26px also gives the WhatsApp bubble and the envelope enough room to read; at 20px their thin outline strokes merged together. */ html body .navbar-social a[class*="social-link"] { width: 26px !important; height: 26px !important; } html body .navbar-social a img.ev-soc-ico { width: 26px !important; height: 26px !important; max-width: 26px !important; object-fit: contain !important; } html body .navbar-social { gap: 12px !important; } /* The theme also renders its own Newsletter social link (an icon-font glyph, class social-link-custom). Snippet #32 adds a proper one with NL_icon_blue, so the theme's becomes a duplicate envelope sitting next to it. WPCode 143171 used to hide it; this keeps it hidden without needing that snippet. */ html body .navbar-social a.social-link-custom[href*="beehiiv"] { display: none !important; } /* Footer sits on #2659D7 - the exact blue the icons are drawn in, so the swapped-in PNGs were invisible against it (only the mailto glyph showed, because that one is still a white theme SVG). Render them white instead: brightness(0) crushes to black, invert(1) flips to pure white. */ html body .ev-fr-social a img { filter: brightness(0) invert(1) !important; -webkit-filter: brightness(0) invert(1) !important; } /* Footer had two envelopes: the Newsletter link (NL_icon_blue) and the theme's mailto:info@carba.ai link, which reads as a duplicate. Hide the mailto one. The address is still published in the footer's "Get in touch" block. */ html body .ev-fr-social a[href^="mailto"] { display: none !important; } /* Header icons ship black and turn blue on hover. The black PNGs come from snippet #32; these rules swap the rendered image on hover. Same width=104 transform, so each hover state is ~1.2-1.9KB rather than the ~170KB source. */ html body .navbar-social a[href*="twitter.com"]:hover img.ev-soc-ico, html body .navbar-social a[href*="x.com"]:hover img.ev-soc-ico { content: url('https://i0.wp.com/eletric-vehicles.com/wp-content/uploads/2026/08/X_icon_blue.png?w=104&quality=82&strip=all&ssl=1'); } html body .navbar-social a[href*="whatsapp.com"]:hover img.ev-soc-ico { content: url('https://i0.wp.com/eletric-vehicles.com/wp-content/uploads/2026/08/WhatsApp_icon_blue.png?w=104&quality=82&strip=all&ssl=1'); } html body .navbar-social a[href*="beehiiv.com"]:hover img.ev-soc-ico { content: url('https://i0.wp.com/eletric-vehicles.com/wp-content/uploads/2026/08/NL_icon_blue.png?w=104&quality=82&strip=all&ssl=1'); } /* EV_ORDER - icon order everywhere (UX audit #15, 10 Oct 2026): X, LinkedIn, WhatsApp, Newsletter. .navbar-social is a flexbox and every item sits at order:0, so flex order reshuffles them without touching the markup snippet #32 builds. */ html body .navbar-social a[href*="twitter.com"], html body .navbar-social a[href*="x.com"] { order: 1 !important; } html body .navbar-social a[href*="linkedin.com"] { order: 2 !important; } html body .navbar-social a[href*="whatsapp.com"] { order: 3 !important; } html body .navbar-social a[href*="beehiiv.com"] { order: 4 !important; } html body .navbar-social a[href*="linkedin.com"]:hover img.ev-soc-ico { content: url('https://eletric-vehicles.com/wp-content/uploads/2026/10/LinkedIn_HD_blue.svg'); } /* Latest rail: headlines already turn blue on hover, add the underline back. Snippet #11 sets text-decoration:none !important on hover, so this needs the extra .ev-rail__list in the selector to outrank it. */ html body .ev-rail .ev-rail__list .ev-rail__headline-link:hover, html body .ev-rail .ev-rail__list .ev-rail__item:hover .ev-rail__headline-link { text-decoration: underline !important; text-underline-offset: 2px !important; } /* === EV - header ad reservation (revised 12 Sep 2026) === Lives here, not in Additional CSS: the Customizer copy of this rule stored fine but never reached the front end (the inlined wp-custom-css block came out 13.1KB against 17.9KB stored, missing exactly this last block). Desktop/tablet Header can serve 300x250, so 250px stays reserved there. Raptive capped the MOBILE Header on 11 Sep 2026 to 320x50 + 320x100 only (verified in window.adthrive.siteAds), so 100px is the tallest creative that can serve on phone. Reserving 250px there left 150-200px blank on most mobile pageviews. A duplicate of this block lives in Additional CSS - change both together. */ html body .adthrive-header-desktop, html body .adthrive-header-tablet{min-height:250px !important;} html body .adthrive-header-phone, html body .adthrive-header-mobile{min-height:100px !important;} /* class="wpcode-css-snippet" */ /* ============================================================= * EV — Additional CSS (consolidated) * Maintainer: Cláudio Afonso * Last clean refactor: 17 May 2026 * * Structure (in cascade order — later wins for equal specificity): * 1. Site-wide tokens & resets * 2. Header / navigation (desktop + mobile drawer) * 3. Homepage — Newspack article cards (general) * 4. Homepage — Hero article * 5. Homepage — Grid cards * 6. Homepage — Latest stories rail * 7. Article (single post) page * 8. Author page * 9. Search bar * 10. Newsletter popup (Boxzilla #93076 + Pixwell overrides) * 11. Footer (incl. Raptive) * 12. Mobile-only homepage layout (≤ 600px) * * !important policy: used only where required to defeat theme defaults * (Pixwell / Newspack). Where two of our own rules collide, specificity * is preferred over !important escalation. * ============================================================= */ /* ============================================================= * 1. SITE-WIDE TOKENS & RESETS * ============================================================= */ .site-footer { display: none !important; } /* Hide unused playlist widget */ .ev-playlist-widget { display: none; } /* Breadcrumb font */ .breadcrumb * { font-family: 'Open Sans'; font-weight: 400; } /* ============================================================= * 2. HEADER / NAVIGATION * ============================================================= */ /* --- Navbar wrapper ----------------------------------------- */ .navbar-wrap { position: relative; z-index: 999; display: block; padding: 20px 0 20px 0; } .header-wrap { position: static; display: block; } .mobile-nav-inner { height: 50px; margin-top: 10px; } /* --- Animated underline ------------------------------------- */ .navbar-border-holder { position: relative; border-bottom: 1px solid currentColor; height: auto; overflow: visible; margin-top: 5px; margin-bottom: 10px; } .navbar-border-holder::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, #2659d7, white, #2659d7); background-size: 200% 100%; animation: blueWhiteSweep 3s ease-in-out infinite; opacity: 0.8; pointer-events: none; } @keyframes blueWhiteSweep { 0% { background-position: 0% 0; } 50% { background-position: 100% 0; } 100% { background-position: 0% 0; } } /* --- Desktop top-level menu hover --------------------------- */ .main-menu-wrap > ul > li > a:hover, .main-menu-wrap > ul > li:hover > a { color: #2659d7 !important; } /* --- Desktop sub-menu dropdowns ----------------------------- */ .main-menu-wrap ul ul { border: 0.5px solid rgba(0, 0, 0, 0.10) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important; border-radius: 0 !important; padding: 6px 0 !important; background: #ffffff !important; } .main-menu-wrap ul ul li > a:hover, .main-menu-wrap ul ul li:hover > a { background: #F4F7FE !important; color: #2659d7 !important; } /* --- Underline hover effect for top menu -------------------- */ .rb-menu a > span:before { height: 1px; opacity: 0.8 !important; } /* --- Search icon hover -------------------------------------- */ .search-icon.nav-search-link:hover { color: #2659d7 !important; } /* --- Mobile off-canvas drawer ------------------------------- */ .off-canvas-inner { position: relative; display: flex; overflow-x: hidden; overflow-y: auto; flex-flow: column nowrap; padding: 0 20px 20px 20px; background-color: #F0F0F0; } .off-canvas-holder { padding-bottom: 0; } .off-canvas-holder:before { display: none; } .off-canvas-header { position: relative; display: block; padding: 60px 8px 0 !important; text-align: center; background-color: #F0F0F0; background-repeat: no-repeat; background-position: center; background-size: cover; } .off-canvas-header:before { background-color: #F0F0F0; } .off-canvas-menu > li > a { font-family: 'Open Sans'; font-size: 18px; padding-left: 50px; padding-right: 40px; } .off-canvas-menu .sub-menu { font-size: 18px; padding-left: 70px; } /* Drawer link hover */ #off-canvas-section a:hover { color: #2659d7 !important; } /* Drawer sub-menu accent border */ #off-canvas-section ul ul li > a { border-left: 2px solid #E4EAF8 !important; padding-left: 14px !important; } #off-canvas-section ul ul li > a:hover { border-left-color: #2659d7 !important; } /* Drawer top-level item dividers */ #off-canvas-section .menu > li { border-bottom: 0.5px solid rgba(0, 0, 0, 0.06) !important; } #off-canvas-section .menu > li:last-child { border-bottom: none !important; } /* Drawer subscribe button */ #off-canvas-section .wp-block-button__link, #off-canvas-section a.wp-element-button { background: #2659d7 !important; color: #ffffff !important; border-radius: 0 !important; } #off-canvas-section .wp-block-button__link:hover, #off-canvas-section a.wp-element-button:hover { background: #1A46B8 !important; } /* Drawer close button */ #off-canvas-close-btn, #off-canvas-close-btn:hover { opacity: 1; background-color: #F0F0F0; } .btn-close:before, .btn-close:after { background-color: #000000; } /* Mobile drawer overlay dim */ .mobile-js-menu.off-canvas-light .site-mask { background: rgb(0 0 0 / .6); } /* ============================================================= * 3. HOMEPAGE — NEWSPACK ARTICLE CARDS (GENERAL BASELINE) * ============================================================= */ /* Card image: fixed 16:9 aspect ratio container */ .wp-block-newspack-blocks-homepage-articles .post-thumbnail { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; background-color: #f0f0f0; } .wp-block-newspack-blocks-homepage-articles .post-thumbnail img { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; } /* Card image hover effect */ .wp-block-newspack-blocks-homepage-articles .post-thumbnail img:hover { filter: brightness(50%) sepia(100%) saturate(600%) hue-rotate(190deg); } /* Card title hover color */ .wpnbha .entry-title a:hover { color: #2659d7; } /* Card category meta */ .wpnbha .cat-links { display: flex; flex-wrap: wrap; font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 0 0 .5em; padding-top: 0; } /* Card byline/date meta */ .wpnbha .entry-meta { display: flex; flex-wrap: wrap; align-items: center; margin-top: .5em; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; } /* Inline meta row: category · byline · time all on ONE line. Title takes a fresh row below via flex-basis: 100%. */ .wpnbha article .entry-wrapper { display: flex !important; flex-flow: row wrap !important; align-items: baseline !important; } .wpnbha article .entry-wrapper .cat-links, .wpnbha article .entry-wrapper .cat-links a { order: 1 !important; margin: 0 !important; font-size: 14px !important; } /* Defensive: kill any stray pseudo on cat-links itself so neither the leading nor trailing position can grow an unwanted middot. */ .wpnbha article .entry-wrapper .cat-links::before, .wpnbha article .entry-wrapper .cat-links::after { content: none !important; display: none !important; } /* Pipe separator BETWEEN cat-links and entry-meta is rendered as the leading pseudo-content of entry-meta. This avoids the flex-item "blockification" issue that breaks ::after on cat-links inside a row-wrap flex container. */ .wpnbha article .entry-wrapper .entry-meta::before { content: " | " !important; color: #9ca3af !important; font-weight: 400 !important; margin: 0 !important; } .wpnbha article .entry-wrapper .entry-meta { order: 2 !important; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; color: #6b7280 !important; text-transform: none !important; letter-spacing: 0 !important; } /* Hide the duplicate "updated" time element that Newspack/Pixwell outputs alongside the published date - same value, rendered twice. */ .wpnbha article .entry-meta time.updated { display: none !important; } /* Title forces a new row */ .wpnbha article .entry-wrapper h2.entry-title, .wpnbha article .entry-wrapper .entry-title { order: 3 !important; width: 100% !important; flex-basis: 100% !important; margin-top: 0 !important; } /* Pipe separator between byline and time, matching the cat→meta pipe */ .wpnbha article .entry-meta time.entry-date.published::before, .wpnbha article .entry-meta time.published::before { content: " | " !important; color: #9ca3af !important; margin: 0 !important; } /* ============================================================= * 4. HOMEPAGE — HERO ARTICLE * Scope: .home article.post-has-image:first-of-type * (also covers the Most-Read column wrapper) * ============================================================= */ /* --- Most-Read column wrapper (desktop) --------------------- */ .most-read-column { border-right: none !important; /* Replaced by softer .ev-rail border-left */ padding-right: 24px !important; /* Was 40px; the rail's gap covers it now */ margin-right: 0 !important; } /* --- Mobile: drop the column divider entirely --------------- */ @media (max-width: 768px) { .most-read-column { border-right: none !important; padding-right: 0 !important; } } /* ============================================================= * 5. HOMEPAGE — GRID CARDS * Scope: .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image * (the rows below the hero + rail row) * ============================================================= */ /* All sizing for grid card headlines/categories lives in section 12 (mobile rules), since the grid layout is essentially mobile-stack. */ /* ============================================================= * 6. HOMEPAGE — LATEST STORIES RAIL * Scope: .ev-rail (snippet #141539 output) * ============================================================= */ .ev-rail { border-left: 1px solid rgba(0, 0, 0, 0.12); padding: 0 0 0 25px; font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif; } .ev-rail .ev-rail__head { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 6px; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.18); } .ev-rail .ev-rail__title { font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 400; line-height: 1.1; margin: 0; color: #111; } .ev-rail .ev-rail__live { font-size: 11px; color: #888; display: inline-flex; align-items: center; gap: 6px; letter-spacing: 0.02em; } .ev-rail .ev-rail__dot { width: 7px; height: 7px; border-radius: 50%; background: #2659d7; display: inline-block; animation: ev-rail-pulse 2s ease-in-out infinite; } @keyframes ev-rail-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } @media (prefers-reduced-motion: reduce) { .ev-rail .ev-rail__dot { animation: none; } } /* Rail list reset */ .ev-rail ul.ev-rail__list, .ev-rail .ev-rail__list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .ev-rail .ev-rail__item { list-style: none !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08); background: none !important; } .ev-rail .ev-rail__item::before, .ev-rail .ev-rail__item::marker { display: none !important; content: none !important; } .ev-rail .ev-rail__item:last-child { border-bottom: none; } .ev-rail .ev-rail__body { padding: 8px 0; min-width: 0; } /* Rail headline */ .ev-rail h3.ev-rail__headline, .ev-rail .ev-rail__headline { font-family: Georgia, 'Times New Roman', serif; font-size: 19px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #111 !important; margin: 0 0 6px !important; padding: 0 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ev-rail .ev-rail__headline-link { color: #111 !important; text-decoration: none !important; cursor: pointer; border-bottom: none !important; box-shadow: none !important; background: none !important; transition: color 0.15s ease; } .ev-rail .ev-rail__headline-link:hover { color: #2659d7 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } /* Rail thumbnail */ .ev-rail .ev-rail__thumb { width: 56px; height: 56px; border-radius: 6px; overflow: hidden; background: #f0f0ec; flex-shrink: 0; } .ev-rail .ev-rail__thumb--placeholder { background: linear-gradient(135deg, #e5e5e0, #d4d4cf); } .ev-rail .ev-rail__img, .ev-rail .ev-rail__thumb img { width: 56px !important; height: 56px !important; max-width: 56px !important; object-fit: cover; display: block; border-radius: 6px; margin: 0 !important; } /* Rail category label */ .ev-rail .ev-rail__cat, .ev-rail a.ev-rail__cat, .ev-rail__item a.ev-rail__cat { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #2659d7 !important; text-decoration: none !important; border-bottom: none; margin: 0 0 4px; line-height: 1.2; } .ev-rail .ev-rail__cat:hover, .ev-rail a.ev-rail__cat:hover { color: #1a46b8 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* Rail post meta */ .ev-rail .ev-rail__meta { font-size: 11px; color: #999; margin: 0; line-height: 1.2; } /* Rail "more" link */ .ev-rail .ev-rail__more { display: flex; align-items: center; justify-content: space-between; padding: 14px 0 0; margin-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.08); font-size: 13px; font-weight: 600; color: #2659d7; text-decoration: none; } .ev-rail .ev-rail__more:hover { text-decoration: underline; color: #1a46b8; } .ev-rail .ev-rail__arrow { font-size: 16px; transition: transform 0.15s ease; } .ev-rail .ev-rail__more:hover .ev-rail__arrow { transform: translateX(3px); } /* Rail column gap reclaim on homepage */ .wp-block-columns.bottom-border-exclusive:has(.ev-rail) { gap: 10px !important; } .wp-block-columns.bottom-border-exclusive:has(.ev-rail) > .wp-block-column:has(.ev-rail) { flex-grow: 1.05 !important; } /* ============================================================= * 7. HOMEPAGE — SECTION DIVIDERS & LEGACY BORDERS * ============================================================= */ .bottom-border-exclusive { border-bottom: 1px solid #000; padding-bottom: 20px; } /* Soften the hero row's bottom divider on top of the rule above */ .wp-block-columns.bottom-border-exclusive { border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; } .first-columns-line { border-bottom: 1px solid #000 !important; padding-bottom: 20px; margin-bottom: 20px; } .latest-news { border-bottom: 1px solid #000 !important; padding-bottom: 20px; } /* Latest News block: very specific paragraph-level padding (legacy) */ p.latest-news.has-black-color.has-text-color.has-link-color.has-large-font-size.wp-elements-b42012b6d5cb8e1508ae7f9781f84683 { padding-bottom: 20px; } /* ============================================================= * 8. WP-BLOCK LATEST POSTS (legacy widget styling) * ============================================================= */ .wp-block-latest-posts.wp-block-latest-posts__list li::after, .wp-block-list li::after { content: ''; display: block; border-bottom: 1px solid var(--color-stroke-quaternary, #DFDFDF); margin-top: 1rem; margin-bottom: 1rem; clear: both; } .wp-block-latest-posts.wp-block-latest-posts__list li a:hover { color: #2659d7; } .wp-block-latest-posts li:first-child { display: none; } .entry-content p:hover { text-decoration: none; } .entry-content ul[class^='wp-block']:not(.wp-block-list) a, .entry-content ol[class^='wp-block']:not(.wp-block-list) a { text-decoration: none; } .entry-content p { margin-block-end: var(--cp-spacing, 0.8rem); } .comment-content li, .entry-content li a { color: #000000 !important; text-decoration: none; } .comment-content li, .entry-content li a:hover { color: #2659d7 !important; text-decoration: none; } /* ============================================================= * 9. SITE-WIDE CATEGORY LABELS (.cat-links) * Baseline. Hero / grid override per-context below. * ============================================================= */ .cat-links, .cat-links a { text-transform: uppercase !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; color: #2659d7 !important; text-decoration: none !important; line-height: 1.2 !important; } .cat-links a:hover { color: #1a46b8 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* ============================================================= * 10. ARTICLE (SINGLE POST) PAGE * ============================================================= */ /* Single-post title sizing on large screens */ @media only screen and (min-width: 1200px) { .single-3 h1.single-title, .single-2 h1.single-title { font-size: 3rem; max-width: 1000px; } } /* Article author + date area */ .meta-info-author.meta-info-el, .p-meta-info { font-family: 'Open Sans'; font-size: 15px; } .meta-info-el a { font-weight: 400; } abbr[title] { font-weight: 400; } /* Separator dot between author and date */ .meta-info-el:before { width: 0; height: 15px; padding-right: 4px; content: ''; letter-spacing: 0; opacity: 1; border-left: 1px solid; } .meta-info-el.meta-info-author a:hover { text-decoration: underline; } /* Article author photo */ .small-size.single-entry-meta img { width: 35px; height: 35px; } /* Single-post byline restyle (Open Sans, quiet grey) */ .single-entry-meta, .single-entry-meta .inner, .single-entry-meta time, .single-entry-meta .author, .single-entry-meta a { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.5 !important; } .single-entry-meta { color: #6b7280 !important; } .single-entry-meta a { color: #2659d7 !important; text-decoration: none !important; } .single-entry-meta a:hover { color: #1a46b8 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } .single-entry-meta time, .single-entry-meta .entry-date { color: #6b7280 !important; } /* Light-text variant (hero image overlay) */ .single-header-overlay.is-light-text .single-entry-meta, .single-header-overlay.is-light-text .single-entry-meta time, .single-header-overlay.is-light-text .single-entry-meta a { color: rgba(255, 255, 255, 0.9) !important; } /* Article body & related posts */ .single-content.has-left-section .entry-content { max-width: 728px; margin-left: auto; padding-top: 45px; } .single-left-section { padding-top: 50px; } .single-left-article:before { display: none !important; } @media screen and (max-width: 800px) { .single-content.has-left-section .entry-content { padding-top: 40px; } .site-wrap .wrap { margin-top: 20px; margin-bottom: 0; } } /* Related posts */ .block-header-dot .block-title:before { display: none !important; } .single-post-related { background-image: none !important; padding-top: 10px; } /* Excerpt cleanup */ .p-wrap .entry-summary, .twitter-content.entry-summary, .author-description, .rssSummary, .rb-sdesc { display: none; } /* Reset between Related Posts and Author header */ .site-wrap .wrap { margin-top: 0 !important; } /* ============================================================= * 11. AUTHOR PAGE * ============================================================= */ .header-author-box .box-feat { background-color: #f2f2f2; } .header-author-box .box-footer, .header-author-box .box-job { color: #000000; } .header-author-box .box-description { font-size: 0.85rem; line-height: 1.7; max-width: 470px; margin-right: auto; margin-left: auto; color: #000000; } .box-header h3, .box-header h3:hover { color: #000000; } .header-author-box .box-header { padding-bottom: 10px; } .header-author-box .box-header:after { display: none; } .author-header:after { display: none !important; } .content-wrap { padding-top: 50px; } /* ============================================================= * 12. SEARCH BAR * ============================================================= */ .live-search-content:before { display: none; } .p-list-4 .p-footer abbr.date.published { font-size: 12px; } /* ============================================================= * 13. NEWSLETTER POPUP (Boxzilla #93076) * ============================================================= */ /* Suppress unwanted Jetpack subscribe modal */ .jetpack-subscribe-modal.open { display: none !important; } /* Boxzilla generic shell */ .boxzilla { position: fixed; z-index: 12000; box-sizing: border-box; background: #f2f2f2; border-radius: 8px; } .boxzilla-close-icon { position: absolute; right: 0; top: 0; padding: 10px; text-align: center; font-size: 28px; font-weight: 300; line-height: 20px; color: #000; cursor: pointer; -webkit-appearance: none; } @media only screen and (max-width: 991px) { .boxzilla { padding: 0 20px 20px 20px; } } /* EV-branded popup #93076 */ #boxzilla-93076, .boxzilla-93076 { background: #ffffff !important; border: 0.5px solid #e5e5e5 !important; border-radius: 0 !important; box-shadow: 0 24px 60px rgba(20, 30, 60, 0.18), 0 4px 12px rgba(20, 30, 60, 0.06) !important; padding: 0 !important; max-width: 540px !important; width: calc(100% - 32px) !important; position: relative !important; overflow: hidden !important; } #boxzilla-93076::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #1a1a1a; z-index: 1; pointer-events: none; } #boxzilla-93076::after { content: ""; position: absolute; top: 0; left: 0; width: 88px; height: 3px; background: #2659d7; z-index: 2; pointer-events: none; } #boxzilla-93076 .boxzilla-close-icon { top: 12px !important; right: 16px !important; font-size: 22px !important; color: #999999 !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; font-weight: 300 !important; line-height: 1 !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 3 !important; cursor: pointer; opacity: 1 !important; transition: color 0.15s ease; } #boxzilla-93076 .boxzilla-close-icon:hover { color: #1a1a1a !important; } .boxzilla-overlay { background: rgba(15, 20, 30, 0.55) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } /* class="wpcode-css-snippet" */ /* Brand hubs: match homepage card typography (10 Aug 2026) */ .archive-content .entry-title, .archive-content .entry-title a { font-family: Georgia, "Times New Roman", serif !important; font-weight: 300 !important; font-size: 18px !important; line-height: 1.3 !important; } /* Popup inner layout */ .ev-np { display: grid; grid-template-columns: 144px 1fr; gap: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #1a1a1a; } .ev-np-meta-col { padding: 36px 18px 28px 32px; border-right: 0.5px solid #e5e5e5; display: flex; flex-direction: column; } .ev-np-logo { width: 56px; height: auto; display: block; margin: 0 0 18px 0; } .ev-np-sublabel { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #2659d7; line-height: 1.5; margin: 0; } .ev-np-schedule { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 10px; color: #999999; letter-spacing: 0.04em; margin-top: 18px; line-height: 1.7; } .ev-np-free { color: #1a1a1a; font-weight: 600; } .ev-np-content-col { padding: 36px 32px 28px 26px; display: flex; flex-direction: column; justify-content: center; } .ev-np-headline { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 400; font-size: 24px; line-height: 1.22; letter-spacing: -0.005em; color: #1a1a1a; margin: 0 0 22px 0; } .ev-np-form { display: grid !important; grid-template-columns: 1fr auto !important; gap: 0 !important; margin: 0 0 10px 0; } .ev-np-input, .ev-np .ev-np-form .ev-np-input, .boxzilla .ev-np-form input.ev-np-input, #boxzilla-93076 .ev-np-input { background: #ffffff; border: 1px solid #cccccc; border-right: none; border-radius: 0 !important; color: #1a1a1a; padding: 12px 13px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 13px; outline: none; width: 100% !important; height: auto !important; box-sizing: border-box; transition: border-color 0.15s ease; -webkit-appearance: none; appearance: none; } .ev-np-input:focus { border-color: #2659d7; } .ev-np-input::placeholder { color: #999999; } /* Pixwell override — chained selectors to defeat theme's button reset */ .ev-np-button, .ev-np .ev-np-form .ev-np-button, .boxzilla .ev-np-form button.ev-np-button, #boxzilla-93076 .ev-np-button { background: #2659d7; color: #ffffff; border: 1px solid #2659d7; border-radius: 0 !important; padding: 12px 24px !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; line-height: 1.2 !important; width: auto !important; height: auto !important; min-width: 0 !important; max-width: none !important; white-space: nowrap; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; -webkit-appearance: none; appearance: none; } .ev-np-button:hover { background: #1a46b8; border-color: #1a46b8; } .ev-np-fineprint { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size: 11px; color: #999999; letter-spacing: 0.02em; margin: 0; } .ev-np-mobile-meta { display: none; } /* Popup positioning override (always centered) */ .boxzilla-container.boxzilla-center-container { position: fixed !important; top: 50% !important; left: 50% !important; bottom: auto !important; right: auto !important; transform: translate(-50%, -50%) !important; width: auto !important; max-width: calc(100vw - 24px) !important; max-height: calc(100vh - 48px) !important; z-index: 99999 !important; } .boxzilla.boxzilla-93076 { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; margin: 0 !important; max-width: 540px !important; width: 100% !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important; overflow: visible !important; height: auto !important; min-height: 280px !important; } .boxzilla.boxzilla-93076 .boxzilla-content { overflow: visible !important; height: auto !important; min-height: 280px !important; } /* Beehiiv iframe wrapper */ .ev-np-beehiiv-wrap { min-height: 280px !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; display: block !important; } .ev-np-beehiiv-wrap iframe { width: 100% !important; height: auto !important; min-height: 280px !important; max-height: none !important; border: 0 !important; display: block !important; } /* Mobile popup adjustments */ @media (max-width: 600px) { .boxzilla-container.boxzilla-center-container { max-width: calc(100vw - 16px) !important; max-height: calc(100vh - 32px) !important; } .boxzilla.boxzilla-93076, .boxzilla-93076, #boxzilla-93076 { max-width: 100% !important; width: calc(100vw - 16px) !important; } .ev-np { grid-template-columns: 1fr !important; padding: 0 !important; } .ev-np-meta-col { padding: 20px 20px 16px 20px !important; border-right: none !important; border-bottom: 0.5px solid #e5e5e5 !important; } .ev-np-beehiiv-wrap { padding: 16px 20px 20px !important; } .ev-np-headline { font-size: 18px !important; line-height: 1.25; margin-bottom: 6px; } /* Stack form vertically on mobile */ .ev-np-form, .ev-np .ev-np-form, #boxzilla-93076 .ev-np-form { grid-template-columns: 1fr !important; gap: 8px !important; } .ev-np-input, .ev-np .ev-np-form .ev-np-input { border-right: 1px solid #cccccc !important; padding: 12px 13px; font-size: 14px; } .ev-np-button, .ev-np .ev-np-form .ev-np-button, #boxzilla-93076 .ev-np-button { width: 100% !important; padding: 13px !important; text-align: center; } .ev-np-fineprint { text-align: center; font-size: 10px; } } @media (prefers-reduced-motion: reduce) { .boxzilla-93076, #boxzilla-93076 { animation: none !important; } .boxzilla-overlay { backdrop-filter: none; } } /* ============================================================= * 14. FOOTER (incl. Raptive ad disclosures) * ============================================================= */ .copyright-inner { font-family: 'Open Sans'; font-size: 17px; font-weight: 300; text-align: center; } .top-footer-wrap .widget:last-child { padding-top: 60px; padding-bottom: 20px; background-color: #F0F0F0; } .has-open-sans-font-family:hover { text-decoration: underline; } /* Raptive footer disclosures */ .adthrive-footer-message, .adthrive-privacy-preferences, .adthrive-ccpa-link { margin-top: 0; text-align: center; background-color: transparent; } .adthrive-footer-message span, .adthrive-privacy-preferences a, .adthrive-ccpa-link, .adthrive-ccpa-link span { color: #000000; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; } /* ============================================================= * 15. BUTTONS (theme-wide adjustments) * ============================================================= */ .wp-block-button a { font-size: 0.85em; padding: 15px 25px; border-width: 1px !important; } .is-style-outline a.wp-block-button__link:hover { color: #aaaaaa !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wp-block-social-links.has-huge-icon-size { font-size: 0; } /* ============================================================= * 16. MISC * ============================================================= */ .wp-block-spacer, .entry-content .wp-block-spacer { margin: 40px; } .widget_recent_comments .recentcomments > a:last-child, .widget_recent_entries li, .widget.w-sidebar.widget_block li { font-size: 1.5rem; } @media only screen and (max-width: 991px) { .wp-block-button a { font-size: 0.85em; padding: 15px 25px; border-width: 1px; } .widget.widget_nav_menu .menu-item a { font-family: 'Open Sans'; font-size: 18px; padding-left: 40px; } .wp-block-image .alignleft, .wp-block-image .alignright { margin-left: 17px; } } @media only screen and (max-width: 479px) { .off-canvas-header { padding-top: 5px; } } /* ============================================================= * 17. MOBILE HOMEPAGE LAYOUT (≤ 767px) * * Consolidates all prior mobile homepage hacks into one block. * Goals: edge-to-edge hero, tighter stack, compact rail, * stronger hierarchy, editorial density above the fold. * ============================================================= */ @media (max-width: 767px) { /* Stack columns vertically */ .home .wp-block-columns { flex-direction: column !important; gap: 0 !important; } .home .wp-block-columns .wp-block-column { width: 100% !important; flex-basis: 100% !important; padding: 0 !important; } /* Drop borders that no longer make sense in stacked layout */ .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { border-right: none !important; padding-right: 0; margin-right: 0; } .separator-line { display: none; } /* --- Hero: image edge-to-edge -------------------------- */ /* The Pixwell theme's .site-content provides a 15px horizontal gutter on mobile. We let that gutter inset all text content (cat-links, title, byline) and break the hero figure out of it with a -15px negative margin on each side, so the image reaches the viewport edge without affecting siblings. */ .most-read-column .wpnbha article:first-of-type > .post-thumbnail { margin-left: -15px !important; margin-right: -15px !important; width: calc(100% + 30px) !important; max-width: none !important; border-radius: 0 !important; } .most-read-column .wpnbha article:first-of-type > .post-thumbnail img { width: 100% !important; max-width: none !important; border-radius: 0 !important; } /* --- Hero: typography ---------------------------------- */ .home article.post-has-image:first-of-type .cat-links { font-size: 14px !important; margin-bottom: 6px !important; letter-spacing: 0.08em !important; } .home article.post-has-image:first-of-type h1.entry-title, .home article.post-has-image:first-of-type h2.entry-title { font-size: 32px !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; margin-bottom: 10px !important; } .home article.post-has-image:first-of-type .entry-meta { font-size: 13px !important; color: #6b7280 !important; margin-bottom: 0 !important; } /* Tighter hero row bottom divider on mobile */ .home .wp-block-columns.bottom-border-exclusive { margin-bottom: 18px !important; padding-bottom: 18px !important; } /* --- Grid cards: horizontal compact layout ------------ */ .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image { display: grid !important; grid-template-columns: 100px 1fr !important; gap: 12px !important; align-items: start !important; margin-bottom: 18px !important; padding-bottom: 18px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .post-thumbnail { height: 75px !important; padding-bottom: 0 !important; margin: 0 !important; overflow: hidden !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .post-thumbnail img, .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .post-thumbnail a { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .entry-content-wrap, .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .post-content { padding: 0 !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image h2.entry-title, .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image h3.entry-title { font-size: 15px !important; line-height: 1.25 !important; letter-spacing: -0.005em !important; margin: 0 !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .cat-links { font-size: 10px !important; letter-spacing: 0.08em !important; margin-bottom: 2px !important; } .home .wp-block-columns:not(:has(.ev-rail)) article.post-has-image .entry-meta { font-size: 10px !important; color: #6b7280 !important; } /* --- Rail: compact mobile layout ---------------------- */ .ev-rail { border-left: none !important; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; padding: 14px 0 0 0 !important; margin-top: 6px !important; } .ev-rail__head { padding-bottom: 6px !important; margin-bottom: 0 !important; } .ev-rail__title { font-size: 22px !important; line-height: 1 !important; } /* Blue accent bar on rail title */ .ev-rail__title::before { content: "" !important; display: inline-block !important; width: 3px !important; height: 18px !important; background: #2659d7 !important; margin-right: 8px !important; vertical-align: -3px !important; } .ev-rail__updated { font-size: 11px !important; } .ev-rail__body { padding: 10px 0 !important; } .ev-rail__cat { font-size: 10px !important; margin-bottom: 4px !important; } .ev-rail__headline, .ev-rail h3.ev-rail__headline { font-size: 19px !important; line-height: 1.3 !important; margin-bottom: 4px !important; } .ev-rail__meta { font-size: 11px !important; } } /* Hide "Exclusive" menu item from the desktop main top nav (it remains visible in the off-canvas drawer and footer). */ .main-menu-wrap .main-menu > li.menu-item-142357 { display: none !important; } /* All Brands mega menu — 4-column grid with group sections */ .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu { width: 880px !important; max-width: 90vw; padding: 24px 28px !important; column-count: 4; column-gap: 28px; column-fill: balance; background: #fff; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li { display: block; break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; margin: 0 0 6px; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li > a { font-size: 13px; padding: 4px 0 !important; line-height: 1.4; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > a { font-weight: 300; font-size: 13px; text-transform: none; letter-spacing: normal; color: #2659d7; padding-top: 14px !important; border-top: 1px solid #eee; margin-bottom: 2px; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children:first-child > a { border-top: 0; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > ul.sub-menu { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; min-width: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 4px 0 0 !important; transform: none !important; transition: none !important; pointer-events: auto !important; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > ul.sub-menu > li > a { padding: 3px 0 3px 12px !important; font-size: 12.5px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #1a1a1a; border: 0 !important; line-height: 1.4; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover { color: #2659d7; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > a::after, .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > a > .menu-item-icon-down { display: none !important; } @media (max-width: 1100px) { .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu { width: 660px !important; column-count: 3; } } @media (max-width: 800px) { .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu { width: 480px !important; column-count: 2; } } /* All Brands menu items — ensure visibility when dropdown is open (Pixwell uses opacity transition) */ .main-menu-wrap .main-menu > .menu-item-24258:hover > .sub-menu li, .main-menu-wrap .main-menu > .menu-item-24258:hover > .sub-menu li > a { opacity: 1 !important; transform: none !important; } /* All Brands dropdown — left-align text, anchor to right of ‘All brands’ menu item but ensure it fits in viewport */ .main-menu-wrap .main-menu > .menu-item-24258 { position: relative !important; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu { text-align: left !important; left: auto !important; right: -300px !important; /* shift further right so dropdown left edge stays inside viewport */ } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu li, .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu li > a { text-align: left !important; } .main-menu-wrap .main-menu > .menu-item-24258 > .sub-menu > li.menu-item-has-children > ul.sub-menu > li > a { text-align: left !important; } /* Remove header black border line (fixed 1px under main menu) */ .navbar-border-holder.is-main-nav, .navbar-border-holder { border-bottom: 0 !important; border-top: 0 !important; } /* =========================================================================== * 13. Card badges (Chinese EVs + Exclusive rails + /exclusive archive) * Overlay the category/section badge on top of the image so the headline * sits flush below the image. Added 19 May 2026. * =========================================================================== */ /* Card badges hidden entirely. The section/rail headers already announce * the context ("Chinese EVs", "Exclusive: from the EV newsroom"), so the * per-card badge is redundant. Updated 19 May 2026. */ .ev-cnrail__badge, .ev-exrail__badge, .ev-exarch__badge { display: none !important; } /* =========================================================================== * 14. Brand video pages — sidebar brand list typography. * The inline CSS on each brand video page sets .ev-vh-brand-nav-list a to * Georgia 17px 400, which is too large/serif against the rest of the UI. * Match the main top-nav style instead (Open Sans 16px 300). * Excludes the small "ALL BRANDS" footer link which has its own uppercase * treatment via .all-brands. Added 19 May 2026. * =========================================================================== */ .ev-vh-brand-nav-list li:not(.all-brands) a { font-family: "Open Sans", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; letter-spacing: 0.32px !important; color: #0a0000 !important; } /* --------------------------------------------------------------- * Image credit overlay (single post thumbnail caption) * Square brand-blue rectangle, no camera icon. * Overrides Pixwell .ele-round pill + ruby-icon glyph. * Added 20 May 2026. * ------------------------------------------------------------- */ .ele-round .image-caption.is-overlay, .image-caption.is-overlay { background: #2659d7; border-radius: 0; } .image-caption::before, .wp-caption-text::before, .wp-block-image figcaption::before { content: none; margin: 0; } /* >>> @CLAUDE A >>> */ /* @CLAUDE A: General — dropdown hover colour + header search field */ #site-header .sub-menu a:hover, #site-header .sub-menu li:hover > a{color:#2659D7 !important;} .navbar-search-form .search-field{font-family:"Open Sans",sans-serif !important;color:#999999 !important;border:1px solid rgba(0,0,0,.18) !important;border-radius:0 !important;box-shadow:none !important;} .navbar-search-form .search-field::placeholder{color:#999999 !important;opacity:1;} .navbar-search-form .search-field:hover, .navbar-search-form .search-field:focus{border-color:#2659D7 !important;outline:none !important;} /* <<< @CLAUDE A <<< */ /* >>> @CLAUDE B >>> */ /* @CLAUDE B: "All brands" = reveal-only parent (was wrongly linking to a brand category). Neutralise the label click in every menu instance; keep the chevron (.explain-menu) clickable so the submenu still expands in the off-canvas / mobile menu. Desktop main menu opens on hover regardless. */ li.menu-item-24258 > a{pointer-events:none;cursor:default;} li.menu-item-24258 > a .explain-menu{pointer-events:auto;cursor:pointer;} /* <<< @CLAUDE B <<< */ /* >>> @CLAUDE C >>> */ /* @CLAUDE C: Category / archive / search grid — card hover + pagination buttons + mobile kicker */ /* Card titles match homepage: no underline, blue on hover */ .p-grid .entry-title a,.p-grid .entry-title a.p-url{text-decoration:none !important;} .p-grid .entry-title a:hover,.p-grid .entry-title a.p-url:hover{color:#2659D7 !important;text-decoration:none !important;} /* Pagination -> uniform brand blue (active + hover), square corners */ .page-numbers.current{background:#2659D7 !important;border-color:#2659D7 !important;color:#fff !important;} a.page-numbers:hover{background:#2659D7 !important;border-color:#2659D7 !important;color:#fff !important;} /* "Watch all ... videos" kicker: left-align on mobile */ @media (max-width:600px){.ev-cat-mh-kicker,.ev-cat-mh-cta{text-align:left !important;}} /* <<< @CLAUDE C <<< */ /* >>> @CLAUDE D >>> */ /* @CLAUDE D: Contact page — uniform Submit button (solid blue, square) + blue field outline. Page emits inline