/* === OPEN ACCESS HEADER === */

body[data-sitename="openaccess"] .journal-header,
body[data-sitename="openaccess"] .widget-SitePageFooter .journal-footer.journal-bg {
    background: unset;
    background-color: #ff5d13;
}

body[data-sitename="openaccess"] .journal-header .journal-header_content .journal-logo_wrap a.journal-logo-link {
    color: #000000;
    font-size: 2rem;
}

body[data-sitename="openaccess"] .journal-header .journal-header_content .journal-logo_wrap a.journal-logo-link:hover {
    text-decoration: none;
}

body[data-sitename="openaccess"] .journal-header .site-menu .nav-link
{
    color: #000000 !important;
}

@media (max-width: 899px) {
    body[data-sitename="openaccess"] .journal-header .journal-header_content .navbar-menu_wrap .mobile-site-menu-toggle {
        color: #FFFFFF;
    }
}

body[data-sitename="openaccess"] .widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations a img {
    max-height: 2rem;
}

/* === OPEN ACCESS GATEWAY HOMEPAGE === */

.pg_index .theme-homepage-layout.gateway .hero-row {
   background-color: #ffe7dc;
}

.pg_index .theme-homepage-layout.gateway .home-row2 .widget-SelfServeContent {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1), 1.25em 1.25em 0 -0.5em #ffe7dc;
}

.pg_index .theme-homepage-layout.gateway .home-row2 .widget-SelfServeContent .homepage-panel-header {
    background-color: #ff5d13;
}

.pg_index .theme-homepage-layout.gateway .home-row3 .widget-SelfServeContent {
    background-color: #ffe7dc;
}

.pg_index .theme-homepage-layout.gateway .widget-SelfServeContent .homepage-panel-header.light-background {
    background-color: transparent;
}

.pg_index .theme-homepage-layout.gateway .home-row4 .widget-SelfServeContent,
.pg_index .theme-homepage-layout.gateway .home-row5 .widget-SelfServeContent {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1), 1.25em 1.25em 0 -0.5em #e1eded;
}

.pg_index .theme-homepage-layout div[class*=home-row]>.widget-dynamic__header {
    text-align: left;
}

/* ==========================================================
   OPEN ACCESS LANDING PAGE
   CONFIRMED BASELINE CSS
========================================================== */

:root {
    --oa-max-width: 1300px;
    --oa-gutter: 32px;

    --oa-peach: #fde3d8;
    --oa-orange: #ff5a16;
    --oa-teal: #0e5d66;

    --oa-journals: #08a88a;
    --oa-books: #ed6870;
    --oa-cases: #cfdd19;
    --oa-collections: #8b78ed;

    --oa-text: #222;
}


/* ==========================================================
   1. SILVERCHAIR PAGE STRUCTURE
   Confirmed from DevTools
========================================================== */

.pg_index .location-main-content.vt-index-widget-wrap,
.pg_index .location-main-content.yt-index-widget-wrap {
    width: 100% !important;
    max-width: none !important;
}


/* Main homepage widget */

.pg_index
.widget-instance-Home_MainContent {
    width: 100% !important;
    max-width: none !important;
}


.pg_index
.widget-instance-Home_MainContentB0 {
    width: 100% !important;
    max-width: none !important;
}


/* Main theme homepage wrapper */

.pg_index
.widget-instance-Home_MainContentB0
> .widget-dynamic.theme-homepage-layout {
    width: 100% !important;
    max-width: none !important;
}


/* Immediate wrapper around the homepage rows */

.pg_index
.widget-instance-Home_MainContentB0
> .widget-dynamic.theme-homepage-layout
> .widget-dynamic-inner-wrap {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================================
   2. HERO SILVERCHAIR ROW
   Confirmed widget:
   Home_MainContentB0B0
========================================================== */

.pg_index
.widget-instance-Home_MainContentB0B0 {
    width: 100% !important;
    max-width: none !important;
}


.pg_index
.widget-instance-Home_MainContentB0B0
> .widget-dynamic.hero-row {
    width: 100% !important;
    max-width: none !important;
}


/*
   Silverchair currently makes this wrapper flex.
   Keep the two CMS components available, but remove unwanted
   outer width restriction.
*/

.pg_index
.widget-instance-Home_MainContentB0B0
> .widget-dynamic.hero-row
> .widget-dynamic-inner-wrap {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Hero SelfServeContent widgets */

.pg_index
.widget-instance-Home_MainContentB0B0
.widget-SelfServeContent {
    min-width: 0;
}


/* ==========================================================
   3. CONTENT ROW
   Confirmed widget:
   Home_MainContentB0B1
========================================================== */

.pg_index
.widget-instance-Home_MainContentB0B1 {
    width: 100% !important;
    max-width: none !important;
}


.pg_index
.widget-instance-Home_MainContentB0B1
> .widget-dynamic.home-row2 {
    width: 100% !important;
    max-width: none !important;
}


/*
   This is the important Silverchair override.

   DevTools confirmed Silverchair is applying a grid to this
   wrapper and putting Sections 2 and 3 beside one another.

   We want them stacked.
*/

.pg_index
.widget-instance-Home_MainContentB0B1
> .widget-dynamic.home-row2
> .widget-dynamic-inner-wrap {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    grid-template-columns: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important;
}


/* Each SelfServeContent section occupies the full row */

.pg_index
.widget-instance-Home_MainContentB0B1
> .widget-dynamic.home-row2
> .widget-dynamic-inner-wrap
> .widget-SelfServeContent {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   4. SHARED OA CONTENT WIDTH
   Confirmed class present in DOM
========================================================== */

.oa-page-width {
    width: 100%;
    max-width: var(--oa-max-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--oa-gutter);
    padding-right: var(--oa-gutter);

    box-sizing: border-box;
}


/* ==========================================================
   5. SECTION 2 – LEARN MORE ABOUT OPEN ACCESS
   Confirmed classes present in DOM
========================================================== */

.oa-learn {
    display: block;
    width: 100%;

    padding: 48px 0 20px;

    background: #fff;
}


.oa-learn h2 {
    margin: 0 0 20px;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 400;

    color: var(--oa-text);
}


/* Confirmed DOM:
   <div class="oa-learn__grid">
       <article class="oa-info-card">
       <article class="oa-info-card">
       <article class="oa-info-card">
   </div>
*/

.oa-learn__grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 20px;

    width: 100%;
}


/* Individual information cards */

.oa-info-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    margin: 0;

    background: #fff;

    border: 1px solid var(--oa-orange);

    box-sizing: border-box;
}


/* Card heading */

.oa-info-card__header {
    display: block;

    padding: 21px 20px;

    background: var(--oa-orange);
}


.oa-info-card__header h3 {
    margin: 0;

    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;

    color: #000;
}


/* Card content */

.oa-info-card__body {
    flex: 1;

    padding: 16px 20px 20px;
}


/* ==========================================================
   6. OPEN ACCESS LINK LISTS
========================================================== */

.oa-link-list {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.oa-link-list li {
    position: relative;

    margin: 0 0 5px !important;

    padding: 0 0 0 20px !important;

    font-size: 14px;
    line-height: 1.3;
}


.oa-link-list li::before {
    content: "";

    position: absolute;

    left: 0;
    top: .52em;

    width: 10px;
    height: 6px;

    background: var(--oa-orange);
}


.oa-link-list a {
    color: var(--oa-teal) !important;

    text-decoration: underline;
}


/* Optional bullet colours already represented by classes
   in the HTML we created
*/

.oa-link-list__item--orange::before {
    background: #ff5a16 !important;
}

.oa-link-list__item--teal::before {
    background: #0aa58f !important;
}

.oa-link-list__item--green::before {
    background: #009b82 !important;
}

.oa-link-list__item--red::before {
    background: #ee675d !important;
}

.oa-link-list__item--pink::before {
    background: #ed6870 !important;
}


/* ==========================================================
   7. SECTION 3 – EXPLORE MORE FROM US
========================================================== */

.oa-explore {
    display: block;
    width: 100%;
    padding: 12px 0 60px;
    background: #fff;
}

.oa-explore .oa-page-width {
    width: 100%;
    max-width: var(--oa-max-width);
    margin: 0 auto;
    padding-left: var(--oa-gutter);
    padding-right: var(--oa-gutter);
    box-sizing: border-box;
}

.oa-explore h2 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 400;
    color: var(--oa-text);
}


/* ==========================================================
   8. EXPLORE CARD GRID
   The four .oa-explore-card ARTICLE elements are the only
   direct grid items.
========================================================== */

.oa-explore__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100%;
    align-items: stretch;
}

.oa-explore__grid > .oa-explore-card {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0;
    min-height: 180px;
    margin: 0 !important;
    padding: 16px !important;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: var(--oa-teal) !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.oa-explore__grid > .oa-explore-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   9. EXPLORE CARD CONTENT
========================================================== */

.oa-explore-card h3 {
    display: block;
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--oa-teal);
}

/* Coloured category bar */

.oa-explore-card__accent {
    display: block !important;
    width: 100% !important;
    height: 7px !important;
    min-height: 7px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    flex: none;
}

.oa-explore-card--journals .oa-explore-card__accent {
    background: var(--oa-journals);
}

.oa-explore-card--books .oa-explore-card__accent {
    background: var(--oa-books);
}

.oa-explore-card--cases .oa-explore-card__accent {
    background: var(--oa-cases);
}

.oa-explore-card--collections .oa-explore-card__accent {
    background: var(--oa-collections);
}

/* Description */

.oa-explore-card__description {
    display: block;
    margin: 0 0 22px !important;
    padding: 0 !important;
    font-size: 13px;
    line-height: 1.3;
    color: #555;
}

/* Bottom link */

.oa-explore-card__link {
    display: inline-block;
    margin-top: auto;
    color: var(--oa-teal) !important;
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none !important;
}

.oa-explore-card__link:hover,
.oa-explore-card__link:focus {
    text-decoration: underline !important;
}


/* ==========================================================
   10. HERO – FULL WIDTH / FLUSH TO NAV
   Confirmed DOM:
   Home_MainContentB0B0 > .widget.hero-row.light-background
========================================================== */

/* Remove spacing between the site navigation and homepage content. */
body[data-sitename="openaccess"].pg_index .index-inner-wrap,
body[data-sitename="openaccess"].pg_index .location-main-content,
body[data-sitename="openaccess"].pg_index .widget-instance-Home_MainContent,
body[data-sitename="openaccess"].pg_index .widget-instance-Home_MainContentB0,
body[data-sitename="openaccess"].pg_index .theme-homepage-layout.gateway,
body[data-sitename="openaccess"].pg_index
.theme-homepage-layout.gateway > .widget-dynamic-inner-wrap,
body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Keep the B0B0 wrapper completely unconstrained. */
body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* The actual peach hero strip fills the full available page width. */
body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0
> .widget.hero-row {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--oa-peach) !important;
}

/*
   The row is full width, but its two CMS components remain aligned
   to the same 1300px content boundary as the rest of the page.
*/
body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0
> .widget.hero-row
> .widget-dynamic-inner-wrap {
    width: 100% !important;
    max-width: var(--oa-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 32px var(--oa-gutter) !important;
    box-sizing: border-box;
}

/* Remove any inherited top spacing from either hero CMS component. */
body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0
.widget-SelfServeContent {
    margin-top: 0 !important;
}

body[data-sitename="openaccess"].pg_index .homepage-hero-wrap,
body[data-sitename="openaccess"].pg_index .hero-search-container {
    margin-top: 0 !important;
}

/* Remove default top margin from the first item inside the hero text block. */
body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap > :first-child {
    margin-top: 0 !important;
}

/* ==========================================================
   11. RESPONSIVE
========================================================== */

@media (max-width: 1100px) {

    :root {
        --oa-gutter: 28px;
    }

    .oa-explore__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

@media (max-width: 800px) {

    .oa-learn__grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 600px) {

    :root {
        --oa-gutter: 20px;
    }

    .oa-explore__grid {
        grid-template-columns: 1fr !important;
    }

    .oa-learn h2,
    .oa-explore h2 {
        font-size: 26px;
    }

}

/* ==========================================================
   OPEN ACCESS HERO – CTA + SEARCH
   Based on confirmed Silverchair search markup
========================================================== */

/* ----------------------------------------------------------
   HERO TWO-COLUMN LAYOUT
---------------------------------------------------------- */

body[data-sitename="openaccess"].pg_index
.widget-instance-Home_MainContentB0B0
> .widget.hero-row
> .widget-dynamic-inner-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 540px !important;
    gap: 48px !important;
    align-items: end !important;

    width: 100% !important;
    max-width: var(--oa-max-width) !important;

    margin: 0 auto !important;
    padding: 28px var(--oa-gutter) 24px !important;

    box-sizing: border-box;
}


/* ----------------------------------------------------------
   HERO COPY
---------------------------------------------------------- */

body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap h1 {
    margin: 0 0 12px !important;

    font-size: 30px;
    line-height: 1.15;
    font-weight: 500;

    color: #222;
}

body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap p {
    max-width: 760px !important;

    margin: 0 0 16px !important;

    font-size: 14px;
    line-height: 1.28;

    color: #222;
}


/* ----------------------------------------------------------
   LEFT CTA BUTTON
---------------------------------------------------------- */

body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap .button,
body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap a.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 212px;
    min-height: 36px;

    margin: 0 !important;
    padding: 8px 18px !important;

    background: #0e5d66 !important;

    border: 1px solid #0e5d66 !important;
    border-radius: 999px !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    box-sizing: border-box;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap .button:hover,
body[data-sitename="openaccess"].pg_index
.homepage-hero-wrap .button:focus {
    background: #fff !important;
    color: #0e5d66 !important;
    transform: translateY(-1px);
}


/* ==========================================================
   HERO SEARCH COMPONENT
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 9px !important;
}


/* ----------------------------------------------------------
   SEARCH BAR OUTER WRAPPER
---------------------------------------------------------- */

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search {
    flex: 1 1 auto !important;

    width: auto !important;
    max-width: 430px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container #MicrositeSearch {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border: 1px solid #aaa !important;
    border-radius: 3px !important;

    overflow: visible;

    box-sizing: border-box;
}


/* ==========================================================
   SEARCH TEXT FIELD
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-input_wrap {
    position: relative;

    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-input_wrap fieldset {
    position: relative;

    display: block !important;

    width: 100% !important;
    height: 34px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    box-sizing: border-box;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container #UmbrellaSearchTerm {
    display: block !important;

    position: relative !important;
    z-index: 2;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #222 !important;

    font-size: 12px !important;
    line-height: 34px !important;

    box-sizing: border-box;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container #UmbrellaSearchTerm::placeholder {
    color: #555 !important;
    opacity: 1;
}

/*
   Keep the autosuggest hint input available to Silverchair's JS,
   but remove it from normal layout so it cannot increase the
   height of the search component.
*/
body[data-sitename="openaccess"].pg_index
.hero-search-container .microsite-search-term-input-hint {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    border: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;

    box-sizing: border-box;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .term-list {
    position: absolute !important;
    top: 36px;
    left: 0;

    width: 100%;

    z-index: 20;
}


/* ==========================================================
   SEARCH FILTER
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-filter_wrap {
    display: block !important;

    flex: 0 0 150px !important;

    width: 150px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-left: 1px solid #ddd !important;

    box-sizing: border-box;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-filter {
    display: block !important;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 28px 0 10px !important;

    background-color: #fff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #222 !important;

    font-size: 12px !important;
    line-height: 34px !important;

    cursor: pointer;

    box-sizing: border-box;
}


/* ==========================================================
   SEARCH ICON
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-submit_wrap {
    display: flex !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 34px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border-left: 1px solid #eee !important;

    box-sizing: border-box;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-submit {
    display: flex !important;

    width: 40px !important;
    height: 34px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #111 !important;

    font-size: 18px !important;

    text-decoration: none !important;
}


/* ==========================================================
   ADVANCED SEARCH
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container .navbar-search-advanced {
    display: flex !important;

    flex: 0 0 66px !important;

    width: 66px !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .advanced-search {
    display: block !important;

    width: 66px;

    margin: 0 !important;
    padding: 0 !important;

    color: #222 !important;

    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;

    white-space: normal !important;

    text-decoration: none !important;
}

body[data-sitename="openaccess"].pg_index
.hero-search-container .advanced-search:hover,
body[data-sitename="openaccess"].pg_index
.hero-search-container .advanced-search:focus {
    text-decoration: underline !important;
}


/* ==========================================================
   REMOVE DUPLICATE RIGHT-HAND CTA
========================================================== */

body[data-sitename="openaccess"].pg_index
.hero-search-container .home-btn-wrap {
    display: none !important;
}


/* ==========================================================
   RESPONSIVE HERO
========================================================== */

@media (max-width: 1000px) {

    body[data-sitename="openaccess"].pg_index
    .widget-instance-Home_MainContentB0B0
    > .widget.hero-row
    > .widget-dynamic-inner-wrap {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body[data-sitename="openaccess"].pg_index
    .homepage-hero-wrap p {
        max-width: none !important;
    }

    body[data-sitename="openaccess"].pg_index
    .hero-search-container {
        justify-content: flex-start !important;
    }

}


@media (max-width: 600px) {

    body[data-sitename="openaccess"].pg_index
    .hero-search-container {
        flex-wrap: wrap !important;
    }

    body[data-sitename="openaccess"].pg_index
    .hero-search-container .navbar-search {
        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: none !important;
    }

    body[data-sitename="openaccess"].pg_index
    .hero-search-container .navbar-search-advanced {
        flex: 0 0 100% !important;

        width: 100% !important;

        margin-top: 6px !important;
    }

    body[data-sitename="openaccess"].pg_index
    .hero-search-container .advanced-search {
        width: auto !important;
    }

    body[data-sitename="openaccess"].pg_index
    .hero-search-container .navbar-search-filter_wrap {
        flex-basis: 125px !important;

        width: 125px !important;
    }

}