/* 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 */
/* id="ev-bhub-css" */
.ev-cat-mh .ev-cat-mh-bg{display:none!important;}.ev-cat-mh .ev-cat-mh-cta{display:none!important;}.ev-cat-mh .ev-cat-mh-title{display:none!important;}.ev-cat-mh .ev-cat-mh-subtitle{display:none!important;}.ev-vh-masthead{display:none!important;}.ev-cat-mh .ev-cat-mh-block{padding-top:18px!important;padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important;}.ev-cat-mh .ev-cat-mh-kicker{margin-bottom:8px!important;}.page-content .content-wrap{padding-top:12px!important;}.ev-bhub{display:block;width:100%;grid-column:1/-1;clear:both;text-align:left;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background:#fff;border:1px solid #bcd3f6;border-radius:12px;padding:24px 26px;margin:6px 0 32px;}.ev-bhub *{box-sizing:border-box;}.ev-bhub-row{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start;}.ev-bhub-main{display:block;flex:1 1 320px;min-width:240px;}.ev-bhub-aside{display:block;flex:0 0 196px;max-width:206px;}.ev-bhub-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.ev-bhub-name{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;line-height:1.05;letter-spacing:-.3px;color:#1a1a1a;}.ev-bhub-desc{flex:1;min-width:150px;font-size:13px;line-height:1.4;color:#6b7280;}.ev-bhub-stock{font-size:11.5px;font-weight:600;color:#0c447c;background:#eaf0fd;padding:5px 10px;border-radius:999px;white-space:nowrap;}.ev-bhub-summary{display:block;font-size:14.5px;line-height:1.6;color:#2a2a2a;margin:15px 0 0;}.ev-bhub-facts{display:block;margin-top:16px;background:#f7f9fc;border:1px solid #e9edf5;border-radius:9px;padding:15px 17px;}.ev-bhub-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#2659d7;margin-bottom:13px;}.ev-bhub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 22px;}.ev-bhub-cell{display:block;}.ev-bhub-cell .k{display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#9097a3;margin-bottom:3px;}.ev-bhub-cell b{font-size:14px;font-weight:500;color:#1a1a1a;}.ev-bhub-photo{display:block;background:#eef3fd;border:1px solid #e2e9f7;border-radius:10px;aspect-ratio:4/5;overflow:hidden;}.ev-bhub-photo img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;display:block;margin:0;max-width:none;filter:grayscale(100%);}.ev-bhub-photo:has(img[src*="Nuro_DaveFergusonJiajunZhu"]){aspect-ratio:700/501!important;}.ev-bhub-photo img[src*="Nuro_DaveFergusonJiajunZhu"]{object-fit:contain!important;object-position:center bottom!important;}.ev-bhub-cap{display:block;margin-top:11px;}.ev-bhub-cap b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:400;line-height:1.2;color:#1a1a1a;}.ev-bhub-cap .role{display:block;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:#9097a3;margin-top:2px;}.ev-bhub-watch{display:block;margin-top:14px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#2659d7;text-decoration:none;line-height:1.4;}.ev-bhub-watch:hover{text-decoration:underline;}@media(max-width:782px){.ev-bhub-aside{flex-basis:100%;max-width:none;display:flex;flex-wrap:wrap;gap:14px;align-items:center;}.ev-bhub-photo{width:116px;flex:0 0 116px;aspect-ratio:1/1;}.ev-bhub-cap{margin-top:0;}.ev-bhub-watch{flex-basis:100%;margin-top:4px;}}
/* */
/* 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