.editorial-list{
    position: relative; 
}
.editorial-list li{
    margin-bottom: 1.125rem;
}
.editorial-list .img-profile{
    position: absolute;
    width: 95px;
    height: 105px;
    border: 1px solid #ddd;
    padding: .5rem;
}
.editorial-list .img-profile .imgthumb{ 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    object-fit: fill;
}
.editorial-list .img-profile img{
    width: 100%;
    height:100%;
}
.team-content{
    margin-left: 100px;
    min-height: 130px;
}
.team-content .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}   
.team-aff ul li{
    margin-bottom: 0;
}
.team-aff ul li .tm_label{
    display: inline-block;
    width: 80px;
}
 
.team-aff ul li .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}

/* Saneskara journal visual refresh, adapted from modern OJS editorial layouts. */
:root{
    --sjss-navy:#0b2238;
    --sjss-navy-2:#102c46;
    --sjss-teal:#007a80;
    --sjss-teal-soft:#e6f6f5;
    --sjss-gold:#f5b63b;
    --sjss-ink:#12263f;
    --sjss-muted:#607286;
    --sjss-line:#d8e4ea;
    --sjss-bg:#edf5f8;
    --sjss-card:#ffffff;
}

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

html:has(body.pkp_page_About-This-Journal),
body.pkp_page_About-This-Journal{
    overflow:visible;
}

body.has_site_logo{
    background:var(--sjss-bg);
    color:var(--sjss-ink);
    font-size:15px;
    line-height:1.7;
}

body.has_site_logo .pkp_structure_page{
    background:transparent;
}

body.has_site_logo a{
    color:var(--sjss-teal);
}

body.has_site_logo a:hover,
body.has_site_logo a:focus{
    color:#005c63;
}

.navbar-default{
    margin:0;
    border:0;
    border-radius:0;
    background:
        linear-gradient(90deg, rgba(7,28,46,.58), rgba(7,28,46,.08)),
        linear-gradient(180deg, rgba(7,28,46,.12), rgba(7,28,46,.42)),
        url('/public/journals/2/sjss-header-bg.jpg') right center / cover no-repeat;
    box-shadow:0 18px 42px rgba(10,34,56,.16);
}

.navbar-default .container-fluid{
    max-width:1180px;
    margin:0 auto;
    padding-left:24px;
    padding-right:24px;
}

#navigationUser{
    margin:8px 0 0;
}

#navigationUser>li>a{
    color:#cddbe5;
    border-radius:4px;
    font-size:13px;
    padding:6px 10px;
}

#navigationUser>li>a:hover,
#navigationUser>li>a:focus{
    background:rgba(255,255,255,.08);
    color:#fff;
}

.navbar-default .navbar-brand-logo{
    height:auto;
    padding:15px 0 18px;
}

.navbar-default .site-name{
    margin:0;
    max-width:520px;
}

.navbar-default .site-name img{
    display:block;
    max-width:100%;
    max-height:62px;
    width:auto;
}

.navbar-default .journal-publisher-line{
    display:block;
    max-width:520px;
    margin:-10px 0 14px;
    color:#d8e6ee;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
    text-shadow:0 1px 1px rgba(0,0,0,.22);
}

.navbar-default .navbar-nav>li>a{
    color:#e8f1f6;
    font-weight:700;
    letter-spacing:0;
    padding:16px 13px;
}

.navbar-default #main-navigation .menu-item-24,
.navbar-default #main-navigation .menu-item-41{
    display:none;
}

.navbar-default #main-navigation{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
}

.navbar-default #main-navigation>li{
    float:none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
    background:rgba(255,255,255,.09);
    color:#fff;
}

.navbar-default .dropdown-menu{
    border:0;
    border-radius:6px;
    box-shadow:0 16px 36px rgba(8,31,50,.2);
    padding:8px;
}

.navbar-default .dropdown-menu>li>a{
    border-radius:4px;
    color:var(--sjss-ink);
    padding:9px 12px;
}

.navbar-default .dropdown-menu>li>a:hover,
.navbar-default .dropdown-menu>li>a:focus{
    background:var(--sjss-teal-soft);
    color:#005c63;
}

.navbar-default .navbar-form{
    border:0;
    box-shadow:none;
}

.navbar-default .navbar-form .form-control{
    border:1px solid rgba(255,255,255,.2);
    border-radius:4px;
    background:rgba(255,255,255,.1);
    color:#fff;
    min-width:190px;
}

.navbar-default .navbar-form .form-control::placeholder{
    color:#b8c9d4;
}

.navbar-default .navbar-form .btn{
    border:0;
    border-radius:4px;
    background:var(--sjss-gold);
    color:#102033;
    font-weight:800;
}

.navbar-default .navbar-form .btn:hover,
.navbar-default .navbar-form .btn:focus{
    background:#e9a82b;
    color:#102033;
}

.pkp_structure_content.container{
    width:calc(100% - 48px);
    max-width:1180px;
    padding:42px 0 0;
}

.pkp_structure_main{
    padding-left:0;
    padding-right:24px;
}

.pkp_structure_sidebar{
    padding-left:10px;
    padding-right:0;
}

.page_index_journal .journal-description{
    position:relative;
    overflow:hidden;
    margin:0 0 26px;
    padding:42px 42px 38px;
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(11,34,56,.98), rgba(0,122,128,.94)),
        radial-gradient(circle at 90% 15%, rgba(245,182,59,.28), transparent 30%);
    color:#fff;
    box-shadow:0 24px 58px rgba(10,42,64,.2);
}

.page_index_journal .journal-description:before{
    content:"Saneskara: Journal of Social Studies";
    display:block;
    max-width:780px;
    margin:0 0 14px;
    color:#fff;
    font-size:42px;
    line-height:1.12;
    font-weight:900;
}

.page_index_journal .journal-description:after{
    content:"Peer-reviewed open-access journal for social studies, education, culture, and community research.";
    display:block;
    max-width:680px;
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.22);
    color:#d9f1f2;
    font-weight:700;
}

.page_index_journal .journal-description p{
    max-width:760px;
    color:#eaf8f8;
    margin-bottom:14px;
}

.page_index_journal .journal-description p:first-child{
    font-size:17px;
}

.page_index_journal .journal-description strong,
.page_index_journal .journal-description em{
    color:#fff;
}

.current_issue{
    margin:0 0 30px;
    padding:30px;
    border:1px solid var(--sjss-line);
    border-radius:8px;
    background:var(--sjss-card);
    box-shadow:0 20px 48px rgba(18,50,75,.1);
}

.current_issue>.page-header{
    margin:0 0 16px;
    padding:0 0 12px;
    border-bottom:2px solid var(--sjss-line);
}

.current_issue>.page-header h2{
    position:relative;
    display:inline-block;
    margin:0;
    color:var(--sjss-navy);
    font-size:28px;
    font-weight:900;
}

.current_issue>.page-header h2:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-14px;
    width:72px;
    height:3px;
    border-radius:3px;
    background:var(--sjss-gold);
}

.current_issue_title.lead{
    margin:0 0 20px;
    color:var(--sjss-muted);
    font-size:18px;
    font-weight:800;
}

.issue-toc .heading.row{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin:0 0 24px;
}

.issue-toc .thumbnail{
    float:none;
    width:220px;
    max-width:38%;
    margin:0;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
}

.issue-toc .thumbnail img{
    border-radius:6px;
    box-shadow:0 14px 30px rgba(12,35,56,.18);
}

.issue-toc .issue-details{
    float:none;
    flex:1 1 auto;
    width:auto;
    padding:10px 0 0;
}

.issue-details .published{
    display:inline-flex;
    gap:8px;
    align-items:center;
    margin:0;
    padding:8px 12px;
    border-radius:4px;
    background:var(--sjss-teal-soft);
    color:#006c72;
    font-weight:700;
}

.sections .section>.page-header{
    margin:18px 0 14px;
    padding:0;
    border:0;
}

.sections .section>.page-header h2{
    margin:0;
}

.sections .section>.page-header small{
    display:inline-block;
    padding:8px 14px;
    border-radius:4px;
    background:var(--sjss-navy);
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.article-summary.media{
    margin:0 0 14px;
    padding:20px;
    border:1px solid var(--sjss-line);
    border-left:4px solid var(--sjss-teal);
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 26px rgba(18,50,75,.07);
}

.article-summary .media-heading{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.35;
    font-weight:900;
}

.article-summary .media-heading a{
    color:var(--sjss-navy);
}

.article-summary .meta,
.article-summary .pages{
    color:var(--sjss-muted);
    font-size:14px;
}

.article-summary .pages{
    margin:8px 0 6px;
    font-weight:800;
}

.article-summary .doi{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    margin:0 0 14px;
    color:var(--sjss-muted);
    font-size:14px;
    line-height:1.45;
}

.article-summary .doi span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:2px 9px;
    border-radius:4px;
    background:var(--sjss-teal-soft);
    color:#006c72;
    font-size:12px;
    font-weight:900;
    letter-spacing:.02em;
}

.article-summary .doi a{
    color:#006c72;
    font-weight:800;
    word-break:break-word;
}

.btn-primary,
.galley-link.btn-primary,
.read-more.btn-primary{
    border:0;
    border-radius:4px;
    background:var(--sjss-navy);
    color:#fff;
    font-weight:800;
    box-shadow:none;
}

.btn-primary:hover,
.btn-primary:focus,
.galley-link.btn-primary:hover,
.galley-link.btn-primary:focus,
.read-more.btn-primary:hover,
.read-more.btn-primary:focus{
    background:#153655;
    color:#fff;
}

.read-more.btn-primary{
    margin-top:6px;
    background:var(--sjss-gold);
    color:#122033;
}

.read-more.btn-primary:hover,
.read-more.btn-primary:focus{
    background:#e9a82b;
    color:#122033;
}

.pkp_block{
    overflow:hidden;
    margin:0 0 20px;
    border:1px solid var(--sjss-line);
    border-radius:8px;
    background:#fff;
    box-shadow:0 16px 38px rgba(18,50,75,.08);
}

.pkp_block .title{
    margin:0;
    padding:14px 18px;
    background:var(--sjss-navy);
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.pkp_block .content{
    padding:18px;
}

.pkp_block .content .content{
    padding:0;
}

#customblock-information table{
    width:100% !important;
    height:auto !important;
    margin:0;
    table-layout:auto;
    font-size:13px;
}

#customblock-information table tr,
#customblock-information table td{
    height:auto !important;
}

#customblock-information table td{
    border-color:#e2edf1;
    padding:9px 10px !important;
    line-height:1.45;
    vertical-align:top !important;
    word-break:break-word;
}

#customblock-information table td:first-child{
    width:32% !important;
    color:var(--sjss-muted);
    font-weight:800;
}

#customblock-index img,
#customblock-collaboration img{
    max-width:100%;
    height:auto !important;
    border-radius:6px !important;
}

.sjss-about-links .content{
    padding:0;
}

.sjss-about-links ul{
    margin:0;
    padding:0;
    list-style:none;
}

.sjss-about-links li{
    margin:0;
    border-bottom:1px solid #e2edf1;
}

.sjss-about-links .journal-menu-section{
    padding:6px 14px 3px;
    background:#f5fafb;
    color:var(--sjss-teal);
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.sjss-about-links li:last-child{
    border-bottom:0;
}

.sjss-about-links a{
    position:relative;
    display:block;
    padding:4px 14px 4px 26px;
    color:var(--sjss-ink);
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}

.sjss-about-links a:before{
    content:"";
    position:absolute;
    left:14px;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--sjss-gold);
}

.sjss-about-links a:hover,
.sjss-about-links a:focus{
    background:var(--sjss-teal-soft);
    color:#005c63;
    text-decoration:none;
}

.journal-about-page .journal-lead{
    margin:0 0 20px;
    color:var(--sjss-muted);
    font-size:16px;
    line-height:1.7;
}

.journal-about-page .journal-kicker{
    margin:0 0 6px;
    color:var(--sjss-teal);
    font-size:12px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
}

body.pkp_page_About-This-Journal .pkp_structure_content.container{
    max-width:1360px;
}

.journal-about-layout{
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.journal-about-sections{
    grid-column:2;
    grid-row:1;
    min-width:0;
}

.journal-jump-panel{
    position:sticky;
    top:18px;
    align-self:start;
    grid-column:1;
    grid-row:1;
    max-height:calc(100vh - 36px);
    overflow:auto;
    margin:0 0 28px;
    padding:18px;
    border:1px solid var(--sjss-line);
    border-left:4px solid var(--sjss-gold);
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 32px rgba(18,50,75,.06);
}

.journal-jump-panel h2{
    margin:0 0 12px;
    color:var(--sjss-navy);
    font-size:19px;
}

.journal-jump-list{
    display:grid;
    grid-template-columns:1fr;
    gap:8px 10px;
}

.journal-jump-list a{
    display:block;
    padding:8px 10px;
    border:1px solid #d7edf0;
    border-radius:6px;
    background:var(--sjss-teal-soft);
    color:var(--sjss-ink);
    font-size:13px;
    font-weight:800;
    line-height:1.25;
}

.journal-jump-list a:hover,
.journal-jump-list a:focus{
    background:#d6f0ee;
    color:#005c63;
    text-decoration:none;
}

.journal-policy-section{
    scroll-margin-top:96px;
    padding:24px 0;
    border-top:1px solid var(--sjss-line);
}

.journal-policy-section h2{
    margin:0 0 10px;
    color:var(--sjss-navy);
    font-size:22px;
}

.journal-policy-section p,
.journal-policy-section li{
    color:var(--sjss-ink);
    line-height:1.72;
}

.journal-about-page .table{
    margin:12px 0 0;
}

.journal-about-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}

.journal-about-actions a{
    display:inline-block;
    padding:9px 14px;
    border-radius:5px;
    background:var(--sjss-navy);
    color:#fff;
    font-weight:900;
}

.journal-about-actions a.secondary{
    background:var(--sjss-gold);
    color:#102033;
}

@media (max-width:1199px){
    .journal-about-layout{
        display:block;
    }

    .journal-jump-panel{
        position:static;
        max-height:none;
        overflow:visible;
        margin:22px 0 28px;
    }
}

@media (max-width:767px){
    .journal-about-layout{
        display:block;
    }

    .journal-jump-panel{
        position:static;
        max-height:none;
        overflow:visible;
        margin:22px 0 28px;
    }

    .journal-jump-list{
        grid-template-columns:1fr;
    }
}

body.has_site_logo .footer{
    margin-top:52px;
    padding:42px 0;
    border:0;
    background:var(--sjss-navy) !important;
    color:#d8e6ee;
}

body.has_site_logo .footer .container{
    width:calc(100% - 48px);
    max-width:1180px;
    padding:0;
}

body.has_site_logo .footer .col-md-10{
    width:100%;
}

body.has_site_logo .footer .col-md-2{
    display:none;
}

body.has_site_logo .footer a{
    color:#ffd06c;
}

body.has_site_logo .footer table{
    width:100% !important;
    max-width:100%;
}

#pageFooter tr.heading{
    display:grid;
    grid-template-columns:1.05fr 1fr 1.15fr;
    gap:28px;
}

#pageFooter td{
    display:block;
    width:auto !important;
    padding:0 !important;
    text-align:left !important;
}

#pageFooter h5,
#pageFooter h6{
    color:#d8e6ee;
    font-size:14px;
    line-height:1.7;
}

#pageFooter img{
    max-width:100%;
    height:auto;
}

#pageFooter iframe{
    width:100% !important;
    max-width:360px;
    height:150px !important;
    border-radius:8px;
}

#pageFooter a[href*="statcounter"],
#pageFooter img[src*="statcounter"],
body.has_site_logo .footer> .container> .row> .col-md-10> p{
    display:none !important;
}

@media (min-width:768px){
    .navbar-default>.container-fluid:last-child{
        display:flex;
        align-items:center;
        gap:22px;
    }

    .navbar-default .navbar-header{
        float:none;
        flex:0 0 auto;
    }

    .navbar-default .navbar-collapse.collapse{
        display:flex !important;
        align-items:center;
        justify-content:flex-end;
        flex:1 1 auto;
        min-width:0;
    }

    .navbar-default .navbar-nav{
        float:none;
    }

    .navbar-default .navbar-form{
        margin:0 0 0 12px;
        padding:0;
        white-space:nowrap;
    }
}

@media (max-width:991px){
    .pkp_structure_main,
    .pkp_structure_sidebar{
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    .pkp_structure_sidebar{
        margin-top:12px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .navbar-default>.container-fluid:last-child{
        display:block;
        text-align:center;
    }

    .navbar-default .navbar-header{
        float:none;
    }

    .navbar-default .site-name{
        max-width:620px;
        margin:0 auto;
    }

    .navbar-default .site-name img{
        margin:0 auto;
        max-width:92vw;
        max-height:58px;
    }

    .navbar-default .journal-publisher-line{
        max-width:620px;
        margin:-8px auto 12px;
        text-align:center;
    }

    .navbar-default .navbar-collapse.collapse{
        display:block !important;
        text-align:center;
    }

    .navbar-default .navbar-nav{
        display:inline-block;
        float:none;
        margin:0;
        vertical-align:middle;
    }

    .navbar-default .navbar-nav>li{
        display:inline-block;
        float:none;
    }

    .navbar-default .pull-md-right{
        display:inline-block;
        vertical-align:middle;
    }

    .navbar-default .navbar-form .form-control{
        width:190px;
    }
}

@media (max-width:767px){
    body.has_site_logo{
        font-size:14px;
    }

    .navbar-default .container-fluid{
        padding-left:16px;
        padding-right:16px;
    }

    .navbar-default .navbar-brand-logo{
        padding:12px 0;
        max-width:calc(100vw - 92px);
    }

    .navbar-default .site-name{
        max-width:calc(100vw - 92px);
        margin:0;
    }

    .navbar-default .site-name a{
        display:block;
        white-space:normal;
        overflow-wrap:break-word;
        line-height:1.16;
    }

    .navbar-default .site-name img{
        max-height:44px;
        max-width:calc(100vw - 100px);
    }

    .navbar-default .journal-publisher-line{
        max-width:calc(100vw - 100px);
        margin:-6px 0 10px;
        font-size:11px;
        line-height:1.3;
    }

    .navbar-default .navbar-toggle{
        margin-top:15px;
        border-color:rgba(255,255,255,.35);
    }

    .navbar-default .navbar-toggle .icon-bar{
        background-color:#fff;
    }

    .navbar-default .navbar-collapse{
        border:0;
        box-shadow:none;
    }

    .navbar-default .navbar-nav>li>a{
        padding:11px 0;
    }

    .navbar-default .navbar-form{
        margin:10px 0 16px;
        padding:0;
    }

    .navbar-default .navbar-form .form-control{
        width:100%;
        min-width:0;
        margin-bottom:8px;
    }

    .pkp_structure_content.container,
    .footer .container{
        width:calc(100% - 28px);
    }

    .pkp_structure_content.container{
        padding-top:24px;
    }

    .page_index_journal .journal-description{
        padding:28px 22px;
    }

    .page_index_journal .journal-description:before{
        font-size:30px;
    }

    .current_issue{
        padding:22px;
    }

    .issue-toc .heading.row{
        display:block;
    }

    .issue-toc .thumbnail{
        width:100%;
        max-width:250px;
        margin:0 0 18px;
    }

    .article-summary.media{
        padding:17px;
    }

    .article-summary .media-heading{
        font-size:18px;
    }

    #customblock-information table,
    #customblock-information tbody,
    #customblock-information tr,
    #customblock-information td{
        display:block;
        width:100% !important;
    }

    #customblock-information table tr{
        padding:9px 0;
        border-bottom:1px solid #e2edf1;
    }

    #customblock-information table tr:last-child{
        border-bottom:0;
    }

    #customblock-information table td{
        padding:1px 0 !important;
        border:0 !important;
        background:transparent !important;
    }

    #customblock-information table td:first-child{
        width:100% !important;
        color:#607286;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:.02em;
    }

    #pageFooter tr.heading{
        display:block;
    }

    #pageFooter td{
        margin-bottom:24px;
    }
}