/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 01
   VARIABLES • RESET • TYPOGRAPHY
   ========================================================== */

/* ==========================================================
   DESIGN TOKENS
   ========================================================== */

:root{

    /* Brand */

    --primary:#0b63ce;
    --primary-dark:#084b9a;
    --primary-light:#eef6ff;

    /* Typography */

    --title:#16233b;
    --heading:#17365d;
    --text:#444444;
    --text-light:#6b7280;

    /* Layout */

    --border:#e5e7eb;
    --panel:#ffffff;
    --surface:#f8fafc;

    /* Radius */

    --radius-sm:4px;
    --radius:6px;
    --radius-lg:10px;

    /* Shadow */

    --shadow:0 3px 10px rgba(0,0,0,.05);

    /* Transition */

    --transition:.20s ease;

}

/* ==========================================================
   RESET
   ========================================================== */

*,
*::before,
*::after{

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    font-family:"Helvetica Neue",Arial,sans-serif;

    font-size:15.5px;

    line-height:1.75;

    color:var(--text);

    background:#fff;

    -webkit-font-smoothing:antialiased;

}

/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    margin-top:0;

    color:var(--title);

    font-family:Georgia,serif;

}

h1{

    font-size:30px;

    font-weight:700;

}

h2{

    font-size:22px;

    font-weight:600;

}

h3{

    font-size:18px;

    font-weight:600;

}

p{

    margin:0 0 1rem;

    color:var(--text);

}

small{

    color:var(--text-light);

}

strong{

    font-weight:600;

}

/* ==========================================================
   LINKS
   ========================================================== */

a{

    color:var(--primary);

    text-decoration:none;

    transition:var(--transition);

}

a:hover{

    color:var(--primary-dark);

    text-decoration:underline;

}

/* ==========================================================
   IMAGES
   ========================================================== */

img{

    display:block;

    max-width:100%;

    height:auto;

}

/* ==========================================================
   TABLES
   ========================================================== */

table{

    width:100%;

    border-collapse:collapse;

}

/* ==========================================================
   FORM ELEMENTS
   ========================================================== */

input,
textarea,
select{

    font:inherit;

}

button{

    font:inherit;

    cursor:pointer;

}

/* ==========================================================
   PAGE WIDTH
   ========================================================== */

.pkp_structure_page{

    max-width:1180px;

    margin:0 auto;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 02
   HEADER • NAVIGATION • SEARCH
==========================================================*/

/* ==========================================================
   HEADER
==========================================================*/

.pkp_structure_head{

    background:#ffffff;

    border-bottom:1px solid var(--border);

    position:relative;

    z-index:100;

}

/* ----------------------------------------------------------
   HEADER WRAPPER
----------------------------------------------------------*/

.pkp_head_wrapper,
.pkp_site_name_wrapper{

    padding:18px 0;

}

/* ----------------------------------------------------------
   LOGO
----------------------------------------------------------*/

.pkp_site_name{

    margin:0;

}

.pkp_site_name a{

    display:flex;

    align-items:center;

    gap:14px;

    color:var(--title);

    font-size:28px;

    font-weight:700;

    text-decoration:none;

    transition:var(--transition);

}

.pkp_site_name a:hover{

    color:var(--primary);

}

.pkp_site_name img{

    max-height:72px;

    width:auto;

}

/* ----------------------------------------------------------
   ISSN / SUBTITLE
----------------------------------------------------------*/

.pkp_site_name .is_text{

    line-height:1.25;

}

/* ==========================================================
   TOP USER MENU
==========================================================*/

.pkp_navigation_user_wrapper{

    font-size:13px;

}

.pkp_navigation_user{

    display:flex;

    align-items:center;

    gap:8px;

}

.pkp_navigation_user a{

    color:var(--text-light);

    padding:6px 10px;

    border-radius:var(--radius-sm);

}

.pkp_navigation_user a:hover{

    background:var(--surface);

    color:var(--primary);

}

/* ==========================================================
   PRIMARY NAVIGATION
==========================================================*/

.pkp_navigation_primary_wrapper{

    border-top:1px solid var(--border);

    border-bottom:1px solid var(--border);

    background:#ffffff;

}

.pkp_navigation_primary{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:2px;

}

/* ----------------------------------------------------------
   NAV ITEMS
----------------------------------------------------------*/

.pkp_navigation_primary > li > a{

    display:block;

    padding:14px 16px;

    font-size:13px;

    font-weight:600;

    letter-spacing:.03em;

    text-transform:uppercase;

    color:#374151;

    transition:var(--transition);

}

.pkp_navigation_primary > li > a:hover{

    color:var(--primary);

    background:var(--surface);

}

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a{

    color:var(--primary);

    border-bottom:2px solid var(--primary);

}

/* ==========================================================
   DROPDOWN
==========================================================*/

.pkp_navigation_primary ul{

    border:1px solid var(--border);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

    background:#ffffff;

}

.pkp_navigation_primary ul a{

    padding:10px 16px;

    font-size:13px;

    color:var(--text);

}

.pkp_navigation_primary ul a:hover{

    background:var(--surface);

    color:var(--primary);

}

/* ==========================================================
   SEARCH
==========================================================*/

.pkp_search{

    display:flex;

    align-items:center;

}

.pkp_search input[type="text"]{

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:9px 12px;

    min-width:220px;

    transition:var(--transition);

}

.pkp_search input[type="text"]:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 3px rgba(11,99,206,.12);

    outline:none;

}

/* ==========================================================
   BREADCRUMB
==========================================================*/

.cmp_breadcrumbs{

    margin:20px 0;

    font-size:13px;

    color:var(--text-light);

}

.cmp_breadcrumbs a{

    color:var(--text-light);

}

.cmp_breadcrumbs a:hover{

    color:var(--primary);

}

/* ==========================================================
   ANNOUNCEMENTS
==========================================================*/

.cmp_announcements{

    margin-bottom:24px;

}

.obj_announcement_summary{

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:18px;

    background:#ffffff;

}

.obj_announcement_summary h2{

    font-size:18px;

    margin-bottom:8px;

}

/* ==========================================================
   HEADER UTILITIES
==========================================================*/

.pkp_navigation_search_wrapper{

    margin-left:auto;

}

.pkp_navigation_search_wrapper a{

    color:var(--text-light);

}

.pkp_navigation_search_wrapper a:hover{

    color:var(--primary);

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 03
   HOMEPAGE • HERO • FEATURED CONTENT
==========================================================*/

/* ==========================================================
   HOMEPAGE LAYOUT
==========================================================*/

.pkp_page_index{

    background:#ffffff;

}

.pkp_structure_content{

    padding:32px 20px 40px;

}

/* ==========================================================
   REMOVE UNUSED DEFAULT BLOCKS
==========================================================*/

.pkp_page_index .about_journal,
.pkp_page_index .homepage_about,
.pkp_page_index .journal-description,
.homepage_banner,
.homepage_image{

    display:none !important;

}

/* Keep announcements available for journals using them */

.pkp_page_index .cmp_announcements{

    display:block;

    margin-bottom:24px;

}

/* ==========================================================
   HERO PANEL
==========================================================*/

.ads-hero{

    background:linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    padding:32px;

    margin-bottom:32px;

}

/* ----------------------------------------------------------
   HERO TITLE
----------------------------------------------------------*/

.ads-hero h1{

    font-size:30px;

    color:var(--title);

    margin-bottom:12px;

    line-height:1.20;

}

/* ----------------------------------------------------------
   HERO DESCRIPTION
----------------------------------------------------------*/

.ads-hero p{

    max-width:760px;

    color:var(--text);

    font-size:16px;

    line-height:1.8;

    margin-bottom:18px;

}

/* ==========================================================
   HERO BUTTON GROUP
==========================================================*/

.ads-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:20px;

}

.ads-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:44px;

    padding:0 18px;

    border-radius:var(--radius);

    font-size:14px;

    font-weight:600;

    transition:var(--transition);

}

/* ==========================================================
   PRIMARY BUTTON
==========================================================*/

.btn-primary{

    background:var(--primary);

    color:#ffffff;

    border:1px solid var(--primary);

}

.btn-primary:hover{

    background:var(--primary-dark);

    border-color:var(--primary-dark);

    color:#ffffff;

    text-decoration:none;

}

/* ==========================================================
   SECONDARY BUTTON
==========================================================*/

.btn-secondary{

    background:#ffffff;

    color:var(--primary);

    border:1px solid var(--primary);

}

.btn-secondary:hover{

    background:var(--primary-light);

    text-decoration:none;

}

/* ==========================================================
   FEATURE GRID
==========================================================*/

.ads-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:26px;

    align-items:start;

}

/* ==========================================================
   FEATURED ARTICLE
==========================================================*/

.featured-article{

    border:1px solid var(--border);

    border-radius:var(--radius);

    background:#ffffff;

    padding:24px;

}

.featured-article h2{

    font-size:22px;

    margin-bottom:12px;

}

.featured-article p{

    margin-bottom:14px;

}

/* ==========================================================
   JOURNAL HIGHLIGHTS
==========================================================*/

.ads-highlights{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

    margin-top:28px;

}

.highlight-box{

    border:1px solid var(--border);

    border-radius:var(--radius);

    background:#ffffff;

    padding:20px;

    transition:var(--transition);

}

.highlight-box:hover{

    box-shadow:var(--shadow);

}

.highlight-box h3{

    font-size:16px;

    margin-bottom:10px;

}

.highlight-box p{

    font-size:14px;

    line-height:1.7;

    color:var(--text-light);

}

/* ==========================================================
   CURRENT ISSUE PANEL
==========================================================*/

.current-issue{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:22px;

}

.current-issue h2{

    margin-bottom:14px;

}

/* ==========================================================
   JOURNAL NEWS
==========================================================*/

.ads-news{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:22px;

    margin-top:24px;

}

.ads-news h2{

    margin-bottom:12px;

}

.ads-news li{

    margin-bottom:10px;

    line-height:1.6;

}

/* ==========================================================
   CALL FOR PAPERS
==========================================================*/

.call-for-papers{

    background:#f8fbff;

    border:1px solid #d7e8ff;

    border-radius:var(--radius);

    padding:24px;

    margin-top:30px;

}

.call-for-papers h2{

    color:var(--primary);

    margin-bottom:10px;

}

.call-for-papers p{

    margin-bottom:14px;

}

/* ==========================================================
   HOMEPAGE SECTION SPACING
==========================================================*/

.homepage-section{

    margin-bottom:38px;

}

.homepage-section:last-child{

    margin-bottom:0;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 04
   CARDS • METRICS • JOURNAL INFORMATION • ISSUE CARDS
==========================================================*/

/* ==========================================================
   BASE CARD
==========================================================*/

.ads-card,
.ads-panel,
.info-card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:22px;

    margin-bottom:22px;

    transition:var(--transition);

}

.ads-card:hover,
.ads-panel:hover{

    box-shadow:var(--shadow);

}

/* ==========================================================
   CARD TITLES
==========================================================*/

.ads-card h2,
.ads-panel h2,
.info-card h2{

    font-size:20px;

    color:var(--title);

    margin-bottom:14px;

}

.ads-card h3{

    font-size:17px;

    color:var(--heading);

    margin-bottom:10px;

}

/* ==========================================================
   INFORMATION BOX
==========================================================*/

.ads-info-box{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:20px;

}

.ads-info-box p{

    margin-bottom:8px;

}

.ads-info-box strong{

    color:var(--title);

}

/* ==========================================================
   POLICY BUTTONS
==========================================================*/

.ads-policy-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:12px;

}

.ads-policy-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 12px;

    border:1px solid var(--border);

    border-radius:var(--radius-sm);

    background:#ffffff;

    font-size:13px;

    font-weight:500;

    color:var(--text);

    transition:var(--transition);

}

.ads-policy-buttons a:hover{

    background:var(--surface);

    color:var(--primary);

}

/* ==========================================================
   JOURNAL METRICS
==========================================================*/

.ads-metrics{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin:30px 0;

}

.ads-metrics .metric{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:18px;

    text-align:center;

}

.ads-metrics .metric-value{

    display:block;

    font-size:28px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:6px;

}

.ads-metrics .metric-label{

    font-size:13px;

    color:var(--text-light);

}

/* ==========================================================
   JOURNAL INFORMATION
==========================================================*/

.journal-info{

    display:grid;

    grid-template-columns:180px 1fr;

    gap:26px;

    align-items:start;

    margin-top:34px;

}

.journal-cover{

    text-align:center;

}

.journal-cover img{

    width:100%;

    max-width:180px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    margin:auto;

}

.journal-details{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.journal-details p{

    margin:0;

}

/* ==========================================================
   CURRENT ISSUE CARD
==========================================================*/

.issue-card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:20px;

}

.issue-card h2{

    margin-bottom:14px;

}

/* ==========================================================
   ISSUE COVER
==========================================================*/

.issue-cover{

    text-align:center;

    margin-bottom:18px;

}

.issue-cover img{

    width:100%;

    max-width:220px;

    margin:auto;

    border-radius:var(--radius);

    border:1px solid var(--border);

}

/* ==========================================================
   ARTICLE SUMMARY CARD
==========================================================*/

.obj_article_summary{

    padding:18px 0;

    border-bottom:1px solid var(--border);

}

.obj_article_summary:last-child{

    border-bottom:none;

}

.obj_article_summary .title{

    margin-bottom:8px;

}

.obj_article_summary .title a{

    color:var(--title);

    font-size:18px;

    font-weight:600;

    line-height:1.45;

}

.obj_article_summary .title a:hover{

    color:var(--primary);

}

.obj_article_summary .meta{

    font-size:13px;

    color:var(--text-light);

    margin-bottom:8px;

}

.obj_article_summary .pages{

    color:var(--text-light);

    font-size:13px;

}

.obj_article_summary .authors{

    font-size:14px;

    color:var(--text);

}

/* ==========================================================
   ARTICLE SUMMARY ABSTRACT
==========================================================*/

.obj_article_summary .description{

    margin-top:10px;

    line-height:1.7;

    color:var(--text);

}

/* ==========================================================
   ARTICLE ACTIONS
==========================================================*/

.obj_article_summary .read_more{

    margin-top:12px;

}

.obj_article_summary .read_more a{

    font-weight:600;

}

/* ==========================================================
   CONTENT SEPARATION
==========================================================*/

.section-divider{

    margin:40px 0;

    border-top:1px solid var(--border);

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 05
   EDITORIAL BOARD
==========================================================*/

/* ==========================================================
   EDITORIAL CONTAINER
==========================================================*/

.editorial-container{

    max-width:1200px;

    margin:40px auto;

}

/* ==========================================================
   SECTION TITLE
==========================================================*/

.editorial-title{

    margin:0 0 24px;

    padding-bottom:10px;

    border-bottom:2px solid var(--title);

    color:var(--title);

    font-size:24px;

    font-weight:700;

}

/* ==========================================================
   FILTER BAR
==========================================================*/

.editor-filter{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:28px;

}

.editor-filter select{

    min-width:220px;

    padding:10px 12px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    background:#fff;

}

/* ==========================================================
   GRID
==========================================================*/

/* ==========================================================
   EDITORIAL BOARD GRID
==========================================================*/

.editorial-group.grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(320px,1fr));

    gap:24px;

    align-items:start;

}

/* ==========================================================
   CARD
==========================================================*/

.editor-card{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    background:#fff;

    border:1px solid var(--border);

    border-radius:8px;

    padding:22px;

    transition:var(--transition);

    height:100%;

}

.editor-card:hover{

    box-shadow:var(--shadow);

    transform:translateY(-3px);

}

/* ==========================================================
   PHOTO
==========================================================*/

.editor-photo{

    width:96px;

    height:96px;

    border-radius:50%;

    object-fit:cover;

    border:2px solid #edf2f7;

    margin-bottom:16px;

}

/* ==========================================================
   INFORMATION
==========================================================*/

.editor-info{

    width:100%;

}

.editor-info h3{

    margin-bottom:6px;

    color:var(--title);

    font-size:17px;

    font-weight:700;

}

.editor-position{

    font-size:14px;

    color:var(--primary);

    font-weight:600;

    margin-bottom:8px;

}

.affiliation{

    color:var(--text);

    font-size:14px;

    line-height:1.6;

    min-height:52px;

}

/* ==========================================================
   COUNTRY
==========================================================*/

.country-block{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin:12px 0;

    font-size:13px;

}

.flag{

    width:22px;

    height:16px;

    object-fit:cover;

    border:1px solid var(--border);

    border-radius:2px;

}

/* ==========================================================
   IDENTIFIERS
==========================================================*/

.ids{

    margin-top:auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:8px;

}

/* ==========================================================
   BADGE
==========================================================*/

.badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:5px 10px;

    border-radius:5px;

    font-size:12px;

    font-weight:600;

    text-decoration:none;

    transition:var(--transition);

}

/* ==========================================================
   SCOPUS
==========================================================*/

.badge.scopus{

    background:#eef4ff;

    color:#003a8c;

    border:1px solid #c7d8ff;

}

.badge.scopus:hover{

    background:#dbe8ff;

}

.badge-icon{

    width:16px;

    height:16px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#003a8c;

    color:#fff;

    font-size:10px;

    font-weight:700;

}

/* ==========================================================
   ORCID
==========================================================*/

.badge.orcid{

    background:#e8f7ed;

    border:1px solid #a6d8b5;

    color:#1a7f37;

}

.badge.orcid:hover{

    background:#d6f1df;

}

.badge.orcid img{

    width:15px;

    height:15px;

}

/* ==========================================================
   TABS
==========================================================*/

.tab-nav{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    border-bottom:1px solid var(--border);

    margin-bottom:24px;

}

.tab-btn{

    padding:10px 16px;

    background:none;

    border:none;

    border-bottom:2px solid transparent;

    font-size:14px;

    font-weight:600;

    color:var(--text-light);

    transition:var(--transition);

}

.tab-btn:hover{

    color:var(--title);

}

.tab-btn.active{

    color:var(--primary);

    border-bottom-color:var(--primary);

}

/* ==========================================================
   TAB CONTENT
==========================================================*/

.tab-content{

    display:none;

    animation:fadeIn .25s ease;

}

.tab-content.active{

    display:block;

}

/* ==========================================================
   ANIMATION
==========================================================*/

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(4px);

    }

    to{

        opacity:1;

        transform:none;

    }

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 06
   REVIEWER BOARD • FOOTER
==========================================================*/


/* ==========================================================
   REVIEWER GRID
==========================================================*/

.reviewer-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));

    gap:22px;

    margin-top:24px;

}


/* ==========================================================
   REVIEWER CARD
==========================================================*/

.reviewer-card{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:8px;

    padding:20px;

    transition:var(--transition);

}

.reviewer-card:hover{

    box-shadow:var(--shadow);

    transform:translateY(-2px);

}


/* ==========================================================
   REVIEWER NAME
==========================================================*/

.reviewer-card h3{

    margin-bottom:8px;

    color:var(--title);

    font-size:17px;

    font-weight:700;

}


/* ==========================================================
   REVIEWER AFFILIATION
==========================================================*/

.reviewer-card .affiliation{

    margin-bottom:14px;

    color:var(--text);

    font-size:14px;

    line-height:1.6;

}


/* ==========================================================
   REVIEWER LINKS
==========================================================*/

.reviewer-links{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}

.reviewer-links a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 10px;

    border-radius:5px;

    background:#f3f4f6;

    color:var(--text);

    font-size:13px;

    transition:var(--transition);

}

.reviewer-links a:hover{

    background:var(--primary);

    color:#ffffff;

    text-decoration:none;

}


/* ==========================================================
   FOOTER
==========================================================*/

.custom-footer{

    background:#0b0b0b;

    color:#e5e7eb;

    margin-top:60px;

    padding:40px 42px 24px;

}


/* ==========================================================
   FOOTER GRID
==========================================================*/

.footer-grid-3{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}


/* ==========================================================
   FOOTER HEADINGS
==========================================================*/

.footer-col h3{

    margin-bottom:12px;

    color:#ffffff;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}


/* ==========================================================
   FOOTER TEXT
==========================================================*/

.footer-col p{

    margin-bottom:8px;

    color:#d1d5db;

    line-height:1.7;

}


/* ==========================================================
   FOOTER LINKS
==========================================================*/

.custom-footer a{

    color:#7db8ff;

    transition:var(--transition);

}

.custom-footer a:hover{

    color:#ffffff;

    text-decoration:underline;

}


/* ==========================================================
   FOOTER LIST
==========================================================*/

.footer-col ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-col li{

    margin-bottom:8px;

}


/* ==========================================================
   LICENSE
==========================================================*/

.footer-license{

    margin-top:24px;

    padding-top:18px;

    border-top:1px solid #1f2937;

    color:#d1d5db;

    font-size:13px;

    text-align:center;

}


/* ==========================================================
   CC LICENSE ICON
==========================================================*/

.cc-license img{

    display:inline-block;

    height:22px;

    margin-right:6px;

    vertical-align:middle;

}


/* ==========================================================
   REMOVE DEFAULT OJS FOOTER BACKGROUND
==========================================================*/

.pkp_structure_footer_wrapper{

    background:none !important;

}


/* ==========================================================
   COPYRIGHT
==========================================================*/

.footer-copyright{

    margin-top:10px;

    font-size:12px;

    color:#9ca3af;

}


/* ==========================================================
   SOCIAL ICONS
==========================================================*/

.footer-social{

    display:flex;

    gap:12px;

    margin-top:16px;

}

.footer-social a{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#1f2937;

    color:#ffffff;

}

.footer-social a:hover{

    background:var(--primary);

}


/* ==========================================================
   CONTACT INFO
==========================================================*/

.footer-contact p{

    display:flex;

    align-items:flex-start;

    gap:8px;

}


/* ==========================================================
   FOOTER SPACING
==========================================================*/

.footer-col{

    min-width:0;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 07
   ARTICLE PAGE • HEADER • BREADCRUMB
==========================================================*/

/* ==========================================================
   ARTICLE PAGE CONTAINER
==========================================================*/

.page_article{

    background:#ffffff;

    margin:30px 0 50px;

}

.page_article .obj_article_details{

    max-width:100%;

}

/* ==========================================================
   CONTENT WRAPPER
==========================================================*/

.article-details{

    background:#ffffff;

}

/* ==========================================================
   BREADCRUMB
==========================================================*/

.page_article .cmp_breadcrumbs{

    margin:0 0 24px;

    padding:0;

    font-size:13px;

    color:var(--text-light);

}

.page_article .cmp_breadcrumbs a{

    color:var(--text-light);

}

.page_article .cmp_breadcrumbs a:hover{

    color:var(--primary);

}

/* ==========================================================
   ARTICLE HEADER
==========================================================*/

.article-header{

    margin-bottom:18px;

    padding-bottom:14px;

    border-bottom:1px solid var(--border);

}

/* ==========================================================
   ARTICLE TYPE
==========================================================*/

/* Hide duplicated "Section" label if Academic Pro outputs it */

.section-label{

    display:none;

}

.page_article .section,
.header-section,
.section-title{

    display:inline-flex;

    align-items:center;

    padding:5px 10px;

    margin-bottom:14px;

    border-radius:20px;

    background:var(--primary-light);

    color:var(--primary);

    font-size:13px;

    font-weight:600;

    letter-spacing:.02em;

}

/* ==========================================================
   ARTICLE TITLE
==========================================================*/

.article-title{

    margin:0 0 12px;

    color:var(--title);

    font-family:Georgia,serif;

    font-size:34px;

    font-weight:700;

    line-height:1.25;

    letter-spacing:-0.01em;

}

/* ==========================================================
   SUBTITLE
==========================================================*/

.subtitle{

    margin:0 0 18px;

    color:var(--text-light);

    font-size:17px;

    font-weight:400;

    line-height:1.6;

}

/* ==========================================================
   ARTICLE META
==========================================================*/

.article-meta{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:10px;

    margin-bottom:12px;

    color:var(--text-light);

    font-size:13px;

}

.article-meta span{

    display:inline-flex;

    align-items:center;

    gap:6px;

}

/* ==========================================================
   DOI
==========================================================*/

.article-meta .doi{

    word-break:break-word;

}

.article-meta .doi a{

    font-weight:600;

}

/* ==========================================================
   DATES
==========================================================*/

.article-meta .published,
.article-meta .received,
.article-meta .accepted{

    white-space:nowrap;

}

/* ==========================================================
   ARTICLE IDENTIFIERS
==========================================================*/

.article-identifiers{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:10px;

}

.article-identifiers .badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 10px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    background:#ffffff;

    color:var(--text);

    font-size:12px;

    font-weight:600;

}

/* ==========================================================
   ARTICLE SUMMARY AREA
==========================================================*/

.article-summary{

    margin-top:24px;

}

/* ==========================================================
   HEADER LINKS
==========================================================*/

.article-header a{

    color:var(--primary);

}

.article-header a:hover{

    color:var(--primary-dark);

}

/* ==========================================================
   SEPARATION
==========================================================*/

.article-divider{

    margin:28px 0;

    border-top:1px solid var(--border);

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 08
   ARTICLE AUTHORS
==========================================================*/

/* ==========================================================
   AUTHOR CONTAINER
==========================================================*/

.authors{

    margin-top:18px;

    margin-bottom:28px;

}

/* Keep Academic Pro Bootstrap layout */

.authors .row{

    margin-bottom:12px;

}

/* ==========================================================
   AUTHOR CARD
==========================================================*/

.authors .author{

    position:relative;

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:8px;

    padding:14px 16px;

    height:100%;

    transition:var(--transition);

}

.authors .author:hover{

    border-color:#cfd8e3;

    box-shadow:var(--shadow);

}

/* Remove theme divider */

.divider{

    display:none !important;

}

/* ==========================================================
   AUTHOR NAME
==========================================================*/

.author .full_name{

    display:flex;

    align-items:flex-start;

    gap:8px;

    margin:0 0 8px;

    color:var(--title);

    font-size:16px;

    font-weight:700;

    line-height:1.35;

}

/* ==========================================================
   AUTHOR ICON
==========================================================*/

.author .fa-user,
.author .fa-user-circle{

    flex:none;

    margin-top:2px;

    color:var(--primary);

    font-size:14px;

}

/* ==========================================================
   CORRESPONDING AUTHOR EMAIL
==========================================================*/

.primary_contact{

    display:flex;

    align-items:flex-start;

    gap:8px;

    margin:0 0 10px;

    font-size:12px;

    line-height:1.5;

    color:var(--text);

    word-break:break-word;

}

.primary_contact::before{

    content:"✉";

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    flex:none;

}

.primary_contact a{

    color:var(--primary);

}

.primary_contact a:hover{

    text-decoration:underline;

}

/* ==========================================================
   AFFILIATION
==========================================================*/

.article-author-affilitation{

    margin:0 0 10px;

    color:var(--text);

    font-size:13px;

    line-height:1.65;

}

/* Never truncate affiliations */

.article-author-affilitation{

    display:block;

    overflow:visible;

    max-height:none;

    -webkit-line-clamp:unset;

}

/* ==========================================================
   ORCID
==========================================================*/

.orcid{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:8px;

    font-size:12px;

}

.orcid img{

    width:16px;

    height:16px;

    flex:none;

}

.orcid a{

    color:#1a7f37;

    font-size:12px;

    word-break:break-all;

}

/* ==========================================================
   REMOVE EXTRA SPACING
==========================================================*/

.author p{

    margin:4px 0;

}

.author br{

    display:none;

}

/* ==========================================================
   AUTHOR METADATA
==========================================================*/

.author .label{

    font-weight:600;

    color:var(--heading);

}

/* ==========================================================
   AUTHOR LINKS
==========================================================*/

.author a{

    transition:var(--transition);

}

.author a:hover{

    text-decoration:underline;

}

/* ==========================================================
   AUTHOR CARD RESPONSIVENESS
==========================================================*/

.authors .author{

    min-height:unset;

}

/* ==========================================================
   SMALL SCREENS
==========================================================*/

@media (max-width:991px){

    .authors{

        margin-top:14px;

    }

    .authors .author{

        margin-bottom:14px;

    }

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 09
   ARTICLE SIDEBAR • DOWNLOAD • METADATA
==========================================================*/

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

.article-sidebar{

    padding-left:24px;

}

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

.article-sidebar .panel,
.article-sidebar .block,
.article-sidebar .item{

    margin-bottom:22px;

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    overflow:hidden;

}

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

.article-sidebar h2,
.article-sidebar .title,
.article-sidebar .panel-heading{

    margin:0;

    padding:14px 18px;

    background:var(--surface);

    border-bottom:1px solid var(--border);

    font-size:14px;

    font-weight:700;

    color:var(--title);

}

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

.article-sidebar .panel-body,
.article-sidebar .content{

    padding:18px;

}

/* ==========================================================
   JOURNAL COVER
==========================================================*/

.issue-cover,
.cover{

    text-align:center;

}

.issue-cover img,
.cover img{

    width:100%;

    max-width:240px;

    margin:auto;

    border-radius:6px;

    border:1px solid var(--border);

}

/* ==========================================================
   PDF DOWNLOAD
==========================================================*/

.galleys_links{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.obj_galley_link,
.galleys_links a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:54px;

    padding:0 18px;

    border-radius:var(--radius);

    border:1px solid #cfe0ff;

    background:#f7fbff;

    color:var(--primary);

    font-size:15px;

    font-weight:700;

    transition:var(--transition);

}

.obj_galley_link:hover,
.galleys_links a:hover{

    background:var(--primary);

    color:#ffffff;

    text-decoration:none;

}

/* ==========================================================
   PDF ICON
==========================================================*/

.galleys_links i,
.obj_galley_link i,

.galleys_links svg,
.obj_galley_link svg{

    font-size:24px;

    width:24px;

    height:24px;

    color:#d32f2f;

}

/* ==========================================================
   DOI
==========================================================*/

.item.doi{

    font-size:13px;

    line-height:1.7;

    word-break:break-word;

}

.item.doi a{

    font-weight:600;

}

/* ==========================================================
   LICENSE
==========================================================*/

.item.license{

    font-size:13px;

    line-height:1.7;

}

.item.license img{

    display:inline-block;

    height:22px;

    margin-right:6px;

    vertical-align:middle;

}

/* ==========================================================
   HOW TO CITE
==========================================================*/

.item.citation{

    font-size:13px;

    line-height:1.7;

}

.item.citation textarea{

    width:100%;

    min-height:120px;

    padding:10px;

    border:1px solid var(--border);

    border-radius:var(--radius-sm);

    resize:vertical;

    font-size:12px;

    line-height:1.6;

}

/* ==========================================================
   ARTICLE METADATA
==========================================================*/

.article-sidebar dl{

    margin:0;

}

.article-sidebar dt{

    margin-top:10px;

    font-weight:700;

    color:var(--heading);

}

.article-sidebar dd{

    margin:4px 0 12px;

    color:var(--text);

}

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

.article-sidebar a{

    color:var(--primary);

}

.article-sidebar a:hover{

    color:var(--primary-dark);

}

/* ==========================================================
   METRICS
==========================================================*/

.article-sidebar .metrics{

    display:grid;

    gap:10px;

}

.article-sidebar .metric{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 12px;

    border:1px solid var(--border);

    border-radius:var(--radius-sm);

    background:#fafbfd;

}

.article-sidebar .metric strong{

    color:var(--title);

}

/* ==========================================================
   SHARE BUTTONS
==========================================================*/

.article-sidebar .share{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}

.article-sidebar .share a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:36px;

    height:36px;

    border-radius:50%;

    background:#f3f4f6;

}

.article-sidebar .share a:hover{

    background:var(--primary);

    color:#ffffff;

}

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

.article-sidebar .item:last-child{

    margin-bottom:0;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 10
   ARTICLE CONTENT • ABSTRACT • TABLES • REFERENCES
==========================================================*/


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

.article-main{

    background:#ffffff;

}

.article-main>*:last-child{

    margin-bottom:0;

}


/* ==========================================================
   ABSTRACT
==========================================================*/

.article-summary,
.item.abstract{

    background:#fbfcfe;

    border:1px solid #e8eef5;

    border-radius:var(--radius-lg);

    padding:28px;

    margin-bottom:34px;

}

.article-summary h2,
.item.abstract h2{

    margin:0 0 16px;

    padding-bottom:10px;

    border-bottom:2px solid #eef3f8;

    color:var(--heading);

    font-size:26px;

    font-weight:700;

}


/* ==========================================================
   BODY TYPOGRAPHY
==========================================================*/

.article-main p,
.article-abstract p,
.item.abstract p{

    color:var(--text);

    font-size:16px;

    line-height:1.9;

    text-align:justify;

    margin-bottom:18px;

}


/* ==========================================================
   HEADINGS
==========================================================*/

.article-main h2,
.item.references h2,
.item.details h2{

    margin-top:36px;

    margin-bottom:18px;

    padding-bottom:10px;

    border-bottom:2px solid #eef2f7;

    color:var(--heading);

    font-size:24px;

    font-weight:700;

}

.article-main h3{

    margin-top:28px;

    margin-bottom:12px;

    color:var(--heading);

    font-size:20px;

}

.article-main h4{

    margin-top:24px;

    margin-bottom:10px;

    font-size:17px;

    color:var(--title);

}


/* ==========================================================
   KEYWORDS
==========================================================*/

.item.keywords{

    margin-top:18px;

    margin-bottom:28px;

}

.item.keywords span,
.item.keywords a,
.keyword{

    display:inline-flex;

    align-items:center;

    padding:6px 12px;

    margin:4px;

    border-radius:20px;

    background:#eef6ff;

    border:1px solid #d6e7ff;

    color:var(--primary);

    font-size:13px;

    font-weight:500;

}


/* ==========================================================
   LISTS
==========================================================*/

.article-main ul,
.article-main ol{

    padding-left:28px;

    margin-bottom:20px;

}

.article-main li{

    margin-bottom:8px;

    line-height:1.8;

}


/* ==========================================================
   TABLES
==========================================================*/

.article-main table{

    margin:30px 0;

    font-size:14px;

    border-collapse:collapse;

}

.article-main th{

    background:#f5f7fa;

    color:var(--title);

    font-weight:700;

}

.article-main th,
.article-main td{

    border:1px solid var(--border);

    padding:12px;

    vertical-align:top;

}

.article-main tbody tr:nth-child(even){

    background:#fafafa;

}


/* ==========================================================
   FIGURES
==========================================================*/

.article-main figure{

    margin:34px auto;

    text-align:center;

}

.article-main figure img{

    border-radius:6px;

    transition:var(--transition);

}

.article-main figure img:hover{

    transform:scale(1.01);

}

.article-main figcaption{

    margin-top:12px;

    color:var(--text-light);

    font-size:13px;

    line-height:1.7;

}


/* ==========================================================
   EQUATIONS
==========================================================*/

.article-main .equation{

    overflow-x:auto;

    margin:26px 0;

}


/* ==========================================================
   BLOCKQUOTE
==========================================================*/

.article-main blockquote{

    margin:26px 0;

    padding:18px 22px;

    border-left:4px solid var(--primary);

    background:#f8fbff;

    color:var(--text);

    font-style:italic;

}


/* ==========================================================
   REFERENCES
==========================================================*/

.item.references{

    margin-top:40px;

}

.item.references ol{

    padding-left:24px;

}

.item.references li{

    margin-bottom:12px;

    line-height:1.8;

    color:var(--text);

}

.item.references a{

    font-weight:500;

}


/* ==========================================================
   SUPPLEMENTARY FILES
==========================================================*/

.item.supplementary{

    margin-top:28px;

}

.item.supplementary a{

    display:inline-flex;

    align-items:center;

    gap:8px;

}


/* ==========================================================
   ACKNOWLEDGEMENTS
==========================================================*/

.item.acknowledgements{

    margin-top:32px;

}


/* ==========================================================
   FUNDING
==========================================================*/

.item.funding{

    margin-top:24px;

}


/* ==========================================================
   CONFLICT OF INTEREST
==========================================================*/

.item.conflict{

    margin-top:24px;

}


/* ==========================================================
   DATA AVAILABILITY
==========================================================*/

.item.dataAvailability{

    margin-top:24px;

}


/* ==========================================================
   AUTHOR CONTRIBUTIONS
==========================================================*/

.item.authorBios,
.item.authorContributions{

    margin-top:24px;

}


/* ==========================================================
   HORIZONTAL RULE
==========================================================*/

.article-main hr{

    border:none;

    border-top:1px solid var(--border);

    margin:40px 0;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 11
   UTILITIES
==========================================================*/

/* ==========================================================
   SPACING UTILITIES
==========================================================*/

.mt-0{margin-top:0!important;}
.mt-1{margin-top:8px!important;}
.mt-2{margin-top:16px!important;}
.mt-3{margin-top:24px!important;}
.mt-4{margin-top:32px!important;}

.mb-0{margin-bottom:0!important;}
.mb-1{margin-bottom:8px!important;}
.mb-2{margin-bottom:16px!important;}
.mb-3{margin-bottom:24px!important;}
.mb-4{margin-bottom:32px!important;}

.pt-0{padding-top:0!important;}
.pb-0{padding-bottom:0!important;}

/* ==========================================================
   DISPLAY
==========================================================*/

.d-block{display:block!important;}
.d-inline{display:inline!important;}
.d-inline-flex{display:inline-flex!important;}
.d-flex{display:flex!important;}
.d-grid{display:grid!important;}
.d-none{display:none!important;}

/* ==========================================================
   FLEX
==========================================================*/

.align-center{

    display:flex;

    align-items:center;

}

.justify-between{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.justify-center{

    display:flex;

    justify-content:center;

    align-items:center;

}

.flex-column{

    display:flex;

    flex-direction:column;

}

/* ==========================================================
   GRID HELPERS
==========================================================*/

.grid-2{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.grid-3{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.grid-4{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

/* ==========================================================
   TEXT
==========================================================*/

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

.text-primary{color:var(--primary)!important;}
.text-title{color:var(--title)!important;}
.text-muted{color:var(--text-light)!important;}

.fw-normal{font-weight:400!important;}
.fw-medium{font-weight:500!important;}
.fw-semibold{font-weight:600!important;}
.fw-bold{font-weight:700!important;}

/* ==========================================================
   WIDTH
==========================================================*/

.w-100{width:100%!important;}
.w-auto{width:auto!important;}

/* ==========================================================
   BORDER
==========================================================*/

.border{

    border:1px solid var(--border)!important;

}

.border-top{

    border-top:1px solid var(--border)!important;

}

.border-bottom{

    border-bottom:1px solid var(--border)!important;

}

.rounded{

    border-radius:var(--radius)!important;

}

.rounded-lg{

    border-radius:var(--radius-lg)!important;

}

/* ==========================================================
   SHADOW
==========================================================*/

.shadow{

    box-shadow:var(--shadow)!important;

}

.shadow-none{

    box-shadow:none!important;

}

/* ==========================================================
   BACKGROUND
==========================================================*/

.bg-white{

    background:#ffffff!important;

}

.bg-light{

    background:var(--surface)!important;

}

.bg-primary{

    background:var(--primary)!important;

    color:#ffffff!important;

}

/* ==========================================================
   TRANSITIONS
==========================================================*/

.transition{

    transition:var(--transition);

}

/* ==========================================================
   OVERFLOW
==========================================================*/

.overflow-auto{

    overflow:auto;

}

.overflow-hidden{

    overflow:hidden;

}

/* ==========================================================
   DIVIDERS
==========================================================*/

.divider-horizontal{

    height:1px;

    background:var(--border);

    margin:32px 0;

}

/* ==========================================================
   ACCESSIBILITY
==========================================================*/

:focus-visible{

    outline:2px solid var(--primary);

    outline-offset:2px;

}

/* ==========================================================
   SCROLLBAR
==========================================================*/

::-webkit-scrollbar{

    width:10px;

    height:10px;

}

::-webkit-scrollbar-track{

    background:#f3f4f6;

}

::-webkit-scrollbar-thumb{

    background:#c7d2e2;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#9fb3d9;

}/* ==========================================================
   ADS COMPLETE CSS V12
   SECTION 12
   RESPONSIVE • PRINT
==========================================================*/


/* ==========================================================
   LARGE DESKTOP
==========================================================*/

@media (max-width:1400px){

    .pkp_structure_page{

        max-width:1200px;

    }

}


/* ==========================================================
   DESKTOP
==========================================================*/

@media (max-width:1200px){

    .ads-grid{

        grid-template-columns:1.7fr 1fr;

    }

    .ads-highlights{

        grid-template-columns:repeat(2,1fr);

    }

}


/* ==========================================================
   TABLET
==========================================================*/

@media (max-width:991px){

    /* ---------- Layout ---------- */

    .ads-grid,
    .journal-info,
    .footer-grid-3,
    .grid-4,
    .grid-3{

        grid-template-columns:1fr;

    }

    .grid-2{

        grid-template-columns:1fr;

    }

    /* ---------- Header ---------- */

    .pkp_site_name a{

        font-size:24px;

    }

    /* ---------- Hero ---------- */

    .ads-hero{

        padding:24px;

    }

    .ads-hero h1{

        font-size:26px;

    }

    /* ---------- Editorial ---------- */

    .editorial-group.grid{

        grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

    }

    /* ---------- Reviewer ---------- */

    .reviewer-grid{

        grid-template-columns:1fr;

    }

    /* ---------- Sidebar ---------- */

    .article-sidebar{

        padding-left:0;

        margin-top:32px;

    }

    /* ---------- Article ---------- */

    .article-title{

        font-size:30px;

    }

    .subtitle{

        font-size:16px;

    }

    .article-summary{

        padding:22px;

    }

}


/* ==========================================================
   MOBILE
==========================================================*/

@media (max-width:768px){

    /* ---------- Page ---------- */

    .pkp_structure_content{

        padding:24px 16px;

    }

    /* ---------- Navigation ---------- */

    .pkp_navigation_primary{

        flex-direction:column;

        align-items:flex-start;

    }

    .pkp_navigation_primary>li>a{

        width:100%;

        padding:12px 0;

    }

    /* ---------- Hero ---------- */

    .ads-buttons{

        flex-direction:column;

    }

    .ads-buttons a{

        width:100%;

    }

    .ads-highlights{

        grid-template-columns:1fr;

    }

    /* ---------- Cards ---------- */

    .ads-card,
    .ads-panel{

        padding:18px;

    }

    /* ---------- Journal ---------- */

    .journal-info{

        gap:20px;

        text-align:center;

    }

    .journal-cover img{

        max-width:170px;

    }

    /* ---------- Editorial ---------- */

    .editor-photo{

        width:82px;

        height:82px;

    }

    .editor-card{

        padding:18px;

    }

    /* ---------- Footer ---------- */

    .custom-footer{

        padding:30px 20px;

    }

    .footer-social{

        justify-content:center;

    }

    /* ---------- Article ---------- */

    .article-title{

        font-size:26px;

        line-height:1.3;

    }

    .article-summary{

        padding:18px;

    }

    .article-main p{

        font-size:15px;

        line-height:1.8;

        text-align:left;

    }

    .article-main h2{

        font-size:21px;

    }

    .article-main h3{

        font-size:18px;

    }

    .item.keywords span,
    .keyword{

        font-size:12px;

    }

    .article-main table{

        display:block;

        overflow-x:auto;

        white-space:nowrap;

    }

}


/* ==========================================================
   SMALL MOBILE
==========================================================*/

@media (max-width:480px){

    .article-title{

        font-size:22px;

    }

    .pkp_site_name a{

        font-size:20px;

    }

    .ads-hero{

        padding:18px;

    }

    .editor-filter{

        flex-direction:column;

    }

    .editor-filter select{

        width:100%;

    }

}


/* ==========================================================
   PRINT
==========================================================*/

@media print{

    /* ---------- Remove UI ---------- */

    .pkp_structure_head,
    .pkp_structure_footer_wrapper,
    .pkp_navigation_primary_wrapper,
    .article-sidebar,
    .galleys_links,
    .footer-social,
    button,
    .pkp_button{

        display:none !important;

    }

    /* ---------- Layout ---------- */

    body{

        background:#ffffff;

        color:#000000;

        font-size:11pt;

    }

    .page_article{

        margin:0;

    }

    .article-main{

        width:100%;

    }

    /* ---------- Links ---------- */

    a{

        color:#000;

        text-decoration:none;

    }

    /* ---------- Images ---------- */

    img{

        max-width:100%;

        page-break-inside:avoid;

    }

    figure{

        page-break-inside:avoid;

    }

    table{

        page-break-inside:auto;

    }

    tr{

        page-break-inside:avoid;

    }

}


/* ==========================================================
   END OF ADS COMPLETE CSS V12
==========================================================*/