/* Make main navbar fully white and remove green sides */
.navbar, .pkp_navigation_primary_wrapper, .pkp_navigation_primary {
    background-color: #ffffff !important;
    border: none !important;
}

/* Ensure nav text is black */
.navbar a, .pkp_navigation_primary a {
    color: #000000 !important;
}

/* Override Search box background */
.pkp_site_nav_search {
    background-color: #ffffff !important;
    border: none !important;
}

/* Remove any container green background */
.header_view, .pkp_structure_head, .pkp_site_name, .pkp_navigation_user_wrapper {
    background-color: #ffffff !important;
}

/* Remove padding/margin that reveals green beneath */
.navbar .container, .pkp_navigation_primary_wrapper > .container {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix search button hover color */
.pkp_site_nav_search:hover {
    background-color: #f1f1f1 !important;
}


/* Add green background next to the logo area */
.pkp_site_name, .pkp_brand, .pkp_site_name_wrapper {
    background-color: #6f8500 !important;
}


/* Increase logo size */
.pkp_site_name img,
.logo-section img {
    height: 220px !important;  /* adjust as needed */
    max-height: 220px !important;
    width: auto;
}


/* Move logo slightly to the right */
.pkp_site_name img,
.logo-section img {
    margin-left: 0 !important;
}


/* Hide "Platform & workflow by OJS/PKP" footer element */
.pkp_brand_footer {
    display: none !important;
}


/* ===== Hybrid Link Styling in the Green Banner ===== */
.pkp_structure_head .hybrid-link,
.pkp_site_name_wrapper .hybrid-link {
    color: #ffffff !important;      /* white text */
    font-size: 16px;
    font-weight: 600;
    margin-left: 25px;              /* spacing from logo/title */
    text-decoration: underline;
}

.pkp_structure_head .hybrid-link:hover,
.pkp_site_name_wrapper .hybrid-link:hover {
    color: #ffe177 !important;      /* light yellow on hover */
    text-decoration: none;
}



/* Position the link text next to the logo inside the green header */
.pkp_site_name_wrapper {
    display: flex;
    align-items: center;
    background-color: #6B8300 !important;
    padding-left: 20px;
}


.pkp_site_name_wrapper::before {
    content: "Energy Conversions and Managements";
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-left: 12px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

.pkp_site_name_wrapper::after {
    content: "Supports open access";
    font-size: 12px;
    font-weight: normal;
    color: white;
    display: block;
    margin-top: 70px;
    text-align: left;
    margin-left: -385px; /* Increased spacing */
}

.pkp_site_name_wrapper:hover::before,
.pkp_site_name_wrapper:hover::after {
    color: white;
    text-decoration: none;
}


.pkp_site_name_wrapper::after:hover {
    color: white;
    text-decoration: none;
}

/* === Underline title & subtitle only on hover === */
.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after {
    text-decoration: none;  /* default: no underline */
}

.pkp_site_name_wrapper:hover::before,
.pkp_site_name_wrapper:hover::after {
    text-decoration: underline;  /* show underline on hover */
}

/* === Ensure logo on the left and text to its right === */
.pkp_site_name_wrapper {
    display: flex;
    align-items: center;
}

.pkp_site_name_wrapper .pkp_site_name,
.pkp_site_name_wrapper img {
    order: 1;  /* logo first */
}

.pkp_site_name_wrapper::before {
    order: 2;  /* title next */
}

.pkp_site_name_wrapper::after {
    order: 3;  /* subtitle next */
}


/* === ScienceDirect-like Navigation Bar styling === */
.pkp_navigation_primary_wrapper, .pkp_navigation_primary {
    background-color: #ffffff !important;      /* white background */
    border-bottom: 1px solid #e0e0e0 !important;  /* subtle bottom border */
}

/* Make list items horizontal with separators */
.pkp_navigation_primary > li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;   /* vertical divider */
}

.pkp_navigation_primary > li:last-child {
    border-right: none !important;   /* remove divider for last item */
}

.pkp_navigation_primary > li > a {
    color: #000000 !important;        /* black text */
    font-weight: 600 !important;      /* semi‑bold */
    text-transform: none !important;  /* normal case */
    padding: 14px 20px !important;    /* spacing similar to ScienceDirect */
    display: block !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover & active states mimic ScienceDirect orange highlight */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #ff6c00 !important;        /* ScienceDirect orange */
    text-decoration: none !important;
    border-bottom: 3px solid #ff6c00 !important; /* bold orange underline */
}

/* Active (current) page */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"] {
    color: #ff6c00 !important;
    border-bottom: 3px solid #ff6c00 !important;
}


/* Push the last two nav items to the right */
.pkp_navigation_primary {
    display: flex !important;
    justify-content: space-between !important;
}



/* Push the last two nav items even more to the right */


/* Push the last two nav items even more to the right */


/* === ScienceDirect Screenshot-Style Navigation Bar === */
.pkp_navigation_primary_wrapper, .pkp_navigation_primary {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ccc !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 20px !important;
}

/* Make nav bar full width and horizontal */
.pkp_navigation_primary {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Style nav items */
.pkp_navigation_primary > li {
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    border-right: 1px solid #ddd !important;
    white-space: nowrap !important;
}

.pkp_navigation_primary > li:last-child {
    border-right: none !important;
}

/* Nav links */
.pkp_navigation_primary > li > a {
    color: #000000 !important; /* blue text */
    font-weight: normal !important;
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 16px 0 !important;
    display: inline-block !important;
    transition: 0.2s ease-in-out;
}

/* Hover effect: blue underline */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    text-decoration: underline !important;
    color: #333333 !important;
}

/* Push last two items to far right */



/* === Hide the search bar completely === */
.pkp_site_nav_search,
.pkp_navigation_search_wrapper,
.pkp_navbar_search_wrapper,
li.pkp_nav_search,
#pkpSearchNavbar {
    display: none !important;
}



/* === Force split layout using spacer between left and right groups === */

/* Flex nav container */
.pkp_navigation_primary {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
}

/* Assign specific order to known items */
.pkp_navigation_primary > li:nth-child(1) { order: 1; } /* About */
.pkp_navigation_primary > li:nth-child(2) { order: 2; } /* Publish */
.pkp_navigation_primary > li:nth-child(3) { order: 3; } /* Search */

/* Create spacer after search to push remaining to right */
.pkp_navigation_primary > li:nth-child(3)::after {
    content: "";
    flex-grow: 1;
}

/* Right items: Submit & Guide */
.pkp_navigation_primary > li:nth-last-child(2) {
    order: 4;
    margin-left: auto !important;
}
.pkp_navigation_primary > li:last-child {
    order: 5;
}


/* === Enhanced visual split using a dedicated spacer li === */

/* Force flex layout */
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 20px !important;
}

/* Left-aligned group */
.pkp_navigation_primary > li:nth-child(1),
.pkp_navigation_primary > li:nth-child(2),
.pkp_navigation_primary > li:nth-child(3) {
    order: 1;
}

/* Spacer li: inject in the HTML as <li class="nav-spacer"></li> */
.pkp_navigation_primary > li.nav-spacer {
    flex-grow: 1 !important;
    pointer-events: none;
    height: 1px;
    background: none;
    border: none;
    order: 2;
}

/* Right-aligned group */
.pkp_navigation_primary > li:nth-last-child(2),
.pkp_navigation_primary > li:last-child {
    order: 3;
}


/* === Final push to screen edge === */

/* Remove internal padding on nav bar to eliminate right gap */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    padding: 0 !important;
    margin: 0 !important;
}

/* Stronger spacer to force right items to edge */
.pkp_navigation_primary > li.nav-spacer {
    flex-grow: 999 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* === FINAL PATCH: remove all container constraints === */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    width: 85vw !important;
    max-width: 85vw !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Also target inner .container if present */
.pkp_navigation_primary_wrapper > .container,
.navbar .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* === Fix spacer glitch: prevent visual white block at start === */
.pkp_navigation_primary > li.nav-spacer {
    flex-grow: 1 !important;
    order: 99; /* ensure it comes after left items */
    visibility: hidden !important;
    height: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* === Clean and align navigation bar like the screenshot === */

/* Nav items are evenly spaced with consistent dividers */
.pkp_navigation_primary {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background-color: #ffffff !important;
    border-bottom: 2px solid #6f8500 !important;
}

/* Each item has padding and right border */
.pkp_navigation_primary > li {
    display: flex !important;
    align-items: center !important;
    padding: 0 20px !important;
    border-right: 1px solid #ccc !important;
    white-space: nowrap !important;
}

/* Remove border from last item */
.pkp_navigation_primary > li:last-child {
    border-right: none !important;
}

/* Link styling */
.pkp_navigation_primary > li > a {
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 14px 0 !important;
    display: block !important;
    transition: 0.2s ease-in-out;
}

/* Hover effect */
.pkp_navigation_primary > li > a:hover {
    color: #ff6c00 !important;
    text-decoration: none !important;
    border-bottom: 2px solid #ff6c00 !important;
}

/* === Refined Font Styling and Hover Effects for Navigation Links === */

.pkp_navigation_primary > li > a {
    color: #1a1a1a !important;        /* Darker black for better readability */
    font-weight: 500 !important;     /* Medium boldness */
    font-size: 15px !important;      /* Slightly larger for clarity */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    padding: 16px 0 !important;
    display: block !important;
    transition: 0.2s ease-in-out;
}

.pkp_navigation_primary > li > a:hover {
    color: #ff6c00 !important;                    /* ScienceDirect orange */
    text-decoration: underline !important;        /* Simple underline on hover */
}

/* Optional soft background for the nav bar */
.pkp_navigation_primary {
    background-color: #fcfcfc !important; /* very light gray */
}

/* === Increase spacing for "Search in this journal" nav item === */
.pkp_navigation_primary > li:nth-child(3) {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* === Apply icon only to "Search in this journal" by URL match === */
.pkp_navigation_primary > li > a[href*="search"] {
    background-image: url('https://energyconversions.org/public/site/images/editor/mceclip0.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 36px 36px;
    padding-left: 46px !important;
}

/* Split the background next to the logo: 20% white top, 80% green bottom */
.pkp_site_name_wrapper {
    background: linear-gradient(to bottom, #fff 0 20%, #6f8500 20% 100%) !important;
}

.pkp_site_name img,
.logo-section img {
    margin-top: -10px !important;
}

/* Make green header full viewport width */
.pkp_site_name_wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box !important;
}

/* Move the logo up to overlap navigation */
.pkp_site_name img,
.logo-section img {
    position: relative !important;
    z-index: 10 !important;
    margin-top: -20px !important;
    max-height: 220px !important;
}

/* Extend navigation bar to full viewport width with extra 10px outward */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50% - 10px) !important;  /* Move 10px further left */
    margin-right: calc(-50vw + 50% - 10px) !important; /* Move 10px further right */
    padding-left: 30px !important;  /* Add padding to keep content spaced from edges */
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

.pkp_site_name img,
.logo-section img {
    margin-top: 10px !important; /* adjust this value to push the logo down */
}

.pkp_site_name img,
.logo-section img {
    margin-top: 5px !important; /* less margin to move logo up */
}

.pkp_site_name img,
.logo-section img {
    margin-top: -5px !important; /* 10px higher than 5px */
}

/* Only make the ScienceDirects link orange */
.pkp_navigation_user a[href*="ScienceDirects"] {
    color: orange !important;
    font-weight: 600 !important;
}

/* Reset other user nav links to default color */
.pkp_navigation_user a:not([href*="ScienceDirects"]) {
    color: initial !important;
    font-weight: normal !important;
}

/* Make only the ScienceDirects link orange and bold with icon */
.pkp_navigation_user a[href*="ScienceDirects"] {
    position: relative;
    padding-left: 40px !important;
    background-image: url('https://i.imgur.com/w83ox4x.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 30px 30px !important;
    color: orange !important;
    font-weight: 600 !important;
}

/* Hover underline and color for ScienceDirects */
.pkp_navigation_user a[href*="ScienceDirects"]:hover {
    text-decoration: underline !important;
    color: #ff6c00 !important;
}

/* Reset other user nav links to default */
.pkp_navigation_user a:not([href*="ScienceDirects"]) {
    color: initial !important;
    font-weight: normal !important;
}

.pkp_navigation_user a[href*="ScienceDirects"] {
    position: relative;
    padding-left: 58px !important;  /* increase padding to match bigger icon */
    background-image: url('https://i.imgur.com/w83ox4x.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 48px 48px !important;
    color: orange !important;
    font-weight: 600 !important;
}

/* Increase height and vertical padding of the top navigation bar */
.pkp_navigation_user {
    height: 70px !important;         /* increase total height */
    line-height: 70px !important;    /* vertically center text */
}

/* Increase padding inside links for more vertical space */
.pkp_navigation_user a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Increase height and vertical padding of the top navigation bar more */
.pkp_navigation_user {
    height: 90px !important;         /* larger total height */
    line-height: 90px !important;    /* vertically center text */
}

/* Increase padding inside links for more vertical space */
.pkp_navigation_user a {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Push down the main page content by 50px to avoid overlap with tall nav bar */
.pkp_structure_page {
    margin-top: 50px !important;
}

/* Push down all main content below the navigation bar */
body > div.wrapper,
body > div.container,
body > div.page,
body > main,
.pkp_structure_page {
    margin-top: 50px !important;
    padding-top: 50px !important;
}

/* Push the navigation bar up by 20px */
.pkp_navigation_user {
    margin-top: -20px !important;
}

/* Push the navigation bar up by 70px total */
.pkp_navigation_user {
    margin-top: -70px !important;
}

/* Make the user nav container flex */
.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
}

/* Push the "ScienceDirects" item (first link) to the far left */
.pkp_navigation_user a[href*="ScienceDirects"] {
    margin-right: auto !important;
}

/* Increase horizontal spacing between navigation links */
.pkp_navigation_user a {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

/* Move the whole navigation bar 50px to the left */
.pkp_navigation_user {
    margin-left: -50px !important;
}

/* Move the whole navigation bar 150px to the left */
.pkp_navigation_user {
    margin-left: -150px !important;
}

/* Move the whole navigation bar 230px to the left */
.pkp_navigation_user {
    margin-left: -230px !important;
}

/* Make dash-like navigation items text white and inline */
.pkp_navigation_user a[href*="-"],
.pkp_navigation_user a[href*="--"],
.pkp_navigation_user a[href*="_"],
.pkp_navigation_user a[href*="__"],
.pkp_navigation_user a[href*="___"],
.pkp_navigation_user a[href*="____"] {
    color: white !important;
    white-space: nowrap !important; /* Prevent text from wrapping */
}

/* Make Journals & Books navigation item text black */
.pkp_navigation_user a[href*="Journals"] {
    color: black !important;
}

/* Prevent navigation item text from wrapping to multiple lines */
.pkp_navigation_user a {
    white-space: nowrap !important;
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/help"] {
    position: relative;
    padding-left: 40px !important; /* space for icon */
    background-image: url('https://i.imgur.com/gLAhF4M.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
}

/* Increase font size for all navigation items */
.pkp_navigation_user a {
    font-size: 16px !important; /* adjust size as needed */
}

/* Apply bold sans-serif font style to navigation items */
.pkp_navigation_user a {
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* Apply High Tower Text serif font style to navigation items */
.pkp_navigation_user a {
    font-family: 'High Tower Text', serif !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
}

/* All nav items use High Tower Text */
.pkp_navigation_user a {
    font-family: 'High Tower Text', serif !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
}

/* Except ScienceDirects keeps Arial */
.pkp_navigation_user a[href*="ScienceDirects"] {
    font-family: Arial, sans-serif !important;
    font-weight: 600 !important;
    color: orange !important;
}

.pkp_navigation_user a[href*="Help"] {
    background-size: 40px 40px !important;
    padding-left: 56px !important; /* increase padding to fit larger icon */
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/help"] {
    background-size: 40px 40px !important;
    padding-left: 56px !important;
    background-position-x: 10px !important; /* adjust horizontal position */
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/help"] {
    background-size: 36px 36px !important;
    padding-left: 52px !important; /* adjust padding to match smaller icon */
    background-position-x: 10px !important;
}

.pkp_navigation_user a[href*="account"] {
    position: relative;
    padding-left: 40px !important; /* space for icon */
    background-image: url('https://i.imgur.com/uuVPc9w.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px; /* adjust icon size */
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/login"] {
    position: relative;
    padding-left: 40px !important; /* space for icon */
    background-image: url('https://i.imgur.com/uuVPc9w.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px; /* adjust icon size */
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/Signin"] {
    position: relative;
    padding-left: 40px !important; /* space for icon */
    background-image: url('https://i.imgur.com/BhMmJRN.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px; /* adjust icon size */
}

.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/search"] {
    position: relative;
    padding-left: 40px !important; /* space for icon */
    background-image: url('https://i.imgur.com/IANw9qU.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px; /* adjust icon size */
}

.metrics-container {
    margin-top: 50px !important;
}

.metrics-container {
    transform: translateY(50px) !important;
    transition: transform 0.3s ease;
}

a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    display: inline-block !important;
    margin-top: 50px !important;
}

a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    display: inline-block !important;
    margin-top: 300px !important;
}

a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    display: inline-block !important;
    margin-top: 300px !important;
    margin-left: -300px !important;
}

a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    margin-left: 1px !important;
}

a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    margin-left: -50px !important;
}

a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    margin-left: -100px !important;
}

a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    margin-left: -200px !important;
}

/* Split CiteScore and Impact Factor into two lines: number 20px, text 15px, both unbolded */
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/CiteScores"] {
    position: relative;
    color: #fff !important;
    font-weight: 700 !important;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::before,
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::before {
    content: "9.1";
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 0 2px #444;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after,
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after {
    content: "CiteScore";
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 2px #444;
    margin-top: -17px;
    letter-spacing: .5px;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/CiteScores"] {
    font-size: 0 !important;
}

/* Impact Factor */
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    position: relative;
    color: #fff !important;
    font-weight: 700 !important;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::before,
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::before {
    content: "6.2";
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 0 2px #444;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after,
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after {
    content: "Impact Factor";
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 2px #444;
    margin-top: -17px;
    letter-spacing: .5px;
}
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    font-size: 0 !important;
}


/* Center number and label in CiteScore and Impact Factor navigation links */
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
.pkp_navigation_user a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"],
.pkp_navigation_primary a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    position: relative;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center !important;
}


/* Move Impact Factor and separator 200px to the left */
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    border-left: 2px solid #fff !important;
    padding-left: 0 !important;
    margin-left: -200px !important;
}


/* Left-align the CiteScore and Impact Factor items */
a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    text-align: left !important;
}


/* Force left align for both CiteScore and Impact Factor, and their numbers/text lines */
a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    text-align: left !important;
    justify-content: flex-start !important;
}

a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::before,
a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::before,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after {
    text-align: left !important;
    margin-left: 0 !important;
    display: block !important;
    width: 100%;
    justify-content: flex-start !important;
}


/* Push Impact Factor 25px away from the separator, keep left-aligned and overlapped */
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    border-left: 2px solid #fff !important;
    margin-left: -200px !important;
    padding-left: 25px !important;
    text-align: left !important;
}


a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    text-align: left !important;
    justify-content: flex-start !important;
}

a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::before,
a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::before,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after {
    text-align: left !important;
    margin-left: 0 !important;
    display: block !important;
    width: 100%;
    justify-content: flex-start !important;
}


a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after {
    margin-top: -22px !important;
}


/* Remove vertical space from possible metric container parents */
.pkp_structure_head, .pkp_site_name_wrapper, .metrics-container, .journal-metrics, .metric-bar, .metrics {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Remove any top/bottom space from the metric links themselves */
a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: top !important;
}


a[href="https://energyconversions.org/index.php/ecm/CiteScores"],
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"] {
    margin-top: 400px !important;
}


a[href="https://energyconversions.org/index.php/ecm/CiteScores"]::after,
a[href="https://energyconversions.org/index.php/ecm/ImpactFactors"]::after {
    margin-top: 10px !important;
}


/* Universal nav links color and background fix */
.pkp_navigation_primary a,
.pkp_navigation_user a,
.navbar a {
  color: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_user a:hover,
.navbar a:hover,
.pkp_navigation_primary a:focus,
.pkp_navigation_user a:focus,
.navbar a:focus,
.pkp_navigation_primary a:active,
.pkp_navigation_user a:active,
.navbar a:active,
.pkp_navigation_primary a:visited,
.pkp_navigation_user a:visited,
.navbar a:visited {
  color: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.pkp_navigation_primary a:focus,
.pkp_navigation_user a:focus,
.navbar a:focus {
  outline: none !important;
  box-shadow: none !important;
}


/* Keep ScienceDirects link always orange */
a[href="https://energyconversions.org/index.php/ecm/ScienceDirects"] {
    color: orange !important;
}


/* ScienceDirects link with icon and orange color */
.pkp_navigation_user a[href*="ScienceDirects"] {
    position: relative;
    padding-left: 58px !important;  /* space for the icon */
    background-image: url('https://i.imgur.com/w83ox4x.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 48px 48px !important;
    color: orange !important;
    font-weight: 600 !important;
}
.pkp_navigation_user a[href*="ScienceDirects"]:hover {
    text-decoration: underline !important;
    color: #ff6c00 !important;
}


/* Make dash and underscore navigation items white and prevent wrapping */
.pkp_navigation_user a[href*="-"],
.pkp_navigation_user a[href*="--"],
.pkp_navigation_user a[href*="_"],
.pkp_navigation_user a[href*="__"],
.pkp_navigation_user a[href*="___"],
.pkp_navigation_user a[href*="____"] {
    color: white !important;
    white-space: nowrap !important; /* Prevent text wrapping */
}


/* Make Journals & Books nav item black */
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"] {
    color: black !important;
}


/* Stronger override to keep Journals & Books link black on all states */
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"],
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"]:link,
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"]:visited,
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"]:hover,
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"]:focus,
a[href="https://energyconversions.org/index.php/ecm/Journals_Books"]:active {
  color: black !important;
  text-decoration: none !important;
  background: none !important;
}