/* TSI-SORG custom stylesheet for the OJS default theme */
:root{--sg-ink:#0c3540;--sg-teal:#0b5563;--sg-teal-soft:#e6f0f1;--sg-accent:#c4862b;--sg-paper:#f4f2ec;--sg-line:#dde4e5;--sg-text:#1e2b2f;--sg-muted:#5a6a6f}
html,body{background:var(--sg-paper)}
body{color:var(--sg-text);font-size:15px;line-height:1.65}
a{color:var(--sg-teal)}
a:hover,a:focus{color:var(--sg-accent)}
.pkp_structure_page{background:#fff;box-shadow:0 0 0 1px var(--sg-line)}
h1,h2,h3,.page h1,.pkp_site_name .is_text{font-family:Georgia,"Times New Roman",serif}

/* Header */
.pkp_structure_head{background:var(--sg-ink);border-bottom:3px solid var(--sg-accent)}
.pkp_site_name .is_text{color:#fff;font-size:16px;line-height:1.3;font-weight:700;text-transform:none;letter-spacing:.01em}
.pkp_site_name{padding-top:14px;padding-bottom:14px;height:auto}
.pkp_site_name_wrapper{height:auto}
.pkp_site_nav_toggle{background:var(--sg-teal)}
.pkp_site_nav_menu{background:var(--sg-ink)}
.pkp_navigation_primary>li>a,.pkp_navigation_user>li>a{color:#fff}
.pkp_navigation_primary .dropdown-menu a{color:var(--sg-text)}

@media (min-width:992px){
.pkp_site_name .is_text{font-size:25px;white-space:normal}
.pkp_site_name{padding-top:26px;padding-bottom:20px}
.pkp_navigation_primary_row{background:var(--sg-teal);margin-left:0;margin-right:0;padding-left:30px;padding-right:30px;box-sizing:border-box}
.pkp_navigation_primary>li>a{margin:0;padding:12px 16px;font-size:14px;font-weight:600;letter-spacing:.02em;border-bottom:3px solid transparent;color:#fff}
.pkp_navigation_primary>li:first-child>a{margin-left:-16px}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus,.pkp_navigation_primary>li:hover>a{color:#fff;background:rgba(255,255,255,.1);border-bottom-color:var(--sg-accent);outline:0}
.pkp_navigation_primary .dropdown-menu{background:#fff;border:1px solid var(--sg-line);border-top:3px solid var(--sg-accent);border-radius:0 0 6px 6px;box-shadow:0 12px 28px rgba(12,53,64,.18);padding:8px 0;width:19em}
.pkp_navigation_primary .dropdown-menu a{display:block;padding:7px 18px;font-size:13.5px;line-height:1.35;color:var(--sg-text);border-left:3px solid transparent}
.pkp_navigation_primary .dropdown-menu a:hover,.pkp_navigation_primary .dropdown-menu a:focus{background:var(--sg-teal-soft);color:var(--sg-teal);border-left-color:var(--sg-teal);outline:0}
.pkp_navigation_primary>li{position:relative}
.pkp_navigation_primary>li>.dropdown-menu.show{top:100%!important;bottom:auto!important;left:0!important;right:auto!important;transform:none!important}
/* long dropdowns flow into two columns */
.pkp_navigation_primary>li:has(>.dropdown-menu>li:nth-child(13))>.dropdown-menu{width:44em;column-count:2;column-gap:0}
.pkp_navigation_primary .dropdown-menu>li{break-inside:avoid}
.pkp_navigation_user>li>a{color:#d7e6e8;font-size:13px}
.pkp_navigation_user>li>a:hover{color:#fff}
.pkp_navigation_search_wrapper a{color:#fff}
}

/* Content */
.pkp_structure_main h1,.page h1{font-size:28px;line-height:1.25;color:var(--sg-ink);padding-bottom:12px;border-bottom:1px solid var(--sg-line);margin-bottom:22px}
.pkp_structure_main h2{font-size:19px;color:var(--sg-ink);margin-top:28px}
.pkp_structure_main h3{font-size:16px;color:var(--sg-ink)}
.page p,.page li{max-width:74ch}
.page ul,.page ol{padding-left:1.3em}
.page li{margin-bottom:6px}
.page table{border-collapse:collapse;width:100%;margin:16px 0}
.page th,.page td{border:1px solid var(--sg-line);padding:9px 12px;text-align:left;font-size:14px}
.page th{background:var(--sg-teal-soft);color:var(--sg-ink)}
.cmp_breadcrumbs{font-size:13px;color:var(--sg-muted)}

/* Publisher homepage */
.page_index_site .about_site{background:var(--sg-teal-soft);border-left:4px solid var(--sg-teal);border-radius:0 6px 6px 0;padding:22px 26px;margin-bottom:34px}
.page_index_site .about_site h2{margin-top:0;font-size:22px}
.page_index_site .about_site p:last-child{margin-bottom:0}
.page_index_site .journals>h2{font-size:22px;border-bottom:2px solid var(--sg-accent);display:inline-block;padding-bottom:6px;margin-bottom:20px}
.page_index_site .journals>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.page_index_site .journals>ul>li{display:flex;margin:0;padding:18px 18px 16px;background:#fff;border:1px solid var(--sg-line);border-top:3px solid var(--sg-teal);border-radius:6px;transition:box-shadow .15s,transform .15s}
.page_index_site .journals>ul>li:hover{box-shadow:0 8px 20px rgba(12,53,64,.12);transform:translateY(-2px)}
.page_index_site .journals .body{display:flex;flex-direction:column;width:100%}
.page_index_site .journals h3{font-size:16px;line-height:1.35;margin:0 0 16px}
.page_index_site .journals h3 a{color:var(--sg-ink);text-decoration:none}
.page_index_site .journals h3 a:hover{color:var(--sg-teal)}
.page_index_site .journals .links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:auto 0 0;padding:0}
.page_index_site .journals .links li{margin:0;padding:0}
.page_index_site .journals .links a{display:inline-block;padding:5px 12px;font-size:12.5px;font-weight:600;border:1px solid var(--sg-teal);border-radius:4px;color:var(--sg-teal);text-decoration:none;background:#fff}
.page_index_site .journals .links .view a{background:var(--sg-teal);color:#fff}
.page_index_site .journals .links a:hover{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff}

/* Journal pages */
.obj_article_summary{padding:14px 0;border-bottom:1px solid var(--sg-line)}
.obj_article_summary .title a{color:var(--sg-ink);font-weight:700;text-decoration:none}
.obj_article_summary .title a:hover{color:var(--sg-teal)}
.obj_article_summary .meta{color:var(--sg-muted)}
.obj_galley_link,.cmp_button,.cmp_form .buttons button,.block_make_submission a{border-color:var(--sg-teal);color:var(--sg-teal);border-radius:4px;box-shadow:none}
.obj_galley_link:hover,.cmp_button:hover,.cmp_form .buttons button:hover,.block_make_submission a:hover{background:var(--sg-teal);border-color:var(--sg-teal);color:#fff}
.block_make_submission a{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff;font-weight:700}

/* Sidebar */
.pkp_block{padding:18px 20px;font-size:14px}
.pkp_block .title{font-family:Georgia,"Times New Roman",serif;font-size:15px;color:var(--sg-ink);border-bottom:2px solid var(--sg-accent);padding-bottom:6px;margin-bottom:12px;display:block}
.block_developed_by{display:none}

/* Footer */
.pkp_structure_footer_wrapper{background:var(--sg-ink);border-top:3px solid var(--sg-accent);border-bottom:0;color:#d7e6e8}
.pkp_structure_footer_wrapper a{color:#fff}
.pkp_structure_footer_wrapper a:hover{color:var(--sg-accent)}
.pkp_footer_content{padding:30px;font-size:14px;line-height:1.7}
.pkp_footer_content img{background:#fff;border-radius:4px;padding:4px;margin:10px 6px 0 0;max-height:46px;width:auto}
.pkp_brand_footer{padding:10px 30px 24px}
.pkp_brand_footer img{max-width:92px;opacity:.85}

/* homepage stats */
.page_index_site .about_site ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;list-style:none;padding:0;margin:18px 0}
.page_index_site .about_site ul li{background:#fff;border:1px solid var(--sg-line);border-radius:6px;padding:12px 10px;margin:0;text-align:center;font-size:13px;line-height:1.35;color:var(--sg-muted);max-width:none}
.page_index_site .about_site ul li strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px;color:var(--sg-ink);margin-bottom:2px}
.page_index_site .about_site ul+p{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.page_index_site .about_site ul+p a{display:inline-block;padding:8px 16px;border:1px solid var(--sg-teal);border-radius:4px;font-weight:600;font-size:14px;text-decoration:none;color:var(--sg-teal);background:#fff}
.page_index_site .about_site ul+p a:first-child{background:var(--sg-teal);color:#fff}
.page_index_site .about_site ul+p a:hover{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff}
/* journals directory page */
.page h3{font-size:17px;margin:26px 0 4px}
.page h3 a{color:var(--sg-ink);text-decoration:none}
.page h3 a:hover{color:var(--sg-teal)}

/* small screens */
@media (max-width:767px){
.page table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page th,.page td{padding:7px 8px;font-size:13px}
.pkp_structure_main h1,.page h1{font-size:23px}
.page_index_site .about_site{padding:18px 16px}
}