@import url(https://fonts.googleapis.com/css?family=Merriweather&display=swap);

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Merriweather, serif;
}

h1,
h2 {
  font-size: 1.4em;
}

@media (min-width: 980px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin: -12px 0 0 10px;
  }
}

.no-padding,
.page {
  padding: 0;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.fa {
  margin-right: 5px;
}

.logo_small {
  float: left;
  padding: 15px 0;
}

.logo_small img {
  width: 37px;
}

img.full-width {
  width: 100%;
}

.header_view,
.navbar-default {
  border-bottom: none;
}

.background-white {
  background-color: #fff;
}

.box-shadow {
  -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
}

.header_view .navbar-toggle,
.navbar-default .navbar-toggle {
  border: 0 !important;
}

.or-spacer {
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.or-spacer .mask {
  overflow: hidden;
  height: 20px;
}

.or-spacer .mask::after {
  content: "";
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px/12px;
  box-shadow: 0 0 8px #e8e6e6;
}

.pkp_structure_page {
  background: #fafafa;
  font-size: 1.1em;
  text-align: justify;
  text-justify: inter-word;
  padding-top: 30px;
}

.block_web_feed {
  text-align: center;
}

.block_web_feed img {
  width: 40%;
}

.site_header {
  box-shadow: 0 -2px 5px -3px rgba(74, 72, 72, .75);
  border-top: 1px solid #fff;
}

.header_shadow {
  background: url(../images/headershadow.png) no-repeat scroll center -8px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  margin-top: 1px;
}

.header_view,
.navbar {
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, .09);
  -moz-box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, .09);
  box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, .09);
}

.about_journal {
  display: flex;
  flex-direction: column;
  padding: 20px;
  font-size: 1.03em;
}

.page-header,
.site-name .navbar-brand {
  font-family: Merriweather, serif;
  color: #fff;
  font-size: 16px;
}

body.rtl .navbar-header .site-name {
  text-align: right;
}

.page-header h1 {
  font-size: 1.3em;
  padding: 0 0 8px;
  margin: 0;
}

.list-group-item,
.pkp_block ul li {
  border: none;
}

.pkp_block .content li {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
}

.panel-default>.panel-heading,
.pkp_block .title {
  border-color: #ddd;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.journal-description h2 {
  font-size: 20px;
  margin-top: -10px;
  font-family: Lora, serif;
}

.pkp_page_index .additional_content {
  margin-top: 0;
}

body.rtl .additional_content ul {
  padding-right: 0;
}

.journal_index {
  min-height: 140px;
  margin: -21px 0 20px;
  padding: 20px 0 20px;
  -webkit-box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  -moz-box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  border-bottom: 2px solid #fff;
}

.article-summary a.article_name {
  font-size: 16px;
}

.article-summary a.article_name:hover {
  text-decoration: none;
}

.non_index_header {
  min-height: 140px;
  margin: -23px 0 20px;
  padding: 20px 0 20px;
  -webkit-box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  -moz-box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  box-shadow: inset 0 -4px 5px -3px rgba(166, 166, 166, .29);
  border-bottom: 2px solid #fff;
  background: #ece9e6;
  background: -webkit-linear-gradient(to right, #fff, #ece9e6);
  background: linear-gradient(to right, #fff, #ece9e6);
}

div#main-content.page_index_journal div.col-md-4.thumbnail {
  border: none;
}

.journal_index .site_description {
  border: 1px solid #e7e7e7;
  background: #fff;
  border-radius: 10px;
  margin-left: 10px;
}

.journal_index .about_site {
  font-size: 13px;
  padding: 20px 5px;
}

.journal_index h1 {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 10px 0;
  font-style: italic;
  color: #4a4a4b;
}

.journal_index .statement {
  margin-top: -5px;
}

.journal_index .site_logo {
  padding-left: 0;
}

.journal_index .site_logo img {
  padding: 4px;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  width: auto;
}

.block_makeSubmission a,
.block_make_submission a {
  border: 1px solid red;
}

.user_navigation {
  padding: 2px;
}

.galley_button {
  height: 35px;
}

a.galley-link {
  font-size: .72em;
  padding: 2px 10px 2px 9px;
  border-radius: 5px;
  margin-right: 5px;
  text-decoration: none;
  float: left;
  width: auto;
  margin-bottom: 10px;
  border: 1.4px solid #ececec;
  color: #628eec;
  background: linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #ededed 100%);
}

a.galley-link:hover {
  font-weight: 700;
}

.pkp_page_article a.galley-link {
  padding: 6px 10px 6px 9px;
}

body.rtl a.galley-link {
  float: right;
}

.galley_item_disabled {
  font-size: .7em;
  padding: 4px;
  background: #f8f8f85e;
  border-radius: 4px;
  border: 1px solid beige;
  margin-right: 5px;
}

#main_content {
  padding-top: 20px;
}

.main_content main {
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  background: #fff;
  padding: 30px;
  margin-top: -2px;
}

.panel,
.pkp_block {
  -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
  border: 1px solid #f1f1f1;
  border-radius: 0;
}

.page-header small {
  margin-top: 13px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  margin: 12px 0 20px 0;
  color: #444;
}

#main-site>div>div>h2 {
  margin-top: 10px;
}

.page-header h2 {
  font-size: 24px;
  padding-bottom: 0;
  margin-top: 30px;
}

.homepage-image img {
  margin-bottom: 20px;
}

.media ul.nav-pills {
  display: block;
  float: right;
  margin-top: 10px;
}

.article-summary h3.media-heading {
  margin-bottom: 15px;
}

.media .media-heading {
  font-size: 1.28em;
  font-family: Lora, serif;
  margin: 0 0 10px 0;
}

.media-left img {
  max-width: 200px;
  margin-bottom: 20px;
  box-shadow: 10px 10px 5px -10px rgba(0, 0, 0, .4);
  border: 1px solid #dcd6d6;
}

.media .nav-pills li a {
  border: 1px solid #d5d5d6;
  margin-right: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, .99) 47%, rgba(237, 237, 237, .97) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, .99)), color-stop(100%, rgba(237, 237, 237, .97)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, .99) 47%, rgba(237, 237, 237, .97) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, .99) 47%, rgba(237, 237, 237, .97) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, .99) 47%, rgba(237, 237, 237, .97) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, .99) 47%, rgba(237, 237, 237, .97) 100%);
}

.article-summary {
  padding-bottom: 16px;
}

.article-summary .article-abstract {
  text-align: justify;
  text-justify: inter-word;
}

div.article-summary>div>h3>a>p {
  margin: 5px 0 15px 0;
}

div.article-summary>div>h3>a>p>small {
  color: #8c8c8d;
}

.article-summary .meta {
  margin-bottom: 4px;
}

.article-summary .author {
  font-size: 1em;
}

.article-summary .pages {
  font-size: 1em;
}

.article-summary .pages .page_number {
  font-family: Lora, serif;
  color: #a7a7a7;
}

.article-summary .article_counter_read {
  display: inline-block;
  width: 20px;
  height: 10px;
  background: url(../images/bar_chart_icon.png) no-repeat top left;
  color: #fff;
}

.article-summary .stat_counter {
  text-align: right;
}

body.rtl .article-summary .stat_counter {
  text-align: left;
}

.current_issue .page-header h2 {
  font-size: 22px;
}

.issue-toc .thumbnail {
  border: none;
}

.current_issue .thumbnail {
  border: none;
}

.article-details {
  margin-bottom: 40px;
}

.article-header h1.article-title {
  text-align: left;
}

body.rtl .article-header h1.article-title {
  text-align: right;
}

.article-details .cover-image img {
  width: 250px;
  margin: 0 auto;
  padding: 10px;
}

.article-details .doi,
.article-details .panel,
.article-header .doi {
  background: 0 0;
  border: none;
  padding: 0;
  font-size: 13px;
  margin-top: 5px;
}

.article-details .article-references {
  margin-top: 40px;
}

.pkp_page_article article h1.page-header {
  font-size: 1.8em;
}

.pkp_page_article .article-details h2 {
  font-size: 1.4em;
  font-weight: 400;
}

.pkp_page_article .article-more-details .panel {
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #ebeaea;
}

.pkp_page_article .article-details .panel-default>.panel-heading,
.pkp_page_article .article-more-details .panel-default>.panel-heading {
  background: 0 0;
  border-bottom: 1px solid #fdf1f1;
  color: #1d1d1d;
  font-size: 1.2em;
}

.authors .author .orcid a {
  vertical-align: top;
  margin-left: 5px;
}

.orcid_icon {
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.crossmark_button {
  float: right;
}

.article-details .author-bios .biography {
  margin: 5px 0 0 0;
  border-top: 1px solid #ffefe9;
  padding: 10px 0 0 0;
}

.article-details .author-bios .biography p {
  color: #928f8f;
}

.article-details .author-bios .biography .media-body {
  font-size: 12px;
}

.article-details .author-bios .biography h3 {
  font-size: 1.3em;
  color: #ce7c43;
  margin-bottom: 5px;
  line-height: 1.6;
}

.article-details .article_counter_read {
  display: inline-block;
  width: 20px;
  height: 10px;
  background: url(../images/bar_chart_icon.png) no-repeat top left;
  color: #fff;
}

.article-details .doi_link,
.article-header .doi_link {
  background-size: 18px !important;
  height: 30px !important;
  background: url(../images/DOI_logo.svg) no-repeat center left;
  padding: 5px 0 5px 30px;
}

.journal_index_doi {
  margin-top: -12px;
  margin-bottom: 10px;
  font-size: .86em;
}

.journal_index_doi a {
  color: #8c99e6;
}

.journal_index_doi .doi_link {
  background-size: 14px !important;
  height: 20px !important;
  background: url(../images/DOI_logo.svg) no-repeat center left;
  padding: 5px 0 5px 23px;
}

h3 {
  font-size: 19px;
}

.article-details .keywords {
  margin: 40px 0 100px 0;
}

.article-details .keywords .keyword_item {
  margin: 0 6px 6px 0;
  float: left;
  background: #f9f5ed;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 5px 8px;
  box-shadow: 10px 10px 5px -13px rgba(10, 100, 214, .75);
}

.article-details .date-list {
  margin: 40px 0 40px;
}

.article-details .date-list .detail {
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 7px;
}

.article-details .date-list strong {
  color: #d4d4d4;
  font-size: 1.4em;
  font-family: Lora, serif;
}

.article-details .date-list .date {
  margin-top: -5px;
}

.article-details .author+.author,
.authors .author+.author {
  margin-top: 0;
}

.pkp_page_article div.row.non_index_header .article-header .full_name {
  font-size: 1.1em;
}

.pkp_page_article div.row.non_index_header .article-header h1 {
  color: #ce730c;
  margin: 10px 0 5px 0;
  font-weight: 550;
  font-size: 1.6em;
  line-height: 30px;
  font-family: Lora, serif;
}

.panel.panel-default.author-bios>div.panel-body>div:nth-child(1) {
  margin-top: -10px;
  border: none;
}

.article-header .second_col .second_col_author {
  padding-left: 10px;
}

.article-header .authors {
  padding-left: 5px;
  margin-top: 20px;
}

.article-header .subtitle {
  font-size: 1.1em;
  color: #bdbdbd;
  margin-top: -5px;
}

.header-section {
  color: #6345f6;
  margin-top: -18px;
  font-size: 1.6em;
}

.pkp_page_article div.row.non_index_header .article-header .breadcrumb {
  padding-left: 0;
  background: 0 0;
  font-size: .9em;
  color: grey;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.authors.equal .col {
  width: 45%;
  margin: 10px 10px;
  border-bottom: 1px solid #f3eeec;
  padding-bottom: 20px;
}

.authors.equal .divider {
  border-right: 1px solid;
  border-image: linear-gradient(45deg, #fde6c3, #eee) 1;
  height: auto;
  margin-bottom: 20px;
}

.form-group label {
  display: block;
}

.article-references-content {
  padding-top: 15px;
  font-size: .9em;
}

.article-references .readmore_references {
  width: 100px !important;
  padding: 6px;
  float: right;
}

.article-references-content+[data-readmore-toggle],
.article-references-content[data-readmore] {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.article-references-content[data-readmore] {
  transition: height 1.6s;
  overflow: hidden;
}

.article-references ol {
  margin: -10px 0 0 -10px;
}

body.rtl .article-references ol {
  margin-left: 5px;
}

.article-references ol li {
  margin-bottom: 10px;
}

.pkp_page_article div.row.non_index_header .article-header .breadcrumb a {
  color: #c5c2c2;
}

.pkp_page_article div.row.non_index_header .article-header .article-header-text {
  background: #fafbfc;
  border: 1px solid #fff;
}

.header-page-section {
  background: #f8f2f2;
  text-transform: capitalize;
  margin-top: 30px;
  color: #767777;
  padding: 0 10px;
  font-size: 2em;
  border-left: 3px solid #fcb4f8;
}

#customblock-IndexedBy,
div#customblock-indexed-by,
div#customblock-indexedBy,
div#customblock-indexed_by,
div#customblock-indexed_logo {
  display: none;
}

.indexed_by {
  border: 1px solid #fff;
  padding: 0 30px;
  width: 99%;
  -webkit-box-shadow: 0 0 5px 0 rgba(207, 205, 207, .57);
  -moz-box-shadow: 0 0 5px 0 rgba(207, 205, 207, .57);
  box-shadow: 0 0 5px 0 rgba(207, 205, 207, .57);
  text-align: center;
  margin: 15px 0;
  background: #fff;
  vertical-align: middle;
}

.indexed_by .slick-track {
  padding: 20px 0 10px 0;
}

.indexed_by img {
  max-height: 50px;
  max-width: 100px;
  margin-right: 40px;
}

.copyright-wrapper {
  background: #1a1a1a;
  border-top: 1px solid #2d2d2d;
  margin: 30px 0 0 0;
  padding: 14px 0 14px;
  position: relative;
  color: #555;
  width: 100%;
}

.copyright-wrapper img {
  margin-bottom: 0;
}

.copy-right {
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  color: #9e9e9e;
}

.copy-right a {
  color: #e0e0e0;
}

.contact_section .fa {
  font-size: 1.1em;
  margin-right: 20px;
  color: #b35900;
}

.contact_section .contact .fa {
  font-size: 1.4em;
  margin-bottom: 10px;
}

#sidebar {
  padding-right: 0;
  margin-top: -1px;
}

body.rtl #sidebar {
  padding: 0 5px;
}

#sidebar #customblock-CustomLink .content,
#sidebar #customblock-custom-link .content,
#sidebar #customblock-customLink .content,
#sidebar #customblock-makeSubmission .content,
#sidebar #customblock-make_submission .content {
  text-align: center;
}

.pkp_block.block_web_feed {
  text-align: left;
}

#customblock-editorial-team,
#customblock-editorialTeam {
  padding: 5px 10px 10px;
}

.editorial_team_block h1 {
  text-align: center !important;
}

.editorial_team_block div {
  padding: 0;
}

.editorial_team_block .col-md-4 {
  width: 30%;
}

.editorial_team_block .read_more {
  text-transform: none;
}

.editorial_team_block .read_more a {
  color: #fff;
}

.editorial_team_block img {
  width: 85px !important;
  height: 90px !important;
  padding: 5px;
  border: 1px solid #d6cfcf46;
  float: left;
  box-shadow: 10px 10px 5px -13px rgba(105, 98, 98, .75);
}

.editorial_team_block .profile {
  min-height: 100px;
}

.editorial_team_block .profile div {
  line-height: 1.5;
  font-size: .92em;
  text-align: left;
}

.editorial_team_block .row {
  padding: 0 12px;
}

body.rtl .editorial_team_block .profile div {
  text-align: right;
  padding-right: 10px;
}

.editorial_team_block .profile .name {
  font-size: 14px;
}

.editorial_team_block .profile .speciality {
  font-weight: 700;
  font-size: .92em;
}

.editorial_team_block .profile .google_scholar {
  background: url(../images/google_scholar_logo.svg) no-repeat 2px;
  background-size: 15px;
  padding-left: 25px;
}

.editorial_team_block .profile .orcid {
  background: url(../images/orcid_logo.svg) no-repeat 2px;
  background-size: 15px;
  padding-left: 25px;
}

.pkp_structure_sidebar .block_custom h1 {
  font-size: 21px;
  text-align: left;
  margin: 10px 0 20px 0;
  text-shadow: 1px 1px #edf1ed;
  padding-bottom: 10px;
}

.pkp_structure_sidebar .block_custom {
  text-align: left;
}

.block_custom .title {
  margin: -15px -16px 25px;
}

.block_custom>div>p>span.title {
  margin: -15px -16px 25px;
}

#customblock-IncomingEvent,
#customblock-incoming-event,
#customblock-incomingEvent {
  text-align: center;
}

#customblock-IncomingEvent img,
#customblock-incoming-event img,
#customblock-incomingEvent img {
  width: 320px;
}

#customblock-SidebarMenu,
#customblock-sidebarMenu,
#customblock-sidebar_menu {
  text-align: left;
}

#customblock-SidebarMenu>div:nth-child(1)>p:nth-child(1),
#customblock-sidebarMenu>div:nth-child(1)>p:nth-child(1),
#customblock-sidebar_menu>div:nth-child(1)>p:nth-child(1) {
  margin-top: 5px;
}

#customblock-SidebarMenu p,
#customblock-sidebarMenu p,
#customblock-sidebar_menu p {
  background: #fafafa;
  margin: 0 0 1px;
  border-bottom: 1px solid #f5f4f4;
  padding: 10px 0 10px 30px;
  width: 100%;
}

body.rtl #customblock-SidebarMenu p,
body.rtl #customblock-sidebarMenu p,
body.rtl #customblock-sidebar_menu p {
  text-align: right;
}

body.rtl #customblock-SidebarMenu p a,
body.rtl #customblock-sidebarMenu p a,
body.rtl #customblock-sidebar_menu p a {
  border-right: 1px solid #e7e5e5;
  padding-right: 14px;
  margin-right: 5px;
}

#customblock-SidebarMenu p:hover,
#customblock-sidebarMenu p:hover,
#customblock-sidebar_menu p:hover {
  background: #fff;
}

#customblock-SidebarMenu p a,
#customblock-sidebarMenu p a,
#customblock-sidebar_menu p a {
  font-size: 1.2em;
}

#customblock-SidebarMenu p a:hover,
#customblock-sidebarMenu p a:hover,
#customblock-sidebar_menu p a:hover {
  text-decoration: none;
}

#customblock-SidebarMenu p a em.fa,
#customblock-sidebarMenu p a em.fa,
#customblock-sidebar_menu p a em.fa {
  margin: 0 15px 0 -10px;
  border-right: 1px solid #e7e5e5;
  width: 35px;
  font-size: 1.09em;
}

body.rtl #customblock-SidebarMenu p a em.fa,
body.rtl #customblock-sidebarMenu p a em.fa,
body.rtl #customblock-sidebar_menu p a em.fa {
  float: right;
  border: 0;
}

#customblock-CustomLink p,
#customblock-MakeSubmission p,
#customblock-custom-link p,
#customblock-customLink p,
#customblock-makeSubmission p,
#customblock-make_submission p {
  margin-bottom: 0;
}

#customblock-CustomLink img,
#customblock-JournalTemplate img,
#customblock-MakeSubmission img,
#customblock-custom-link img,
#customblock-customLink img,
#customblock-journal-template img,
#customblock-journalTemplate img,
#customblock-makeSubmission img,
#customblock-make_submission img {
  transition: transform .8s;
}

body.rtl #customblock-CustomLink h1,
body.rtl #customblock-custom-link h1,
body.rtl #customblock-customLink h1 {
  text-align: right;
}

#customblock-CustomLink img:hover,
#customblock-JournalTemplate img:hover,
#customblock-MakeSubmission img:hover,
#customblock-custom-link img:hover,
#customblock-customLink img:hover,
#customblock-journal-template img:hover,
#customblock-journalTemplate img:hover,
#customblock-makeSubmission img:hover,
#customblock-make_submission img:hover {
  transform: scale(1.03);
}

#customblock-JournalTemplate,
#customblock-MakeSubmission,
#customblock-journal-template,
#customblock-journalTemplate,
#customblock-makeSubmission,
#customblock-make_submission {
  text-align: center;
}

.side-menu_hover_effect {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.side-menu_hover_effect:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.side-menu_hover_effect:active:before,
.side-menu_hover_effect:focus:before,
.side-menu_hover_effect:hover:before {
  right: 0;
}

body.rtl #customblock-sidebar_menu p a em.fa {
  width: 45px;
}

.page-static {
  font-size: 14px;
  margin-top: -38px;
}

.list_of_index {
  min-height: 20px;
}

.statistic_menu_color {
  color: #261ac9;
}

.dimension_badge {
  padding: 20px 10px !important;
}

.search-advanced select {
  min-width: 70px;
  margin-right: 10px;
}

.search_input {
  padding-top: 15px;
}

body.rtl .search_input {
  float: left;
}

.navbar-brand {
  float: left;
  padding: 20.5px 15px;
  font-size: 17px;
  line-height: 23px;
  height: 64px;
}

.navbar-nav>li>a {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
}

.header_view,
.navbar-default {
  border: none;
  border-radius: none;
}

.panel,
.pkp_block {
  background-color: #fff;
}

.page_index_site .description {
  font-size: .85em;
}

.page_index_site li.media {
  height: 300px;
}

.page_index_site li.media .media-left img {
  height: 240px;
  width: 170px;
  border: 0;
  box-shadow: none;
}

.page_index_site .media:first-child {
  margin-top: 2em;
}

.page_index_site .media .nav-pills li a {
  font-size: .8em;
  padding: 4px 6px;
}

.page_index_site .media_body {
  padding-left: 40px;
}

.page_index_site .media-body {
  margin: 0;
}

.header_indexSite .site_description {
  margin-bottom: 40px;
}

.header_line {
  position: relative;
  overflow: hidden;
  font-family: Merriweather, serif;
  color: #b8b8b8;
  font-size: 23px;
  margin-bottom: 14px;
}

.header_line:after {
  content: "";
  position: absolute;
  width: 90%;
  top: 50%;
  margin-left: 2%;
  border-top: 1px solid #f0f0f0;
}

body.rtl .header_line::after {
  margin-right: 2%;
}

div#customblock-flag-counter img,
div#customblock-flagCounter img {
  width: 100%;
  height: 170px;
}

.cmp_form .tagit {
  max-width: 100%;
  height: auto;
}

.cmp_form ul.interests {
  padding-left: 0;
  border: 1px solid #e2e0e0;
  border-radius: 4px;
  margin-left: 4px;
}

.cmp_form .tagit>li {
  display: inline-block;
  margin: 0 10px;
}

.reviewer_interests .label {
  color: #7669de;
}

.reviewer_interests a.tagit-close {
  margin: 0 4px;
}

.page_register .fields .reviewer_interests {
  display: none;
}

.page_register .fields .reviewer_interests.is_visible {
  display: block;
  max-height: 400px;
  overflow: visible;
  padding-bottom: 30px;
  opacity: 1;
}

.cmp_form .tagit>li.tagit-choice {
  margin-right: .1em;
  padding-left: .5em;
  background: #ddd;
  border-radius: 3px;
  line-height: 20px;
}

.pkp_op_register li.list-group-item.context {
  background: #f5f5f5;
  margin-bottom: 10px;
}

#contextOptinGroup>ul>li>div.form-inline>div>label:nth-child(1)>span.input-group-addon {
  padding: 0;
}

.pkp_op_register li.list-group-item.context #contextOptinGroup>div.form-inline span.input-group-addon:nth-child(1) {
  padding: 0;
}

.page.page_announcement ol {
  padding-left: 0;
  background: #f3f3f3;
  float: left;
  width: 100%;
  padding: 5px 10px 3px 15px;
}

.page.page_announcement ol li {
  list-style: none;
  float: left;
  margin-right: 20px;
}

.page.page_announcement ol li a {
  margin-right: 10px;
}

.page.page_announcement .page-header {
  clear: both;
  padding-top: 30px;
}

.reviewer_nocontext_interests ul.interests {
  list-style-type: none;
  padding-left: 0;
}

input.ui-widget-content.ui-autocomplete-input {
  padding-left: 10px;
}

fieldset.reviewer_nocontext_interests legend {
  margin-bottom: 5px;
}

.pkp_form.register .buttons {
  margin-top: 15px;
}

a.tagit-close {
  margin-left: 20px;
}

.citation_download {
  margin-top: 20px;
}

.citation_download .title {
  font-size: 1.2em;
  color: #1b1b1b;
}

.cmp_breadcrumbs {
  text-align: left;
}

.article-details .jatsParser__article-fulltext {
  display: none;
}

.jatsParser__navbar-items {
  text-align: left;
}

.pkp_block .title {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 46px;
  padding: 15px;
  line-height: 1.1;
}

.block_make_submission h2.pkp_screen_reader {
  display: none;
}

.panel-body,
.pkp_block .content {
  padding: 15px 15px 5px 15px;
}

.pkp_block span:last-of-type,
.pkp_block ul li:last-of-type {
  border: none;
}

.editorial_page .row {
  margin-bottom: 10px;
  border-bottom: 1px solid #f0f0f3;
  padding-bottom: 10px;
}

.editorial_page .profile {
  margin-bottom: 10px;
  box-shadow: 17px 20px 29px -31px rgba(0, 0, 0, .75);
}

.page_editorial_team .editorial_page p {
  margin: 0;
}

.editorial_page .orcid {
  background: url(../images/orcid_logo.svg) no-repeat 2px;
  background-size: 15px;
  padding-left: 25px;
}

.editorial_page .scopus_logo {
  background: url(../images/scopus_logo.svg) no-repeat 4px;
  background-size: 55px;
  padding-left: 75px;
}

.editorial_page .google_scholar_logo {
  background: url(../images/google_scholar_logo.svg) no-repeat 2px;
  background-size: 15px;
  padding-left: 25px;
}

.editorial_page .profile_info {
  padding-left: 20px;
}

.editorial_page .position {
  font-weight: 700;
  font-size: 1.2em;
}

.editorial_page .from {
  line-height: 20px;
  margin: 5px 0 10px !important;
}

.block_custom {
  padding-bottom: 10px;
}

.wafixed {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 999;
}

/* ══════════════════════════════
   Tombol Contact Us
══════════════════════════════ */
.contact-btn {
    position: fixed !important;
    bottom: 30px;
    right: calc(30px + (100vw - 100%));
    left: auto !important;
    background-color: #0B3C8A;
    color: white;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    border: 2.5px solid rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: btnFadeIn 0.4s ease forwards;
}

.contact-btn:hover {
    background-color: #FBA03D;
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(251,160,61,0.4);
}

/* Pulse ring animation */
.contact-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(11, 60, 138, 0.3);
    animation: pulse-ring 2.2s ease-out infinite;
    pointer-events: none;
    z-index: -1;
}

/* Toggle icons inside button */
.contact-icon-svg {
    color: #ffffff !important;
    position: absolute;
    transition: opacity 0.25s ease, transform 0.3s ease;
    height: 32px;
    width: 32px;
}

.icon-close {
    opacity: 0;
    transform: rotate(-90deg) scale(0.6);
}

.contact-btn.open .icon-contact {
    opacity: 0;
    transform: rotate(90deg) scale(0.6);
}

.contact-btn.open .icon-close {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* ══════════════════════════════
   Kontainer sosial media
══════════════════════════════ */
.sosmed-menu {
    position: fixed !important;
    bottom: 130px;
    right: calc(32px + (100vw - 100%));
    left: auto !important;
    background-color: transparent;
    border-radius: 10px;
    padding: 0 10px;
    z-index: 9998;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0px !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(16px) scale(0.95);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(.34,1.3,.64,1);
}

.sosmed-menu.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0) scale(1);
}

/* ── Stagger animation setiap item ── */
.sosmed-item { --i: 0; }
.sosmed-item:nth-child(5) { --i: 0; }
.sosmed-item:nth-child(4) { --i: 1; }
.sosmed-item:nth-child(3) { --i: 2; }
.sosmed-item:nth-child(2) { --i: 3; }
.sosmed-item:nth-child(1) { --i: 4; }

.sosmed-menu.show .sosmed-item {
    animation: popUp 0.4s ease forwards;
    animation-delay: calc(var(--i) * 0.055s);
}

/* ── Animasi hide (urutan terbalik) ── */
.sosmed-menu.hide .sosmed-item {
    animation: slideIn 0.4s ease forwards;
}

.sosmed-menu.hide .sosmed-item:nth-child(5) { animation-delay: 0s; }
.sosmed-menu.hide .sosmed-item:nth-child(4) { animation-delay: 0.05s; }
.sosmed-menu.hide .sosmed-item:nth-child(3) { animation-delay: 0.1s; }
.sosmed-menu.hide .sosmed-item:nth-child(2) { animation-delay: 0.15s; }
.sosmed-menu.hide .sosmed-item:nth-child(1) { animation-delay: 0.2s; }

/* ══════════════════════════════
   Setiap icon sosial media
══════════════════════════════ */
.sosmed-item {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff !important;
    border: 2.5px solid rgba(255,255,255,0.5);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: scale(0) translateY(30px);
    transition: transform 0.25s cubic-bezier(.34,1.56,.64,1), box-shadow 0.25s ease, filter 0.2s ease;
    margin-bottom: 7px !important;
}

.sosmed-item:last-child {
    margin-bottom: 0 !important;
}

.sosmed-item:hover {
    transform: scale(1.18) translateX(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    filter: brightness(1.1);
}

/* Semua SVG putih dan diperbesar */
.sosmed-item svg {
    fill: #ffffff;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sosmed-item.sosmed-email svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Semua lingkaran warna biru sama */
.sosmed-wa,
.sosmed-ig,
.sosmed-fb,
.sosmed-li,
.sosmed-email {
    background: linear-gradient(135deg, #0B3C8A, #1256c7);
}

/* ══════════════════════════════
   Tooltip
══════════════════════════════ */
.sosmed-tooltip {
    position: absolute;
    right: 60px;
    background: #0d1b3e;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateX(6px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.sosmed-tooltip::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #0d1b3e;
}

.sosmed-item:hover .sosmed-tooltip {
    opacity: 1;
    transform: translateX(0);
}

/* ══════════════════════════════
   Keyframes
══════════════════════════════ */
@keyframes btnFadeIn {
    0%   { opacity: 0; transform: scale(0.7); }
    70%  { transform: scale(1.08); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes pulse-ring {
    0%   { transform: scale(1); opacity: 0.7; }
    100% { transform: scale(1.9); opacity: 0; }
}

@keyframes popUp {
    0%   { opacity: 0; transform: scale(0) translateY(30px); }
    60%  { transform: scale(1.1) translateY(0); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes slideIn {
    0%   { opacity: 1; transform: scale(1) translateY(0); }
    50%  { opacity: 0.5; transform: scale(0.6) translateY(40px) translateX(5px); }
    100% { opacity: 0; transform: scale(0) translateY(80px) translateX(10px); }
}
.pkp_block_make_submission,
.block_make_submission,
.pkp_block[aria-labelledby*="makeSubmission"],
div:has(> span:contains("##plugins.block.makeSubmission.link##")) {
  display: none !important;
}

.sidebar {
  background-color: #164a6f;
  /* Update with the desired color from the first page */
  color: white;
}

.sidebar,
.sidebar .menu-item {
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  /* Update with desired text color */
}

/* ===================================
   EDITORIAL PAGE — Modern Bold Design
   Wide layout, strong hierarchy, fresh palette
   =================================== */

:root {
    --navy:       #0f1e3d;
    --navy-mid:   #1b3260;
    --amber:      #e8a020;
    --amber-light:#fdf3dc;
    --emerald:    #0f7b5c;
    --emerald-bg: #e8f5f0;
    --slate:      #475569;
    --slate-light:#f1f5f9;
    --mist:       #e9eef7;
    --white:      #ffffff;
    --border:     #dde3ef;

    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 20px;
    --ease: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===================================
   BASE CONTAINER
   =================================== */
.editorial_page {
    all: unset;
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 48px 48px;
    background: var(--white);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

/* ===================================
   SECTION HEADERS
   =================================== */
.editorial_page h3 {
    font-size: 22px;
    font-weight: 800;
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 60px 0 28px;
    padding: 0;
    border: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px;
}

.editorial_page h3::after {
    content: '';
    height: 2px;
    background: linear-gradient(90deg, var(--mist) 0%, transparent 100%);
    border-radius: 2px;
}

.editorial_page h3::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 3px;
    background: var(--amber);
    border-radius: 2px;
    margin-right: -4px;
}

.editorial_page h3:first-child {
    margin-top: 0;
}

/* ===================================
   MEMBER CARDS — Split bar design
   =================================== */
.editorial_page .row {
    display: flex !important;
    align-items: center;
    padding: 20px 24px;
    margin-bottom: 12px;
    background: var(--white);
    border: 1.5px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: none;
    transition: var(--ease);
    position: relative;
    overflow: hidden;
    gap: 20px;
    animation: cardIn 0.4s ease backwards;
}

/* Hover state */
.editorial_page .row:hover {
    border-color: var(--navy-mid);
    background: var(--slate-light);
    transform: translateX(4px);
    box-shadow: 
        -4px 0 0 #0B3C8A,
        4px 4px 24px rgba(15, 30, 61, 0.08);
}

/* Remove old pseudo elements */
.editorial_page .row::before,
.editorial_page .row::after {
    display: none;
}

/* ===================================
   PHOTO COLUMN
   =================================== */
.editorial_page .col-md-2,
.editorial_page .col-lg-3,
.editorial_page .col-sm-4,
.editorial_page .ol-md-2 {
    flex: 0 0 100px;
    max-width: 100px;
    padding: 0 !important;
}

.editorial_page .profile {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: var(--r-md);
    border: none;
    box-shadow: 0 2px 12px rgba(15, 30, 61, 0.12);
    display: block;
    transition: var(--ease);
    filter: saturate(0.9);
}

.editorial_page .row:hover .profile {
    filter: saturate(1.1);
    box-shadow: 0 4px 16px rgba(15, 30, 61, 0.18);
    border-radius: var(--r-sm);
    transform: none;
}

.editorial_page .row:hover .profile::before {
    display: none;
}

/* ===================================
   INFO COLUMN
   =================================== */
.editorial_page .col-md-8,
.editorial_page .col-lg-9,
.editorial_page .col-sm-8 {
    flex: 1;
    padding-left: 0 !important;
}

.editorial_page .profile_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Name */
.editorial_page .profile_info > p:first-child {
    font-size: 17px;
    font-weight: 700;
    color: var(--navy);
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.3px;
    line-height: 1.3;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--navy);
    background-clip: unset;
    transition: var(--ease);
}

.editorial_page .row:hover .profile_info > p:first-child {
    color: var(--navy-mid);
}

/* Position badge */
.editorial_page .position {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #FF8603;
    background: #fff4e6;
    border: 1px solid rgba(255, 134, 3, 0.25);
    padding: 4px 12px !important;
    border-radius: var(--r-sm);
    display: inline-block;
    width: fit-content;
    margin: 0 !important;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Inter', sans-serif;
    transition: var(--ease);
    overflow: visible;
}

.editorial_page .position::before {
    display: none;
}

.editorial_page .row:hover .position {
    background: #FF8603;
    color: var(--white);
    border-color: #FF8603;
    transform: none;
    box-shadow: none;
}

/* Affiliation */
.editorial_page .from {
    font-size: 13px;
    color: var(--slate);
    font-style: italic;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter', sans-serif;
}

.editorial_page .from::before {
    content: '›';
    color: var(--amber);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

/* ===================================
   ID BADGES — inline pill design
   =================================== */
.editorial_page .col-md-4.no-padding {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
}

.editorial_page .google_scholar_logo,
.editorial_page .scopus_logo {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    padding: 5px 12px !important;
    background: var(--mist);
    border-radius: 100px;
    border: 1px solid var(--border);
    transition: var(--ease);
    margin: 6px 6px 0 0 !important;
    width: auto !important;
    box-shadow: none;
    font-family: 'Inter', sans-serif;
    cursor: default;
}

.editorial_page .google_scholar_logo::before {
    content: 'Google Scholar:';
    font-weight: 700;
    color: var(--navy);
    font-size: 10px;
    letter-spacing: 0.3px;
}

.editorial_page .scopus_logo::before {
    content: 'Scopus:';
    font-weight: 700;
    color: var(--navy);
    font-size: 10px;
    letter-spacing: 0.3px;
}

.editorial_page .google_scholar_logo:hover,
.editorial_page .scopus_logo:hover {
    background: var(--amber-light);
    border-color: var(--amber);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(232, 160, 32, 0.2);
}

.editorial_page .google_scholar_logo a,
.editorial_page .scopus_logo a {
    color: var(--slate);
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Inter', monospace;
    transition: var(--ease);
}

.editorial_page .google_scholar_logo a:hover,
.editorial_page .scopus_logo a:hover {
    color: var(--navy);
    text-decoration: underline;
}

/* Separator dot between label and value */
.editorial_page .google_scholar_logo::after,
.editorial_page .scopus_logo::after {
    content: '·';
    color: var(--amber);
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
}

/* ===================================
   TEAM SECTION — LIGHT BLUE BACKGROUND
   =================================== */
.editorial-team-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 72px 48px;
    background: #f8f9fa;              /* CHANGED: was var(--navy) */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

.editorial-team-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse at 10% 50%, rgba(232, 160, 32, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 50%, rgba(15, 123, 92, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

.team-wrapper {
    display: flex;
    gap: 24px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.team-column {
    flex: 1;
    background: #ffffff;              /* CHANGED: was rgba(255,255,255,0.05) */
    border-radius: var(--r-lg);
    padding: 40px;
    box-shadow: 0 2px 16px rgba(15, 30, 61, 0.08);
    transition: var(--ease);
    min-height: 400px;
    display: flex;
    flex-direction: column;
    border: 1px solid #c9d9f5;        /* CHANGED: was rgba(255,255,255,0.1) */
    position: relative;
    overflow: hidden;
    backdrop-filter: none;
}

.team-column::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--amber);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: var(--r-lg) var(--r-lg) 0 0;
}

.team-column:hover {
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(232, 160, 32, 0.15), 0 4px 16px rgba(15, 30, 61, 0.08);
    border-color: var(--amber);
}

.team-column:hover::before {
    opacity: 1;
}

.team-subtitle {
    font-size: 11px;
    font-weight: 800;
    color: var(--navy);               /* CHANGED: was var(--amber) */
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #c9d9f5; /* CHANGED: was rgba(255,255,255,0.1) */
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter', sans-serif;
}

.team-subtitle i {
    color: var(--amber);
    font-size: 14px;
    opacity: 0.8;
    animation: none;
    filter: none;
}

.showing-info {
    font-size: 12px;
    color: var(--slate);              /* CHANGED: was rgba(255,255,255,0.4) */
    font-style: italic;
    margin: 0 0 16px 0;
    padding: 0;
    background: none;
    border-radius: 0;
    display: block;
    font-family: 'Inter', sans-serif;
    text-align: left;
}

/* Inside light team section, cards use default (light) styles — no overrides needed */
.team-column .editorial_page {
    padding: 0;
    background: transparent;
    max-width: 100%;
}

/* Cards inside team column keep their normal white card style */
.team-column .editorial_page .row {
    background: var(--white);
    border-color: var(--border);
    margin-bottom: 8px;
}

.team-column .editorial_page .row:hover {
    background: var(--slate-light);
    border-color: var(--navy-mid);
    box-shadow: -4px 0 0 #0B3C8A, 4px 4px 24px rgba(15, 30, 61, 0.08);
}

/* Text colors stay dark (navy) — no need to override to white */
.team-column .editorial_page .profile_info > p:first-child {
    color: var(--navy);
    -webkit-text-fill-color: var(--navy);
}

.team-column .editorial_page .from {
    color: var(--slate);
}

.team-column .editorial_page .google_scholar_logo,
.team-column .editorial_page .scopus_logo {
    background: var(--mist);
    border-color: var(--border);
}

.team-column .editorial_page .google_scholar_logo::before,
.team-column .editorial_page .scopus_logo::before {
    color: var(--navy);
}

.team-column .editorial_page .google_scholar_logo a,
.team-column .editorial_page .scopus_logo a {
    color: var(--slate);
}

.editorial-content-wrapper,
.reviewers-content-wrapper {
    margin: 0;
    padding: 0;
}

.view-all-btn {
    display: inline-block;
    padding: 14px 32px;
    background: linear-gradient(135deg, #063B90 0%, #072A61 100%);
    color: white !important;
    text-decoration: none;
    border-radius: 28px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 4px 12px rgba(6, 59, 144, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-align: center;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
}

.view-all-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
    z-index: 0;
}

.view-all-btn span,
.view-all-btn i {
    position: relative;
    z-index: 1;
}

.view-all-btn:hover {
    background: linear-gradient(135deg, #072A61 0%, #063B90 100%);
    color: white !important;
    transform: translateY(-3px);
    box-shadow: 
        0 8px 20px rgba(7, 42, 97, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.view-all-btn:hover::before {
    left: 100%;
}

.view-all-btn i {
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.view-all-btn:hover i {
    transform: translateX(4px);
}

/* ===================================
   NO DATA MESSAGE
   =================================== */
.no-data-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    text-align: center;
    background: var(--slate-light);
    border-radius: var(--r-md);
    border: 2px dashed var(--border);
    margin: 16px 0;
    min-height: 180px;
    transition: var(--ease);
}

.no-data-message::before,
.no-data-message::after { display: none; }

.no-data-message:hover {
    border-color: var(--amber);
    background: var(--amber-light);
    transform: none;
    box-shadow: none;
}

.no-data-message i {
    font-size: 36px;
    color: var(--amber);
    margin-bottom: 12px;
    opacity: 0.7;
    animation: none;
    filter: none;
}

.no-data-message p {
    font-size: 15px;
    font-weight: 600;
    color: var(--navy);
    margin: 0 0 6px 0;
    font-family: 'Inter', sans-serif;
}

.no-data-message small {
    font-size: 13px;
    color: var(--slate);
    font-family: 'Inter', sans-serif;
}

/* ===================================
   ANIMATIONS
   =================================== */
@keyframes cardIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.editorial_page .row:nth-child(1)  { animation-delay: 0.05s; }
.editorial_page .row:nth-child(2)  { animation-delay: 0.10s; }
.editorial_page .row:nth-child(3)  { animation-delay: 0.15s; }
.editorial_page .row:nth-child(4)  { animation-delay: 0.20s; }
.editorial_page .row:nth-child(5)  { animation-delay: 0.25s; }
.editorial_page .row:nth-child(6)  { animation-delay: 0.30s; }
.editorial_page .row:nth-child(7)  { animation-delay: 0.35s; }
.editorial_page .row:nth-child(8)  { animation-delay: 0.40s; }

/* ===================================
   RESPONSIVE
   =================================== */
@media (max-width: 1200px) {
    .editorial_page { padding: 48px 32px; }
    .editorial-team-section { padding: 56px 32px; }
}

@media (max-width: 992px) {
    .editorial-team-section { padding: 40px 20px; }
    .team-wrapper { flex-direction: column; gap: 16px; }
    .team-column { width: 100%; min-height: auto; }
}

@media (max-width: 768px) {
    .editorial_page { padding: 32px 16px; }

    .editorial_page .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .editorial_page .row:hover { transform: none; }

    .editorial_page .col-md-2,
    .editorial_page .col-lg-3,
    .editorial_page .col-sm-4,
    .editorial_page .ol-md-2 {
        flex: 0 0 auto;
        max-width: none;
    }

    .editorial_page .col-md-8,
    .editorial_page .col-lg-9,
    .editorial_page .col-sm-8 { padding-left: 0 !important; }

    .team-column { padding: 28px 20px; }
}

@media (max-width: 576px) {
    .editorial_page .profile {
        width: 80px !important;
        height: 80px !important;
    }
}

/* ===================================
   ACCESSIBILITY
   =================================== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

.view-all-btn:focus-visible,
.editorial_page .google_scholar_logo a:focus-visible,
.editorial_page .scopus_logo a:focus-visible {
    outline: 2px solid var(--amber);
    outline-offset: 2px;
}

/* ===================================
   PRINT
   =================================== */
@media print {
    .editorial_page .row { box-shadow: none; page-break-inside: avoid; }
    .editorial-team-section { background: white; }
    .view-all-btn { display: none; }
}