/*
 * Upcuan Material 2.x visual compatibility layer
 * OJS 3.3.0-21
 * Reconstructs the public layout of the Material Theme 2.x line used by
 * journal.uinsgd.ac.id/index.php/mua while retaining Upcuan identity.
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root{
  --upc-primary:#2d71a1;
  --upc-primary-dark:#274685;
  --upc-primary-cyan:#3db3c5;
  --upc-gradient-start:rgba(39,70,133,.80);
  --upc-gradient-end:rgba(61,179,197,.80);
  --upc-gradient-header-start:rgba(39,70,133,.94);
  --upc-gradient-header-end:rgba(61,179,197,.94);
  --upc-text:#9fa1a4;
  --upc-heading:#000;
  --upc-muted:#777;
  --upc-line:#f2f2f2;
  --upc-white:#fff;
  --upc-container:1140px;
}

html{overflow-x:hidden;scroll-behavior:smooth;background:#fff!important}
html.dark{background:#fff!important}
body,
body.dark,
body[class*="pkp_page_"]{
  margin:0!important;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#fff!important;
  color:var(--upc-text)!important;
  font-family:"Roboto","Helvetica Neue",Arial,sans-serif!important;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
body *{box-sizing:border-box}
body a{color:#777;text-decoration:none;transition:.3s all ease}
body a:hover,body a:focus{color:#000;text-decoration:none}
h1,h2,h3,h4,h5,h6,.font-heading{font-family:"Roboto","Helvetica Neue",Arial,sans-serif!important;color:#000;font-weight:500;line-height:1.2}
img{max-width:100%;height:auto}
.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;position:relative;z-index:2}
@media(max-width:1199.98px){.container{max-width:960px}}
@media(max-width:1199.98px) and (min-width:992px){#header .upc-header-inner.container{padding-left:18px!important;padding-right:18px!important;gap:10px}}
@media(max-width:991.98px){.container{max-width:720px}}
@media(max-width:767.98px){.container{max-width:540px}}
@media(max-width:575.98px){.container{max-width:100%;padding-left:22px;padding-right:22px}}
.pkp_screen_reader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cmp_skip_to_content{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cmp_skip_to_content:focus-within{position:fixed!important;width:auto!important;height:auto!important;left:12px!important;top:12px!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;z-index:99999!important;background:#fff!important;color:#111!important;padding:8px 10px!important;border-radius:4px!important;box-shadow:0 4px 18px rgba(0,0,0,.2)!important}
.cmp_skip_to_content a{display:inline-block!important;color:#111!important;padding:6px 8px!important;text-decoration:underline!important}

/* ---------- fixed header ---------- */
#header.upc-header{
  height:80px;
  position:fixed;
  top:0;left:0;right:0;
  z-index:997;
  display:flex;
  align-items:center;
  transition:all .5s ease;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff;
}
#header.upc-header.header-scrolled{height:60px;background:linear-gradient(to right,var(--upc-gradient-header-start) 0%,var(--upc-gradient-header-end) 100%)!important;box-shadow:0 2px 18px rgba(0,0,0,.08)!important;backdrop-filter:blur(5px)}
.upc-header-inner{display:flex;align-items:center;justify-content:center;min-height:100%;gap:0}
/* v1.0.0.9: desktop navigation is one centered unit across the viewport. */
#header .upc-header-inner.container{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:28px!important;padding-right:28px!important}
#header .logo:empty{display:none!important}
#header .logo{display:flex;align-items:center;flex:0 0 auto}
#header .logo img{display:block;max-height:40px!important;max-width:180px!important;width:auto!important;margin:0!important;padding:0!important;filter:none!important}
#header .navbar-brand{padding:0!important;margin:0!important;display:block}

/* v1.0.0.9 hard centering in the base stylesheet. This deliberately lives
   in material-v21-target.css because that file is part of every Upcuan build. */
@media (min-width:992px){
  #header.upc-header .upc-header-inner.container{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:none!important;width:100%!important;margin:0!important;gap:0!important}
  #header.upc-header .upc-desktop-nav-group{position:absolute!important;left:50vw!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:max-content!important;max-width:calc(100vw - 56px)!important;margin:0!important;padding:0!important;gap:0!important;z-index:20!important}
  #header.upc-header .upc-desktop-nav-group>.upc-navbar,#header.upc-header .upc-desktop-nav-group>.upc-utility-nav{position:static!important;display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
  #header.upc-header .upc-header-inner.container>.upc-navbar,#header.upc-header .upc-header-inner.container>.upc-utility-nav{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding-left:0!important;padding-right:0!important}
  #header.upc-header .upc-navbar,#header.upc-header .pkp_navigation_primary{justify-content:center!important}
  #header.upc-header .upc-utility-nav{justify-content:flex-start!important}
  #header.upc-header .logo:not(:empty){position:absolute!important;left:28px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:30!important}
}

.upc-navbar{display:flex;align-items:center;justify-content:center;flex:0 0 auto!important;min-width:0;width:auto!important;margin-left:0!important;margin-right:0!important}
.pkp_navigation_primary,
.pkp_navigation_user,
.upc-tools,
.pkp_navigation_primary_mobile,
.pkp_navigation_user_mobile{list-style:none!important;margin:0!important;padding:0!important}
.pkp_navigation_primary{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;white-space:nowrap}
.pkp_navigation_primary>li{position:relative!important;margin:0!important;padding:0!important;display:block!important}
.pkp_navigation_primary>li,.pkp_navigation_primary>li:hover,.pkp_navigation_primary>li:focus-within,.pkp_navigation_primary>li.current,.pkp_navigation_primary>li.has-submenu:hover,.pkp_navigation_primary>li.has-submenu:focus-within{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.pkp_navigation_primary>li>a{
  display:flex!important;
  align-items:center!important;
  color:rgba(255,255,255,.78)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:20px!important;
  padding:10px 0 10px 20px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus{color:#fff!important}
.pkp_navigation_primary>li.has-submenu>a:after{content:"▾";font-size:10px;margin-left:5px;opacity:.8}
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu{
  position:absolute!important;
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  top:calc(100% + 22px)!important;
  left:14px!important;
  z-index:1100!important;
  min-width:215px!important;
  margin:0!important;
  padding:10px 0!important;
  list-style:none!important;
  background:#fff!important;
  border:0!important;
  border-radius:4px!important;
  box-shadow:0 0 30px rgba(127,137,161,.25)!important;
  transform:none!important;
  transition:.25s ease!important;
}
.pkp_navigation_primary li:hover>.dropdown-menu,
.pkp_navigation_primary li:focus-within>.dropdown-menu,
.pkp_navigation_user li:hover>.dropdown-menu,
.pkp_navigation_user li:focus-within>.dropdown-menu{visibility:visible!important;opacity:1!important;top:100%!important}
.pkp_navigation_primary .dropdown-menu li,.pkp_navigation_user .dropdown-menu li{display:block!important;margin:0!important;padding:0!important}
.pkp_navigation_primary .dropdown-menu a,.pkp_navigation_user .dropdown-menu a{
  display:block!important;padding:10px 20px!important;color:#101c36!important;font-size:15px!important;line-height:1.3!important;background:#fff!important;white-space:normal!important;text-decoration:none!important
}
.pkp_navigation_primary .dropdown-menu a:hover,.pkp_navigation_user .dropdown-menu a:hover{color:var(--upc-primary)!important;background:#fafafa!important}

.upc-utility-nav{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:0 0 auto!important;width:auto!important;margin-left:0!important;margin-right:0!important}
.upc-tools{display:flex;align-items:center}
.upc-tools>li{position:relative;margin:0!important;padding:0!important}
.upc-search-link{display:flex!important;align-items:center!important;gap:5px;color:#fff!important;font-size:15px!important;font-weight:400!important;line-height:20px!important;padding:10px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;white-space:nowrap}
.upc-search-link,.upc-search-link:visited,.upc-search-link:hover,.upc-search-link:focus,.upc-search-link:active{color:#fff!important;opacity:1!important}
.upc-search-link .upc-search-icon,.upc-search-link .upc-search-label{color:#fff!important;opacity:1!important}
.upc-search-icon{font-size:19px;line-height:1;transform:translateY(-1px)}
.upc-search-label{display:inline-block}
.upc-account-nav{display:flex;align-items:center}
.pkp_navigation_user{display:flex!important;align-items:center!important;margin-left:0!important}
.pkp_navigation_user>li{position:relative!important;margin:0!important;padding:0!important}
.pkp_navigation_user>li>a{display:block!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;padding:10px 0 10px 10px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pkp_navigation_user>li>a:hover{color:#fff!important}
.pkp_navigation_user .dropdown-menu{left:auto!important;right:0!important;top:calc(100% + 18px)!important}

.upc-mobile-toggle{display:none;width:42px;height:42px;background:transparent;border:0;padding:8px;cursor:pointer}
.upc-mobile-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.upc-mobile-nav{position:fixed;inset:0;background:linear-gradient(to right,var(--upc-gradient-header-start) 0%,var(--upc-gradient-header-end) 100%)!important;z-index:9998;display:none;padding:55px 15px 15px}
.upc-mobile-nav.is-open{display:block}
.upc-mobile-card{background:#fff;border-radius:10px;height:100%;max-height:calc(100vh - 70px);overflow:auto;padding:28px 22px;position:relative}
.upc-mobile-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#101c36;font-size:34px;line-height:1;cursor:pointer}
.pkp_navigation_primary_mobile>li,.pkp_navigation_user_mobile>li{margin:0!important;padding:0!important}
.pkp_navigation_primary_mobile a,.pkp_navigation_user_mobile a,.upc-mobile-tools>a{display:block!important;padding:10px 6px!important;font-size:15px!important;color:#101c36!important;font-weight:400!important}
.pkp_navigation_primary_mobile .dropdown-menu,.pkp_navigation_user_mobile .dropdown-menu{list-style:none;margin:2px 0 7px 12px!important;padding:5px 0 5px 12px!important;border-left:2px solid #e9ecef;background:transparent!important;position:static!important;visibility:visible!important;opacity:1!important;box-shadow:none!important}
.upc-mobile-card hr{border:0;border-top:1px solid #eee;margin:18px 0}

/* ---------- hero ---------- */
.hero-section{
  position:relative;
  background:linear-gradient(to right,var(--upc-gradient-start) 0%,var(--upc-gradient-end) 100%),url('../assets/background.jpg') center/cover no-repeat;
  overflow:hidden;
  width:100%;
}
.hero-section,.hero-section>.container.hero-container{height:100vh;min-height:880px}
.hero-container{display:flex;align-items:center}
.hero-row{width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);align-items:center;gap:30px;padding-top:25px}
.hero-copy{text-align:left;position:relative;z-index:3}
.hero-section h1{font-family:"Roboto",sans-serif!important;font-size:3.5rem!important;line-height:1.12!important;color:#fff!important;font-weight:700!important;margin:0 0 30px!important;padding:0!important;border:0!important;letter-spacing:0!important;text-transform:none!important}
.hero-description{font-size:18px!important;line-height:1.55!important;color:#fff!important;margin:0 0 40px!important;max-width:760px}
.hero-description,.hero-description p,.hero-description span,.hero-description strong,.hero-description a{color:#fff!important;font-size:18px!important;line-height:1.55!important}
.hero-description p{margin:0 0 15px!important}
.hero-description p:last-child{margin-bottom:0!important}
.hero-actions{margin:0!important}
.btn{display:inline-block;font-family:"Roboto",sans-serif;font-size:14px;font-weight:500;line-height:1.25;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;border:0;border-radius:.25rem;padding:.625rem 1.5rem;text-decoration:none!important;text-transform:uppercase;letter-spacing:.03em;transition:.2s ease;box-shadow:0 4px 9px -4px rgba(0,0,0,.35)}
.btn-outline-white{border:2px solid #fff!important;background:transparent!important;color:#fff!important;padding:16px 30px!important;box-shadow:none!important}
.btn-outline-white:hover,.btn-outline-white:focus{background:#fff!important;color:var(--upc-primary)!important}
.iphone-wrap{position:relative;height:430px;z-index:3}
.hero-section .iphone-wrap .phone-2{position:absolute;top:-50%;left:0;margin-top:100px;margin-left:100px;width:350px;max-width:none!important;box-shadow:0 15px 50px rgba(0,0,0,.30);border-radius:30px;overflow:hidden;background:#fff;padding:0!important}
.hero-section .wave{width:100%;overflow:hidden;position:absolute;z-index:1;bottom:-150px;left:0;pointer-events:none}
.hero-section .wave svg{display:block;width:100%;height:355px}

.hero-section.inner-page{height:60vh!important;min-height:480px!important;margin:0!important;padding:0!important}
.inner-hero-container{height:100%;display:flex;align-items:center;justify-content:center}
.hero-section.inner-page .hero-text{transform:translateY(-100px);text-align:center;width:100%}
.hero-section.inner-page h1{font-size:3rem!important;margin:0!important;text-align:center!important}
.hero-section.inner-page .wave{bottom:-110px}

/* ---------- main ---------- */
.upc-main{flex:1 0 auto!important;display:block!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;background:#fff!important;color:var(--upc-text)!important;max-width:none!important}
.page_index_journal{padding-top:0;padding-bottom:65px}
.page_index_journal>.additional_content{margin:0;padding:10px 0 50px;color:#777;font-size:15px;line-height:1.65}
.additional_content>*:first-child{margin-top:0!important}
.additional_content h1,.additional_content h2,.additional_content h3{color:#000!important}
.additional_content img{max-width:100%;height:auto;margin:20px auto;display:block}
.additional_content iframe{display:block;max-width:100%;margin:25px auto;border:0}
.additional_content table{width:100%!important;border-collapse:collapse!important;margin:25px 0!important;color:#777!important;font-size:14px!important;background:#fff!important}
.additional_content table td,.additional_content table th{padding:10px 12px!important;border:1px solid #e5e5e5!important;vertical-align:top!important;text-align:left!important;background:#fff!important}
.additional_content table tr:nth-child(even) td{background:#fafafa!important}
.additional_content a{color:#2d71a1!important}.additional_content a:hover{color:#000!important}

/* Most other OJS pages */
.upc-main>.page,
.upc-main>[class^="page_"],
.upc-main>[class*=" page_"],
.upc-main>.obj_article_details,
.upc-main>.cmp_breadcrumbs,
.upc-main>.page_search,
.upc-main>.page_issue,
.upc-main>.page_about{
  width:100%;max-width:1140px;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important;
}
.hero-section.inner-page + .page,
.hero-section.inner-page ~ [class^="page_"],
.hero-section.inner-page ~ [class*=" page_"],
.hero-section.inner-page ~ .obj_article_details{padding-top:35px!important;padding-bottom:60px!important}

/* ---------- announcements ---------- */
.cmp_announcements{margin:0!important;padding:48px 0 45px!important;border-top:0!important;border-bottom:1px solid #f2f2f2!important;background:#fff!important;color:#777!important}
.cmp_announcements>h2,.current_issue>h2{font-size:1.7rem!important;font-weight:500!important;margin:0 0 25px!important;padding:0!important;color:#000!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
.cmp_announcements>.obj_announcement_summary{position:relative;padding:0 0 22px!important;margin:0!important;border:0!important;background:transparent!important}
.obj_announcement_summary h3,.obj_announcement_summary h4{margin:0 0 7px!important;color:#000!important;font-weight:500!important}
.obj_announcement_summary h3{font-size:1.35rem!important}.obj_announcement_summary h4{font-size:.93rem!important}
.obj_announcement_summary h3 a,.obj_announcement_summary h4 a{color:#000!important}.obj_announcement_summary h3 a:hover,.obj_announcement_summary h4 a:hover{color:#2d71a1!important}
.obj_announcement_summary .date{color:#aaa!important;font-size:13px!important;margin-bottom:9px!important}
.obj_announcement_summary .description,.obj_announcement_summary .summary{color:#777!important;font-size:14px!important;line-height:1.65!important}
.obj_announcement_summary .read_more,.obj_announcement_summary .readmore{display:inline-block;margin-top:10px;color:#2d71a1!important;font-size:14px!important}
.cmp_announcements .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #f2f2f2;padding-top:22px;margin-top:5px}
.cmp_announcements .more .obj_announcement_summary{padding:0!important;margin:0!important;border:0!important}
.cmp_announcements .upc-more-close{display:none}

/* ---------- current issue / issue TOC ---------- */
.current_issue{padding:55px 0 30px!important;margin:0!important;color:#777!important}
.current_issue_title{font-size:1.15rem!important;font-weight:400!important;color:#777!important;margin:-11px 0 25px!important}
.obj_issue_toc{margin:0!important;padding:0!important;color:#777!important}
.obj_issue_toc>.heading{display:flex;align-items:flex-start;gap:30px;margin:0 0 25px!important;padding:0!important;border:0!important}
.obj_issue_toc>.heading .cover{display:block;flex:0 0 180px;margin:0!important;padding:0!important}
.obj_issue_toc>.heading .cover img{display:block;width:100%;height:auto;max-height:250px;object-fit:contain;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.obj_issue_toc .issue-meta-copy{flex:1;min-width:0}
.obj_issue_toc .description{color:#777!important;font-size:14px!important;line-height:1.65!important;margin:0 0 15px!important}
.obj_issue_toc .description p{margin-top:0!important}
.obj_issue_toc .pub_id,.obj_issue_toc .published{margin:8px 0!important;font-size:14px!important;color:#777!important}
.obj_issue_toc .pub_id .type,.obj_issue_toc .published .label{font-weight:700;color:#777!important}
.obj_issue_toc .galleys_links,.obj_article_summary .galleys_links{list-style:none!important;margin:10px 0 0!important;padding:0!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}
.obj_issue_toc .sections{margin-top:10px!important;padding:0!important}
.obj_issue_toc .section{margin:0!important;padding:0!important;border:0!important;background:#fff!important}
.obj_issue_toc .section-title{font-size:1rem!important;margin:0 0 10px!important;padding:0!important;border:0!important}
.obj_issue_toc .accordion-button{width:auto!important;min-width:125px!important;background:#fff!important;color:#000!important;border:1px solid #e5e5e5!important;border-radius:3px!important;padding:11px 18px!important;font:500 14px/1.2 "Roboto",sans-serif!important;text-align:left!important;box-shadow:none!important;cursor:default!important}
.obj_issue_toc .accordion-button:after{content:""!important;display:none!important}
.cmp_article_list.articles{list-style:none!important;margin:0!important;padding:0!important;border:0!important}
.cmp_article_list.articles>li{position:relative!important;margin:0!important;padding:25px 0!important;border-bottom:1px solid #f2f2f2!important;background:#fff!important}
.cmp_article_list.articles>li:last-child{border-bottom:0!important}

.obj_article_summary{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#777!important;background:#fff!important;border:0!important;box-shadow:none!important}
.obj_article_summary>.cover{float:left!important;width:100px!important;margin:0 20px 12px 0!important}.obj_article_summary>.cover img{display:block!important;width:100%!important;max-height:160px!important;object-fit:contain!important;border:0!important;border-radius:0!important;margin:0!important}
.obj_article_summary>.title{font-family:"Roboto",sans-serif!important;font-size:1rem!important;line-height:1.45!important;font-weight:700!important;margin:0!important;padding:0!important;border:0!important;text-align:left!important;color:#000!important;max-width:calc(100% - 115px)}
.obj_article_summary>.title a{color:#000!important;text-decoration:none!important;box-shadow:none!important;background:none!important}.obj_article_summary>.title a:hover{color:#2d71a1!important}
.obj_article_summary>.title .subtitle{display:block;margin-top:4px;font-weight:400;color:#777!important}
.obj_article_summary>.meta{position:relative!important;padding-top:5px!important;font-size:.93rem!important;line-height:1.55!important;color:#777!important;text-align:left!important;margin:0!important;min-height:24px}
.obj_article_summary .authors{padding-right:85px!important;color:#777!important;font-size:13px!important;font-weight:400!important;line-height:1.55!important}
.obj_article_summary .author-line{display:block!important;margin:0!important;padding:0!important}.obj_article_summary .author-name{color:#777!important}.obj_article_summary .affiliation{color:#999!important}
.obj_article_summary .pages{position:absolute!important;top:5px!important;right:0!important;color:rgba(0,0,0,.54)!important;font-size:13px!important;white-space:nowrap!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.obj_article_summary .published{color:#999!important;font-size:13px!important}
.obj_article_summary .galleys_links{clear:both!important;margin-top:10px!important;justify-content:flex-start!important}

.btn-primary,.obj_galley_link.btn-primary{background:#1266f1!important;color:#fff!important;border:0!important;border-radius:.25rem!important;font-size:.75rem!important;font-weight:500!important;padding:.625rem 1.5rem!important;line-height:1.2!important;box-shadow:0 4px 9px -4px #3b71ca!important;text-transform:uppercase!important;letter-spacing:.02em!important;display:inline-block!important;width:auto!important;height:auto!important}
.btn-primary:hover,.obj_galley_link.btn-primary:hover{background:#0c56d0!important;color:#fff!important;box-shadow:0 8px 9px -4px rgba(59,113,202,.3),0 4px 18px 0 rgba(59,113,202,.2)!important}
.btn-light{background:#fbfbfb!important;color:#4f4f4f!important;border:0!important;border-radius:.25rem!important;padding:.625rem 1.5rem!important;font-size:.75rem!important;box-shadow:0 4px 9px -4px rgba(0,0,0,.15)!important}
.btn-danger{background:#dc4c64!important;color:#fff!important}
.current_issue>.read_more{display:inline-block;margin-top:18px;color:#2d71a1!important;font-size:14px!important}

/* ---------- archive ---------- */
.page_issue_archive,.page_issue{padding-bottom:60px!important}
.page_issue_archive .issues_archive,.issues_archive{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr));gap:30px!important}
.obj_issue_summary{margin:0!important}.obj_issue_summary .cover img{max-width:220px!important}.obj_issue_summary .title{font-size:16px!important;color:#000!important;font-weight:500!important}

/* ---------- sidebar blocks are below content in Material 2.x ---------- */
.upc-sidebar-zone{margin-top:20px;padding:25px 0 30px;border-top:1px solid #f2f2f2;background:#fff}
.pkp_structure_sidebar{list-style:none!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:22px 38px!important;margin:0 auto!important;padding-top:0!important;padding-bottom:0!important;color:#777!important}
.pkp_structure_sidebar>.pkp_block,.pkp_structure_sidebar>li{flex:1 1 220px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pkp_structure_sidebar .title{display:block!important;color:#000!important;font-size:15px!important;font-weight:700!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important}
.pkp_structure_sidebar .content{font-size:14px!important;line-height:1.55!important;color:#777!important;background:transparent!important;padding:0!important}
.pkp_structure_sidebar ul{list-style:none!important;margin:0!important;padding:0!important}.pkp_structure_sidebar li{margin:0!important;padding:0!important}
.pkp_structure_sidebar a{display:inline-block!important;color:#000!important;font-size:.93rem!important;font-weight:700!important;line-height:2.143rem!important;text-decoration:none!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}.pkp_structure_sidebar a:hover{color:#000!important}
.pkp_structure_sidebar img{max-width:100%!important;height:auto!important;margin:4px 0!important;border-radius:0!important}

/* ---------- footer ---------- */
.footer{margin-top:auto!important;background:#fff!important;color:rgba(0,0,0,.55)!important;padding:35px 0 45px!important;border-top:0!important;text-align:center!important}
.footer .pkp_footer_content{padding:0 0 22px!important;color:#777!important;text-align:left!important}
.footer-credit{max-width:700px;margin:0 auto;text-align:center;color:rgba(0,0,0,.55)!important;font-size:14px!important}
.footer-credit p{margin:0 0 5px!important}.footer-credit a,.footer-credit span{color:#777!important}.footer-credit a:hover{color:#000!important}
.back-to-top{position:fixed!important;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#2d71a1!important;color:#fff!important;width:40px;height:40px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-size:22px!important;box-shadow:none!important;text-decoration:none!important;transition:.4s}.back-to-top.active{visibility:visible;opacity:1}.back-to-top:hover{background:#3687c1!important;color:#fff!important}

/* ---------- article/detail and generic OJS content ---------- */
.obj_article_details{color:#777!important;font-family:"Roboto",sans-serif!important;max-width:1140px!important;padding-bottom:70px!important}
.obj_article_details h1,.obj_article_details h2,.obj_article_details h3,.obj_article_details dt{font-family:"Roboto",sans-serif!important;color:#000!important}
.obj_article_details a{color:#2d71a1!important}.obj_article_details a:hover{color:#000!important}
.obj_article_details [class*="dark:"],.obj_article_details [class*="text-slate"],.obj_article_details [class*="text-gray"]{color:inherit!important}
.obj_article_details dl{border-color:#f2f2f2!important}.obj_article_details dl>div{border-color:#f2f2f2!important}
.obj_article_details .page_title{font-size:2rem!important;font-weight:500!important;color:#000!important}
.obj_article_details .subtitle{color:#777!important}

/* Force Tailwind dark utilities from the compatibility sheet out of public visual */
.dark .bg-slate-900,.dark .dark\:bg-slate-900,.dark .dark\:bg-gray-900{background:#fff!important}
.dark .dark\:text-white,.dark .dark\:text-slate-300,.dark .dark\:text-slate-400{color:inherit!important}

/* Auth pages stay usable but neutral */
.upc-auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f7f7!important;padding:30px;color:#777!important}
.upc-auth-main a{color:#2d71a1!important}

@media(max-width:1499px){
  .pkp_navigation_primary>li>a{padding-left:15px!important;font-size:14px!important}
  .hero-section h1{font-size:2.5rem!important}
  .hero-section .iphone-wrap .phone-2{margin-top:150px;margin-left:50px;width:300px}
}
@media(max-width:1199.98px){
  .hero-section .iphone-wrap .phone-2{margin-top:110px;margin-left:30px;width:270px}
  .pkp_navigation_primary>li>a{padding-left:11px!important;font-size:13px!important}
  .upc-utility-nav{gap:0}
}
@media(max-width:991.98px){
  #header.upc-header{height:70px}
  #header .logo img{max-width:150px!important;max-height:38px!important}
  .upc-navbar,.upc-utility-nav{display:none!important}.upc-mobile-toggle{display:block}
  .hero-section,.hero-section>.container.hero-container{height:auto!important;min-height:900px!important}
  .hero-container{padding-top:100px;padding-bottom:220px}
  .hero-row{grid-template-columns:1fr;gap:20px}
  .hero-copy{text-align:center}.hero-section h1{text-align:center!important;font-size:2.5rem!important;margin-top:40px!important}.hero-description{text-align:center;margin-left:auto!important;margin-right:auto!important}
  .iphone-wrap{height:auto;text-align:center}.hero-section .iphone-wrap .phone-2{position:relative!important;top:auto!important;left:auto!important;margin:35px auto 0!important;width:300px!important;max-width:85%!important;border-radius:25px!important}
  .hero-section .wave{bottom:-180px}.hero-section.inner-page{height:60vh!important;min-height:420px!important}.hero-section.inner-page .hero-text{transform:translateY(-55px)}.hero-section.inner-page h1{font-size:2.4rem!important}
  .cmp_announcements .more{grid-template-columns:1fr}
  .pkp_structure_sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
  .hero-container{padding-top:85px;padding-bottom:190px}.hero-section h1{font-size:2.15rem!important}.hero-description,.hero-description p,.hero-description span,.hero-description strong,.hero-description a{font-size:16px!important}.btn-outline-white{padding:14px 24px!important}
  .page_index_journal>.additional_content{padding-bottom:35px}.cmp_announcements{padding:36px 0!important}.current_issue{padding-top:40px!important}
  .obj_issue_toc>.heading{display:block}.obj_issue_toc>.heading .cover{width:180px;margin:0 0 20px!important}
  .obj_article_summary>.title{max-width:none}.obj_article_summary .authors{padding-right:0!important}.obj_article_summary .pages{position:static!important;margin-top:5px!important}.obj_article_summary>.cover{width:80px!important}
  .pkp_structure_sidebar{grid-template-columns:1fr!important}
}
@media(max-width:575.98px){
  .hero-section,.hero-section>.container.hero-container{min-height:820px!important}.hero-container{padding-bottom:160px}.hero-section .wave{bottom:-205px}.hero-section h1{font-size:1.9rem!important}
  .additional_content table{display:block;overflow-x:auto;white-space:normal}
  .obj_issue_toc .accordion-button{min-width:110px!important}.cmp_article_list.articles>li{padding:21px 0!important}
  .footer{padding-bottom:35px!important}
}
.obj_article_summary .orcid-link{display:inline-block!important;margin-left:4px!important;color:#a6ce39!important;font-size:10px!important;font-weight:700!important;letter-spacing:.02em!important;text-decoration:none!important;vertical-align:1px!important}

/* Upcuan 3.3.0.28: remove the OJS skip-link bar from public visual output. */
.cmp_skip_to_content,.pkp_skip_to_content,.skip_to_content,ul.cmp_skip_to_content,nav.cmp_skip_to_content{display:none!important;visibility:hidden!important;position:absolute!important;left:-100000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* ---------- Upcuan footer navigation directory v3.3.0.34 ---------- */
.footer{padding-top:42px!important}
.upc-footer-directory{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:48px!important;text-align:left!important;padding:0 0 34px!important}
.upc-footer-column{min-width:0!important}
.upc-footer-column h2{margin:0 0 26px!important;color:#111!important;font-size:17px!important;line-height:1.25!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.upc-footer-commitment h2{font-family:Georgia,"Times New Roman",serif!important;font-size:17px!important;font-weight:400!important;font-style:italic!important}
.upc-footer-menu,.upc-footer-menu ul{list-style:none!important;margin:0!important;padding:0!important}
.upc-footer-menu li{margin:0 0 6px!important;padding:0!important;line-height:1.35!important}
.upc-footer-menu ul{padding:5px 0 0 14px!important}
.upc-footer-menu a{display:inline!important;color:#111!important;font-size:15.5px!important;font-weight:400!important;text-decoration:none!important;transition:color .18s ease!important}
.upc-footer-menu a:hover,.upc-footer-menu a:focus{color:var(--upc-gradient-start,#274685)!important;text-decoration:none!important}
.upc-commitment-text{color:#777!important;font-size:15.5px!important;line-height:1.55!important;margin:0!important;max-width:310px!important}
.upc-footer-issn{margin-top:20px!important;color:#777!important;font-size:15px!important;line-height:1.6!important}
.upc-footer-issn strong{color:#111!important;font-weight:400!important}
.footer .pkp_footer_content{border-top:1px solid #eee!important;padding-top:22px!important}
.footer-credit{border-top:1px solid #eee!important;padding-top:20px!important;margin-top:6px!important}
@media (max-width: 991px){
  .upc-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 44px!important}
}
@media (max-width: 575px){
  .upc-footer-directory{grid-template-columns:1fr!important;gap:30px!important}
  .upc-footer-column h2{margin-bottom:16px!important}
  .upc-commitment-text{max-width:none!important}
}

/* Upcuan v3.3.0.34: footer 4-column layout fallback.
   Desktop grid is also set inline in footer.tpl so stale CSS caches cannot collapse it. */
.footer>.container{width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}
.footer .upc-footer-directory>.upc-footer-column{min-width:0!important;text-align:left!important}
@media(max-width:991px){.footer .upc-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:575px){.footer>.container{padding-left:18px!important;padding-right:18px!important}.footer .upc-footer-directory{grid-template-columns:minmax(0,1fr)!important}}


/* ---------- Upcuan v3.3.0.36: editor-managed Works Shared + Indexing rows ---------- */
.upc-footer-managed-rows{width:100%!important;margin:0!important;padding:0!important}
.upc-footer-managed-row{width:100%!important;text-align:center!important;padding:26px 12px!important;color:#777!important;font-size:15.5px!important;line-height:1.55!important}
.upc-footer-managed-row+.upc-footer-managed-row{border-top:1px solid #ddd!important}
.upc-footer-rich-content{max-width:1100px!important;margin:0 auto!important}
.upc-footer-rich-content>*:first-child{margin-top:0!important}
.upc-footer-rich-content>*:last-child{margin-bottom:0!important}
.upc-footer-rich-content p{margin:0 0 10px!important}
.upc-footer-rich-content a{color:#111!important;text-decoration:none!important}
.upc-footer-rich-content a:hover,.upc-footer-rich-content a:focus{color:var(--upc-gradient-start,#274685)!important;text-decoration:underline!important}
.upc-footer-works-shared{padding-top:24px!important;padding-bottom:30px!important}
.upc-footer-indexing{padding-top:28px!important;padding-bottom:32px!important}
.upc-footer-indexing .upc-footer-rich-content{display:block!important;text-align:center!important}
.upc-footer-indexing img{display:inline-block!important;width:auto!important;height:auto!important;max-height:72px!important;max-width:190px!important;object-fit:contain!important;margin:8px 18px!important;vertical-align:middle!important}
.upc-footer-indexing a{display:inline-block!important;vertical-align:middle!important}
.footer .upc-footer-managed-rows+.pkp_footer_content{border-top:1px solid #eee!important;margin-top:0!important;padding-top:22px!important}
@media(max-width:767px){
  .upc-footer-managed-row{padding-left:0!important;padding-right:0!important}
  .upc-footer-indexing img{max-height:58px!important;max-width:145px!important;margin:8px 10px!important}
}

/* ---------- Upcuan v3.3.0.36: rich WYSIWYG output safety ---------- */
.upc-commitment-text img,
.upc-footer-rich-content img{max-width:100%!important;height:auto!important}
.upc-commitment-text table,
.upc-footer-rich-content table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;margin:10px 0!important}
.upc-commitment-text table td,.upc-commitment-text table th,
.upc-footer-rich-content table td,.upc-footer-rich-content table th{border:1px solid #ddd!important;padding:6px 8px!important;vertical-align:top!important}
.upc-commitment-text ul,.upc-commitment-text ol,
.upc-footer-rich-content ul,.upc-footer-rich-content ol{padding-left:1.35rem!important;margin:8px 0!important}
.upc-commitment-text p{margin:0 0 8px!important}
.upc-commitment-text p:last-child{margin-bottom:0!important}

/* ---------- Upcuan v3.3.0.37: table-style footer concept ---------- */
.footer{padding-top:34px!important}
.footer>.container{max-width:1240px!important}
.upc-footer-concept-grid{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(250px,1fr)!important;
  width:100%!important;
  border:2px solid #17384a!important;
  background:#fff!important;
  text-align:left!important;
  align-items:stretch!important;
}
.upc-footer-left-stack{display:flex!important;flex-direction:column!important;min-width:0!important}
.upc-footer-menu-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;
}
.upc-footer-menu-grid>.upc-footer-column{
  padding:16px 18px 18px!important;
  min-width:0!important;
  border-right:2px solid #17384a!important;
}
.upc-footer-menu-grid>.upc-footer-column:last-child{border-right:0!important}
.upc-footer-concept-grid .upc-footer-column h2{
  margin:0 0 8px!important;
  color:#111!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.upc-footer-concept-grid .upc-footer-menu li{margin:0 0 4px!important;line-height:1.35!important}
.upc-footer-concept-grid .upc-footer-menu a{font-size:14px!important;color:#666!important}
.upc-footer-concept-grid .upc-footer-menu a:hover,.upc-footer-concept-grid .upc-footer-menu a:focus{color:var(--upc-gradient-start,#274685)!important}
.upc-footer-grid-row{
  border-top:2px solid #17384a!important;
  padding:16px 18px!important;
  min-width:0!important;
  color:#666!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:left!important;
}
.upc-footer-works-shared{text-align:center!important;padding-top:14px!important;padding-bottom:14px!important}
.upc-footer-indexing{text-align:center!important;padding-top:16px!important;padding-bottom:16px!important}
.upc-footer-journal-room{margin:0!important;padding:16px 18px!important;border-top:2px solid #17384a!important;color:#666!important;text-align:left!important}
.footer .upc-footer-journal-room.pkp_footer_content{padding:16px 18px!important;border-top:2px solid #17384a!important}
.upc-footer-concept-grid>.upc-footer-commitment{
  border-left:2px solid #17384a!important;
  padding:16px 18px 22px!important;
  min-width:0!important;
  text-align:left!important;
}
.upc-footer-concept-grid>.upc-footer-commitment h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  font-weight:400!important;
  font-style:italic!important;
  margin:0 0 10px!important;
}
.upc-footer-concept-grid .upc-commitment-text{max-width:none!important;font-size:14px!important;line-height:1.55!important;color:#777!important}
.upc-footer-concept-grid .upc-footer-issn{margin-top:16px!important;font-size:14px!important;line-height:1.55!important}
.upc-footer-rich-content{max-width:100%!important;margin:0!important}
.upc-footer-indexing .upc-footer-rich-content{text-align:center!important}
.upc-footer-indexing img{max-height:70px!important;max-width:180px!important;margin:8px 16px!important}
.footer-credit{border-top:0!important;margin-top:18px!important;padding-top:0!important}

@media(max-width:900px){
  .upc-footer-concept-grid{grid-template-columns:1fr!important}
  .upc-footer-concept-grid>.upc-footer-commitment{border-left:0!important;border-top:2px solid #17384a!important}
}
@media(max-width:640px){
  .upc-footer-menu-grid{grid-template-columns:1fr!important}
  .upc-footer-menu-grid>.upc-footer-column{border-right:0!important;border-top:2px solid #17384a!important}
  .upc-footer-menu-grid>.upc-footer-column:first-child{border-top:0!important}
  .upc-footer-grid-row,.upc-footer-journal-room,.footer .upc-footer-journal-room.pkp_footer_content{padding-left:14px!important;padding-right:14px!important}
}