/* =====================================================
   JSTI Premium Theme
   Journal of Sustainable Technologies and Innovation
   Baby Blue Edition
===================================================== */

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

body{
    font-family:'Roboto',system-ui,-apple-system,sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#263238;
    background:#ffffff;
}

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

h1,h2,h3,h4,h5,h6,
.pkp_page_title,
.obj_article_summary .title a{

    font-family:'Poppins',sans-serif!important;
    font-weight:600;
    color:#1976D2;
    letter-spacing:.3px;

}

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

.pkp_navigation_primary>li>a{

    font-family:'Poppins',sans-serif;
    font-weight:500;
    transition:.25s;

}

.pkp_navigation_primary>li>a:hover{

    color:#42A5F5;

}

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

.pkp_structure_head{

background:
linear-gradient(135deg,#5BBEF7 0%,#2A8DD8 60%,#1976D2 100%);

color:#fff;

box-shadow:0 3px 15px rgba(0,0,0,.15);

}

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

.pkp_site_name .is_text{

font-family:'Poppins',sans-serif!important;

font-size:32px;

font-weight:700;

letter-spacing:.5px;

}

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

.pkp_page_title{

margin-bottom:20px;

}

/* ================= ARTICLE CARDS ================= */

.obj_article_summary{

background:#fff;

border:1px solid #D6EAF8;

border-radius:14px;

padding:22px;

margin-bottom:22px;

transition:.25s;

}

.obj_article_summary:hover{

transform:translateY(-4px);

box-shadow:0 12px 28px rgba(91,190,247,.20);

border-color:#5BBEF7;

}

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

.obj_article_summary .title a{

color:#1976D2;

}

.obj_article_summary .title a:hover{

color:#0D47A1;

}

/* ================= ARTICLE DETAILS ================= */

.obj_article_details{

font-size:16px;

line-height:1.8;

}

.obj_article_details .item .label{

font-family:'Poppins',sans-serif;

font-weight:600;

color:#1976D2;

}

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

button,
.pkp_button,
.cmp_button,
input[type=submit]{

background:#42A5F5;

border:none;

border-radius:8px;

color:#fff;

font-family:'Poppins',sans-serif;

transition:.25s;

}

button:hover,
.pkp_button:hover,
.cmp_button:hover{

background:#1976D2;

transform:translateY(-2px);

}

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

a{

color:#1976D2;

transition:.2s;

}

a:hover{

color:#0D47A1;

}

/* ================= BLOCKS ================= */

.pkp_block{

background:#ffffff;

border-radius:10px;

border:1px solid #DCEFFF;

padding:10px;

margin-bottom:20px;

}

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

table{

border-collapse:collapse;

}

table th{

background:#EAF7FF;

color:#1976D2;

}

table th,
table td{

border:1px solid #DCEFFF;

padding:10px;

}

/* ================= FORMS ================= */

input,
textarea,
select{

border-radius:8px;

border:1px solid #CFE8FF;

}

input:focus,
textarea:focus,
select:focus{

border-color:#42A5F5;

outline:none;

box-shadow:0 0 10px rgba(91,190,247,.30);

}

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

.pkp_structure_footer_wrapper{

background:#F6FBFF;

font-size:14px;

color:#607D8B;

border-top:3px solid #5BBEF7;

}

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

.references h2,
.references h3,
.cmp_article_references h2{

color:#1976D2;

font-weight:700;

}

.references li{

margin-bottom:8px;

line-height:1.7;

}

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

.references,
.ref-list,
.item.references,
.article-references,
.cmp_article_references{

display:block!important;

visibility:visible!important;

opacity:1!important;

height:auto!important;

}

/* ================= ARABIC ================= */

html[lang="ar"] body{

font-family:'Cairo',sans-serif!important;

}

/* ================= DARK MODE ================= */

@media(prefers-color-scheme:dark){

body{

background:#071B2B;

color:#E8F4FF;

}

.pkp_structure_head{

background:

linear-gradient(135deg,#1976D2,#1565C0,#0D47A1);

}

.obj_article_summary{

background:#0F2740;

border-color:#1E4F7A;

}

.obj_article_summary:hover{

box-shadow:0 12px 30px rgba(91,190,247,.20);

}

.pkp_block{

background:#0F2740;

border-color:#245A8D;

}

.pkp_structure_footer_wrapper{

background:#061522;

}

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

color:#7CCBFF;

}

a{

color:#7CCBFF;

}

.affiliation,
.item .value,
.item .label,
.value,
.meta,
.authors,
.author{

color:#D8ECFF!important;

}

button,
.pkp_button,
.cmp_button{

background:#42A5F5;

color:#fff!important;

}

}