/* ==========================================================================
gpf-custom.css — Single home for all ad-hoc custom CSS
--------------------------------------------------------------------------
This file REPLACES the WordPress Customizer "Additional CSS" box. From now
on, add general custom CSS here instead of in the Customizer, so all custom
rules live in one version-controlled place in the child theme.
--------------------------------------------------------------------------
HOW IT LOADS (must be LAST)
--------------------------------------------------------------------------
This file is printed as a raw in the child theme header templates
(header.php and header-v2.php), placed IMMEDIATELY AFTER the gpf-styles.css
and gpf-header-v2.css tags — which themselves are printed after
wp_head(). Because the Customizer "Additional CSS" prints inside wp_head()
(around priority 101), and these raw links print after wp_head(), this file
is the FINAL stylesheet in on every page. That means rules migrated
out of the Customizer keep winning on source order exactly as they did
before — no regression. A filemtime() cache-bust is on the .
Both header files carry the link so it loads last on BOTH render routes:
- header.php -> every standard page (and shop/404 via fallback)
- header-v2.php -> get_header('v2') pages (homepage v2, clients, preview)
--------------------------------------------------------------------------
RELATIONSHIP TO gpf-consistency.css (KEEP SEPARATE)
--------------------------------------------------------------------------
gpf-consistency.css and its feature flag are SEPARATE and unchanged. Do NOT
move the consistency work in here, or its on/off flag stops being able to
switch that work off independently. gpf-consistency.css is enqueued during
wp_head(); this file (raw , after wp_head) therefore loads AFTER it.
If you ever add a rule here that overlaps the consistency work, this file
would win on source order — be deliberate about that.
--------------------------------------------------------------------------
REVERSIBILITY
--------------------------------------------------------------------------
Remove the gpf-custom.css from header.php + header-v2.php (restore the
.bak-20260623 backups) and restore the Customizer "Additional CSS", and the
site returns to its current state. Nothing else references this file.
========================================================================== */
/* ==========================================================================
===== Migrated from Customizer Additional CSS (2026-06-23) =====
--------------------------------------------------------------------------
>>> ACTION REQUIRED (USER): Paste the FULL contents of the WordPress
Customizer "Additional CSS" box below this comment, verbatim.
Do NOT clear the Customizer box yet. Running both briefly is safe (identical
rules). Only after you confirm this file is serving and the site looks
correct: copy the Customizer contents somewhere as a backup, then empty the
Customizer box so the rules are not duplicated.
Notes once pasted (see handoff report for detail):
- The earlier heading text-case fix (text-transform: none !important on
headings/buttons) is a natural fit here. It will keep overriding
gpf-styles.css's `h1..h6 { text-transform: capitalize }` (line ~57) and
the uppercase button rules, because this file loads last — intended.
- The original News-hero styling may live in here. gpf-consistency.css now
overrides the News hero with !important; if a pasted rule targets the
News hero with !important at higher specificity, flag it so we resolve
it deliberately rather than letting it silently fight.
========================================================================== */
/* ----- PASTE CUSTOMIZER CSS BELOW THIS LINE ----- */
.woocommerce-message a.button.wc-forward, #place_order, button.button[name="apply_coupon"],button.button[name="update_cart"], a.checkout-button.button.alt.wc-forward
{
background-color: #00c750 !important;
border: none !important;
border-radius: 2px !important;
font-weight: 400 !important;
}
.woocommerce-info, .coupon {
display: none !important;
}
#customer_details, #post-7 > div.entry-content > div.woocommerce, .woocommerce-order, .woocommerce-notices-wrapper {
max-width: 1300px !important;
margin: 0 auto !important;
}
.blog-header p, .author-info, .other-posts {
display: none !important;
}
.woocommerce-table--order-details {
margin-bottom: 50px !important;
}
.woocommerce-checkout-review-order-table, .woocommerce-checkout-payment {
background-color: white !important;
}
#customer_details > div.col-2 {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
padding: 30px !important;
border-radius: 10px !important;
background-color: #00c750 !important;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
color: #00c750 !important;
}
#customer_details > div.col-1 {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
padding: 30px !important;
border-radius: 10px !important;
}
#customer_details > div.col-2 h3:hover {
color: white !Important;
}
.dynamic-checkout-button {
background-color: #151515 !important;
color: #fff !important;
padding: 10px 20px !important;
width: 100% !important;
font-size: 1.6rem !important;
font-weight: 300 !important;
border: none !important;
text-transform: capitalize !important;
margin: 50px 0 10px 0 !important;
}
.summary.entry-summary .btn.green {
margin-top: 0 !important;
}
.woocommerce-cart-form__contents {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
padding: 30px !important;
border-radius: 10px !important;
background-color: #00c750 !important;
}
.woocommerce-cart-form__contents thead, .woocommerce-cart-form__contents tbody {
background-color: white !important;
border-radius: 10px !important;
}
div.entry-content > div.woocommerce > p > a {
background-color: #00c750 !important;
border: none !important;
}
div.entry-content > div.woocommerce > p > a:hover {
background-color: #00c750 !important;
border: none !important;
}
.woocommerce .cart button[name="update_cart"] {
background-color: #00c750 !important;
}
.woocommerce .cart button[name="update_cart"]:hover {
background-color: #00c750 !important;
border: none !important;
}
#post-7 > div.entry-content > div.woocommerce > form > table > tbody > tr.woocommerce-cart-form__cart-item.cart_item > td.product-name > a {
color: #00c750 !important;
}
#mega-menu-item-464 {
position: relative !important
}
.mega-sub-menu {
width: 350px !important;
display: flex !important;
flex-direction: column;
position: absolute !important;
top: 100% !important;
left: 225% !important;
right: 0 !important;
background-color: black !important;
box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
}
#mega-menu-item-2634 > a:hover {
color: #00C750 !important;
}
.mega-sub-menu li {
width: 100% !important;
padding: 5px 15px !important;
}
.mega-sub-menu li a {
font-weight: 400 !important;
}
#site-navigation .mega-menu-wrap#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li ul.mega-sub-menu:first-of-type li.mega-menu-item a.mega-menu-link:hover {
color: #00C750 !important;
}
@media only screen and (max-width:500px) {
#customer_details, #post-7 > div.entry-content > div.woocommerce, .woocommerce-order, .woocommerce-notices-wrapper {
padding: 0 20px !important;
}
#customer_details > div.col-2 {
height: auto !Important;
}
#customer_details > div.col-2 {
padding: 20px 5px !important;
}
#customer_details > div.col-1 {
padding: 20px !important;
}
.woocommerce-checkout-review-order-table, .woocommerce-checkout-payment {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
}
.dynamic-checkout-button {
margin-top: 20px !important;
}
#section_no3 > div > div > div:nth-child(1) {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
#section_no3 > div > div > div:nth-child(1) p img {
margin-bottom: 20px !important;
}
}
.page-id-10 .page-title,
.page-id-10 .entry-title,
.page-id-10 .page-title {
display: none !important;
}
.page-id-3187 .page-title,
.page-id-3187 .entry-title,
.page-id-3187 .page-title {
display: none !important;
}
#post-3187 h1 {
max-width: 1400px !important;
margin: 0 auto !important;
text-align: center !important;
padding-bottom: 20px !important;
}
.first-n-sec, .sec-n-sec, .form-n-sec {
max-width: 1400px !important;
margin: 0 auto !important;
}
.sec-n-sec {
margin-top: -12px !important;
}
.hover-img-box {
box-shadow: 0 0 20px rgba(0,0,0,0.2) !important;
transition-duration: 0.5s !important;
padding: 20px !important;
}
.hover-img-box:hover {
box-shadow: 0 0 20px rgba(0, 199, 80, 1) !important;
transition-duration: 0.5s !important;
transform: scale(1.025) !important;
}
.form-sec-background {
background: #151515 !important;
}
@media only screen and (max-width: 500px) {
.first-n-sec, .sec-n-sec, .form-n-sec {
padding: 20px !important;
}
#post-3187 h1 {
text-align: center !important;
}
.mob-mar {
margin-top: -30px !important;
}
.mob-mar-1 {
margin-top: -10px !important;
}
}
/*Login Page*/
#post-3921 > div.blog-header > h1{
color: white !important;
visibility: hidden !important;
height: 0 !important;
}
#post-3920 > div.blog-header > h1{
color: white !important;
visibility: hidden !important;
height: 0 !important;
}
#post-3967 > div.blog-header > h1{
color: white !important;
visibility: hidden !important;
height: 0 !important;
}
#post-3971 > div.blog-header > h1, #post-3984 > div.blog-header > h1, #post-3980 > div.blog-header > h1{
text-align: center !important;
font-size: 56px;
line-height: 1.1;
margin: 0 0 16px;
padding-top: 20px !important;
}
#post-3980 > div.entry-content {
max-width: 1400px !important;
margin: 0 auto !important;
}
#um-member-bcc25-c4ead > div > div.um-members-edit-btn {
display: none !important;
}
#um-member-bcc25-c4ead > span {
transform: translatey(-10px) !important;
}
@media (max-width: 520px){
#post-3971 > div.blog-header > h1, #post-3984 > div.blog-header > h1, #post-3980 > div.blog-header > h1{ font-size: 34px; }
#post-3971 > div.blog-header > h1{ padding: 30px 30px; margin-bottom: -50px;}
#post-3980 > div.entry-content {
padding: 20px !important;
}
}
.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
color: #00C751 !important;
}
#um-submit-btn {
margin-top: 20px !important;
}
/*Price*/
.dealer-price-box {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
/* Default: show retail */
.dealer-price-box .retail {
display: inline;
}
.dealer-price-box .dealer {
display: block;
}
/* Logged-in users see dealer only */
body.logged-in .dealer-price-box .retail {
display: none;
}
body.logged-in .dealer-price-box .dealer {
display: inline;
}
/* Styling */
.dealer-price-box .highlight-price {
color: #00C751; /* Greenpower green */
font-weight: 600;
font-size: 16px !important;
}
.dealer-price-box .vat {
color: #fff;
font-weight: 300;
font-size: 16px !important;
}
/*
.dealer-price-box br {
display: none !important;
}*/
/* === DESKTOP MENU === */
/* Hide logout by default */
#mega-menu-item-4076 {
display: none !important;
}
/* Show logout and hide login/register when logged in */
body.logged-in #mega-menu-item-4076 {
display: inline-block !important;
}
body.logged-in #mega-menu-item-4078,
body.logged-in #mega-menu-item-4077 {
display: none !important;
}
/* === MOBILE MENU === */
/* Hide logout by default */
#mobmenuleft > li.menu-item-4076 {
display: none !important;
}
/* Show logout, hide login/register when logged in */
body.logged-in #mobmenuleft > li.menu-item-4076 {
display: list-item !important;
}
body.logged-in #mobmenuleft > li.menu-item-4077,
body.logged-in #mobmenuleft > li.menu-item-4078 {
display: none !important;
}
/*POA start*/
.poa-link {
color: #00C751 !important;
font-weight: 700 !important;
text-decoration: underline !important;
}
.poa-link:hover,
.poa-link:focus {
color: #00C751 !important;
text-decoration: underline !important;
}
/* POA end */
/* --- GreenPower Forklifts: unified structure for sale + dealer prices --- */
.dealer-price-box .retail .was-amount {
text-decoration: line-through;
text-decoration-thickness: 2px;
font-weight: 700;
}
#site-navigation .mega-menu-wrap#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li ul.mega-sub-menu:first-of-type {
margin: 0 calc((300% - 1400px) / 2) !important;
}
@media only screen and (max-width:1280px) {
#site-navigation .mega-menu-wrap#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li ul.mega-sub-menu:first-of-type {
margin: 0 calc((330% - 1400px) / 2) !important;
}
}
/*-------Single Post------------*/
/* ==============================
Single post base
============================== */
.greenpower_single_post {
font-family: Lato, sans-serif;
color: rgb(65, 84, 98);
background: #fff;
}
.greenpower_single_post * {
box-sizing: border-box;
}
.greenpower_single_post .single_post_test_notice {
width: min(1400px, calc(100% - 40px));
margin: 24px auto;
background: #151515;
color: #fff;
padding: 12px 18px;
font-weight: 700;
font-size: 14px;
}
.greenpower_single_post .single_post_container {
width: min(1400px, calc(100% - 40px));
margin: 0 auto;
}
/* ==============================
Article hero
============================== */
.greenpower_single_post .single_post_hero {
padding: 40px 0 24px;
}
.greenpower_single_post .single_post_breadcrumbs {
margin-bottom: 18px;
font-size: 13px;
color: rgb(65, 84, 98);
}
.greenpower_single_post .single_post_breadcrumbs a {
color: #00C751;
text-decoration: none;
}
.greenpower_single_post .single_post_meta_top {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 12px;
font-size: 14px;
color: rgb(65, 84, 98);
}
.greenpower_single_post .single_post_meta_top span:not(:last-child)::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-left: 12px;
background: #A2AFB9;
vertical-align: middle;
}
.greenpower_single_post h1 {
max-width: 900px;
margin: 0 0 14px;
font-family: Lato, sans-serif;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.2;
color: #151515;
font-weight: 800;
}
.greenpower_single_post .single_post_excerpt {
max-width: 850px;
font-size: 18px;
line-height: 1.65;
color: rgb(65, 84, 98);
}
.greenpower_single_post .single_post_excerpt p {
margin: 0;
}
/* ==============================
Featured image
============================== */
.greenpower_single_post .single_post_featured_image {
padding: 10px 0 46px;
}
.greenpower_single_post .single_post_featured_image img {
display: block;
width: 100%;
height: auto;
max-height: 700px;
object-fit: cover;
}
/* ==============================
Main article grid
============================== */
.greenpower_single_post,
.greenpower_single_post .single_post_body,
.greenpower_single_post .single_post_container,
.greenpower_single_post .single_post_grid,
.greenpower_single_post .single_post_sidebar {
overflow: visible !important;
}
.greenpower_single_post .single_post_body {
padding: 0 0 70px;
}
.greenpower_single_post .single_post_grid {
display: grid;
grid-template-columns: minmax(260px, 32%) 1fr;
gap: 50px;
align-items: start;
}
.greenpower_single_post .single_post_sidebar {
position: relative;
align-self: start;
}
.greenpower_single_post .single_post_content_area {
min-width: 0;
}
/* ==============================
Table of contents
============================== */
.greenpower_single_post .single_post_toc {
position: sticky;
top: 50px;
z-index: 2;
}
.greenpower_single_post .single_post_toc h2 {
padding-bottom: 20px !important;
font-size: 18px;
line-height: 1.25;
color: #151515;
font-weight: 800;
border-bottom: 1px solid #A2AFB9;
font-family: 'Lato', sans-serif !important;
}
.greenpower_single_post .single_post_toc_placeholder p {
margin: 0;
font-size: 14px;
line-height: 1.6;
}
/* ==============================
Article content typography
============================== */
.greenpower_single_post .single_post_content {
font-size: 16px;
line-height: 1.8;
color: rgb(65, 84, 98);
}
.greenpower_single_post .single_post_content h2,
.greenpower_single_post .single_post_content h3,
.greenpower_single_post .single_post_content h4 {
font-family: Lato, sans-serif;
color: #151515;
font-weight: 800;
line-height: 1.25;
margin: 34px 0 14px;
}
.greenpower_single_post .single_post_content h2 {
font-size: 30px;
}
.greenpower_single_post .single_post_content h3 {
font-size: 24px;
}
.greenpower_single_post .single_post_content h4 {
font-size: 20px;
}
.greenpower_single_post .single_post_content p {
margin: 0 0 18px;
}
.greenpower_single_post .single_post_content ul,
.greenpower_single_post .single_post_content ol {
margin: 0 0 22px 22px;
padding: 0;
}
.greenpower_single_post .single_post_content li {
margin-bottom: 8px;
}
.greenpower_single_post .single_post_content a {
color: #00C751;
text-decoration: underline;
text-underline-offset: 3px;
}
.greenpower_single_post .single_post_content img {
max-width: 100%;
height: auto;
}
/* ==============================
Sticky table of contents support
============================== */
.greenpower_single_main,
.greenpower_single_main.site-main,
.greenpower_single_main .greenpower_single_post,
.greenpower_single_main .single_post_body,
.greenpower_single_main .single_post_container,
.greenpower_single_main .single_post_grid,
.greenpower_single_main .single_post_sidebar {
overflow: visible !important;
}
.greenpower_single_main .single_post_grid {
align-items: start;
}
.greenpower_single_main .single_post_sidebar {
position: relative;
align-self: start;
height: 100%;
}
.greenpower_single_main .single_post_toc {
position: sticky;
top: 50px;
z-index: 5;
}
/* ==============================
Table of contents generated links
============================== */
.greenpower_single_post .single_post_toc_nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.greenpower_single_post .single_post_toc_nav li {
margin: 0 0 10px;
padding: 0;
}
.greenpower_single_post .single_post_toc_nav li:last-child {
margin-bottom: 0;
}
.greenpower_single_post .single_post_toc_nav a {
display: block;
color: rgb(65, 84, 98);
text-decoration: none;
font-size: 14px;
line-height: 1.5;
font-weight: 300 !important;
}
.greenpower_single_post .single_post_toc_nav a:hover {
color: #00C751;
}
.greenpower_single_post .single_post_toc_nav a:active {
color: #00C751;
}
.greenpower_single_post .single_post_toc_empty {
color: rgb(65, 84, 98);
font-size: 14px;
line-height: 1.5;
}
.greenpower_single_post .single_post_content h2 {
scroll-margin-top: 80px;
}
/* ==============================
Shared section dividers
============================== */
.greenpower_single_post .single_post_share,
.greenpower_single_post .single_post_faqs,
.greenpower_single_post .single_post_contact {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid #A2AFB9;
clear: both;
}
.greenpower_single_post .single_post_share h2,
.greenpower_single_post .single_post_faqs h2,
.greenpower_single_post .single_post_related h2 {
margin: 0;
font-family: Lato, sans-serif;
color: #151515;
font-size: 26px;
line-height: 1.2;
font-weight: 800;
}
.single_post_contact {
padding-top: 0 !important;
}
/* ==============================
Share section
============================== */
.greenpower_single_post .single_post_share {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.greenpower_single_post .single_post_share_buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.greenpower_single_post .single_post_share_buttons a,
.greenpower_single_post .single_post_view_all {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 10px 16px;
background: #00C751;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
border-radius: 0;
}
/*
.greenpower_single_post .single_post_share_buttons a:hover,
.greenpower_single_post .single_post_view_all:hover {
background: #151515;
color: #fff;
}*/
/* ==============================
FAQ accordion
============================== */
.greenpower_single_post .greenpower_blog_faq_accordion {
list-style: none;
margin: 22px 0 0;
padding: 0;
display: block;
width: 100%;
overflow: visible;
}
/*
.greenpower_single_post .greenpower_blog_faq_accordion li {
margin: 0;
border-bottom: 1px solid #A2AFB9;
}
*/
.greenpower_single_post .greenpower_blog_faq_accordion .acc_section {
display: block;
position: relative;
margin: 0;
padding: 0;
background: transparent;
overflow: visible;
width: 100%;
clear: both;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_head {
display: flex;
align-items: flex-start;
gap: 18px;
position: relative;
margin: 0;
padding: 17px 0;
cursor: pointer;
color: #151515;
font-size: 18px;
line-height: 1.4;
font-weight: 500;
border: 0;
background: transparent;
width: 100%;
min-height: auto;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_head::before {
content: "›";
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 10px;
width: 10px;
margin-top: 1px;
font-size: 24px;
line-height: 1;
font-weight: 800;
color: #151515;
transition: transform 0.2s ease;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_section.acc_active .acc_head::before {
transform: rotate(90deg);
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_content {
display: block;
position: relative;
margin: 0;
padding: 0 0 22px 28px;
font-size: 16px;
line-height: 1.7;
color: rgb(65, 84, 98);
border: 0;
background: transparent;
width: 100%;
overflow: visible;
clear: both;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_content p {
margin: 0 0 12px;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_content p:last-child {
margin-bottom: 0;
}
/* ==============================
Contact form
============================== */
.greenpower_single_post .single_post_contact .single_post_form {
margin-top: 0;
}
.greenpower_single_post .single_post_form input,
.greenpower_single_post .single_post_form textarea,
.greenpower_single_post .single_post_form select {
width: 100%;
border: 1px solid #A2AFB9;
background: #fff;
color: rgb(65, 84, 98);
padding: 12px;
font-family: Lato, sans-serif;
border-radius: 0;
}
.greenpower_single_post .single_post_form input[type="submit"],
.greenpower_single_post .single_post_form button,
.greenpower_single_post .single_post_form .wpcf7-submit {
width: auto;
background: #00C751;
color: #fff;
border: 0;
padding: 13px 24px;
border-radius: 0;
cursor: pointer;
font-weight: 700;
}
/* ==============================
Related posts
============================== */
.greenpower_single_post .single_post_related {
margin-top: 0;
padding: 60px 0 70px;
background: #F5F5F5;
}
.greenpower_single_post .single_post_related_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
}
.greenpower_single_post .single_post_related_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
.greenpower_single_post .single_post_related_card {
background: #fff;
}
.greenpower_single_post .single_post_related_card a {
display: block;
color: inherit;
text-decoration: none;
}
.greenpower_single_post .single_post_related_image {
aspect-ratio: 16 / 10;
overflow: hidden;
background: #F5F5F5;
}
.greenpower_single_post .single_post_related_image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.25s ease;
}
.greenpower_single_post .single_post_related_card a:hover img {
transform: scale(1.04);
}
.greenpower_single_post .single_post_related_content {
padding: 20px 20px;
}
.greenpower_single_post .single_post_related_meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 8px;
font-size: 13px;
color: rgb(65, 84, 98);
}
.greenpower_single_post .single_post_related_meta span:not(:last-child)::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-left: 8px;
background: #A2AFB9;
vertical-align: middle;
}
.greenpower_single_post .single_post_related_content h3 {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.35;
color: #151515;
font-weight: 800;
}
.greenpower_single_post .single_post_related_content p {
margin: 0;
color: #00C751;
font-weight: 00;
}
/* ==============================
Responsive
============================== */
@media (max-width: 900px) {
.greenpower_single_post .single_post_grid {
grid-template-columns: 1fr;
gap: 28px;
}
.greenpower_single_post .single_post_toc {
position: static;
}
.greenpower_single_post .single_post_share {
display: block;
}
.greenpower_single_post .single_post_share_buttons {
margin-top: 16px;
}
.greenpower_single_post .single_post_related_grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.greenpower_single_post .single_post_container {
width: min(100% - 24px, 1400px);
}
.greenpower_single_post .single_post_hero {
padding-top: 28px;
}
.greenpower_single_post h1 {
font-size: 34px;
}
.greenpower_single_post .single_post_excerpt {
font-size: 16px;
}
.greenpower_single_post .single_post_content h2 {
font-size: 26px;
}
.greenpower_single_post .single_post_content h3 {
font-size: 22px;
}
.greenpower_single_post .greenpower_blog_faq_accordion .acc_head {
padding: 8px 0 !important;
}
.greenpower_single_post .single_post_container {
padding: 0 8px !important;
}
}
@media (max-width: 600px) {
.greenpower_single_post .single_post_related_header {
display: block;
text-align: center;
}
.greenpower_single_post .single_post_related_header h2 {
margin-bottom: 16px;
}
.greenpower_single_post .single_post_view_all {
width: auto;
min-height: 0;
padding: 10px 18px;
font-size: 14px;
line-height: 1.2;
margin: 0 auto;
}
}
/* ==============================
Fix post meta positioning
============================== */
.greenpower_single_post .greenpower_post_meta {
position: static !important;
float: none !important;
clear: both !important;
display: flex !important;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
z-index: auto !important;
overflow: visible;
font-family: Lato, sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 500;
color: rgb(65, 84, 98) !important;
}
.greenpower_single_post .greenpower_post_meta span {
position: static !important;
float: none !important;
display: inline-flex !important;
align-items: center;
width: auto !important;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
color: rgb(65, 84, 98) !important;
white-space: normal;
}
.greenpower_single_post .greenpower_post_meta span:not(:last-child)::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-left: 10px;
margin-right: 10px;
background: #A2AFB9;
border-radius: 50%;
flex: 0 0 4px;
}
/* Prevent any accidental horizontal overflow from the new single post layout */
.greenpower_single_main,
.greenpower_single_post {
max-width: 100%;
overflow-x: hidden;
}
/* ==============================
WP ULike button colour
============================== */
.greenpower_single_post .greenpower_post_like .wp_ulike_btn.wp_ulike_put_image.wp_ulike_btn_is_active:after {
filter: invert(48%) sepia(99%) saturate(1451%) hue-rotate(102deg) brightness(96%) contrast(101%) !important;
}
/* ==============================
Header dealer links and phone alignment
============================== */
@media (min-width: 769px) {
.header-content .right {
display: grid !important;
grid-template-columns: auto auto auto auto;
justify-content: end !important;
align-items: center !important;
column-gap: 18px !important;
row-gap:0px !important;
margin-left: auto !important;
text-align: right !important;
}
/* Clickable phone dropdown icon */
.header-content .right .header-phone {
grid-row: 1 !important;
grid-column: 1 !important;
}
/* Public phone links layout for logged out users only */
body:not(.logged-in) .header-content .right > a[class^="std-"] {
grid-row: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
text-align: left !important;
}
/* Logged in users should keep existing show or hide rules */
body.logged-in .header-content .right > a[class^="std-"] {
grid-row: 1 !important;
align-items: center !important;
justify-content: flex-end !important;
text-align: left !important;
}
/* Dealer links always stay on their own row */
.header-content .right .header-dealer-links {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 0px !important;
width: 100% !important;
margin-top: 0 !important;
text-align: right !important;
padding: 0 20px !important;
}
.header-dealer-links .dealer-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
color: black !important;
font-family: Lato, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
padding: 0 !important;
border-radius: 0 !important;
}
.header-dealer-links .dealer-link:hover {
color: #151515 !important;
background: transparent !important;
}
}
/* Hide dealer links on mobile */
@media (max-width: 768px) {
.header-content .right {
display: flex !important;
}
.header-dealer-links {
display: none !important;
}
}
/* ==============================
Mobile dealer links placement fix
============================== */
@media (max-width: 768px) {
.header-content .right {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
gap: 8px !important;
}
.header-content .right .header-phone,
.header-content .right .mobmenu-left-bt {
flex: 0 0 auto !important;
}
.header-content .right .mobile-dealer-links {
flex: 0 0 100% !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 18px !important;
margin-top: 10px !important;
text-align: center !important;
}
.header-content .right .mobile-dealer-links .mobile-dealer-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: black !important;
background: transparent !important;
font-family: Lato, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
padding: 0 !important;
border-radius: 0 !important;
border: none !important;
}
.header-content .right .mobile-dealer-links .mobile-dealer-login {
width: 80px !important;
}
.header-content .right .header-dealer-links,
.header-content .right > a[class^="std-"] {
display: none !important;
}
}
/* Hide mobile dealer links on desktop */
@media (min-width: 769px) {
.header-content .right .mobile-dealer-links {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
}
/* Related post links after card restructure */
.greenpower_single_post .single_post_related_image_link {
display: block;
text-decoration: none !important;
color: inherit !important;
}
.greenpower_single_post .single_post_related_content h3 a {
color: #151515 !important;
text-decoration: none !important;
}
.greenpower_single_post .single_post_related_content h3 a:hover {
color: #00C751 !important;
}
.greenpower_single_post .single_post_related_read_more {
display: inline-block;
color: #00C751 !important;
font-weight: 700;
text-decoration: none !important;
}
.greenpower_single_post .single_post_related_read_more:hover {
color: #151515 !important;
}
/* Related post like meta */
.greenpower_single_post .greenpower_related_like_meta {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
vertical-align: middle !important;
}
.greenpower_single_post .greenpower_related_like_meta button {
display: none !important;
}
.greenpower_single_post .greenpower_related_like_meta span::before {
display: none !important;
border: none !important;
}
.greenpower_single_post .greenpower_related_like_meta span {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
color: #666666 !important;
height: 12px !important;
line-height: 1 !important;
}
.greenpower_related_like_meta {
margin-top: -3px !important;
}
.greenpower_single_post .greenpower_related_like_icon {
width: 14px !important;
height: 14px !important;
object-fit: contain !important;
display: inline-block !important;
}
.greenpower_related_like_meta > span > div {
padding: 0 !important;
}
.greenpower_single_post .greenpower_related_like_shortcode {
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
}
.single_post_contact form input, .single_post_contact textarea {
border: none !important;
}
/* Old Breadcrumb Hidden */
body.single-post .breadcrumb-wrap {
display: none !important;
}
.greenpower_single_post .greenpower_single_breadcrumbs {
margin-bottom: 24px;
font-size: 14px;
line-height: 1.5;
color: rgb(65, 84, 98);
}
/*
.greenpower_single_breadcrumbs {
padding-top: 190px !important;
}*/
.greenpower_single_post .greenpower_single_breadcrumbs a {
color: #00C751;
text-decoration: none;
}
.greenpower_single_post .greenpower_single_breadcrumbs a:hover {
color: #151515;
}
/* Hide old header breadcrumb on Case Study single pages */
body.single-case-study .breadcrumb-wrap {
display: none !important;
}
/* Case Study company profile sidebar */
body.single-case-study .greenpower_case_study_profile {
position: sticky;
top: 50px;
display: block;
padding: 0;
background: transparent;
}
body.single-case-study .greenpower_case_study_logo {
width: 92px;
height: 62px;
margin-bottom: 22px;
display: flex;
align-items: center;
justify-content: center;
}
body.single-case-study .greenpower_case_study_logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
body.single-case-study .greenpower_case_study_detail {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
color: #151515;
font-size: 15px;
line-height: 1.4;
}
body.single-case-study .greenpower_case_study_detail a {
color: #151515;
text-decoration: none;
}
body.single-case-study .greenpower_case_study_detail a:hover {
color: #00C751;
}
body.single-case-study .greenpower_case_study_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
flex: 0 0 16px;
}
body.single-case-study .greenpower_case_study_icon svg {
width: 14px;
height: 14px;
fill: #00C751;
display: block;
}
/* Related Case Study placeholder cards */
body.single-case-study .greenpower_related_placeholder_image {
min-height: 180px;
background: #E3E7E5;
}
body.single-case-study .greenpower_related_placeholder_card {
opacity: 0.85;
}
/* Case Study related section View all button */
body.single-case-study .single_post_view_all {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 10px 16px;
background: #00C751;
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
border-radius: 0;
}
body.single-case-study .single_post_view_all:hover {
background: #151515;
color: #fff !important;
}
@media (max-width: 900px) {
body.single-case-study .greenpower_case_study_profile {
position: static;
padding: 22px;
border-bottom: 1px solid #A2AFB9;
}
body.single-case-study .greenpower_case_study_logo {
margin-bottom: 18px;
}
}
/* Use Case sidebar stays sticky as one unit */
body.single-use-case .single_post_sidebar {
position: sticky !important;
top: 50px !important;
align-self: start !important;
}
/* Stop TOC being separately sticky inside the sticky sidebar */
body.single-use-case .single_post_toc {
position: static !important;
top: auto !important;
}
/* Minimal horizontal related product card */
body.single-use-case .greenpower_use_case_product_card {
margin-top: 18px !important;
padding: 14px !important;
background: #F5F5F5 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
display: grid !important;
grid-template-columns: 82px 1fr !important;
gap: 12px !important;
align-items: center !important;
}
/* Hide the label to keep it minimal */
body.single-use-case .greenpower_use_case_product_label {
display: none !important;
}
/* Small image on the left */
body.single-use-case .greenpower_use_case_product_image {
display: block !important;
margin: 0 !important;
width: 82px !important;
height: 72px !important;
background: #fff !important;
overflow: hidden !important;
}
body.single-use-case .greenpower_use_case_product_image img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Content on the right */
body.single-use-case .greenpower_use_case_product_content {
min-width: 0 !important;
}
/* Product title */
body.single-use-case .greenpower_use_case_product_content h3 {
margin: 0 0 5px !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
color: #151515 !important;
}
body.single-use-case .greenpower_use_case_product_content h3 a {
color: #151515 !important;
text-decoration: none !important;
}
body.single-use-case .greenpower_use_case_product_content h3 a:hover {
color: #00C751 !important;
}
/* Short excerpt */
body.single-use-case .greenpower_use_case_product_content p {
display: block !important;
margin: 0 0 6px !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: rgb(65, 84, 98) !important;
}
/* Minimal link */
body.single-use-case .greenpower_use_case_product_button {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: auto !important;
padding: 0 !important;
background: transparent !important;
color: #00C751 !important;
text-decoration: none !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
body.single-use-case .greenpower_use_case_product_button:hover {
background: transparent !important;
color: #151515 !important;
}
/* Mobile reset */
@media (max-width: 900px) {
body.single-use-case .single_post_sidebar {
position: static !important;
top: auto !important;
}
body.single-use-case .greenpower_use_case_product_card {
grid-template-columns: 90px 1fr !important;
margin-top: 18px !important;
}
}
/* Use Case sticky left sidebar */
body.single-use-case .single_post_grid {
align-items: start !important;
overflow: visible !important;
}
body.single-use-case .single_post_body,
body.single-use-case .single_post_container,
body.single-use-case .single_post_grid {
overflow: visible !important;
}
body.single-use-case .single_post_sidebar {
position: sticky !important;
top: 50px !important;
align-self: start !important;
height: fit-content !important;
overflow: visible !important;
}
/* Prevent the TOC from trying to be sticky separately */
body.single-use-case .single_post_toc {
position: static !important;
top: auto !important;
}
/* Mobile should not be sticky */
@media (max-width: 900px) {
body.single-use-case .single_post_sidebar {
position: static !important;
top: auto !important;
height: auto !important;
}
}
/* Hide old header breadcrumb on Use Case single pages */
body.single-use-case .breadcrumb-wrap {
display: none !important;
}
/* ==============================
Case Studies archive
============================== */
body.post-type-archive-case-study .breadcrumb-wrap {
display: none !important;
}
.greenpower_archive_main {
background: #fff;
font-family: Lato, sans-serif;
color: rgb(65, 84, 98);
}
.greenpower_archive_main * {
box-sizing: border-box;
}
.greenpower_archive_container {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
}
/* Archive hero */
.greenpower_archive_hero {
position: relative;
min-height: 360px;
display: flex;
align-items: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.greenpower_case_study_archive_hero {
background-image: url("https://greenpowerforklifts.com/wp-content/uploads/2024/03/greenpower-hero.webp");
}
.greenpower_archive_hero_overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 1;
}
.greenpower_archive_hero_inner {
position: relative;
z-index: 2;
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
}
.greenpower_archive_hero h1 {
margin: 0;
max-width: 760px;
color: #fff;
font-family: Lato, sans-serif;
font-size: clamp(38px, 5vw, 60px);
line-height: 1.08;
font-weight: 800;
}
/* Archive grid */
.greenpower_archive_posts {
padding: 80px 0 90px;
}
.greenpower_archive_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 34px 30px;
}
.greenpower_archive_card {
background: #fff;
}
.greenpower_archive_card_image {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #F5F5F5;
text-decoration: none;
color: inherit;
}
.greenpower_archive_card_image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.25s ease;
}
.greenpower_archive_card:hover .greenpower_archive_card_image img {
transform: scale(1.04);
}
.greenpower_archive_card_image_placeholder {
display: flex;
align-items: center;
justify-content: center;
background: #F5F5F5;
color: #151515;
font-weight: 800;
}
.greenpower_archive_card_content {
padding: 14px 0 0;
}
.greenpower_archive_card_content h2 {
margin: 0 0 8px;
font-family: Lato, sans-serif;
font-size: 20px;
line-height: 1.3;
font-weight: 800;
color: #151515;
}
.greenpower_archive_card_content h2 a {
color: #151515;
text-decoration: none;
}
.greenpower_archive_card_content h2 a:hover {
color: #00C751;
}
.greenpower_archive_card_meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.4;
color: rgb(65, 84, 98);
}
.greenpower_archive_card_meta > span:not(:last-child)::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin-left: 8px;
background: #A2AFB9;
vertical-align: middle;
}
.greenpower_archive_card_content p {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.6;
color: rgb(65, 84, 98);
}
.greenpower_archive_read_more {
display: inline-block;
color: #00C751;
font-size: 15px;
font-weight: 800;
text-decoration: none;
}
.greenpower_archive_read_more:hover {
color: #151515;
}
/* Like meta reused from related cards */
.greenpower_archive_card_meta .greenpower_related_like_meta {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
vertical-align: middle !important;
}
.greenpower_archive_card_meta .greenpower_related_like_icon {
width: 14px !important;
height: 14px !important;
object-fit: contain !important;
display: inline-block !important;
}
.greenpower_archive_card_meta .greenpower_related_like_shortcode {
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
}
/* Pagination */
.greenpower_archive_pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 56px;
}
.greenpower_archive_pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 8px 12px;
background: #F5F5F5;
color: #151515;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
.greenpower_archive_pagination .page-numbers.current,
.greenpower_archive_pagination .page-numbers:hover {
background: #00C751;
color: #fff;
}
/* Empty state */
.greenpower_archive_empty {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.greenpower_archive_empty h2 {
margin: 0 0 12px;
color: #151515;
font-size: 30px;
font-weight: 800;
}
.greenpower_archive_empty p {
margin: 0;
font-size: 16px;
line-height: 1.6;
}
/* Responsive */
@media (max-width: 900px) {
.greenpower_archive_hero {
min-height: 300px;
}
.greenpower_archive_posts {
padding: 60px 0 70px;
}
.greenpower_archive_grid {
grid-template-columns: 1fr;
gap: 34px;
}
}
@media (max-width: 600px) {
.greenpower_archive_container,
.greenpower_archive_hero_inner {
width: min(100% - 24px, 1200px);
}
.greenpower_archive_hero {
min-height: 260px;
}
.greenpower_archive_hero h1 {
font-size: 38px;
}
.greenpower_archive_card_content h2 {
font-size: 18px;
}
}
.greenpower_archive_card_meta .greenpower_related_like_meta button {
display: none !important;
}
.greenpower_archive_card_meta .greenpower_related_like_meta span::before {
display: none !important;
border: none !important;
}
.greenpower_archive_card_meta .greenpower_related_like_meta span {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #666666 !important;
height: 12px !important;
line-height: 1 !important;
}
.greenpower_related_like_meta {
margin-top: -3px !important;
}
/* Case Studies archive hero fix */
body.post-type-archive-case-study .greenpower_archive_hero {
position: relative !important;
min-height: 360px !important;
display: flex !important;
align-items: center !important;
background-image: url("https://greenpowerforklifts.com/wp-content/uploads/2024/03/greenpower-hero.webp") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.post-type-archive-case-study .greenpower_archive_hero_overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.45) !important;
z-index: 1 !important;
}
body.post-type-archive-case-study .greenpower_archive_hero_inner {
position: relative !important;
z-index: 2 !important;
width: min(1200px, calc(100% - 40px)) !important;
margin: 0 auto !important;
}
body.post-type-archive-case-study .greenpower_archive_hero h1 {
margin: 0 !important;
color: #fff !important;
font-family: Lato, sans-serif !important;
font-size: clamp(38px, 5vw, 60px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
}
/* Reduce archive spacing above the cards */
body.post-type-archive-case-study .greenpower_archive_posts {
padding: 80px 0 90px !important;
}
/* Fix archive card Read More colour */
body.post-type-archive-case-study .greenpower_archive_card .greenpower_archive_read_more {
color: #00C751 !important;
text-decoration: none !important;
font-weight: 800 !important;
}
body.post-type-archive-case-study .greenpower_archive_card .greenpower_archive_read_more:hover {
color: #151515 !important;
}
/* Archive hero image element fix */
body.post-type-archive-case-study .greenpower_archive_hero {
position: relative !important;
min-height: 360px !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #151515 !important;
}
body.post-type-archive-case-study .greenpower_archive_hero_image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
z-index: 0 !important;
}
body.post-type-archive-case-study .greenpower_archive_hero_overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.45) !important;
z-index: 1 !important;
}
body.post-type-archive-case-study .greenpower_archive_hero_inner {
position: relative !important;
z-index: 2 !important;
width: min(1200px, calc(100% - 40px)) !important;
margin: 0 auto !important;
}
body.post-type-archive-case-study .greenpower_archive_hero h1 {
margin: 0 !important;
color: #fff !important;
font-family: Lato, sans-serif !important;
font-size: clamp(38px, 5vw, 60px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
}
/* Fix archive card Read More colour */
body.post-type-archive-case-study .greenpower_archive_card .greenpower_archive_read_more {
color: #00C751 !important;
text-decoration: none !important;
font-weight: 800 !important;
}
body.post-type-archive-case-study .greenpower_archive_card .greenpower_archive_read_more:hover {
color: #151515 !important;
}
.greenpower_archive_hero {
width: 100vw !important;
}
/* Hide old header breadcrumb on Use Case archive */
body.post-type-archive-use-case .breadcrumb-wrap {
display: none !important;
}
/* Use Case archive hero uses same styling as Case Study archive */
body.post-type-archive-use-case .greenpower_archive_hero {
position: relative !important;
min-height: 360px !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #151515 !important;
}
body.post-type-archive-use-case .greenpower_archive_hero_image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
z-index: 0 !important;
}
body.post-type-archive-use-case .greenpower_archive_hero_overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.45) !important;
z-index: 1 !important;
}
body.post-type-archive-use-case .greenpower_archive_hero_inner {
position: relative !important;
z-index: 2 !important;
width: min(1200px, calc(100% - 40px)) !important;
margin: 0 auto !important;
}
body.post-type-archive-use-case .greenpower_archive_hero h1 {
margin: 0 !important;
color: #fff !important;
font-family: Lato, sans-serif !important;
font-size: clamp(38px, 5vw, 60px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
}
/* Archive card Read More colour */
.greenpower_archive_main .greenpower_archive_card .greenpower_archive_read_more {
color: #00C751 !important;
text-decoration: none !important;
font-weight: 800 !important;
}
.greenpower_archive_main .greenpower_archive_card .greenpower_archive_read_more:hover {
color: #151515 !important;
text-decoration: none !important;
}
body.blog .breadcrumb-wrap {
display: none !important;
}
/* Hide old header breadcrumb on blog archive */
body.blog .breadcrumb-wrap {
display: none !important;
}
/* Blog archive hero uses same styling as other archives */
body.blog .greenpower_archive_hero {
position: relative !important;
min-height: 360px !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #151515 !important;
}
body.blog .greenpower_archive_hero_image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
z-index: 0 !important;
}
body.blog .greenpower_archive_hero_overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.45) !important;
z-index: 1 !important;
}
body.blog .greenpower_archive_hero_inner {
position: relative !important;
z-index: 2 !important;
width: min(1200px, calc(100% - 40px)) !important;
margin: 0 auto !important;
}
body.blog .greenpower_archive_hero h1 {
margin: 0 !important;
color: #fff !important;
font-family: Lato, sans-serif !important;
font-size: clamp(38px, 5vw, 60px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
}
/* Archive hero height adjustment for desktop */
@media (min-width: 901px) {
body.blog .greenpower_archive_hero,
body.post-type-archive-case-study .greenpower_archive_hero,
body.post-type-archive-use-case .greenpower_archive_hero {
min-height: 520px !important;
height: 520px !important;
}
body.blog .greenpower_archive_hero_image,
body.post-type-archive-case-study .greenpower_archive_hero_image,
body.post-type-archive-use-case .greenpower_archive_hero_image {
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
}
/* Keep mobile more compact */
@media (max-width: 900px) {
body.blog .greenpower_archive_hero,
body.post-type-archive-case-study .greenpower_archive_hero,
body.post-type-archive-use-case .greenpower_archive_hero {
min-height: 360px !important;
height: 360px !important;
}
}
@media (max-width: 600px) {
body.blog .greenpower_archive_hero,
body.post-type-archive-case-study .greenpower_archive_hero,
body.post-type-archive-use-case .greenpower_archive_hero {
min-height: 300px !important;
height: 300px !important;
}
}
body.blog,
body.single-post,
body.post-type-archive-case-study,
body.single-case-study,
body.post-type-archive-use-case,
body.single-use-case {
overflow-x: hidden !important;
}
body.blog .greenpower_archive_card_meta .greenpower_related_like_meta span {
margin-bottom: -3px !important;
}
/* homepage Product cards */
.gpf-card__image {
background: #fff;
padding: 20px !important;
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.gpf-card__image img {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
object-position: center !important;
display: block;
}
.gpf-card__price-now {
font-size: 16px;
font-weight: 600;
margin: 0 0 8px 0;
line-height: 1.4;
color: #FFFFFF !important;
}
.gpf-card__price-was,
.gpf-card__price-was del,
.gpf-card__price-was * {
color: #00C751 !important;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.gpf-card__price-now .gpf-vat {
font-weight: 400 !important;
}
.gpf-card__image {
padding: 0 !important
}
/* Hide breadcrumb band on Areas We Cover + location pages only */
.page-id-4311 .breadcrumb-wrap,
.page-id-4379 .breadcrumb-wrap,
.page-id-4442 .breadcrumb-wrap,
.page-id-5602 .breadcrumb-wrap,
.page-id-4449 .breadcrumb-wrap,
.page-id-5573 .breadcrumb-wrap,
.page-id-4647 .breadcrumb-wrap,
.page-id-5588 .breadcrumb-wrap,
.page-id-5092 .breadcrumb-wrap,
.page-id-5044 .breadcrumb-wrap,
.page-id-5054 .breadcrumb-wrap,
.page-id-5578 .breadcrumb-wrap,
.page-id-5035 .breadcrumb-wrap,
.page-id-5102 .breadcrumb-wrap,
.page-id-5086 .breadcrumb-wrap {
display: none !important;
}
/* Headings and buttons: show text in the case it is written,
not a CSS-forced uppercase/capitalize */
h1, h2, h3, h4, h5, h6,
.hero-heading,
.btn,
a.btn,
button.btn {
text-transform: none !important;
}
.gpf-hp2-trust--static {
margin-bottom: 30px !important;
}
#primary > section.greenpower_archive_hero.greenpower_blog_archive_hero > div.greenpower_archive_hero_inner > h1 {
font-weight: 700 !important;
font-size: 44px !important;
}
/* ----- END CUSTOMIZER CSS ----- */
/* ==========================================================================
===== New custom CSS (post-migration) =====
Add any NEW ad-hoc custom rules below, instead of the Customizer.
========================================================================== */