/* =========================================
   IdeaLab Research
   Hybrid Academic + Innovation Platform
   OJS Homepage Styling
   ========================================= */


/* Hide default homepage title */
.page_home .page_title {
    display:none;
}


/* Homepage main width */
.page_home .pkp_structure_main {

    max-width:1200px;
    margin:0 auto;

}


/* Remove homepage sidebar */

.page_home .sidebar {

    display:none;

}

.page_home .main_entry {

    width:100%;

}


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


.idealab-hero {

    background:linear-gradient(
        135deg,
        #163f63,
        #245b7a
    );

    padding:70px 45px;

    border-radius:18px;

    text-align:center;

    color:white;

    margin-bottom:40px;

}


.idealab-hero h1 {

    font-size:48px;

    font-weight:700;

    margin-bottom:15px;

}


.idealab-hero .tagline {

    font-size:22px;

    letter-spacing:0.5px;

    margin-bottom:25px;

}


.idealab-hero h2 {

    font-size:28px;

    color:white;

    margin-top:25px;

}


.idealab-hero p {

    max-width:850px;

    margin:20px auto;

    font-size:18px;

    line-height:1.7;

}



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


.idealab-button {

    display:inline-block;

    padding:13px 32px;

    margin:10px;

    border-radius:30px;

    background:white;

    color:#163f63 !important;

    font-weight:bold;

    text-decoration:none;

    transition:0.3s;

}


.idealab-button:hover {

    transform:translateY(-3px);

    opacity:0.85;

}



/* =========================================
   GENERAL SECTIONS
   ========================================= */


.idealab-section {

    margin:50px 0;

}


.idealab-section h2,
.idealab-projects h2,
.idealab-jskar h2 {

    text-align:center;

    font-size:32px;

    margin-bottom:30px;

    color:#163f63;

}



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


.idealab-cards {

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    justify-content:center;

}


.idealab-card {

    flex:1 1 260px;

    background:#ffffff;

    border:1px solid #e2e2e2;

    border-radius:15px;

    padding:30px;

    text-align:center;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.08);

    transition:0.3s;

}


.idealab-card:hover {

    transform:translateY(-5px);

    box-shadow:
    0 10px 25px rgba(0,0,0,0.15);

}


.idealab-card h3 {

    color:#163f63;

    font-size:24px;

}


.idealab-card h4 {

    color:#b85521;

}


.idealab-card p {

    line-height:1.6;

}



/* =========================================
   PROJECTS / INITIATIVES
   ========================================= */


.idealab-projects {

    background:#f5f7f9;

    padding:40px;

    border-radius:15px;

}


.idealab-projects li {

    margin-bottom:15px;

    font-size:17px;

}



/* =========================================
   JSKAR JOURNAL FEATURE
   ========================================= */


.idealab-jskar {

    background:#fff4eb;

    padding:45px;

    border-radius:15px;

    text-align:center;

    margin:50px 0;

}


.idealab-jskar h2 {

    color:#b85521;

}



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


.pkp_structure_footer {

    background:#163f63;

    color:white;

}


.page_home .pkp_structure_footer {

    margin-top:50px;

}



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


@media(max-width:768px){


    .idealab-hero {

        padding:40px 20px;

    }


    .idealab-hero h1 {

        font-size:34px;

    }


    .idealab-card {

        flex:100%;

    }


}