@charset "utf-8";

/* ———————————————————————————————————————————
   0.  IMPORTS  (unchanged)
   ——————————————————————————————————————————— */
@import url(reset.css);
@import url(grid/960gsfluid.css);
@import url(../base/minified/jquery-ui.min.css);
@import url(pnotify/jquery.pnotify.default.css);
@import url(text.css);
@import url(base.min.css);
@import url(controls.css);
@import url(font-awesome.css);
@import url(application.min.css);

/* ———————————————————————————————————————————
   1.  BASE TYPOGRAPHY   (unchanged)
   ——————————————————————————————————————————— */
body {
    font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:1.5;
    color:#000;
}

/* ———————————————————————————————————————————
   2.  HEADER / BANNER  (white like JoS)
   ——————————————————————————————————————————— */

/* Full-width header background white */
.pkp_structure_head {
    background:#ffffff !important;
}

/* Main header wrapper */
.pkp_head_wrapper{
    position:relative;
    z-index:5;
    margin-bottom:0;
    background:#ffffff;
}

/* Site name / logo area */
.pkp_site_name{
    margin:0;
    padding:0.8rem 0;
    background:#ffffff;
}

/* Logo: keep original size (no shrinking) */
.pkp_site_name .is_img img{
    max-height:none !important;
    width:auto;
    height:auto;
}

/* ———————————————————————————————————————————
   3.  USER NAV (ojsadmin) – ONLY THE MENU HAS GREY
   ——————————————————————————————————————————— */

/* Wrapper itself stays transparent */
.pkp_navigation_user_wrapper{
    margin-top:0;
    background:transparent !important;
}

/* Align user menu to the right */
.pkp_navigation_user{
    display:flex;
    justify-content:flex-end;
}

/* Give the clickable part a grey pill so it’s visible */
.pkp_navigation_user > li > a{
    background:#444444;
    color:#ffffff;
    padding:0.25rem 0.8rem;
    border-radius:2px;
    font-size:0.85rem;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{
    background:#555555;
    color:#ffffff;
    text-decoration:none;
}

/* ———————————————————————————————————————————
   4.  MAIN NAVIGATION BAR (JoS-style)
   ——————————————————————————————————————————— */

/* Keep nav using theme width, but put full-width black bar behind */
.pkp_navigation_primary_row{
    background:transparent;
    padding:0;
    border-bottom:none;
    position:relative;
    z-index:1;
}
.pkp_navigation_primary_row::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    height:100%;
    background:#000;
    z-index:-1;
}

/* White separators between top-level items */
.pkp_navigation_primary>li{
    border-left:1px solid rgba(255,255,255,.2);
}
.pkp_navigation_primary>li:first-child{
    border-left:none;
}
.pkp_navigation_primary>li:last-child{
    border-right:1px solid rgba(255,255,255,.2);
}

/* MENU TEXT – size/line-height like JoS example */
.pkp_navigation_primary>li>a{
    color:#ffffff;
    font-size:1rem;
    font-weight:400;
    line-height:1.4;
    padding:0.7rem 1.6rem;
    display:block;
}
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus{
    color:#ffffff;
}

/* Current menu item underline */
.pkp_navigation_primary>li.pkp_nav_list_item>a{
    position:relative;
}
.pkp_navigation_primary>li.pkp_nav_list_item>a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:.55rem;
    width:1.6rem;
    height:2px;
    margin-left:-.8rem;
    background:#fff;
}

/* Dropdown caret */
.pkp_navigation_primary>li>a .fa{
    margin-left:.25rem;
    font-size:.75em;
}

/* ———————————————————————————————————————————
   5.  BRAND COLOURS (JOCE BLUE)
   ——————————————————————————————————————————— */
:root{
    --jos-green:#2158C2;
    --jos-green-light:#2158C2;
    --jos-cta:#2158C2;
    --jos-cta-hover:#2158C2;
}

/* content links (base) */
.pkp_structure_main a,
.pkp_page_content a,
.obj_article_details a{
    color:var(--jos-green);
}
.pkp_structure_main a:hover,
.pkp_page_content a:hover,
.obj_article_details a:hover{
    color:var(--jos-green-light);
}

/* ———————————————————————————————————————————
   6.  DROPDOWN MENUS
   ——————————————————————————————————————————— */
.pkp_navigation_primary .dropdown-menu{
    background:#fff;
    border-radius:0 0 4px 4px;
    border:none;
    box-shadow:0 10px 20px rgba(0,0,0,.25);
    margin-top:0;
    padding:.35rem 0;
}
.pkp_navigation_primary .dropdown-menu>li{
    border:none;
}
.pkp_navigation_primary .dropdown-menu>li>a{
    padding:.4rem 1.25rem;
    font-size:.94rem;
    color:var(--jos-green);
}
.pkp_navigation_primary .dropdown-menu>li>a:hover{
    color:var(--jos-green-light);
    background:#f2f2f2;
}

/* ———————————————————————————————————————————
   7.  “MAKE A SUBMISSION” CTA   (real buttons)
   ——————————————————————————————————————————— */
a.cmp_button,
a.pkp_button{
    background:var(--jos-cta)!important;
    color:#fff!important;
    border:none!important;
    border-radius:4px;
    padding:.55rem 1.3rem;
    font-weight:600;
    display:inline-block;
    transition:background .2s ease;
}
a.cmp_button:hover,
a.cmp_button:focus,
a.pkp_button:hover,
a.pkp_button:focus{
    background:var(--jos-cta-hover)!important;
    color:#fff!important;
}

/* ———————————————————————————————————————————
   8.  FOOTER  •  FULL-WIDTH BLACK  •  3-COLUMN LAYOUT
   ——————————————————————————————————————————— */
.pkp_structure_footer{
    position:relative;
    background:#000;
    color:#fff;
    width:100vw;
    left:50%;
    margin-left:-50vw;
}
.pkp_structure_footer .pkp_footer_content{
    max-width:960px;
    margin:0 auto;
    padding:2.25rem 0 1.25rem 0;
    display:flex;
    flex-wrap:wrap;
    column-gap:2.5rem;
    row-gap:1rem;
    align-items:flex-start;
}
.footer-col{
    flex:1 1 0;
    min-width:12rem;
}
.footer-col h3{
    text-transform:uppercase;
    font-size:.82rem;
    letter-spacing:.18em;
    font-weight:700;
    margin:0 0 .75rem 0;
}
.footer-logo img{
    max-width:180px;
    height:auto;
}
.footer-col strong{
    font-weight:700;
    letter-spacing:.03em;
    color:#fff;
    margin:0 0 .65rem 0;
    display:block;
}
.footer-col p,
.footer-col a{
    color:#bbb;
    margin:0 0 .45rem 0;
}
.footer-col a:hover{
    color:#e0e0e0;
    text-decoration:underline;
}
.site-links{
    display:flex;
    flex-wrap:wrap;
    column-gap:2rem;
    row-gap:.35rem;
}
.site-links br{display:none;}
.site-links a{
    flex:0 0 50%;
    max-width:50%;
}
.footer-copy{
    flex:1 1 100%;
    text-align:center;
    font-size:.82rem;
    color:#bbb;
    margin-top:1.75rem;
}
.footer-copy a{color:#bbb;}
.footer-copy a:hover{
    color:#e0e0e0;
    text-decoration:underline;
}
.ojs-credit{margin-top:.65rem;}

@media (max-width:767px){
    .pkp_structure_footer .pkp_footer_content{
        padding:1.75rem 1rem 1rem 1rem;
    }
    .footer-col{text-align:center;}
    .ojs-credit{
        text-align:center;
        margin-top:.75rem;
    }
}
.pkp_structure_footer a{color:#bbb;}
.pkp_structure_footer a:hover{
    color:#e0e0e0;
    text-decoration:underline;
}

/* ───────────────────────────────────────────────
   Sidebar “Make a Submission” CTA  •  Blue fill
   ─────────────────────────────────────────────── */
.pkp_block.block_make_submission a.block_make_submission_link{
    background:#2158C2 !important;
    color:#fff !important;
    font-size:1.05rem !important;
    font-weight:600 !important;
    padding:0.9rem 2rem !important;
    border:none !important;
    border-radius:6px !important;
    display:inline-block !important;
    text-align:center;
}
.pkp_block.block_make_submission a.block_make_submission_link:hover,
.pkp_block.block_make_submission a.block_make_submission_link:focus{
    background:#2158C2 !important;
    color:#fff !important;
}

/* ———————————————————————————————————————————
   9.  GALLEYS — outline by default; PDF filled blue
   ——————————————————————————————————————————— */

/* Base style for galley links */
.pkp_page_article a.galley-link,
.pkp_page_issue   a.galley-link,
.pkp_page_index   a.galley-link,
.pkp_page_article .galleys a,
.pkp_page_issue   .galleys a,
.pkp_page_index   .galleys a{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .8rem;
  border-radius:999px;
  border:1px solid #e6e6e6;
  background:#fff;
  color:#000;
  text-decoration:none;
  font-size:.88rem;
}

/* Icon spacing */
.pkp_page_article .galleys .fa,
.pkp_page_issue   .galleys .fa,
.pkp_page_index   .galleys .fa{
  font-size:.86rem;
}

/* PDF galleys: filled blue */
.pkp_page_article a.obj_galley_link.pdf,
.pkp_page_issue   a.obj_galley_link.pdf,
.pkp_page_index   a.obj_galley_link.pdf,
.pkp_page_article .galleys a[href*="viewPdf"],
.pkp_page_issue   .galleys a[href*="viewPdf"],
.pkp_page_index   .galleys a[href*="viewPdf"],
.pkp_page_article .galleys a[href$=".pdf"],
.pkp_page_issue   .galleys a[href$=".pdf"],
.pkp_page_index   .galleys a[href$=".pdf"]{
  background-color:#2158C2 !important;
  border-color:#2158C2 !important;
  color:#fff !important;
}
.pkp_page_article a.obj_galley_link.pdf .fa,
.pkp_page_issue   a.obj_galley_link.pdf .fa,
.pkp_page_index   a.obj_galley_link.pdf .fa,
.pkp_page_article .galleys a[href*="viewPdf"] .fa,
.pkp_page_issue   .galleys a[href*="viewPdf"] .fa,
.pkp_page_index   .galleys a[href*="viewPdf"] .fa,
.pkp_page_article .galleys a[href$=".pdf"] .fa,
.pkp_page_issue   .galleys a[href$=".pdf"] .fa,
.pkp_page_index   .galleys a[href$=".pdf"] .fa{
  color:#fff !important;
}

/* Hover / focus / active */
.pkp_page_article a.galley-link:hover,
.pkp_page_issue   a.galley-link:hover,
.pkp_page_index   a.galley-link:hover{
  background:rgba(33,88,194,.08) !important;
  border-color:var(--jos-green-light) !important;
  color:var(--jos-green) !important;
}
.pkp_page_article a.obj_galley_link.pdf:hover,
.pkp_page_issue   a.obj_galley_link.pdf:hover,
.pkp_page_index   a.obj_galley_link.pdf:hover,
.pkp_page_article .galleys a[href*="viewPdf"]:hover,
.pkp_page_issue   .galleys a[href*="viewPdf"]:hover,
.pkp_page_index   .galleys a[href*="viewPdf"]:hover,
.pkp_page_article .galleys a[href$=".pdf"]:hover,
.pkp_page_issue   .galleys a[href$=".pdf"]:hover,
.pkp_page_index   .galleys a[href$=".pdf"]:hover{
  background:var(--jos-green-light) !important;
  border-color:var(--jos-green-light) !important;
  color:#fff !important;
}
.pkp_page_article a.obj_galley_link.pdf:active,
.pkp_page_issue   a.obj_galley_link.pdf:active,
.pkp_page_index   a.obj_galley_link.pdf:active,
.pkp_page_article .galleys a[href*="viewPdf"]:active,
.pkp_page_issue   .galleys a[href* "viewPdf"]:active,
.pkp_page_index   .galleys a[href*="viewPdf"]:active,
.pkp_page_article .galleys a[href$=".pdf"]:active,
.pkp_page_issue   .galleys a[href$=".pdf"]:active,
.pkp_page_index   .galleys a[href$=".pdf"]:active{
  background-color:#2158C2 !important;
  border-color:#2158C2 !important;
  color:#fff !important;
}

/* Full-width in sidebar lists */
.pkp_page_article .pkp_sidebar .galleys a.galley-link,
.pkp_page_issue   .pkp_sidebar .galleys a.galley-link,
.pkp_page_index   .pkp_sidebar .galleys a.galley-link{
  width:100%;
  justify-content:center;
}

/* ———————————————————————————————————————————
   10. SEARCH PAGE BUTTON TWEAKS (JOCE BLUE)
   ——————————————————————————————————————————— */

/* Make the Search button look like main CTAs */
.pkp_page_search .cmp_form .submit button.submit {
  background: var(--jos-cta) !important;      /* #2158C2 */
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;

  color: #fff !important;
  border-radius: 999px !important;
  padding: 0.35rem 1.4rem !important;
  font-weight: 600 !important;
  cursor: pointer;
}

/* Hover / focus */
.pkp_page_search .cmp_form .submit button.submit:hover,
.pkp_page_search .cmp_form .submit button.submit:focus {
  background: var(--jos-cta-hover) !important; /* #2158C2 */
  color: #fff !important;
  outline: none;
}

/* Add a white magnifier icon inside the blue Search button */
.pkp_page_search .cmp_form .submit button.submit {
  position: relative;
  padding-left: 2rem !important;   /* make room for icon */
}
.pkp_page_search .cmp_form .submit button.submit::before {
  content: "\f002";                /* Font Awesome magnifier */
  font-family: "FontAwesome";
  position: absolute;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85rem;
  color: #fff;
}

/* Hide original "Publication Date" row on issue pages,
   keeping ISSN and Published */
.pkp_page_issue .published dt:nth-of-type(2),
.pkp_page_issue .published dd:nth-of-type(2) {
    display: none;
}