@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Libre Franklin Regular'), 
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreFranklin-VariableFont_wght.woff2') format('woff2'),
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreFranklin-VariableFont_wght.woff') format('woff');
}

@font-face {
  font-family: 'Libre Franklin Bold';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local('Libre Franklin Regular'), 
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreFranklin-VariableFont_wght.woff2') format('woff2'),
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreFranklin-VariableFont_wght.woff') format('woff');
}

@font-face {
  font-family: 'Libre Caslon';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Libre Franklin Regular'), 
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreCaslonText-Regular.woff2') format('woff2'),
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreCaslonText-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Libre Caslon Bold';
  font-style: normal;
  font-display: swap;
  src: local('Libre Franklin Regular'), 
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreCaslonText-Regular.woff2') format('woff2'),
       url('https://ijst.clsu.edu.ph/plugins/themes/defaultManuscript/fonts/LibreCaslonText-Regular.woff') format('woff');
}

:root {
     --font-main-bold: 'Libre Franklin Bold';
    --font-main: 'Libre Franklin';
    --font-authors: 'Libre Caslon';
    --font-article-title: 'Libre Caslon Bold';
    --nav-bar: #7a2e00;
    --labels:#c64e0a;
    --authors: #833116;
    --article-titles: #545454; 
}

/*==================================================================================================================================================
================================================================= CONSTANTS ========================================================================
==================================================================================================================================================== */

.pkp_navigation_search_wrapper{
    display: none;
}
input[name="privacyConsent"],
input[name="remember"],
input[name="emailConsent"],
input[name="reviewerGroup[33]"] {
    visibility: visible !important;
}
.pkp_structure_content{
    margin-top: 12rem;
    margin-left: 5rem;
    margin-right: 5rem;
}
#navigationPrimary a {
    color: white;
    font-family: var(--font-main);
    font-weight: 100;
    text-transform: capitalize;
}
#navigationPrimary ul a{
    color: white;
}
#navigationPrimary ul a:hover{
    background-color: transparent;
    border-bottom: 3px solid white;
}
.pkp_site_name{
    padding-top: 0px;
}
.pkp_site_name .is_img{
    margin-top: 0px;
    max-height: 115px;
    padding-top: 0px;
}
.pkp_site_name .is_img img{
    max-height: 115px;
}
.pkp_navigation_user_wrapper .pkp_navigation_user{
   margin-top: 2rem;
}
.pkp_navigation_user>li>a {
    color: #545454;
    font-weight: 200;
    font-family: var(--font-main);
    font-size: 15px;
}
.pkp_page_index .homepage_about{
    font-family: var(--font-main);
    text-align: justify;
}
.pkp_page_index.pkp_op_index.has_site_logo .homepage_about h2{
    display: none;
}
#navigationPrimary ul {
    background: var(--nav-bar);
}
.pkp_page_index .current_issue h2,
.pkp_page_index .current_issue .current_issue_title,
.pkp_page_index .current_issue .obj_issue_toc .heading{
    display: none;
}

.pkp_page_index .sections .section h3 {
    font-size: 0;  /* hide original text */
}
.pkp_page_index .sections .section h3::after {
    content: 'Recent Articles';
    font-size: 1rem;  /* restore font size */
    font-weight: bold;
    color: black;
    border-bottom: solid 2px var(--labels);
    padding-bottom: 2px;
}
.obj_article_summary>.title a{
    color: var(--article-titles);
}
.obj_galley_link{
    background: var(--labels);
    color: white;
    font-family: var(--font-main);
}
.obj_article_summary .authors{
    font-family: var(--font-authors);
}
.pkp_structure_page {
  margin-bottom: 0rem;
}
.pkp_structure_main{
    padding-bottom: 0rem;
}
.pkp_brand_footer {
    display: none;
}
.pkp_page_about .pkp_structure_main .page h1{
    display: none;
}
.cmp_breadcrumbs a{
    color: #7d7b7b;
}
.cmp_breadcrumbs .current{
    color: #7d7b7b;
}
.pkp_block .title {
    display: inline-block;
    padding: 0.5em;
    text-transform: capitalize;
    font-family: var(--font-main-bold);
    color: white;
    background: var(--labels);
    width: 20rem;
    text-align: center;
}
.pkp_block.block_custom{
    width: 25rem;
}
.pkp_block .content p:last-child{
    text-align: center;
}
/*==================================================================================================================================================
================================================================= ICONS ============================================================================
==================================================================================================================================================== */


.pkp_navigation_user a[href*="login"]::before {
    font-family: 'FontAwesome';
    content: '\f2be';  /* fa-sign-in */
    margin-right: 6px;
}

.pkp_navigation_user a[href*="search"]::before {
    font-family: 'FontAwesome';
    content: '\f002';  /* fa-search */
    margin-right: 6px;
}
.pkp_page_index .current_issue .read_more:after {
    content: '\f0a9'; /* Font Awesome arrow-circle-right unicode */
    font-family: 'FontAwesome';
    margin-left: 6px;
    top: 0px;
    font-size: 15px;
  }

/*==================================================================================================================================================
================================================================= MAIN CONTENT =====================================================================
==================================================================================================================================================== */


@media only screen and (max-width: 1920px) {
 .pkp_structure_content{
    width: 111.4rem;
}
}
@media only screen and (max-width: 1875px) {
.pkp_structure_content{
    width: 111.4rem;
}
}
@media only screen and (max-width: 1700px) {
.pkp_structure_content{
    width: 97rem;
}
}
@media only screen and (max-width: 1521px) {
.pkp_structure_content{
    width: 83.8rem;
}
}
@media only screen and (max-width: 1320px) {
.pkp_structure_main{
    width: 50rem;
}
.pkp_structure_content{
    width: 74rem;
}
}
@media only screen and (max-width: 1200px) {
.pkp_structure_main{
    width: 41rem;
    padding-left: 0rem;
}
.pkp_structure_content{
    width: 67rem;
    margin-top: 11rem;
    margin-left: 4rem;
    margin-right: 0rem;
}
.pkp_page_issue .pkp_structure_content{
    width: 63rem;
}
}
@media only screen and (max-width: 1024px) {
.pkp_structure_main{
    width: 38rem;
    padding-left: 0rem;
}
.pkp_structure_content{
    width: 60rem;
    margin-top: 11rem;
    margin-left: 4rem;
    margin-right: 0rem;
}
.pkp_page_issue .pkp_structure_content{
    width: 63rem;
}
.pkp_page_article .pkp_structure_content{
    width: 61rem;
}
}

/*==================================================================================================================================================
============================================================= NAV BAR ==============================================================================
==================================================================================================================================================== */
@media only screen and (max-width: 1920px) {
.pkp_navigation_primary_row {
    background-color: var(--nav-bar);
    padding-left: 7.143rem;
}
}

@media only screen and (max-width: 1200px) {
.pkp_navigation_primary_row {
    background-color: var(--nav-bar);
    padding-left: 4.6rem;
}
}

@media only screen and (max-width: 1024px) {
.pkp_navigation_primary_row {
    background-color: var(--nav-bar);
    padding-left: 4.6rem;
}
}



/*==================================================================================================================================================
============================================================= INDEX / HOME PAGE ====================================================================
==================================================================================================================================================== */

@media only screen and (max-width: 1920px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 70rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 83rem;
}
.obj_article_summary .authors{
    width: 50rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 119rem;
    width: 85rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 25rem;
}
}

@media only screen and (max-width: 1875px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 70rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 83rem;
}
.obj_article_summary .authors{
    width: 50rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 119rem;
    width: 85rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 25rem;
}
}

@media only screen and (max-width: 1700px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 60rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 70rem;
}
.obj_article_summary .authors{
    width: 45rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 113rem;
    width: 70rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 19rem;
}
}

@media only screen and (max-width: 1521px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 45rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 58rem;
}
.obj_article_summary .authors{
    width: 35rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 111rem;
    width: 58rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 17rem;
}
}

@media only screen and (max-width: 1320px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 39rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 46rem;
}
.obj_article_summary .authors{
    width: 35rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 108rem;
    width: 46rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 13rem;
}
}

@media only screen and (max-width: 1200px) {
.pkp_structure_main p{
    line-height: 1.4rem;
    margin: 1.2rem 0;
}
.pkp_page_index .homepage_about{
    font-size: 12px;
}
.pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
.section .obj_article_summary .title {
    width: 33rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 40rem;
}
.obj_article_summary .authors{
    width: 30rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 106rem;
    width: 40rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 12rem;
}
}

@media only screen and (max-width: 1024px) {
  .pkp_page_index .current_issue .read_more {
    color: var(--article-titles);
    position: relative;
    bottom: 87.6rem;
    left: 10rem;
    text-transform: capitalize;
    font-weight: normal;
  }
  .section .obj_article_summary .title {
    width: 33rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--font-main);
}
.obj_article_summary .meta{
        width: 40rem;
}
.obj_article_summary .authors{
    width: 28rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slider-container {
    position: relative;
    bottom: 106rem;
    width: 40rem;
}
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 0rem;
    border: none;
}
.obj_issue_toc .section{
    margin-top: 12rem;
}
.pkp_block {
    padding-top: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 7.5rem;
    padding-bottom: 0.5rem;
}
.pkp_block .title{
    border-bottom: none;
    width: 16rem;
    font-size: 13px;
}
.pkp_block.block_custom {
    width: 16.5rem;
}
}

/*==================================================================================================================================================
================================================================= ARCHIVES PAGE ====================================================================
==================================================================================================================================================== */


@media only screen and (max-width: 1920px) {
.obj_issue_toc .cover{
    width: 15%;
}
.issues_archive .obj_issue_summary{
    display: flex;
    flex-direction: column;
}
.page_issue_archive .issues_archive{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.obj_issue_summary .description{
    display: none;
}
.page_issue_archive .obj_issue_summary .cover img{
    max-height: 30rem;
}
.page_issue_archive .obj_issue_summary .cover{
    width: 80%;
}
.obj_issue_summary .series {
    font-family: var(--font-main-bold);
    color: black;
    font-size: 20px;
}
.obj_issue_summary .title{
    font-family: var(--font-article-title);
    font-weight: 100;
    text-decoration: none;
    font-size: 12px;
    display: block;
    width: 20.3rem;
    color: var(--article-titles);
}
}

@media only screen and (max-width: 1521px) {
.page_issue_archive .issues_archive{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.page_issue_archive .obj_issue_summary .cover img{
    max-height: 25rem;
}
}

@media only screen and (max-width: 1200px) {
.page_issue_archive .issues_archive{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.issues_archive .obj_issue_summary{
    flex-direction: row;
}
}
@media only screen and (max-width: 1024px) {

}





/*==================================================================================================================================================
============================================================== PER ARTICLE PAGE ====================================================================
==================================================================================================================================================== */


@media only screen and (max-width: 1920px) {

/*============================================================== Author section ====================================================================== */

.authors-list-horizontal {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

/* Wrapper for Icon + Name */
.author-header-group {
    display: flex;
    align-items: center;
    position: relative;
    gap: 5px;
}

.author-js-container {
    position: relative;
}

/* Tooltip Base - Handles ORCID, Email, and Affiliation popups */
.author-tooltip {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px 12px;
    z-index: 10001; /* Higher than the dropdown */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-width: 310px;
    white-space: normal;
    margin-top: 5px;
    transition: opacity 0.2s ease, visibility 0s linear 0.3s;
}

/* Bridge to prevent tooltip closing when moving mouse from trigger to box */
.author-tooltip::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent;
}
.author-tooltip.orcid-tooltip a{
    text-decoration: none;
    color: var(--primary-color);
}

/* Global Hover Logic for all Tooltips */
.orcid-icon-wrapper:hover .orcid-tooltip,
.name-trigger:hover .affiliation-tooltip,
.email-icon-wrapper:hover .email-tooltip,
.author-tooltip:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.orcid-icon-wrapper, .email-icon-wrapper {
    cursor: pointer;
    position: relative;
    display: inline-flex;    
    bottom: 1.5px;
}

.name-trigger {
    cursor: help;
    position: relative;
    white-space: nowrap;
}

/* Icons */
.fa-id-card { color: var(--primary-color); }
.fa-envelope { color: white; }

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    visibility: hidden;
}
/* ==================================== 
   THE CLICKABLE "MORE" DROPDOWN LOGIC 
   ==================================== */

.author-more-dropdown {
    position: relative;
    display: inline-block;
}

/* Hidden Checkbox */
.dropdown-check {
    display: none !important;
}

.more-trigger {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: underline;
    user-select: none;
}

/* The hidden dropdown menu - NO HOVER RULES HERE */
.more-authors-list {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10000;
    min-width: 250px;
    list-style: none;
    margin-top: 10px;
    padding: 10px 0;
}

/* CLICK ACTION: Show list when checkbox is checked */
.dropdown-check:checked ~ .more-authors-list {
    display: block !important;
}

/* Authors inside the dropdown */
.dropdown-author-item {
    padding: 8px 15px;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    box-sizing: border-box;
}

.dropdown-author-item:last-child {
    border-bottom: none;
}

/* Side tooltips for items inside the dropdown */
.dropdown-author-item .author-tooltip {
    top: 0 !important;
    left: 100% !important; 
    margin-left: 10px;
    margin-top: 0;
}

/* Bridge for side-tooltips */
.dropdown-author-item .author-tooltip::before {
    top: 0;
    left: -15px;
    width: 15px;
    height: 100%;
}

/*====================================================================== CITATION ICON ========================================================================*/

.obj_article_details .entry_details .sub_item.citation_display .label-title{
  background-color: lightgray;
  font-size: 16px;
  padding: 14px;
  font-weight: 200;
  margin-top: 0rem;
}
/* Container positioning */
/* 1. Hide the actual checkbox */
.cite-checkbox-input {
    display: none;
}

/* 2. Style the Label to look like a Button */
.citation-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 15px;
    cursor: pointer;
    background: none;
    user-select: none;
}

.citation-toggle-btn:hover {
    background: none;
}

/* 3. The Dropdown Content (Hidden by default) */
.citation-dropdown-content {
    display: none; /* Logic: show when checkbox is checked */
    position: absolute;
    z-index: 3;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    width: 380px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    margin-top: -3px;
}

/* 4. THE MAGIC: If checkbox is checked, show the dropdown */
.cite-checkbox-input:checked ~ .citation-dropdown-content {
    display: block;
}

/* Rotate arrow icon when open */
.cite-checkbox-input:checked ~ .citation-toggle-btn .arrow-icon {
    transform: rotate(180deg);
}

/* Ensure the dropdown is relative to the container */
.citation-dropdown {
    display: inline-block;
}

.arrow-icon {
    font-size: 0.8em;
    transition: transform 0.2s;
}

.main_entry .item.citation-dropdown {
    background:none;
    box-shadow: none;
    padding: 1rem .5rem;
}

.citation-dropdown-content .label-title{
    margin: 1px;
}

.citation-toggle-btn .fa-quote-right {
    display: inline-block;       /* Required for transforms to work */
    transform: scaleX(-1);      /* This creates the mirror effect */
}

/*====================================================================== SHARE ICON ========================================================================*/
.share-checkbox-input {
    display: none;
}

/* 2. The container anchor point */
.social-share-dropdown-container {
    display: inline-block;
    margin: 10px 0;
    top: -52.3rem;
    left: 11rem;
}

/* 3. The "Share" button styling (the Label) */
.share-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background: transparent;
    padding: 6px 12px;
    border-radius: 4px;
    user-select: none;
    transition: background 0.2s;
}

.share-toggle-btn:hover { background: transparent; }

.share-toggle-btn .arrow-icon {
    font-size: 0.8em;
    transition: transform 0.2s;
}

/* 4. The Dropdown Content (Hidden by default) */
.social-share-buttons {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 10000;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    margin-top: -1px;
    border-radius: 4px;
    white-space: nowrap; /* Keep buttons on one line */
}

/* 5. THE CLICK LOGIC: Show when checkbox is checked */
.share-checkbox-input:checked ~ .social-share-buttons {
    display: block;
}

/* Rotate arrow when open */
.share-checkbox-input:checked ~ .share-toggle-btn .arrow-icon {
    transform: rotate(180deg);
}

/* Button styling inside the popup */
.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin: 0 4px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    transition: opacity 0.3s;
}

.share-btn.facebook { background-color: #3b5998; }
.share-btn.twitter { background-color: #55ACEE; }
.share-btn.linkedin { background-color: #007bb5; }
.share-btn.email { background-color: #6c757d; }

/*====================================================================== Licensing ========================================================================*/

.obj_article_details .entry_details .item.licensing-dropdown-container{
    background: none ;
    box-shadow: none;
    position: relative;
    left: 12rem;
    top: -52.3rem;
    font-size: 12px;
}
.license-checkbox-input {
    display: none;
}

/* 2. Style the Trigger Button */
.licensing-trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 6px 12px;
    user-select: none;
    transition: background 0.2s;
}


/* 3. The Floating Popup (Hidden by default) */
.licensing-floating-popup {
    display: none;
    position: absolute;
    z-index: 10000;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    width: 320px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    margin-top: -2px;
    border-radius: 4px;
}

/* 4. THE CLICK LOGIC: Show when checked */
.license-checkbox-input:checked ~ .licensing-floating-popup {
    display: block;
}


/* Container spacing */
.licensing-dropdown-container {
    position: relative;
    display: inline-block;
    margin: 10px 0;
}

/* Internal badge/text styling */
.license-badge-wrapper img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
}

.license-terms-text {
    font-size: 0.85em;
    margin-top: 10px;
    color: #444;
}
/*================================================================= Article Metrics ======================================================================*/

.obj_article_details .entry_details .article-usage-metrics {
    position: absolute;
    display: flex;
    right: 0rem;
    top: 30rem;
    gap: 72px;
    background: none;
    padding: 0;
    border-radius: 0;
    margin: 20px 0;
    width: auto;
    font-size: 21px;
    padding-top: 1rem;
}

.obj_article_details .entry_details .article-usage-metrics .metric-item {
    display: flex;
    flex-direction: column; /* Stack label above count */
    align-items: center;
    gap: 0; /* No gap between stacked elements */
    font-size: 0.9em;
    color: #444;
}

/* Removed the .metric-item i selector since icons were removed from HTML */

.obj_article_details .entry_details .article-usage-metrics .metric-item .metric-label {
    color: var(--primary-color); /* Specific  color from the screenshot */
    font-weight: bold; /* Labels are bolded in the screenshot */
    font-size: 1.1em;
    margin-bottom: 5px;
}

.obj_article_details .entry_details .article-usage-metrics .metric-item .metric-count {
    font-weight: normal; /* Numbers seem regular weight in the image */
    color: black; /* Grey color for the counts */
    font-size: 1.8em; /* Make the numbers larger */
}

.obj_article_details .issue_identification{
    position: absolute;
    top: 42.2rem;
    right: 4.7rem;
    color: #2e6930;
    font-size: 22px;
    font-weight: 700;
    font-family: sans-serif;

}

/*====================================================== Recommended articles ========================================================*/

/* Container styling for the entire suggested reads section */
#articlesBySimilarityList {
    position: absolute;
    width: 19.8rem;
    top: 38rem;
    left: 92.2rem;
    z-index: 1;
    font-size: 14px;
}

/* Style the heading (the H3 tag) to match the var(--primary-color) bar */
#articlesBySimilarityList h3 {
    background-color: var(--labels); /* A standard var(--primary-color) */
    color: white;
    text-align: center;
    padding: 10px 15px;
    font-size: 1.1em;
    font-family: var(--font-main-bold); /* Title font in screenshot is not bold */
    margin: 0 0 10px 0; /* Adjust spacing */
}

#articlesBySimilarityList h3 a {
    color: inherit; /* Inherit the color (white) from the parent h3 */
    text-decoration: none; /* Optional: removes the default link underline */
}

/* Style the main unordered list */
#articlesBySimilarityList ul {
    list-style: none; /* Removes default bullets */
    padding: 0;
    margin: 0;
}

/* Style individual list items */
#articlesBySimilarityList li {
    border-bottom: 1px solid #ddd; /* Horizontal line separator */
    padding: 10px 0;
    line-height: 1.3em;
    font-family: var(--font-authors);
}

/* Remove the border from the very last item */
#articlesBySimilarityList li:last-child {
    border-bottom: none;
}

/* Style the article title links (making them strong/bold like in the image) */
#articlesBySimilarityList li a {
    text-decoration: none;
    color: #333; /* Dark gray for better contrast */
    font-weight: bold; /* Titles are bold in the screenshot */
    display: block; /* Ensures the link spans the whole line */
    margin-bottom: 5px; /* Space between title and authors */
}

/* Style the author list within each item */
#articlesBySimilarityList li span.author {
    font-size: 0.85em; /* Smaller font size for authors */
    color: var(--primary-color); /* Greyed out text for authors */
    display: inline-block; /* Puts authors on a new line */
    /* Adjusting the " ," added by the smarty code to be less intrusive */
    margin-right: 2px;
}
/*=================================================================== End of Recommended articles ====================================================================*/

.obj_article_details .item.citation{
    display: none;
}
.obj_article_details .item.issue{
    display: none;
}
.obj_article_details .item.copyright{
    display: none;
}
.obj_article_details .item.published{
    display: none;
}
.pkp_page_article .pkp_structure_main .page_title{
    width: 85rem;
    font-family: var(--font-article-title);
    font-size: 35px;
    line-height: 3.3rem;
}
.obj_article_details .authors{
        font-family: var(--font-authors);
        display: flex;
        flex-direction: row;
        width: 86rem;
        font-size: 13px;
        position: relative;
        bottom: 2.4rem;
        left: 2.1rem;
        border-bottom: 1px solid grey;
        color: var(--authors);
        z-index: 9;
        padding: 0rem;
        height: auto;
}
.main_entry .dropdowns{
    display: flex;
    position: relative;
    align-items: center;
    width: 60rem;
    left: 16rem;
    bottom: 3rem;
    font-family: var(--font-main);
}
.obj_article_details .item.abstract{
        width: 75rem;
        position: relative;
        left: 15rem;
        font-size: 15px;
        text-align: justify;
        bottom: 10rem;
        padding-top: 0rem;
}
.obj_article_details .item.abstract .label{
        text-transform: capitalize;
        font-size: 25px;
        font-weight: bold;
        padding-bottom: 0rem;
        margin-bottom: 0rem;
        border-bottom: none;
        color: black;
        font-family: var(--font-authors);
}
.obj_article_details .item.abstract p{
        font-family: var(--font-authors);
}

.obj_article_details .item.keywords{
        width: 75rem;
        position: relative;
        left: 15rem;
        font-size: 15px;
        text-align: justify;
        bottom: 10rem;
        padding-top: 0rem;
}
.obj_article_details .main_entry .item.doi .label, .obj_article_details .main_entry .item.keywords .label{
        font-size: 25px;
}
.obj_article_details .item.keywords .label{
        text-transform: capitalize;
        font-weight: bold;
        padding-bottom: 0rem;
        margin-bottom: 0rem;
        border-bottom: none;
        color: black;
        font-family: var(--font-authors);
}
.obj_article_details .item.keywords .value{
        display: block;
        padding-top: 1rem;
}
.obj_article_details  .item.author_bios{
    display: none;
}
.obj_article_details .item.references{
    width: 75rem;
        position: relative;
        left: 15rem;
        font-size: 15px;
        text-align: justify;
        bottom: 10rem;
        padding-top: 0rem;
}
.obj_article_details .item.references .label{
        text-transform: capitalize;
        font-size: 25px;
        font-weight: bold;
        padding-bottom: 0rem;
        margin-bottom: 0rem;
        border-bottom: none;
        color: black;
        font-family: var(--font-authors);
}
.obj_article_details .item.galleys{
        position: relative;
        bottom: 9rem;
}
.pkp_page_article .obj_galley_link.pdf{
    background: var(--labels);
    color: white;
    font-family: var(--font-main);
    width: 14rem;
    text-align: center;
}
.obj_article_details .article_header_info{
    font-family: var(--font-main);
    margin-bottom: 1rem;
    font-size: 12px;
}
.pkp_page_article .cmp_breadcrumbs{
    text-transform: capitalize;
    font-family: var(--font-main);
}
.obj_article_details .entry_details .cover_image{
    background: transparent;
    box-shadow: none;
    position: absolute;
    left: 92rem;
    top: 0rem;
    width: 20rem;
}
.obj_article_details .doi{
    font-family: var(--font-main);
}
.obj_article_details .item.doi{
    padding: 1rem .5rem;
}
.obj_article_details .item.licensing-dropdown-container{
    padding: 1rem .5rem;
}
.obj_article_details .social-share-dropdown-container{
    padding: 1rem .5rem;
}
.pkp_page_article #customblock-citations{
    display: none;
}
.pkp_page_article #customblock-website-visitors{
    display: none;
}
.pkp_page_article .pkp_structure_sidebar>* {
    top: 71rem;
    position: absolute;
}

}

@media only screen and (max-width: 1875px) {

}

@media only screen and (max-width: 1700px) {

/*=================================================================== Recommended articles ======================================================================*/
#articlesBySimilarityList{
    left: 78.2rem;
}

/*=================================================================== End of Recommended articles ====================================================================*/


.pkp_page_article .pkp_structure_main .page_title{
    width: 72rem;
}
.obj_article_details .authors{
    width: 72rem;
}
.obj_article_details .item.abstract{
    width: 60rem;
}
.obj_article_details .item.keywords{
    width: 60rem;
}
.obj_article_details .item.references{
    width: 60rem;
}
.obj_article_details .item.galleys{
    width: 18rem;
}
.obj_article_details .entry_details .cover_image{
    left: 78rem;
}


}

@media only screen and (max-width: 1521px) {
/*=================================================================== Recommended articles ======================================================================*/
#articlesBySimilarityList{
    left: 65.2rem;
}
/*=================================================================== End of Recommended articles ====================================================================*/

.pkp_page_article .pkp_structure_main .page_title{
    width: 59rem;
    font-size: 30px;
    line-height: 2.8rem;
}
.obj_article_details .authors{
    width: 59rem;
}
.obj_article_details .item.abstract{
    width: 47rem;
}
.obj_article_details .item.keywords{
    width: 47rem;
}
.obj_article_details .item.references{
    width: 47rem;
}
.obj_article_details .item.galleys{
    width: 18rem;
}
.obj_article_details .entry_details .cover_image{
    left: 65rem;
}
.obj_article_details .entry_details .article-usage-metrics{
    right: 1rem;
    font-size: 18px;
}
}

@media only screen and (max-width: 1320px) {
/*=================================================================== dropdowns ======================================================================*/
.main_entry .dropdowns{
    width: 39rem;
    font-size: 12.5px;
    left: 17rem;
}
.citation-toggle-btn{
    padding: 8px 0px;
}
.obj_article_details .item.doi{
    padding: 1rem 0rem;
}
.licensing-trigger{
    padding: 6px 0px;
}
.share-toggle-btn{
    padding: 6px 0px;
}
/*=================================================================== Recommended articles ======================================================================*/
#articlesBySimilarityList{
    left: 55.2rem;
}
/*=================================================================== End of Recommended articles ====================================================================*/

.pkp_page_article .pkp_structure_main .page_title{
    width: 49rem;
    font-size: 25px;
    line-height: 2.3rem;
}
.obj_article_details .authors{
    width: 49rem;
}
.obj_article_details .item.abstract{
    width: 38rem;
    font-size: 13px;
}
.obj_article_details .item.keywords{
    width: 38rem;
    font-size: 13px;
}
.obj_article_details .item.references{
    width: 38rem;
    font-size: 13px;
}
.obj_article_details .item.abstract p{
    line-height: 1.7rem;
}
.obj_article_details .entry_details .cover_image{
    left: 55rem;
}
}

@media only screen and (max-width: 1200px) {
/*=================================================================== dropdowns ======================================================================*/
.main_entry .dropdowns{
    width: 39rem;
    font-size: 11.5px;
    left: 15rem;
}
.citation-toggle-btn{
    padding: 8px 0px;
}
.obj_article_details .item.doi{
    padding: 1rem 0rem;
}
.licensing-trigger{
    padding: 6px 0px;
}
.obj_article_details .item.licensing-dropdown-container{
    padding: 1rem;
    padding-right: 0.3rem;
}
.share-toggle-btn{
    padding: 6px 0px;
}
/*=================================================================== Recommended articles ======================================================================*/
#articlesBySimilarityList{
    left: 47.2rem;
    width: 17.8rem;
    font-size: 13px;
    top: 35rem;
}
/*=================================================================== End of Recommended articles ====================================================================*/
.pkp_page_article .cmp_breadcrumbs{
    padding-bottom: 0.7rem;
}
.cmp_breadcrumbs ol{
    font-size: .7rem;
    text-transform: capitalize;
}
.obj_article_details .article_header_info{
    font-size: 11px;
}
.pkp_page_article .pkp_structure_main .page_title{
    width: 45rem;
    font-size: 22px;
}
.obj_article_details .authors{
    width: 45rem;
    font-size: 12px;
}
.obj_article_details .item.galleys{
    width: 15rem;
    padding-right: 0rem;
}
.pkp_page_article .obj_galley_link.pdf{
    width: 12rem;
}
.obj_article_details .item.abstract {
    width: 35rem;
    font-size: 12px;
    left: 13.3rem;
}
.obj_article_details .item.abstract p {
    line-height: 1.5rem;
}
.obj_article_details .item.keywords{
    width: 35rem;
    font-size: 12px;
    left: 13.3rem;
}
.obj_article_details .item.references{
    width: 35rem;
    font-size: 12px;
    left: 13.3rem;
}
.obj_article_details .entry_details .cover_image{
    left: 47rem;
    width: 18rem;
}
.obj_article_details .entry_details .article-usage-metrics{
    right: 3.1rem;
    font-size: 17px;
    top: 27rem;
}
.pkp_page_article .pkp_structure_sidebar>*{
    top: 67rem;
    left: 45rem;
}
}

@media only screen and (max-width: 1024px) {
/*=================================================================== dropdowns ======================================================================*/
.main_entry .dropdowns{
    width: 39rem;
    font-size: 9.5px;
    left: 12rem;
    bottom: 4rem;
}
.citation-toggle-btn{
    padding: 8px 0px;
}
.obj_article_details .item.doi{
    padding: 1rem 0rem;
}
.licensing-trigger{
    padding: 6px 0px;
}
.obj_article_details .item.licensing-dropdown-container{
    padding: 1rem;
    padding-right: 0.3rem;
}
.share-toggle-btn{
    padding: 6px 0px;
}
/*=================================================================== Recommended articles ======================================================================*/
#articlesBySimilarityList{
    left: 41.2rem;
    width: 15.8rem;
    font-size: 11px;
    top: 31rem;
}
#articlesBySimilarityList h3{
    padding: 5px 15px;
}
/*=================================================================== End of Recommended articles ====================================================================*/

.obj_article_details .article_header_info{
    font-size: 10px;
    margin-bottom: 0.2rem;
}
.pkp_page_article .pkp_structure_main .page_title{
    width: 39rem;
    font-size: 16px;
    line-height: 1.7rem;
}
.obj_article_details .authors{
    width: 39rem;
    font-size: 10px;
    bottom: 2.8rem;
}
.obj_article_details .item.galleys{
    bottom: 10rem;
    width: 11rem;
}
.pkp_page_article .obj_galley_link.pdf{
    width: 9rem;
    font-size: 10px;
}
.obj_article_details .item.abstract{
    width: 32rem;
    font-size: 10px;
    left: 10.3rem;
    bottom: 11rem;
}
.obj_article_details .item.abstract .label{
    font-size: 20px;
}
.obj_article_details .item.abstract p{
    margin-top: .5rem;
}
.obj_article_details .item.keywords{
    width: 32rem;
    font-size: 10px;
    left: 10.3rem;
}
.obj_article_details .main_entry .item.keywords .label{
    font-size: 20px;
}
.obj_article_details .item.keywords .value{
    padding-top: .5rem;
}
.obj_article_details .item.references{
    width: 32rem;
    font-size: 10px;
    left: 10.3rem;
}
.obj_article_details .item.references .label{
    font-size: 20px;
}
.obj_article_details .item.references .value{
    margin-top: .5rem;
}
.obj_article_details .entry_details .cover_image{
    left: 41rem;
    width: 16rem;
}
.obj_article_details .entry_details .article-usage-metrics{
    right: 5.5rem;
    font-size: 13px;
    top: 24rem;
}
.pkp_page_article .pkp_structure_sidebar>*{
    top: 57rem;
    left: 40.8rem;
}
}





/*==================================================================================================================================================
================================================================== SIDEBAR =========================================================================
==================================================================================================================================================== */

@media only screen and (max-width: 1200px) {
.pkp_block{
    padding-top: 2.143rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
    font-size: 13px;
}
.pkp_page_article .pkp_block .title{
    width: 18rem;
}
.pkp_block .content p:last-child {
    margin-bottom: 0;
    width: 20rem;
}
}

@media only screen and (max-width: 1024px) {
.pkp_block {
    padding-top: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0rem;
    padding-bottom: 0.5rem;
}
.pkp_block .title{
    border-bottom: none;
    width: 16rem;
    font-size: 13px;
}
.pkp_block.block_custom {
    width: 16.5rem;
}
.pkp_page_article .pkp_block .title{
    width: 16rem;
}
.pkp_page_article .pkp_block.block_custom{
    width: 16.7rem;
}
}
/*==================================================================================================================================================
================================================================== CURRENT PAGE ====================================================================
==================================================================================================================================================== */

.pkp_page_issue .obj_issue_toc .section{
    margin-top: 0rem;
}

@media only screen and (max-width: 1920px) {
.pkp_page_issue .pkp_structure_main{
    width: 89rem;
}
.pkp_page_issue .pkp_structure_main .page h1 {
    margin-top: 0;
    color: var(--labels);
    font-family: var(--font-main-bold);
}
.pkp_page_issue .obj_issue_toc .sections:not(:first-child){
   margin-top: 0rem;
}
.pkp_page_issue .obj_issue_toc .published{
 display: none;
}
}
@media only screen and (max-width: 1700px) {
.pkp_page_issue .pkp_structure_main{
    width: 75rem;
}
}
@media only screen and (max-width: 1521px) {
.pkp_page_issue .pkp_structure_main{
    width: 62rem;
}
}
@media only screen and (max-width: 1320px) {
.pkp_page_issue .pkp_structure_main{
    width: 50rem;
}
.pkp_page_issue .pkp_structure_main .page h1 {
    font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.pkp_page_issue .pkp_structure_main{
    width: 41rem;
}
.pkp_page_issue .pkp_structure_main .page h1 {
    font-size: 16px;
}
}
@media only screen and (max-width: 1024px) {
.pkp_page_issue .pkp_structure_main{
    width: 41rem;
}
.pkp_page_issue .pkp_structure_main .page h1 {
    font-size: 16px;
}
}

/*==================================================================================================================================================
================================================================= STRUCTURE PAGE ===================================================================
==================================================================================================================================================== */

@media only screen and (max-width: 1920px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1800px;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1800px;
    height: auto;
}
}
@media only screen and (max-width: 1875px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1700px;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1700px;
    height: auto;
}
}
@media only screen and (max-width: 1700px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1500px;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1500px;
    height: auto;
}
}
@media only screen and (max-width: 1521px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1300px;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1300px;
    height: auto;
}
}
@media only screen and (max-width: 1320px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1150px;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1150px;
    height: auto;
}
}
@media only screen and (max-width: 1200px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 1000px;
    max-height: auto;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 1000px;
    height: auto;
}
}
@media only screen and (max-width: 1024px) {
  .pkp_structure_page {
    margin-top: 5px;
    max-width: 900px;
    max-height: auto;
}
.pkp_page_article.pkp_op_view.has_site_logo .pkp_structure_page {
    margin-top: 5px;
    max-width: 900px;
    height: auto;
}
}

/*==================================================================================================================================================
================================================================= TOP LOGO HEADER ==================================================================
==================================================================================================================================================== */


@media only screen and (max-width: 1920px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1800px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 46px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1875px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1700px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 48px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1700px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1500px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 45px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1521px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1300px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 48px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1320px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1150px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 47px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1200px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 1000px;
    position: fixed;
    z-index: 10;
    top: 0;
}
 .pkp_site_name_wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
}
@media only screen and (max-width: 1024px) {
  .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper{
    width: 900px;
    position: fixed;
    z-index: 10;
    top: 0;
    height: 9rem;
}
 .pkp_site_name_wrapper {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    max-height: 120px;
}
    /* .pkp_navigation_primary_row {
        padding-left: 2.143rem;
        padding-right: 2.143rem;
        height: 3rem;
    } */
}