@charset "utf-8";


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

/* =========================================================
   IJOPCM Professional OJS 3.4 Custom CSS
   Modern Academic Journal Theme
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
    --primary:#063970;
    --primary-dark:#04294f;
    --secondary:#0b6cbf;
    --accent:#8bbd3f;
    --text:#222;
    --muted:#687481;
    --background:#f6f8fb;
    --white:#fff;
    --border:#e4e9ef;
    --shadow:0 8px 30px rgba(0,0,0,.06);
}

*,
*:before,
*:after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);
    color:var(--text);
    font-family:"Inter",Arial,sans-serif;
    font-size:16px;
    line-height:1.75;
}

a{
    color:var(--primary);
    transition:.25s ease;
}

a:hover{
    color:var(--secondary);
    text-decoration:none;
}


/* HEADER */

.pkp_structure_head,
#header{
    background:linear-gradient(135deg,#063970,#0b6cbf);
    border-bottom:5px solid var(--accent);
}

.pkp_head_wrapper{
    padding:35px 0;
}

.pkp_site_name a{
    color:#fff!important;
    font-size:34px;
    font-weight:800;
}

.pkp_site_name .is_img img{
    max-height:150px!important;
}


/* NAVIGATION */

.pkp_navigation_primary_wrapper{
    background:#fff;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.pkp_navigation_primary>li>a{
    color:#333!important;
    font-weight:600;
    padding:18px 20px;
}

.pkp_navigation_primary>li>a:hover{
    background:rgba(11,108,191,.08);
    color:var(--secondary)!important;
}

.pkp_navigation_primary>li>ul{
    background:#fff;
    border:none;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}


/* CONTENT */

.pkp_structure_content{
    padding-top:45px;
    padding-bottom:50px;
}

.pkp_structure_main p{
    text-align:justify;
    color:#444;
}


/* HOMEPAGE */

.homepage_about{
    background:#fff;
    border:none;
    border-radius:18px;
    padding:35px;
    box-shadow:var(--shadow);
    border-top:5px solid var(--accent);
}

.homepage_about h2{
    color:var(--primary);
    font-size:28px;
    font-weight:800;
}


/* CARDS */

.obj_issue_summary,
.obj_article_summary{
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    padding:28px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
    transition:.3s;
}

.obj_issue_summary:hover,
.obj_article_summary:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.1);
}

.obj_article_summary h3 a,
.obj_issue_summary h2 a{
    color:var(--primary);
    font-weight:750;
}


/* TITLES */

.page_title,
.article-title{
    color:var(--primary);
    font-size:34px;
    font-weight:800;
    line-height:1.3;
}


/* SIDEBAR */

#sidebar{
    background:#fff;
    border-radius:18px;
    padding:20px;
}

.pkp_block{
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    padding:22px;
    margin-bottom:25px;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
}

.pkp_block .title{
    color:var(--primary);
    font-size:19px;
    font-weight:800;
    border-bottom:3px solid var(--accent);
    padding-bottom:12px;
}


/* BUTTONS */

button,
.btn-primary,
.button,
input[type="submit"]{
    background:linear-gradient(135deg,#063970,#0b6cbf);
    border:none;
    border-radius:30px;
    padding:12px 28px;
    color:white!important;
    font-weight:700;
    transition:.3s;
}

button:hover,
.btn-primary:hover,
.button:hover{
    transform:translateY(-2px);
}


/* FORMS */

input,
select,
textarea{
    border:1px solid #ccd6df;
    border-radius:10px;
    padding:12px;
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--secondary);
    box-shadow:0 0 0 3px rgba(11,108,191,.15);
}


/* TABLES */

table{
    width:100%;
    background:#fff;
    border-collapse:collapse;
}

th{
    background:var(--primary);
    color:#fff;
}

td,
th{
    padding:14px;
}


/* FOOTER */

.pkp_structure_footer_wrapper,
#footer{
    background:linear-gradient(135deg,#04294f,#063970);
    color:#fff;
    border-top:5px solid var(--accent);
}

#footer a{
    color:#dce9f5;
}

#footer a:hover{
    color:#fff;
}


/* MOBILE */

@media(max-width:768px){

    .pkp_site_name a{
        font-size:24px;
    }

    .article-title,
    .page_title{
        font-size:25px;
    }

    .homepage_about{
        padding:20px;
    }

}




/* =========================================================
   IJOPCM PROFESSIONAL FOOTER FIX
   OJS 3.4
   ========================================================= */


/* Footer main container */

.pkp_structure_footer_wrapper,
#footer {

    background:
    linear-gradient(
        135deg,
        #032b52,
        #064a85
    ) !important;

    color:#ffffff !important;

    padding:0 !important;

    border-top:5px solid #8bbd3f;

}



.pkp_structure_footer_wrapper .container,
#footer .container {

    max-width:1200px !important;

    margin:auto !important;

}



/* Footer grid */

.pkp_structure_footer_wrapper .row,
#footer .row {

    display:grid !important;

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

    gap:40px;

    padding:45px 30px 30px;

}



/* Footer headings */

#footer h2,
#footer h3,
.pkp_structure_footer_wrapper h2,
.pkp_structure_footer_wrapper h3 {


    color:#ffffff !important;

    font-size:20px !important;

    font-weight:700 !important;

    margin-bottom:18px !important;

    position:relative;

}



#footer h2:after,
#footer h3:after {


    content:"";

    display:block;

    width:45px;

    height:3px;

    background:#8bbd3f;

    margin-top:10px;


}



/* Lists */

#footer ul,
.pkp_structure_footer_wrapper ul {


    list-style:none !important;

    padding:0 !important;

    margin:0 !important;


}



#footer li,
.pkp_structure_footer_wrapper li {


    margin-bottom:12px !important;


}



/* Links */

#footer a,
.pkp_structure_footer_wrapper a {


    color:#dbe9f7 !important;

    text-decoration:none !important;

    font-size:15px;


    transition:.3s;


}



#footer a:hover,
.pkp_structure_footer_wrapper a:hover {


    color:#ffffff !important;

    padding-left:6px;


}



/* Copyright area */


.pkp_brand_footer {


    border-top:

    1px solid rgba(255,255,255,.2);


    margin-top:20px;

    padding:

    20px 30px;


    text-align:center;


}



.pkp_brand_footer a {


    color:#8bbd3f !important;


}




/* Copyright text */


#footer p,
.pkp_structure_footer_wrapper p {


    color:#e7eef5 !important;

    font-size:14px;

}



/* Mobile */


@media(max-width:900px){


    .pkp_structure_footer_wrapper .row,
    #footer .row{


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


    }


}



@media(max-width:550px){


    .pkp_structure_footer_wrapper .row,
    #footer .row{


        grid-template-columns:
        1fr;

        text-align:center;


    }


    #footer h2:after,
    #footer h3:after{


        margin-left:auto;

        margin-right:auto;


    }


}




















/* =========================================================
   IJOPCM CUSTOM FOOTER - 4 COLUMN PROFESSIONAL DESIGN
   Matches custom HTML structure
   ========================================================= */


/* Footer background */

#footer,
.pkp_structure_footer_wrapper {

    background:
    linear-gradient(
        135deg,
        #032b52 0%,
        #063970 100%
    ) !important;

    border-top:5px solid #8bbd3f !important;

    padding:0 !important;

}



/* Main footer grid */

.ijopcm-footer {

    display:grid !important;

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

    gap:45px !important;

    max-width:1200px !important;

    margin:0 auto !important;

    padding:

    50px 35px 35px !important;


    width:100% !important;


}



/* Remove OJS floating behavior */

.ijopcm-footer-column {

    float:none !important;

    width:auto !important;

    min-width:0 !important;

    display:block !important;

}



/* Column titles */

.ijopcm-footer-column h3 {


    color:#ffffff !important;

    font-size:20px !important;

    font-weight:700 !important;

    margin:0 0 20px !important;

    padding-bottom:12px !important;

    position:relative;


}



.ijopcm-footer-column h3:after {


    content:"";

    position:absolute;

    left:0;

    bottom:0;


    width:45px;

    height:3px;


    background:#8bbd3f;


}





/* Lists */

.ijopcm-footer-column ul {


    list-style:none !important;

    padding:0 !important;

    margin:0 !important;


}



.ijopcm-footer-column li {


    margin-bottom:13px !important;


}



/* Links */

.ijopcm-footer-column a {


    color:#cfe0f2 !important;


    font-size:15px !important;


    text-decoration:none !important;


    transition:.25s ease;


}



.ijopcm-footer-column a:hover {


    color:#ffffff !important;


    padding-left:8px !important;


}





/* Bottom copyright */


.ijopcm-footer-bottom {


    max-width:1200px !important;

    margin:0 auto !important;


    border-top:

    1px solid rgba(255,255,255,.18);


    padding:

    22px 35px 30px !important;


    text-align:center !important;


}



.ijopcm-footer-bottom p {


    color:#d9e6f2 !important;

    font-size:14px !important;

    margin:8px 0 !important;

    text-align:center !important;


}



.ijopcm-footer-bottom a {


    color:#8bbd3f !important;

    font-weight:600;


}





/* Mobile */


@media(max-width:900px){


    .ijopcm-footer {


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


    }


}



@media(max-width:600px){


    .ijopcm-footer {


        grid-template-columns:
        1fr !important;


        text-align:center;


    }



    .ijopcm-footer-column h3:after {


        left:50%;

        transform:translateX(-50%);


    }



    .ijopcm-footer-column a:hover {


        padding-left:0 !important;


    }


}







@media (min-width: 992px) {
    .pkp_site_name .is_img::after {
        content: "International Journal of Open Problems in Computer Science and Mathematics (IJOPCM) \A Print ISSN:1998-6262 & online ISSN :2079-0376";
        display: block;
        margin-top: 8px;
        font-size: 0.92rem;
        color: var(--color-text-light-70);
        white-space: pre-line;
        font-weight: var(--font-weight-regular);
        line-height: 1.6;
        letter-spacing: 0.2px;
    }
}



@media (min-width: 992px) {
    .pkp_structure_sidebar:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        border-left: unset;
    }
}






.pkp_site_name .is_img {

    display:flex !important;

    align-items:center !important;

    gap:25px;

}



.pkp_site_name .is_img img {

    max-height:130px !important;

    width:auto;

    flex-shrink:0;

}



/* Text beside logo */

.pkp_site_name .is_img::after {


    content:
    "International Journal of Open Problems in Computer Science and Mathematics (IJOPCM)\A Print ISSN: 1998-6262 | Online ISSN: 2079-0376";


    display:block;


    white-space:pre-line;


    color:#ffffff;


    font-size:18px;


    font-weight:500;


    line-height:1.6;


    letter-spacing:.2px;


    max-width:700px;


}



/* =========================================================
   IJOPCM Sidebar Menu Icons
   ========================================================= */


.pkp_block ul li a {

    display:flex !important;

    align-items:center;

    gap:12px;

    color:#063970 !important;

    font-weight:500;

    transition:.25s ease;

}



/* Default icon */

.pkp_block ul li a:before {


    font-family:"Font Awesome 6 Free";

    font-weight:900;

    content:"\f105";   /* angle right */


    color:#8bbd3f;

    font-size:14px;


}



/* Hover */

.pkp_block ul li a:hover {


    color:#0b6cbf !important;

    transform:translateX(5px);


}



.pkp_block ul li a:hover:before {


    color:#0b6cbf;


}



/* Home */

.pkp_block li a[href*="index"]:before{
    content:"\f015";
}


/* Aims and Scope */

.pkp_block li a[href*="aims"]:before{
    content:"\f02d";
}


/* Editorial Board */

.pkp_block li a[href*="editorial"]:before{
    content:"\f508";
}


/* Call for Papers */

.pkp_block li a[href*="call"]:before{
    content:"\f044";
}


/* Submission */

.pkp_block li a[href*="submission"]:before{
    content:"\f56f";
}


/* Volumes */

.pkp_block li a[href*="issue"]:before{
    content:"\f02e";
}


/* Indexing */

.pkp_block li a[href*="indexing"]:before{
    content:"\f080";
}


/* Charges */

.pkp_block li a[href*="charge"]:before{
    content:"\f571";
}


/* Copyright */

.pkp_block li a[href*="copyright"]:before{
    content:"\f24e";
}


/* Ethics */

.pkp_block li a[href*="ethics"]:before{
    content:"\f21e";
}


/* Author Self Archiving */

.pkp_block li a[href*="archiving"]:before{
    content:"\f187";
}


/* Journals */

.pkp_block li a[href*="icrs"]:before{
    content:"\f02d";
}


/* Conferences */

.pkp_block li a[href*="conference"]:before{
    content:"\f073";
}


/* Sponsors */

.pkp_block li a[href*="sponsor"]:before{
    content:"\f1d8";
}



/* =========================================================
   IJOPCM MENU ONLY - Sidebar Icons
   Do NOT affect other blocks
   ========================================================= */


/* First sidebar block = Menu */

#sidebar .pkp_block:first-child ul li a {

    display:flex !important;

    align-items:center;

    gap:10px;

    color:#063970 !important;

    transition:.25s ease;

}



/* Default icon */

#sidebar .pkp_block:first-child ul li a:before {

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    content:"\f105";

    color:#8bbd3f;

    font-size:13px;

}



/* Hover */

#sidebar .pkp_block:first-child ul li a:hover {

    color:#0b6cbf !important;

    transform:translateX(5px);

}


#sidebar .pkp_block:first-child ul li a:hover:before {

    color:#0b6cbf;

}