:root {
    --navy:#07366f;
    --blue:#0d659d;
    --orange:#ed7b16;
    --text:#24384a;
    --muted:#647789;
    --line:#dce6ef;
    --page:#f4f7fa;
}

*,
*::before,
*::after {
    box-sizing:border-box;
}

html,
body {
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

body {
    background:var(--page) !important;
    color:var(--text) !important;
    font-family:Arial,Helvetica,sans-serif !important;
}


/* =====================================================
   NAVIGATION
   ===================================================== */












/* =====================================================
   BODY
   ===================================================== */

.sv-page {
    width:min(1440px,94vw) !important;
    max-width:1440px !important;

    margin:32px auto 45px !important;
    padding:42px 48px !important;

    border:1px solid var(--line) !important;
    border-radius:10px !important;

    background:#fff !important;

    box-shadow:0 8px 26px rgba(15,49,82,.07) !important;
}

.sv-page h1 {
    margin:0 0 28px !important;
    padding:0 0 14px !important;

    border-bottom:3px solid var(--orange) !important;

    color:var(--navy) !important;

    font-size:34px !important;
    line-height:1.25 !important;
}

.sv-page h2 {
    margin:30px 0 15px !important;
    padding-bottom:9px !important;

    border-bottom:1px solid var(--line) !important;

    color:var(--navy) !important;

    font-size:22px !important;
}

.sv-page h3 {
    color:var(--blue) !important;
}

.sv-page p,
.sv-page li,
.sv-page td,
.sv-page th {
    font-size:15px !important;
    line-height:1.75 !important;
}


/* =====================================================
   FOOTER
   ===================================================== */

.jsrm-global-footer {
    display:block !important;

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

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

    background:var(--navy) !important;

    color:#d9e6f2 !important;
}

.jsrm-global-footer-inner {
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(500px,1fr) !important;

    gap:60px !important;

    width:min(1440px,94vw) !important;
    max-width:1440px !important;

    margin:0 auto !important;

    padding:38px 0 28px !important;
}

.jsrm-footer-info {
    display:flex !important;
    flex-direction:column !important;

    gap:4px !important;

    color:#d9e6f2 !important;

    font-size:13px !important;
    line-height:1.7 !important;
}

.jsrm-footer-title {
    color:#fff !important;

    font-size:15px !important;
    font-weight:700 !important;
}

.jsrm-footer-info a {
    color:#ffd166 !important;
    text-decoration:none !important;
}

.jsrm-footer-links {
    display:flex !important;
    flex-wrap:wrap !important;

    justify-content:flex-end !important;

    gap:13px 24px !important;
}

.jsrm-footer-links a {
    color:#fff !important;

    font-size:13px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    white-space:nowrap !important;
}

.jsrm-footer-bottom {
    width:min(1440px,94vw) !important;

    margin:0 auto !important;

    padding:18px 0 22px !important;

    border-top:1px solid rgba(255,255,255,.20) !important;

    color:#c5d5e4 !important;

    font-size:12px !important;

    text-align:center !important;
}


/* =====================================================
   REMOVE OLD / BROKEN STATIC STYLES
   ===================================================== */

body > img,
body > a > img:not(.sv-brand img) {
    max-width:100% !important;
}

.sv-head img:not(.sv-brand img) {
    display:none !important;
}


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

@media (max-width:900px) {

    

    

    .jsrm-global-footer-inner {
        grid-template-columns:1fr !important;
    }

    .jsrm-footer-links {
        justify-content:flex-start !important;
    }
}

@media (max-width:650px) {

    .sv-head-inner {
        flex-direction:column !important;
        justify-content:center !important;
        gap:10px !important;
    }

    .sv-brand img {
        max-width:180px !important;
        height:70px !important;
    }

    

    

    

    .sv-page {
        width:92vw !important;
        padding:25px 22px !important;
    }

    .jsrm-global-footer-inner {
        width:92vw !important;
        text-align:center !important;
    }

    .jsrm-footer-info {
        align-items:center !important;
    }

    .jsrm-footer-links {
        justify-content:center !important;
    }

    .jsrm-footer-bottom {
        width:92vw !important;
    }
}

/* ==========================================================
   JSRM CLEAN STATIC HEADER 2026
   Match native header
   ========================================================== */

.sv-head {
    width: 100% !important;
    height: 150px !important;

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

    background: #ffffff !important;

    overflow: visible !important;
}

.sv-head-inner {
    position: relative !important;

    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;

    align-items: center !important;

    width: min(1440px, 92vw) !important;
    max-width: 1440px !important;

    height: 150px !important;

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

    overflow: visible !important;
}


/* Logo LEFT */

.sv-brand {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 110px !important;
    max-width: 110px !important;

    height: 110px !important;
    max-height: 110px !important;

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

    justify-self: start !important;

    overflow: visible !important;

    background: transparent !important;
}

.sv-brand::before,
.sv-brand::after {
    content: none !important;
    display: none !important;
}

.sv-brand > img {
    position: static !important;

    display: block !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 105px !important;
    max-height: 105px !important;

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

    object-fit: contain !important;

    transform: none !important;

    background: transparent !important;
}


/* Account RIGHT */

.sv-account {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;

    width: auto !important;

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

    justify-self: end !important;

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;
}

.sv-account a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 52px !important;

    padding: 0 22px !important;

    border-radius: 5px !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}

.sv-register {
    min-width: 118px !important;

    border: 1px solid #07366f !important;

    background: #ffffff !important;
    color: #07366f !important;
}

.sv-login {
    min-width: 100px !important;

    border: 1px solid #07366f !important;

    background: #07366f !important;
    color: #ffffff !important;
}


/* Navigation */










/* Mobile */

@media (max-width:650px) {

    .sv-head,
    .sv-head-inner {
        height: 115px !important;
    }

    .sv-brand,
    .sv-brand > img {
        width: 82px !important;
        height: 82px !important;
    }

    .sv-account a {
        min-width: auto !important;
        height: 40px !important;

        padding: 0 11px !important;

        font-size: 13px !important;
    }
}


/* JSRM STATIC NAV SYNC START */


/* ==========================================================
   SAME NAVIGATION ARCHITECTURE AS OJS HEADER
   ========================================================== */

























/* ==========================================================
   DROPDOWN
   ========================================================== */
















/* ==========================================================
   HEADER / LOGO / ACCOUNT PRESERVE
   ========================================================== */

.sv-head {

    width: 100% !important;

    background: #ffffff !important;
}


.sv-head-inner {

    display: flex !important;

    align-items: center !important;

    width: min(1440px,94vw) !important;
    max-width: 1440px !important;

    min-height: 145px !important;

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


.sv-brand {

    display: flex !important;

    align-items: center !important;

    width: auto !important;
    height: auto !important;

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

    overflow: visible !important;

    background: none !important;
}


.sv-brand img {

    display: block !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 105px !important;
    max-height: 105px !important;

    object-fit: contain !important;

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


.sv-account {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    margin-left: auto !important;
}


.sv-register,
.sv-login {

    display: inline-flex !important;

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

    min-height: 46px !important;

    box-sizing: border-box !important;

    padding: 0 20px !important;

    border-radius: 5px !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


.sv-register {

    border:
        1px solid #07366f !important;

    color:
        #07366f !important;

    background:
        #ffffff !important;
}


.sv-login {

    border:
        1px solid #07366f !important;

    color:
        #ffffff !important;

    background:
        #07366f !important;
}


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




@media (max-width: 780px) {

    .sv-head-inner {

        width: 92vw !important;

        min-height:
            110px !important;
    }


    .sv-brand img {

        width:
            80px !important;

        height:
            80px !important;
    }


    


    


    


    


    


    


    

}


/* JSRM STATIC NAV SYNC END */


/* ==========================================================
   JSRM STATIC ROOT FINAL FIX START

   Purpose:
   1. Match static header with OJS header
   2. Force logo LEFT
   3. Preserve Register/Login RIGHT
   4. Add exactly ONE dropdown arrow
   5. Restore professional static page/content layout
   ========================================================== */


/* ==========================================================
   A. HEADER CONTAINER
   ========================================================== */

.sv-head {
    position: relative !important;

    width: 100% !important;

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

    background: #ffffff !important;

    overflow: visible !important;
}


.sv-head-inner {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: min(1440px, 94vw) !important;
    max-width: 1440px !important;

    min-height: 145px !important;
    height: 145px !important;

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

    overflow: visible !important;
}


/* ==========================================================
   B. FORCE LOGO LEFT
   Reset old centered/static-page rules completely
   ========================================================== */

.sv-brand {
    position: static !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    float: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 105px !important;
    max-height: 105px !important;

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

    transform: none !important;

    overflow: visible !important;

    background: none !important;
    background-image: none !important;
}


/* Kill old generated/pseudo logo mechanisms */

.sv-brand::before,
.sv-brand::after,
.sv-head::before,
.sv-head::after,
.sv-head-inner::before,
.sv-head-inner::after {
    content: none !important;

    display: none !important;

    background: none !important;
    background-image: none !important;
}


.sv-brand img {
    position: static !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 105px !important;
    max-height: 105px !important;

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

    object-fit: contain !important;
    object-position: left center !important;

    transform: none !important;

    background: transparent !important;
}


/* ==========================================================
   C. REGISTER / LOGIN RIGHT
   ========================================================== */

.sv-account {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;

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

    transform: none !important;

    visibility: visible !important;
    opacity: 1 !important;
}


.sv-register,
.sv-login {
    display: inline-flex !important;

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

    min-height: 46px !important;

    box-sizing: border-box !important;

    padding: 0 20px !important;

    border-radius: 5px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


.sv-register {
    color: #07366f !important;

    background: #ffffff !important;

    border: 1px solid #07366f !important;
}


.sv-login {
    color: #ffffff !important;

    background: #07366f !important;

    border: 1px solid #07366f !important;
}


/* ==========================================================
   D. NAVIGATION
   ========================================================== */



















/* ==========================================================
   E. EXACTLY ONE STATIC DROPDOWN ARROW
   Static pages do NOT receive OJS automatic arrow.
   ========================================================== */




/* ==========================================================
   F. DROPDOWN
   ========================================================== */
















/* ==========================================================
   G. PROFESSIONAL STATIC PAGE BODY
   This is the missing part on /for-reviewers
   ========================================================== */

.sv-main {
    display: block !important;

    width: 100% !important;

    min-height: 500px !important;

    margin: 0 !important;

    background: #f4f7fa !important;
}


.sv-page-hero {
    width: min(1440px, 94vw) !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding: 45px 0 20px !important;
}


.sv-eyebrow {
    display: block !important;

    margin: 0 0 8px !important;

    color: #b37a10 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;
}


.sv-page-hero h1 {
    margin: 0 !important;

    color: #07366f !important;

    font-size: 42px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;
}


.sv-content {
    width: min(1440px, 94vw) !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding: 0 0 55px !important;
}


.sv-content > section {
    box-sizing: border-box !important;

    margin: 0 0 24px !important;

    padding: 28px 32px !important;

    background: #ffffff !important;

    border: 1px solid #dce5ed !important;

    border-radius: 7px !important;

    box-shadow:
        0 5px 18px rgba(15,55,90,.06) !important;
}


.sv-content h2 {
    margin:
        0 0 16px !important;

    color: #07366f !important;

    font-size: 26px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


.sv-content h3 {
    color: #17496f !important;

    font-size: 20px !important;
}


.sv-content p,
.sv-content li {
    color: #233f57 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


.sv-content ul,
.sv-content ol {
    padding-left: 28px !important;
}


.sv-content a {
    color: #0872b9 !important;
}


/* Existing older static pages should remain usable */

.sv-content table {
    width: 100% !important;

    border-collapse: collapse !important;
}


.sv-content th,
.sv-content td {
    padding: 12px 14px !important;

    border: 1px solid #dce5ed !important;

    text-align: left !important;
    vertical-align: top !important;
}


.sv-content th {
    color: #07366f !important;

    background: #edf5fb !important;
}


/* ==========================================================
   H. RESPONSIVE
   ========================================================== */




@media (max-width: 780px) {

    .sv-head-inner {
        width: 92vw !important;

        min-height: 110px !important;
        height: 110px !important;
    }


    .sv-brand,
    .sv-brand img {
        width: 80px !important;
        max-width: 80px !important;

        height: 80px !important;
        max-height: 80px !important;
    }


    .sv-register,
    .sv-login {
        min-height: 40px !important;

        padding:
            0 12px !important;

        font-size:
            12px !important;
    }


    


    


    


    


    


    


    


    .sv-page-hero,
    .sv-content {
        width: 90vw !important;
    }


    .sv-page-hero {
        padding:
            32px 0 18px !important;
    }


    .sv-page-hero h1 {
        font-size:
            32px !important;
    }


    .sv-content > section {
        padding:
            22px 20px !important;
    }

}


/* JSRM STATIC ROOT FINAL FIX END */


/* ==========================================================
   JSRM STATIC DROPDOWN OJS MATCH START
   Match /about etc. dropdowns to native OJS homepage dropdown
   ========================================================== */


/* Parent item */




/* Exact dropdown shell */




/* Open only on hover/focus */




/* Reset inherited LI sizing */




/* Match native OJS dropdown links */




/* Hover matches OJS */




/* Remove any inherited separators */




/*
 * Dropdown arrow belongs ONLY to top-level menu anchor.
 * One small arrow like OJS.
 */




/* Never put arrows inside dropdown links */




/* Mobile keeps dropdown inline */




/* JSRM STATIC DROPDOWN OJS MATCH END */

/* ==========================================================
   JSRM STATIC NAVIGATION CANONICAL START
   SINGLE AUTHORITATIVE NAVIGATION DEFINITION
   ========================================================== */

.sv-nav {
    position: relative !important;
    z-index: 50000 !important;

    width: 100% !important;

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

    background: #07366f !important;

    overflow: visible !important;
}


.sv-nav-inner {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

    width: min(1440px,94vw) !important;
    max-width: 1440px !important;

    min-height: 72px !important;

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

    overflow: visible !important;
}


.sv-primary-menu {
    display: flex !important;
    align-items: stretch !important;

    flex: 1 1 auto !important;

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

    list-style: none !important;

    overflow: visible !important;
}


.sv-primary-menu > li {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

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


.sv-primary-menu > li > a,
.sv-search {
    display: flex !important;

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

    min-height: 72px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 0 14px !important;

    color: #ffffff !important;

    background: transparent !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: none !important;

    white-space: nowrap !important;
}


.sv-search {
    margin-left: auto !important;
}


.sv-primary-menu > li > a:hover,
.sv-primary-menu > li > a:focus,
.sv-search:hover,
.sv-search:focus {
    color: #ffffff !important;

    background: rgba(255,255,255,.09) !important;
}


/* ONE dropdown arrow */



/* EXACT submenu shell */

.sv-submenu {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    display: none !important;

    box-sizing: border-box !important;

    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;

    height: auto !important;
    min-height: 0 !important;

    max-height: 470px !important;

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

    overflow-x: hidden !important;
    overflow-y: auto !important;

    list-style: none !important;

    background: #ffffff !important;

    border: 1px solid #dbe5ee !important;
    border-top: 3px solid #d6a42c !important;

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

    box-shadow:
        0 16px 34px rgba(8,47,87,.18) !important;

    z-index: 999999 !important;
}


.sv-has-submenu:hover > .sv-submenu,
.sv-has-submenu:focus-within > .sv-submenu {
    display: block !important;
}


.sv-submenu > li {
    position: static !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    background: transparent !important;

    border: 0 !important;
}


.sv-submenu > li > a {
    position: static !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 10px 13px !important;

    color: #0872b9 !important;

    background: #ffffff !important;

    border: 0 !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    text-decoration: none !important;
    text-transform: none !important;

    white-space: normal !important;
}


.sv-submenu > li > a:hover,
.sv-submenu > li > a:focus {
    color: #006798 !important;

    background: #edf5fb !important;
}


/* submenu links must never have arrows */

.sv-submenu a::before,
.sv-submenu a::after,
.sv-submenu li::before,
.sv-submenu li::after {
    content: none !important;

    display: none !important;
}


/* Responsive */

@media (max-width:1180px) {

    .sv-primary-menu > li > a,
    .sv-search {
        padding: 0 9px !important;

        font-size: 12px !important;
    }

}


@media (max-width:780px) {

    .sv-nav-inner {
        display: block !important;

        width: 100% !important;
    }


    .sv-primary-menu {
        display: block !important;

        width: 100% !important;
    }


    .sv-primary-menu > li {
        display: block !important;

        width: 100% !important;
    }


    .sv-primary-menu > li > a,
    .sv-search {
        justify-content: flex-start !important;

        width: 100% !important;

        min-height: auto !important;

        padding: 12px 18px !important;
    }


    .sv-search {
        margin-left: 0 !important;
    }


    .sv-submenu {
        position: static !important;

        display: block !important;

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

        max-height: none !important;

        padding: 0 0 5px 18px !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        background: #062d5d !important;
    }


    .sv-submenu > li > a {
        color: #dceafb !important;

        background: transparent !important;

        padding: 8px 14px !important;
    }

}

/* JSRM STATIC NAVIGATION CANONICAL END */

/* ============================================================
   JSRM FINAL DROPDOWN SYNC - MATCH NATIVE MASTER (2026-08-08)
   One arrow only • 285px • gold top border • same padding
   ============================================================ */

.sv-has-submenu > a::after {
  content: "▾" !important;
  display: inline-block !important;
  margin-left: 5px !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 0.85 !important;
}

/* Never put arrows on submenu links */
.sv-submenu a::before,
.sv-submenu a::after,
.sv-submenu li::before,
.sv-submenu li::after {
  content: none !important;
  display: none !important;
}

.sv-submenu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  display: none !important;
  box-sizing: border-box !important;
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
  max-height: 470px !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid #dbe5ee !important;
  border-top: 3px solid #d6a42c !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 16px 34px rgba(8,47,87,.18) !important;
  z-index: 999999 !important;
}

.sv-has-submenu:hover > .sv-submenu,
.sv-has-submenu:focus-within > .sv-submenu {
  display: block !important;
}

.sv-submenu > li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sv-submenu > li > a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  color: #173d61 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.sv-submenu > li > a:hover,
.sv-submenu > li > a:focus {
  background: #f0f6fb !important;
  color: #0b3a66 !important;
}

/* ============================================================
   FINAL FORCE - 2026-08-08 night
   Ensure exact match with native master dropdown
   ============================================================ */

.sv-primary-menu .sv-has-submenu > a::after {
  content: "▾" !important;
  display: inline-block !important;
  margin-left: 5px !important;
  color: #ffffff !important;
  font-size: 10px !important;
  opacity: 0.85 !important;
}

.sv-primary-menu .sv-submenu {
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
  padding: 7px 0 !important;
  border-top: 3px solid #d6a42c !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 16px 34px rgba(8,47,87,.18) !important;
}

.sv-primary-menu .sv-submenu > li > a {
  padding: 10px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #173d61 !important;
}

/* JSRM STATIC HEADER SPACING FINAL START */

.sv-head-inner {
    min-height: 120px !important;
    height: 120px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* JSRM STATIC HEADER SPACING FINAL END */


/* JSRM STATIC SINGLE LOGO ROOT FIX START */

/*
 * Static HTML contains exactly ONE real logo IMG.
 * Remove every possible generated/background logo layer
 * inside the static header while preserving that IMG.
 */

.sv-head,
.sv-head-inner,
.sv-brand {
    background-image: none !important;
}


/* No generated header artwork */

.sv-head::before,
.sv-head::after,
.sv-head-inner::before,
.sv-head-inner::after,
.sv-brand::before,
.sv-brand::after {
    content: none !important;
    display: none !important;

    background: none !important;
    background-image: none !important;

    width: 0 !important;
    height: 0 !important;
}


/* Preserve exactly the real logo */

.sv-head .sv-brand > img {
    position: static !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 105px !important;
    max-height: 105px !important;

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

    object-fit: contain !important;
    object-position: left center !important;

    transform: none !important;

    background: transparent !important;
    background-image: none !important;
}


/* JSRM STATIC SINGLE LOGO ROOT FIX END */

/* SCHOLARVISTA_STATIC_MOBILE_CLEAN_V3_START */

@media (max-width:780px) {

    html,
    body {
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    /* ==========================================
       HEADER
       ========================================== */

    .sv-head {
        position:relative !important;
        display:block !important;

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

        height:auto !important;
        min-height:82px !important;

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

        background:#fff !important;

        overflow:visible !important;
    }

    .sv-head-inner {
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:82px !important;

        margin:0 !important;

        padding:8px 64px 8px 12px !important;

        box-sizing:border-box !important;

        overflow:visible !important;
    }

    .sv-brand {
        position:static !important;

        display:flex !important;
        align-items:center !important;

        width:auto !important;
        max-width:calc(100% - 5px) !important;

        height:auto !important;

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

        transform:none !important;
    }

    .sv-brand img,
    .sv-head img {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:100% !important;
        max-height:64px !important;

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

        object-fit:contain !important;
        object-position:left center !important;

        transform:none !important;
    }


    /* ==========================================
       REAL HAMBURGER CREATED BY JS
       ========================================== */

    .sv-mobile-toggle {
        position:absolute !important;

        top:50% !important;
        right:12px !important;
        left:auto !important;

        transform:translateY(-50%) !important;

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

        width:44px !important;
        height:44px !important;
        min-width:44px !important;

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

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

        box-sizing:border-box !important;

        background:#07366f !important;
        color:#fff !important;

        font-family:Arial,sans-serif !important;
        font-size:25px !important;
        font-weight:400 !important;
        line-height:1 !important;

        z-index:99999 !important;

        cursor:pointer !important;
    }


    /* ==========================================
       ACCOUNT
       JS MOVES IT INSIDE .sv-nav-inner
       ========================================== */

    .sv-head .sv-account {
        display:none !important;
    }


    /* ==========================================
       NAVIGATION CONTAINER

       CRITICAL FIX:
       Remove old desktop absolute/flex widths.
       ========================================== */

    .sv-nav {
        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        display:block !important;

        float:none !important;

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

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

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

        box-sizing:border-box !important;

        background:#fff !important;

        overflow:visible !important;

        transform:none !important;

        z-index:1000 !important;
    }

    .sv-nav-inner {
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        display:block !important;

        float:none !important;

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

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

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

        box-sizing:border-box !important;

        background:#fff !important;

        overflow:visible !important;

        transform:none !important;
    }


    /* Kill old pseudo hamburger */
    .sv-nav::before,
    .sv-nav::after,
    .sv-nav-inner::before,
    .sv-nav-inner::after {
        content:none !important;
        display:none !important;
    }


    /* ==========================================
       CLOSED STATE
       ========================================== */

    .sv-nav .sv-primary-menu,
    .sv-nav .sv-mobile-account {
        display:none !important;
    }


    /* ==========================================
       OPEN STATE
       ========================================== */

    .sv-nav.sv-mobile-open {
        display:block !important;

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

        background:#fff !important;

        border-top:1px solid #dfe7ed !important;
        border-bottom:1px solid #dfe7ed !important;
    }

    .sv-nav.sv-mobile-open .sv-nav-inner {
        display:block !important;

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

        padding:8px 10px 10px !important;

        box-sizing:border-box !important;

        background:#fff !important;
    }


    /* ==========================================
       REGISTER / LOGIN
       ========================================== */

    .sv-nav.sv-mobile-open .sv-mobile-account {
        position:static !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:stretch !important;

        float:none !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;

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

        box-sizing:border-box !important;

        gap:8px !important;

        background:#fff !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open .sv-mobile-account > a {
        position:static !important;

        flex:1 1 0 !important;

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

        float:none !important;

        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        height:44px !important;
        min-height:44px !important;

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

        box-sizing:border-box !important;

        border-radius:5px !important;

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

        text-align:center !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open .sv-register {
        background:#fff !important;
        color:#07366f !important;
        border:1px solid #bfcfdd !important;
    }

    .sv-nav.sv-mobile-open .sv-login {
        background:#07366f !important;
        color:#fff !important;
        border:1px solid #07366f !important;
    }


    /* ==========================================
       PRIMARY MENU — FULL WIDTH
       ========================================== */

    .sv-nav.sv-mobile-open .sv-primary-menu {
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        display:block !important;

        float:none !important;

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

        height:auto !important;

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

        box-sizing:border-box !important;

        list-style:none !important;

        background:#fff !important;

        white-space:normal !important;

        overflow:visible !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open .sv-primary-menu > li {
        position:relative !important;

        display:block !important;

        float:none !important;

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

        height:auto !important;

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

        box-sizing:border-box !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:1px solid #e3e9ee !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open .sv-primary-menu > li > a {
        position:relative !important;

        display:flex !important;
        align-items:center !important;

        float:none !important;

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

        height:auto !important;
        min-height:48px !important;

        margin:0 !important;
        padding:12px 42px 12px 14px !important;

        box-sizing:border-box !important;

        background:#fff !important;
        color:#17354f !important;

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

        font-size:14px !important;
        font-weight:600 !important;
        line-height:1.35 !important;

        text-align:left !important;
        white-space:normal !important;

        text-decoration:none !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open
    .sv-primary-menu > li:first-child > a {
        background:#075fb9 !important;
        color:#fff !important;

        border-radius:5px !important;

        margin-bottom:4px !important;
    }


    /* ==========================================
       ACCORDION ARROW
       ========================================== */

    .sv-nav.sv-mobile-open
    .sv-primary-menu
    > .sv-has-submenu
    > a::after {

        content:"⌄" !important;

        position:absolute !important;

        top:50% !important;
        right:14px !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        transform:translateY(-50%) !important;

        color:inherit !important;

        background:none !important;

        border:0 !important;

        font-size:16px !important;
        line-height:1 !important;
    }

    .sv-nav.sv-mobile-open
    .sv-primary-menu
    > .sv-has-submenu.sv-submenu-open
    > a::after {

        transform:
            translateY(-50%)
            rotate(180deg) !important;
    }


    /* ==========================================
       SUBMENUS
       ========================================== */

    .sv-nav.sv-mobile-open .sv-submenu {
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        display:none !important;

        float:none !important;

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

        height:auto !important;

        margin:0 !important;
        padding:0 0 5px 14px !important;

        box-sizing:border-box !important;

        background:#f6f9fb !important;

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

        box-shadow:none !important;

        opacity:1 !important;
        visibility:visible !important;

        overflow:visible !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open
    .sv-has-submenu.sv-submenu-open
    > .sv-submenu {
        display:block !important;
    }

    .sv-nav.sv-mobile-open
    .sv-has-submenu:not(.sv-submenu-open)
    > .sv-submenu {
        display:none !important;
    }

    .sv-nav.sv-mobile-open .sv-submenu > li {
        position:static !important;

        display:block !important;

        float:none !important;

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

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

        box-sizing:border-box !important;

        background:#f6f9fb !important;

        border-bottom:1px solid #e5ebf0 !important;
    }

    .sv-nav.sv-mobile-open .sv-submenu > li > a {
        position:static !important;

        display:block !important;

        float:none !important;

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

        min-height:44px !important;

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

        box-sizing:border-box !important;

        background:#f6f9fb !important;
        color:#075b91 !important;

        font-size:13px !important;
        font-weight:500 !important;
        line-height:1.4 !important;

        white-space:normal !important;

        text-decoration:none !important;

        transform:none !important;
    }

    .sv-nav.sv-mobile-open .sv-submenu a::before,
    .sv-nav.sv-mobile-open .sv-submenu a::after,
    .sv-nav.sv-mobile-open .sv-submenu li::before,
    .sv-nav.sv-mobile-open .sv-submenu li::after {
        content:none !important;
        display:none !important;
    }


    /* ==========================================
       CONTENT MUST COME AFTER MENU
       ========================================== */

    .sv-nav + *,
    main,
    .sv-main,
    .sv-content {
        position:relative !important;
        clear:both !important;

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

        z-index:auto !important;
    }
}


@media (min-width:781px) {

    /*
     * JS creates the button on desktop too,
     * but it must never display there.
     */
    .sv-mobile-toggle {
        display:none !important;
    }

}


@media (max-width:420px) {

    .sv-head,
    .sv-head-inner {
        min-height:76px !important;
    }

    .sv-head-inner {
        padding-left:10px !important;
        padding-right:58px !important;
    }

    .sv-brand img,
    .sv-head img {
        max-height:58px !important;
    }

    .sv-mobile-toggle {
        right:10px !important;

        width:42px !important;
        height:42px !important;
        min-width:42px !important;

        font-size:23px !important;
    }
}

/* SCHOLARVISTA_STATIC_MOBILE_CLEAN_V3_END */
/* ==========================================================
   ScholarVista Static Pages — Native OJS Account Dropdown
   2026-09-05
   ========================================================== */

.sv-account {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
}

.sv-user-menu {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
    z-index: 10000 !important;
}

/* admin trigger */
.sv-user-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-width: 150px !important;
    height: 58px !important;
    padding: 0 25px !important;

    background: #ffffff !important;
    border: 1px solid #b8d8ef !important;
    border-radius: 14px !important;

    color: #073f73 !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.sv-user-trigger:hover,
.sv-user-trigger:focus {
    background: #f8fbfe !important;
    border-color: #91c3e6 !important;
    outline: none !important;
}

.sv-user-trigger strong {
    color: inherit !important;
    font: inherit !important;
}

.sv-user-arrow {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.sv-user-open .sv-user-arrow {
    transform: rotate(180deg) !important;
}

/* IMPORTANT:
   dropdown is CLOSED by default */
.sv-user-dropdown {
    display: none !important;

    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;
    left: auto !important;

    width: 350px !important;
    min-width: 350px !important;

    padding: 16px 14px 14px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid #e0eaf2 !important;
    border-radius: 20px !important;

    box-shadow:
        0 18px 45px rgba(15, 45, 70, .16),
        0 4px 12px rgba(15, 45, 70, .06) !important;

    box-sizing: border-box !important;
    z-index: 10001 !important;
    overflow: visible !important;
}

/* open only after JS adds .sv-user-open */
.sv-user-menu.sv-user-open .sv-user-dropdown {
    display: block !important;
}

/* native OJS-like little arrow above dropdown */
.sv-user-dropdown::before {
    content: "" !important;
    position: absolute !important;
    top: -9px !important;
    right: 49px !important;

    width: 16px !important;
    height: 16px !important;

    background: #ffffff !important;
    border-left: 1px solid #e0eaf2 !important;
    border-top: 1px solid #e0eaf2 !important;

    transform: rotate(45deg) !important;
}

/* Reset ALL inherited static nav/button styles */
.sv-user-dropdown > a {
    display: flex !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

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

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 17px 20px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;

    color: #07558a !important;

    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;

    box-shadow: none !important;
}

.sv-user-dropdown > a:hover,
.sv-user-dropdown > a:focus {
    background: #f4f8fb !important;
    color: #063f72 !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Logout = native blue button */
.sv-user-dropdown > a:last-child {
    margin-top: 8px !important;
    padding: 17px 20px !important;

    background: #0b447d !important;
    color: #ffffff !important;

    border-radius: 6px !important;
}

.sv-user-dropdown > a:last-child:hover,
.sv-user-dropdown > a:last-child:focus {
    background: #083968 !important;
    color: #ffffff !important;
}

/* Logged-out state should remain normal */
.sv-account > a {
    text-decoration: none;
}

/* Ensure header never clips dropdown */
.sv-top,
.sv-header,
.sv-header-inner,
.sv-header-actions,
header {
    overflow: visible !important;
}

/* Mobile */
@media (max-width: 768px) {

    .sv-user-trigger {
        min-width: 125px !important;
        height: 50px !important;
        padding: 0 18px !important;
        font-size: 15px !important;
    }

    .sv-user-dropdown {
        width: min(320px, calc(100vw - 32px)) !important;
        min-width: 0 !important;
        right: 0 !important;
    }

    .sv-user-dropdown > a {
        font-size: 15px !important;
        padding: 15px 16px !important;
    }
}

/* END ScholarVista Static Native Account Dropdown */
/* ==========================================================
   ScholarVista Static Account Dropdown — Stacking Fix
   ========================================================== */

/*
 * Keep the account/header layer ABOVE the blue navigation bar.
 * This allows the native-style dropdown to overlap the navbar
 * instead of being hidden behind it.
 */

.sv-top,
.sv-header,
.sv-header-inner,
.sv-header-actions,
.sv-account {
    position: relative !important;
    z-index: 20000 !important;
    overflow: visible !important;
}

.sv-user-menu {
    position: relative !important;
    z-index: 20010 !important;
    overflow: visible !important;
}

.sv-user-dropdown {
    z-index: 20020 !important;
}

/* Blue primary navigation must remain below account dropdown */
.sv-nav,
.sv-primary-nav,
.sv-navigation,
nav,
header + nav {
    z-index: 1000 !important;
}

/* END ScholarVista Static Account Dropdown Stacking Fix */


/* ==========================================================
   JSRM STATIC HEADER LOGO — MATCH NATIVE OJS
   Authoritative final override
   ========================================================== */

@media screen and (min-width: 769px) {

    html body .sv-head .sv-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

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

        overflow: visible !important;
        background: none !important;
        border: 0 !important;
    }

    html body .sv-head .sv-brand > img {
        display: block !important;

        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

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

        object-fit: contain !important;
        object-position: left center !important;

        transform: none !important;
    }
}


/* Mobile — same native OJS behaviour */

@media screen and (max-width: 768px) {

    html body .sv-head .sv-brand {
        width: 280px !important;
        max-width: 280px !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;
    }

    html body .sv-head .sv-brand > img {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: 90px !important;

        object-fit: contain !important;
        object-position: left center !important;

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

/* JSRM STATIC HEADER LOGO — MATCH NATIVE OJS END */


/* ==========================================================
   JSRM STATIC MOBILE NAVIGATION — FINAL SINGLE OWNER
   ========================================================== */

@media screen and (max-width: 600px) {

    html,
    body {
        overflow-x: hidden !important;
    }

    #headerNavigationContainer.sv-head {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 96px !important;
        height: auto !important;

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

        position: relative !important;

        overflow: visible !important;
    }


    /* ======================================================
       HEADER
       ====================================================== */

    #headerNavigationContainer .sv-head-inner {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 96px !important;
        height: 96px !important;

        margin: 0 !important;
        padding: 8px 64px 8px 10px !important;

        position: relative !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* ======================================================
       LOGO
       ====================================================== */

    #headerNavigationContainer .pkp_site_name_wrapper {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 280px !important;

        height: 80px !important;

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

        position: static !important;
    }

    #headerNavigationContainer .pkp_site_name {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 280px !important;

        height: 80px !important;

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

    #headerNavigationContainer .pkp_site_name img {
        display: block !important;

        width: 100% !important;
        max-width: 280px !important;

        height: auto !important;
        max-height: 84px !important;

        object-fit: contain !important;
    }


    /* ======================================================
       HAMBURGER
       ====================================================== */

    #headerNavigationContainer
    .pkp_site_nav_toggle:not(.sv-menu-toggle) {
        display: none !important;
    }

    #headerNavigationContainer .sv-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: absolute !important;

        top: 24px !important;
        right: 10px !important;
        left: auto !important;

        width: 48px !important;
        height: 48px !important;

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

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

        background: #073f79 !important;

        cursor: pointer !important;
        pointer-events: auto !important;

        z-index: 100010 !important;
    }

    #headerNavigationContainer
    .sv-menu-toggle > span {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    #headerNavigationContainer
    .sv-menu-toggle::before {
        content: "☰" !important;

        color: #fff !important;

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

    #headerNavigationContainer
    .sv-menu-toggle.sv-menu-open::before {
        content: "×" !important;

        font-size: 35px !important;
    }


    /* ======================================================
       ACCOUNT BUTTONS
       Hidden from header while menu closed.
       Shown at bottom when menu open.
       ====================================================== */

    #headerNavigationContainer .sv-account {
        display: none !important;
    }


    /* ======================================================
       NAV CLOSED
       ====================================================== */

    #headerNavigationContainer .sv-nav {
        display: none !important;
    }


    /* ======================================================
       NAV OPEN
       ====================================================== */

    #headerNavigationContainer .sv-nav.sv-mobile-open {
        display: block !important;

        position: absolute !important;

        top: 96px !important;
        left: 0 !important;
        right: 0 !important;

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

        height: auto !important;
        max-height: calc(100vh - 96px) !important;

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

        background: #fff !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        transform: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;

        z-index: 100000 !important;

        box-sizing: border-box !important;
    }

    #headerNavigationContainer
    .sv-nav.sv-mobile-open,
    #headerNavigationContainer
    .sv-nav.sv-mobile-open * {
        pointer-events: auto !important;
    }


    /* ======================================================
       NAV INNER
       ====================================================== */

    #headerNavigationContainer .sv-nav-inner,
    #headerNavigationContainer
    .pkp_navigation_primary_wrapper {

        display: block !important;

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

        height: auto !important;

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

        position: static !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       PRIMARY MENU
       ====================================================== */

    #headerNavigationContainer .sv-primary-menu {
        display: block !important;

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

        height: auto !important;

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

        position: static !important;

        float: none !important;

        list-style: none !important;

        box-sizing: border-box !important;
    }

    #headerNavigationContainer
    .sv-primary-menu > li {

        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        position: relative !important;

        float: none !important;

        overflow: visible !important;

        border-bottom: 1px solid #edf1f4 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       PRIMARY LINKS
       ====================================================== */

    #headerNavigationContainer
    .sv-primary-menu > li > a {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 54px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 14px 44px 14px 16px !important;

        position: relative !important;

        float: none !important;

        color: #082f53 !important;
        -webkit-text-fill-color: #082f53 !important;

        background: #fff !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 24px !important;

        text-decoration: none !important;
        text-align: left !important;

        pointer-events: auto !important;

        box-sizing: border-box !important;
    }

    #headerNavigationContainer
    .sv-primary-menu > li > a:hover,

    #headerNavigationContainer
    .sv-primary-menu > li > a:focus {

        color: #075b91 !important;
        -webkit-text-fill-color: #075b91 !important;

        background: #f6f9fb !important;
    }


    /* ======================================================
       ARROW
       ====================================================== */

    #headerNavigationContainer
    .sv-primary-menu
    > .sv-has-submenu
    > a
    .jsrm-nav-arrow {

        display: block !important;

        position: absolute !important;

        right: 16px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        color: #244b6a !important;

        font-size: 15px !important;
        line-height: 1 !important;
    }

    #headerNavigationContainer
    .sv-primary-menu
    > .sv-has-submenu.sv-submenu-open
    > a
    .jsrm-nav-arrow {

        transform:
            translateY(-50%)
            rotate(180deg) !important;
    }


    /* ======================================================
       SUBMENU CLOSED
       ====================================================== */

    #headerNavigationContainer
    .sv-primary-menu
    > .sv-has-submenu
    > .sv-submenu {

        display: none !important;
    }


    /* ======================================================
       SUBMENU OPEN
       ====================================================== */

    #headerNavigationContainer
    .sv-primary-menu
    > .sv-has-submenu.sv-submenu-open
    > .sv-submenu {

        display: block !important;

        position: static !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        background: #f8fafc !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;

        list-style: none !important;

        box-sizing: border-box !important;
    }

    #headerNavigationContainer
    .sv-submenu > li {

        display: block !important;

        width: 100% !important;

        height: auto !important;

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

        position: static !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    #headerNavigationContainer
    .sv-submenu > li > a {

        display: block !important;

        width: 100% !important;

        min-height: 46px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        position: static !important;

        float: none !important;

        color: #075b91 !important;
        -webkit-text-fill-color: #075b91 !important;

        background: transparent !important;

        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 22px !important;

        text-align: left !important;
        text-decoration: none !important;

        border-bottom: 1px solid #e9eef2 !important;

        pointer-events: auto !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       OPEN PARENT
       ====================================================== */

    #headerNavigationContainer
    .sv-primary-menu
    > .sv-has-submenu.sv-submenu-open {

        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /* ======================================================
       REMOVE DESKTOP SEARCH FROM MOBILE MENU
       ====================================================== */

    #headerNavigationContainer
    .pkp_navigation_search_wrapper {

        display: none !important;
    }
}

/* ===== JSRM_STATIC_ORIGINAL_FINAL_END ===== */