/* ==========================================================
   INTERNATIONAL JOURNAL HEADER
   PART 2A - BASE LAYOUT
========================================================== */

:root{

    --primary:#119d92;
    --primary-dark:#0c7d74;
    --secondary:#f5c04a;

    --title:#17304a;
    --text:#677483;

    --light:#f6fbfb;

    --border:#e7edf2;

}

.pkp_structure_head{

    background:#fff;
    position:relative;
    z-index:999;

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

}

/*========================
Wrapper
========================*/

.custom-header{

    max-width:1380px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 40px;

    gap:35px;

}

/*========================
Logo Section
========================*/

.header-brand{

    display:flex;

    align-items:center;

    gap:22px;

    flex-shrink:0;

}

/*========================
Logo
========================*/

.header-logo{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:

    0 10px 30px rgba(0,0,0,.08);

}

.header-logo img{

    width:72px;

    height:auto;

    object-fit:contain;

}

/*========================
Journal Text
========================*/

.journal-details{

    display:flex;

    flex-direction:column;

}

.journal-top{

    font-size:17px;

    font-weight:600;

    color:var(--primary);

    letter-spacing:.4px;

}

.journal-details h2{

    margin:4px 0;

    font-size:38px;

    font-weight:700;

    line-height:1.15;

    color:var(--title);

}

.journal-details p{

    margin-top:8px;

    color:var(--text);

    font-size:15px;

}

/*========================
Right Section
========================*/

.header-right{

    display:flex;

    align-items:center;

    margin-left:auto;

    gap:30px;

}

/*========================
Navigation
========================*/

.custom-header .pkp_site_nav_menu{

    display:flex;

    align-items:center;

    gap:28px;

}

/*========================
Primary Navigation
========================*/

.custom-header .pkp_navigation_primary{

    display:flex;

    align-items:center;

    gap:14px;

    margin:0;

    padding:0;

    list-style:none;

}

.custom-header .pkp_navigation_primary > li{

    position:relative;

}

.custom-header .pkp_navigation_primary > li > a{

    display:block;

    padding:11px 18px;

    border-radius:28px;

    font-size:15px;

    font-weight:600;

    color:#22384d;

    transition:.35s;

}

.custom-header .pkp_navigation_primary > li > a:hover{

    background:#edf9f8;

    color:var(--primary);

}

/*========================
Current Page
========================*/

.custom-header .pkp_navigation_primary .current > a,

.custom-header .pkp_navigation_primary .current_page_item > a,

.custom-header .pkp_navigation_primary .current_page_parent > a{

    background:linear-gradient(

        135deg,

        var(--primary),

        var(--primary-dark)

    );

    color:#fff;

    box-shadow:

    0 10px 25px rgba(17,157,146,.25);

}

/*========================
Search Icon
========================*/

.custom-header .pkp_search{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:

    0 8px 20px rgba(0,0,0,.08);

    transition:.3s;

}

.custom-header .pkp_search:hover{

    background:var(--primary);

    color:#fff;

}

/*========================
Wave
========================*/

.header-bottom-wave{

    position:absolute;

    left:0;

    right:0;

    bottom:-2px;

    height:80px;

    overflow:hidden;

    pointer-events:none;

}

.header-bottom-wave svg{

    width:100%;

    height:100%;

}



.ijtl-footer-content,
.ijtl-footer-content *{
    box-sizing:border-box;
}

.pkp_structure_footer{
    width:100%;
}

.ijtl-footer-content{
    background:#0b4f45;
    color:#d7ece7;
    border-radius:14px;
    padding:72px 48px 34px;
}

.ijtl-footer-inner{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1.2fr;
    gap:40px 56px;
    align-items:start;
    padding-bottom:20px;
}

.ijtl-footer-heading{
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    letter-spacing:.6px;
    text-transform:uppercase;
    margin:0 0 26px;
    padding-bottom:14px;
    border-bottom:2px solid rgba(255,255,255,.15);
}

/* ---------- brand column ---------- */

.ijtl-footer-logo{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}

.ijtl-footer-logo svg{
    width:44px;
    height:44px;
    flex-shrink:0;
}

.ijtl-footer-titleblock{
    display:flex;
    flex-direction:column;
    line-height:1.25;
}

.ijtl-footer-eyebrow{
    font-family:Georgia,"Times New Roman",serif;
    font-size:13.5px;
    color:#9fe1cb;
}

.ijtl-footer-title{
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    font-weight:700;
    color:#ffffff;
}

.ijtl-footer-tagline{
    font-size:14.5px;
    color:#a9cec6;
    margin:0 0 26px;
    max-width:320px;
    line-height:1.75;
}

.ijtl-footer-social{
    display:flex;
    gap:12px;
    list-style:none;
    margin:0;
    padding:0;
}

.ijtl-footer-social a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    color:#d7ece7;
    text-decoration:none;
    transition:.2s ease;
}

.ijtl-footer-social a:hover{
    background:#128a76;
    border-color:#128a76;
    color:#ffffff;
}

/* ---------- link columns ---------- */

.ijtl-footer-list{
    list-style:none;
    margin:0;
    padding:0;
}

.ijtl-footer-list li + li{
    margin-top:16px;
}

.ijtl-footer-list a{
    color:#c3ded8;
    text-decoration:none;
    font-size:14.5px;
    transition:color .2s ease;
}

.ijtl-footer-list a:hover{
    color:#e8b93c;
}

/* ---------- contact column ---------- */

.ijtl-footer-contact-list{
    list-style:none;
    margin:0;
    padding:0;
    font-size:14.5px;
    color:#c3ded8;
}

.ijtl-footer-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:18px;
    line-height:1.6;
}

.ijtl-footer-contact-list .fa{
    color:#e8b93c;
    margin-top:3px;
    flex-shrink:0;
    width:14px;
    text-align:center;
}

.ijtl-footer-contact-list a{
    color:#c3ded8;
    text-decoration:none;
}

.ijtl-footer-contact-list a:hover{
    color:#e8b93c;
}

/* ---------- bottom bar ---------- */

.ijtl-footer-bottom{
    margin-top:36px;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.14);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    font-size:13px;
    color:#a9cec6;
}

.ijtl-footer-issn{
    color:#8fb9b0;
}

/* ===========================================================
   RESPONSIVE
   =========================================================== */

@media (max-width:991px){
    .ijtl-footer-content{
        padding:56px 36px 28px;
    }

    .ijtl-footer-inner{
        grid-template-columns:1fr 1fr;
        gap:38px 30px;
    }

    .ijtl-footer-brand{
        grid-column:1 / -1;
    }

    .ijtl-footer-heading{
        margin-bottom:20px;
    }
}

@media (max-width:600px){
    .ijtl-footer-content{
        padding:44px 22px 24px;
        border-radius:0;
    }

    .ijtl-footer-inner{
        grid-template-columns:1fr;
        gap:34px;
    }

    .ijtl-footer-heading{
        margin-bottom:16px;
    }

    .ijtl-footer-list li + li{
        margin-top:13px;
    }

    .ijtl-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        margin-top:28px;
        padding-top:20px;
    }
}

/* ---------- force consistent left alignment across every column ---------- */

.ijtl-footer-inner,
.ijtl-footer-col{
    text-align:left !important;
}

.ijtl-footer-heading{
    text-align:left !important;
    width:100%;
}

.ijtl-footer-heading::after{
    left:0 !important;
    right:auto !important;
    margin:0 !important;
}

.ijtl-footer-list,
.ijtl-footer-contact-list{
    text-align:left !important;
}

.ijtl-footer-list li,
.ijtl-footer-contact-list li{
    text-align:left !important;
    justify-content:flex-start !important;
}

.ijtl-footer-brand{
    text-align:left !important;
}

.ijtl-footer-logo{
    justify-content:flex-start !important;
}


/* ============================================================
   IJTL HOMEPAGE — scoped to .ijtl-home. Add to your universal
   CSS file, same as the header/footer stylesheets.
   Palette: teal #128a76 / deep teal #0b4f45 / dark teal #0b6d5e
   / navy #16232b / gold accent #e8b93c
   ============================================================ */
.page_login .login {
    max-width: 47em!important;
}


.ijtl-home,
.ijtl-home *{
    box-sizing:border-box;
}

.ijtl-home{
    font-family:Arial, Helvetica, sans-serif;
    color:#16232b;
}

.ijtl-eyebrow-label{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#128a76;
    margin-bottom:10px;
}

.ijtl-center{
    text-align:center;
}

/* ---------- buttons ---------- */

.ijtl-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:13px 26px;
    border-radius:26px;
    font-size:14.5px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    transition:.2s ease;
    border:2px solid transparent;
}

.ijtl-btn-gold{
    background:#e8b93c;
    color:#412402;
}

.ijtl-btn-gold:hover{
    background:#f3c65a;
}

.ijtl-btn-outline{
    background:transparent;
    color:#ffffff;
    border-color:rgba(255,255,255,.6);
}

.ijtl-btn-outline:hover{
    background:rgba(255,255,255,.12);
    border-color:#ffffff;
}

.ijtl-btn-teal{
    background:#0b4f45;
    color:#ffffff;
}

.ijtl-btn-teal:hover{
    background:#0b6d5e;
}

.ijtl-btn-navy{
    background:#16232b;
    color:#ffffff;
}

.ijtl-btn-navy:hover{
    background:#293846;
}

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

.ijtl-hero{
    position:relative;
    /* swap this path for your own uploaded image */
    background-image:
        linear-gradient(135deg, rgba(11,79,69,.92) 0%, rgba(18,138,118,.68) 55%, rgba(11,79,69,.85) 100%),
        url('YOUR-HERO-IMAGE.jpg');
    background-size:cover;
    background-position:center;
    padding:70px 32px 70px;
    text-align:center;
}

.ijtl-hero-inner{
    max-width:760px;
    margin:0 auto;
}

.ijtl-hero-kicker{
    display:inline-block;
    color:#cdeee5;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.ijtl-hero-title{
    font-family:Georgia,"Times New Roman",serif;
    font-size:46px;
    line-height:1.2;
    color:#ffffff;
    margin:0;
    font-weight:700;
}

.ijtl-hero-rule{
    width:70px;
    height:3px;
    background:#e8b93c;
    margin:26px auto;
    border-radius:2px;
}

.ijtl-hero-sub{
    font-size:16.5px;
    line-height:1.7;
    color:#e3f3ee;
    margin:0 auto 34px;
    max-width:736px;
}

.ijtl-hero-actions{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

/* floating stats card — overlaps the hero's bottom edge */

.ijtl-stats{
    position:relative;
    max-width:1100px;
    margin-top:35px;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 20px 45px rgba(11,35,30,.18);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    padding:30px 10px;
    z-index:2;
}

.ijtl-stat{
    text-align:center;
    padding:10px 8px;
    border-right:1px solid #eef1ee;
}

.ijtl-stat:last-child{
    border-right:none;
}

.ijtl-stat-num{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:700;
    color:#0b4f45;
}

.ijtl-stat-label{
    display:block;
    font-size:12.5px;
    color:#6b7280;
    margin-top:6px;
}

/* ============ ABOUT / MISSION ============ */

.ijtl-about{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
    max-width:1200px;
    margin:100px auto 90px;
    padding:0 32px;
}

.ijtl-about-text h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    color:#16232b;
    margin:0 0 18px;
    line-height:1.3;
}

.ijtl-about-text p{
    font-size:15px;
    line-height:1.75;
    color:#4b5563;
    margin:0 0 22px;
}

.ijtl-check-list{
    list-style:none;
    margin:0 0 24px;
    padding:0;
}

.ijtl-check-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:14.5px;
    color:#374151;
    margin-bottom:12px;
    line-height:1.5;
}

.ijtl-check-list .fa{
    color:#128a76;
    margin-top:2px;
}

.ijtl-link-arrow{
    color:#0b4f45;
    font-weight:700;
    text-decoration:none;
    font-size:14.5px;
}

.ijtl-link-arrow:hover{
    color:#128a76;
}

/* organic blob visual — deliberately not another wave shape */

.ijtl-about-visual{
    position:relative;
    height:340px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ijtl-blob{
    position:absolute;
    border-radius:62% 38% 55% 45% / 45% 55% 45% 55%;
}

.ijtl-blob-1{
    width:300px;
    height:300px;
    background:linear-gradient(135deg, #128a76, #0b4f45);
    top:0;
    left:10%;
}

.ijtl-blob-2{
    width:170px;
    height:170px;
    background:#e8b93c;
    opacity:.18;
    bottom:0;
    right:5%;
    border-radius:45% 55% 60% 40% / 55% 45% 55% 45%;
}

.ijtl-about-icon{
    position:relative;
    width:96px;
    height:96px;
    z-index:2;
}

/* ============ LATEST ISSUE ============ */

.ijtl-issue{
    background:#f4f9f7;
    padding:80px 32px;
}

.ijtl-issue-card{
    max-width:1000px;
    margin:0 auto;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(11,35,30,.08);
    display:flex;
    overflow:hidden;
}

.ijtl-issue-cover{
    flex:0 0 220px;
    background:linear-gradient(160deg, #0b4f45, #128a76);
    display:flex;
    align-items:center;
    justify-content:center;
}

.ijtl-issue-vol{
    color:#ffffff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    text-align:center;
    line-height:1.4;
    border:1.5px solid rgba(255,255,255,.4);
    padding:18px 22px;
    border-radius:10px;
}

.ijtl-issue-body{
    padding:36px 40px;
    flex:1;
}

.ijtl-issue-body h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    color:#16232b;
    margin:0 0 18px;
}

.ijtl-issue-articles{
    list-style:none;
    margin:0 0 26px;
    padding:0;
}

.ijtl-issue-articles li{
    font-size:14.5px;
    color:#4b5563;
    padding:10px 0;
    border-bottom:1px solid #eef1ee;
}

.ijtl-issue-articles li:last-child{
    border-bottom:none;
}

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

.ijtl-cfp{
    background:#e8b93c;
}

.ijtl-cfp-inner{
    max-width:1100px;
    margin:0 auto;
    padding:44px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}

.ijtl-cfp h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    color:#412402;
    margin:0 0 6px;
}

.ijtl-cfp p{
    font-size:14.5px;
    color:#5c3d0a;
    margin:0;
    max-width:480px;
}

/* =========================================================
   WHY PUBLISH WITH US
   ========================================================= */

.ijtl-features,
.ijtl-features * {
    box-sizing: border-box;
}

.ijtl-features {
    max-width: 1100px;
    margin: 90px auto;
    padding: 0 24px;
}


/* Section heading */

.ijtl-features h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    color: #16232b;
    margin: 0 0 48px;
}


/* Grid */

.ijtl-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}


/* Feature card */

.ijtl-feature {
    text-align: center;
    padding: 36px 24px 32px;
    background: #fff;
    border: 1px solid #dfe9e6;
    border-radius: 16px;
    min-height: 300px;

    display: flex;
    flex-direction: column;
    align-items: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* Hover */

.ijtl-feature:hover {
    transform: translateY(-5px);

    border-color: #c8ded9;

    box-shadow:
        0 12px 30px rgba(11, 79, 69, 0.10);
}


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

.ijtl-feature-icon {
    width: 64px;
    height: 64px;

    border-radius: 50%;

    background: #eef8f6;
    color: #0b6d5e;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 28px;

    flex-shrink: 0;

    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 700;

    border: 1px solid #dceeea;
}


/* Icon itself */

.ijtl-feature-icon span {
    display: block;
    line-height: 1;
}


/* =========================================================
   DIFFERENT ICON COLORS
   ========================================================= */

.ijtl-feature:nth-child(1) .ijtl-feature-icon {
    color: #0b6d5e;
}

.ijtl-feature:nth-child(2) .ijtl-feature-icon {
    color: #167c8c;
}

.ijtl-feature:nth-child(3) .ijtl-feature-icon {
    color: #128a76;
}

.ijtl-feature:nth-child(4) .ijtl-feature-icon {
    color: #287c68;
}

.ijtl-feature:nth-child(5) .ijtl-feature-icon {
    color: #356f82;
}

.ijtl-feature:nth-child(6) .ijtl-feature-icon {
    color: #8a6a20;
}


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

.ijtl-feature h4 {
    font-size: 18px;
    line-height: 1.4;

    color: #16232b;

    margin: 0 0 14px;

    font-weight: 700;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ijtl-feature p {
    font-size: 15px;
    line-height: 1.75;

    color: #61717a;

    margin: 0;

    max-width: 270px;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ijtl-features {
        margin: 70px auto;
        padding: 0 20px;
    }

    .ijtl-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .ijtl-feature {
        min-height: 280px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .ijtl-features {
        margin: 60px auto;
        padding: 0 16px;
    }

    .ijtl-features h2 {
        font-size: 24px;
        margin-bottom: 35px;
    }

    .ijtl-features-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ijtl-feature {
        min-height: auto;
        padding: 30px 22px;
    }

    .ijtl-feature-icon {
        width: 58px;
        height: 58px;
        font-size: 24px;
        margin-bottom: 22px;
    }

    .ijtl-feature h4 {
        font-size: 17px;
    }

    .ijtl-feature p {
        font-size: 14px;
        max-width: 320px;
    }

}


/* ==========================================
   IJTL Premium Sidebar
========================================== */

.pkp_structure_sidebar{

    padding:20px;

}

.pkp_structure_sidebar .pkp_block{

    background:#fff;

    border-radius:16px;

    padding:22px;

    margin-bottom:28px;

    box-shadow:0 12px 35px rgba(11,79,69,.08);

    border-top:4px solid #128a76;

    transition:.3s;

}

.pkp_structure_sidebar .pkp_block:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(11,79,69,.12);

}

.pkp_structure_sidebar h2,

.pkp_structure_sidebar .title{

    font-size:22px;

    color:#16232b;

    font-family:Georgia,serif;

    margin-bottom:18px;

    position:relative;

}

.pkp_structure_sidebar h2::after{

    content:"";

    width:55px;

    height:3px;

    background:#e8b93c;

    display:block;

    margin-top:10px;

}

.pkp_structure_sidebar ul{

    list-style:none;

    margin:0;

    padding:0;

}

.pkp_structure_sidebar li{

    margin-bottom:14px;

}

.pkp_structure_sidebar a{

    color:#0b4f45;

    text-decoration:none;

    transition:.25s;

}

.pkp_structure_sidebar a:hover{

    color:#128a76;

    padding-left:6px;

}
.block_information li{

    border-bottom:1px solid #edf2f3;

    padding-bottom:12px;

}

.block_information li:last-child{

    border-bottom:none;

}
.block_web_feed img{

    margin:6px 0;

    transition:.3s;

}

.block_web_feed img:hover{

    transform:scale(1.08);

}
.block_custom{

    text-align:center;

}

.block_custom img{

    max-width:100%;

    border-radius:10px;

}

/* ============================================================
   IJTL ABOUT THE JOURNAL — 
   ============================================================ */

.ijtl-about-page,
.ijtl-about-page *{
    box-sizing:border-box;
}

.ijtl-about-page{
    max-width:820px;
    margin:0 auto;
    padding:10px 24px 70px;
    font-family:Arial, Helvetica, sans-serif;
    color:#16232b;
}

.ijtl-about-page h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:700;
    color:#0b4f45;
    margin:0 0 26px;
    padding-bottom:20px;
    border-bottom:2px solid #e8b93c;
}

.ijtl-about-page h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    font-weight:700;
    color:#0b4f45;
    margin:44px 0 16px;
}

.ijtl-about-page > p{
    font-size:15.5px;
    line-height:1.85;
    color:#41544a;
    margin:0 0 18px;
}

.ijtl-about-lead{
    font-weight:600;
    color:#16232b !important;
}

/* ---------- simple checklist — no circles, no background ---------- */

.ijtl-about-list{
    list-style:none;
    margin:0 0 20px;
    padding:0;
}

.ijtl-about-list li{
    position:relative;
    padding:8px 0 8px 20px;
    font-size:15px;
    color:#16232b;
    border-bottom:1px solid #eef1ee;
}

.ijtl-about-list li:last-child{
    border-bottom:none;
}

.ijtl-about-list li::before{
    content:"\2013";
    position:absolute;
    left:0;
    color:#128a76;
    font-weight:700;
}

/* ---------- simple table ---------- */

.ijtl-about-table-wrap{
    overflow-x:auto;
    margin:26px 0 34px;
}

.ijtl-about-table{
    width:100%;
    border-collapse:collapse;
    font-size:14.5px;
}

.ijtl-about-table thead th{
    text-align:left;
    padding:12px 16px;
    background:#0b4f45;
    color:#ffffff;
    font-weight:700;
    font-size:13px;
    letter-spacing:.3px;
}

.ijtl-about-table thead th:first-child{
    border-radius:6px 0 0 0;
}

.ijtl-about-table thead th:last-child{
    border-radius:0 6px 0 0;
}

.ijtl-about-table tbody td{
    padding:12px 16px;
    border-bottom:1px solid #eef1ee;
    color:#41544a;
    line-height:1.6;
    vertical-align:top;
}

.ijtl-about-table tbody td:first-child{
    color:#0b4f45;
    font-weight:700;
    white-space:nowrap;
}

.ijtl-about-table tbody tr:nth-child(even){
    background:#f7faf9;
}

/* ---------- closing tagline ---------- */

.ijtl-about-tagline{
    margin-top:40px;
    padding-top:24px;
    border-top:1px solid #eef1ee;
    text-align:center;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:700;
    color:#128a76;
    letter-spacing:.5px;
}

/* ===========================================================
   RESPONSIVE
   =========================================================== */

@media (max-width:700px){
    .ijtl-about-page{
        padding:10px 18px 50px;
    }

    .ijtl-about-page h1{
        font-size:23px;
        margin-bottom:20px;
        padding-bottom:16px;
    }

    .ijtl-about-page h2{
        font-size:18px;
        margin:34px 0 14px;
    }

    .ijtl-about-table thead{
        display:none;
    }

    .ijtl-about-table,
    .ijtl-about-table tbody,
    .ijtl-about-table tr,
    .ijtl-about-table td{
        display:block;
        width:100%;
    }

    .ijtl-about-table tbody tr{
        padding:14px 0;
        border-bottom:1px solid #eef1ee;
    }

    .ijtl-about-table tbody tr:nth-child(even){
        background:none;
    }

    .ijtl-about-table tbody td{
        border-bottom:none;
        padding:3px 0;
    }

    .ijtl-about-table tbody td:first-child{
        font-size:14px;
    }
}

/* ==========================================================
   SUBMIT YOUR RESEARCH
   ========================================================== */

.ijtl-submit-section{
    max-width:1100px;
    margin:90px auto 100px;
    padding:0 32px;
}


/* ---------- Main Grid ---------- */

.ijtl-submit-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:stretch;
}


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

.ijtl-submit-card{
    background:linear-gradient(
        135deg,
        #0b4f45,
        #128a76
    );

    border-radius:18px;
    padding:42px 44px;

    color:#ffffff;

    box-shadow:
        0 14px 35px rgba(11,35,30,.12);

    position:relative;
    overflow:hidden;
}


/* Decorative circle */

.ijtl-submit-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;

    right:-80px;
    bottom:-90px;

    background:rgba(255,255,255,.07);
}


/* Eyebrow */

.ijtl-submit-card .ijtl-eyebrow-label{
    color:#e8b93c;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}


/* Heading */

.ijtl-submit-card h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    line-height:1.3;
    color:#ffffff;
    margin:16px 0 20px;
}


/* Paragraphs */

.ijtl-submit-card p{
    font-size:15px;
    line-height:1.8;
    color:rgba(255,255,255,.88);
    margin:0 0 14px;
}


/* Button */

.ijtl-submit-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-top:14px;

    padding:12px 20px;

    background:#ffffff;
    color:#0b4f45;

    border-radius:7px;

    font-size:14px;
    font-weight:700;

    text-decoration:none;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ijtl-submit-btn span{
    font-size:18px;
    line-height:1;
}

.ijtl-submit-btn:hover{
    background:#e8b93c;
    color:#16232b;
    transform:translateY(-2px);
}


/* ==========================================================
   OUR COMMITMENT
   ========================================================== */

.ijtl-commitment-card{
    background:#f4f9f7;

    border:1px solid #e1ece8;
    border-radius:18px;

    padding:42px 44px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}


/* Label */

.ijtl-commitment-label{
    color:#0b6d5e;

    font-size:12px;
    font-weight:700;

    letter-spacing:1.5px;
    text-transform:uppercase;

    margin-bottom:14px;
}


/* Heading */

.ijtl-commitment-card h3{
    font-family:Georgia,"Times New Roman",serif;

    font-size:25px;
    line-height:1.4;

    color:#16232b;

    margin:0 0 20px;
}


/* Text */

.ijtl-commitment-card p{
    font-size:15px;
    line-height:1.85;

    color:#5b6670;

    margin:0 0 15px;
}

.ijtl-commitment-card p:last-child{
    margin-bottom:0;
}


/* ==========================================================
   CLOSING STATEMENT
   ========================================================== */

.ijtl-submit-closing{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;

    margin-top:50px;
    text-align:center;
}


.ijtl-submit-closing p{
    margin:0;

    font-family:Georgia,"Times New Roman",serif;

    font-size:20px;
    line-height:1.5;

    color:#0b4f45;
}


.ijtl-submit-closing strong{
    color:#16232b;
}


.ijtl-closing-line{
    width:45px;
    height:2px;
    background:#e8b93c;
    border-radius:5px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:991px){

    .ijtl-submit-section{
        margin:75px auto 80px;
        padding:0 24px;
    }

    .ijtl-submit-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .ijtl-submit-card,
    .ijtl-commitment-card{
        padding:36px 34px;
    }

    .ijtl-submit-card h2{
        font-size:27px;
    }

    .ijtl-commitment-card h3{
        font-size:23px;
    }
}


@media (max-width:600px){

    .ijtl-submit-section{
        margin:60px auto 70px;
        padding:0 18px;
    }

    .ijtl-submit-card,
    .ijtl-commitment-card{
        padding:30px 24px;
        border-radius:14px;
    }

    .ijtl-submit-card h2{
        font-size:24px;
    }

    .ijtl-commitment-card h3{
        font-size:21px;
    }

    .ijtl-submit-card p,
    .ijtl-commitment-card p{
        font-size:14px;
        line-height:1.75;
    }

    .ijtl-submit-closing{
        gap:10px;
        margin-top:35px;
    }

    .ijtl-submit-closing p{
        font-size:16px;
    }

    .ijtl-closing-line{
        width:25px;
    }

    .ijtl-submit-btn{
        width:100%;
        justify-content:center;
    }
}

/* ==========================================================
   IJTL RESEARCH PLATFORM
   ========================================================== */

.ijtl-research-platform{
    max-width:1100px;
    margin:80px auto;
    padding:0 32px;
}


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

.ijtl-research-header{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.ijtl-research-header .ijtl-eyebrow-label{
    display:inline-block;
    margin-bottom:12px;
}

.ijtl-research-header h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1.35;
    color:#16232b;
    margin:0 0 18px;
}

.ijtl-research-header p{
    font-size:15px;
    line-height:1.8;
    color:#66727a;
    margin:0;
}


/* ==========================================================
   THREE CONTENT COLUMNS
   ========================================================== */

.ijtl-research-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}


/* ==========================================================
   ITEM
   ========================================================== */

.ijtl-research-item{
    padding:10px 34px 10px 34px;
    border-left:1px solid #dfe9e5;
}

.ijtl-research-item:first-child{
    border-left:none;
}


/* ==========================================================
   NUMBER
   ========================================================== */

.ijtl-research-number{
    display:flex;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    margin-bottom:22px;

    border-radius:50%;

    background:#eef8f6;
    color:#0b6d5e;

    font-size:13px;
    font-weight:700;
}


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

.ijtl-research-item h3{
    font-family:Georgia,"Times New Roman",serif;

    font-size:20px;
    line-height:1.4;

    color:#16232b;

    margin:0 0 15px;
}


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

.ijtl-research-item p{
    font-size:14.5px;
    line-height:1.8;

    color:#65717a;

    margin:0 0 14px;
}

.ijtl-research-item p:last-child{
    margin-bottom:0;
}


/* ==========================================================
   HOVER
   ========================================================== */

.ijtl-research-item{
    transition:transform .25s ease;
}

.ijtl-research-item:hover{
    transform:translateY(-3px);
}

.ijtl-research-item:hover .ijtl-research-number{
    background:#0b6d5e;
    color:#ffffff;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:991px){

    .ijtl-research-platform{
        margin:70px auto;
        padding:0 24px;
    }

    .ijtl-research-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .ijtl-research-item{
        border-left:none;
        border-top:1px solid #dfe9e5;

        padding:28px 10px;
    }

    .ijtl-research-item:first-child{
        border-top:none;
    }

    .ijtl-research-number{
        margin-bottom:16px;
    }
}


@media (max-width:600px){

    .ijtl-research-platform{
        margin:55px auto;
        padding:0 18px;
    }

    .ijtl-research-header{
        margin-bottom:35px;
    }

    .ijtl-research-header h2{
        font-size:25px;
    }

    .ijtl-research-header p{
        font-size:14px;
    }

    .ijtl-research-item{
        padding:25px 4px;
    }

    .ijtl-research-item h3{
        font-size:19px;
    }

    .ijtl-research-item p{
        font-size:14px;
    }
}

/* =========================================================
   IJTL LOGIN PAGE — SIMPLE STYLE
   ========================================================= */

.page_login {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px 25px 60px;
    box-sizing: border-box;
}

.page_login * {
    box-sizing: border-box;
}


/* ---------- Breadcrumbs ---------- */

.page_login .cmp_breadcrumbs {
    margin-bottom: 25px;
}

.page_login .cmp_breadcrumbs ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_login .cmp_breadcrumbs li {
    display: inline;
    font-size: 14px;
}

.page_login .cmp_breadcrumbs a {
    color: #0b6d5e;
    text-decoration: none;
}

.page_login .cmp_breadcrumbs a:hover {
    color: #128a76;
}

.page_login .cmp_breadcrumbs .separator {
    color: #b08d57;
    margin: 0 8px;
}

.page_login .cmp_breadcrumbs .current {
    color: #666;
}


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

.page_login > h1 {
    color: #0b4f45;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 3px solid #b08d57;
}


/* ---------- Required text ---------- */

.page_login > p {
    margin: 0 0 25px;
    color: #666;
    font-size: 14px;
}

.page_login .required {
    color: #b08d57;
    font-weight: 700;
}


/* ---------- Login form ---------- */

.page_login form.login {
    width: 100%;
    padding: 25px;

    border: 1px solid #ddd;
    border-radius: 6px;

    background: #fff;
}


/* ---------- Remove fieldset default ---------- */

.page_login form.login fieldset.fields {
    margin: 0;
    padding: 0;
    border: 0;
}


/* ---------- Labels ---------- */

.page_login form.login .label {
    display: block;

    margin-bottom: 7px;

    color: #0b4f45;
    font-size: 14px;
    font-weight: 600;
}


/* ---------- Username / Password ---------- */

.page_login form.login .username,
.page_login form.login .password {
    margin-bottom: 20px;
}

.page_login form.login input[type="text"],
.page_login form.login input[type="password"] {
    display: block;

    width: 100%;
    height: 44px;

    padding: 0 12px;

    border: 1px solid #d5dcda;
    border-radius: 5px;

    background: #fff;
    color: #16232b;

    font-size: 15px;
    outline: none;
}

.page_login form.login input[type="text"]:focus,
.page_login form.login input[type="password"]:focus {
    border-color: #128a76;
    box-shadow: 0 0 0 2px rgba(18, 138, 118, .08);
}


/* ---------- Forgot password ---------- */

.page_login form.login .password a {
    display: inline-block;

    margin-top: 8px;

    color: #0b6d5e;
    font-size: 13px;
    text-decoration: none;
}

.page_login form.login .password a:hover {
    color: #0b4f45;
    text-decoration: underline;
}


/* ---------- Remember me ---------- */

.page_login form.login .remember {
    margin: 5px 0 22px;
}

.page_login form.login .remember label {
    display: flex;
    align-items: center;
    gap: 8px;

    cursor: pointer;
}

.page_login form.login .remember input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #0b6d5e;
}

.page_login form.login .remember .label {
    display: inline;
    margin: 0;

    color: #555;
    font-size: 14px;
    font-weight: 400;
}


/* ---------- Buttons ---------- */

.page_login form.login .buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* Login button */

.page_login form.login button.submit {
    height: 42px;

    padding: 0 25px;

    border: none;
    border-radius: 5px;

    background: #0b6d5e;
    color: #fff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.page_login form.login button.submit:hover {
    background: #0b4f45;
}


/* Register button */

.page_login form.login a.register {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 42px;

    padding: 0 22px;

    border: 1px solid #0b6d5e;
    border-radius: 5px;

    color: #0b6d5e;
    background: #fff;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}

.page_login form.login a.register:hover {
    background: #f4f9f7;
}


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

@media (max-width: 600px) {

    .page_login {
        padding: 15px 18px 45px;
    }

    .page_login > h1 {
        font-size: 28px;
    }

    .page_login form.login {
        padding: 20px;
    }

    .page_login form.login .buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .page_login form.login button.submit,
    .page_login form.login a.register {
        width: 100%;
    }

}

/* =========================================================
   IJTL REGISTER PAGE
   ========================================================= */

.page_register{
    max-width:1000px;
    margin:45px auto 80px;
    padding:0 30px;
    box-sizing:border-box;
    color:#16232b;
}

/* Breadcrumbs */
.page_register .cmp_breadcrumbs{
    margin-bottom:28px;
}

.page_register .cmp_breadcrumbs ol{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    list-style:none;
    margin:0;
    padding:0;
}

.page_register .cmp_breadcrumbs li{
    font-size:14px;
    color:#6b7280;
}

.page_register .cmp_breadcrumbs a{
    color:#0b6d5e;
    text-decoration:none;
    font-weight:600;
}

.page_register .cmp_breadcrumbs a:hover{
    color:#128a76;
}

.page_register .cmp_breadcrumbs .separator{
    margin-left:8px;
    color:#b08d57;
}

.page_register .cmp_breadcrumbs .current{
    color:#6b7280;
}


/* Register form */
.page_register .cmp_form.register{
    max-width:700px;
    margin:30px auto 0;
    padding:35px 40px;
    background:#ffffff;
    border:1px solid #e5ebe8;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(11,35,30,.07);
    box-sizing:border-box;
}


/* Required text */
.page_register > p{
    color:#6b7280;
    font-size:14px;
    margin:0 0 25px;
}

.page_register .required{
    color:#8a2635;
}


/* Hide technical legend */
.page_register .pkp_screen_reader{
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}


/* Fields */
.page_register .fields{
    border:0;
    padding:0;
    margin:0;
}

.page_register .fields > div{
    margin-bottom:20px;
}

.page_register .fields label{
    display:block;
}


/* Labels */
.page_register .fields .label{
    display:block;
    margin-bottom:8px;
    color:#16232b;
    font-size:14px;
    font-weight:600;
}

.page_register .fields .required{
    color:#8a2635;
    margin-left:3px;
}


/* Inputs */
.page_register input[type="text"],
.page_register input[type="email"],
.page_register input[type="password"],
.page_register input[type="tel"],
.page_register input[type="url"],
.page_register select,
.page_register textarea{
    width:100%;
    min-height:46px;
    padding:11px 13px;
    border:1px solid #d9e2df;
    border-radius:7px;
    background:#ffffff;
    color:#16232b;
    font-size:15px;
    font-family:inherit;
    box-sizing:border-box;
    outline:none;
    transition:border-color .2s ease, box-shadow .2s ease;
}


/* Focus */
.page_register input:focus,
.page_register select:focus,
.page_register textarea:focus{
    border-color:#128a76;
    box-shadow:0 0 0 3px rgba(18,138,118,.10);
}


/* Placeholder */
.page_register input::placeholder,
.page_register textarea::placeholder{
    color:#9aa5a2;
}


/* Select */
.page_register select{
    cursor:pointer;
}


/* Field descriptions/help text */
.page_register .description,
.page_register .instructions{
    margin-top:7px;
    color:#6b7280;
    font-size:13px;
    line-height:1.5;
}


/* Checkbox sections */
.page_register .checkbox{
    margin-top:10px;
    padding:14px 16px;
    background:#f4f9f7;
    border-radius:7px;
}

.page_register .checkbox label{
    display:flex;
    align-items:flex-start;
    gap:9px;
    cursor:pointer;
}

.page_register .checkbox input[type="checkbox"]{
    width:17px;
    height:17px;
    margin-top:2px;
    accent-color:#0b6d5e;
}

.page_register .checkbox .label{
    margin:0;
    font-size:14px;
    line-height:1.5;
    font-weight:400;
}


/* Country / affiliation fields */
.page_register .country select{
    width:100%;
}


/* Buttons */
.page_register .buttons{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:28px;
    padding-top:25px;
    border-top:1px solid #eef1ee;
}


/* Register button */
.page_register .buttons .submit{
    border:0;
    background:#0b6d5e;
    color:#ffffff;
    padding:12px 26px;
    min-height:44px;
    border-radius:7px;
    font-size:15px;
    font-weight:700;
    font-family:inherit;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
}

.page_register .buttons .submit:hover{
    background:#0b4f45;
    transform:translateY(-1px);
}


/* Links inside register form */
.page_register a{
    color:#0b6d5e;
}

.page_register a:hover{
    color:#128a76;
}


/* Error / notification messages */
.page_register .cmp_notification{
    margin-bottom:20px;
    padding:12px 15px;
    border-radius:7px;
    font-size:14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:700px){

    .page_register{
        margin:30px auto 60px;
        padding:0 18px;
    }

    .page_register .cmp_form.register{
        padding:25px 20px;
        margin-top:25px;
    }

    .page_register .buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .page_register .buttons .submit{
        width:100%;
    }
}


@media (max-width:480px){

    .page_register{
        padding:0 14px;
    }

    .page_register .cmp_form.register{
        padding:22px 16px;
        border-radius:10px;
    }

    .page_register .fields > div{
        margin-bottom:17px;
    }

    .page_register input[type="text"],
    .page_register input[type="email"],
    .page_register input[type="password"],
    .page_register input[type="tel"],
    .page_register input[type="url"],
    .page_register select,
    .page_register textarea{
        min-height:44px;
        font-size:14px;
    }
}