/*
Theme Name: EduExpert Child
Theme URI: http://suavethemes.com/demo/eduexpert
Template: eduexpert
Author: Suavethemes
Author URI: http://suavethemes.com
Description: EduExpert is the perfect for create an education website for any learning business related to education, teaching and learning and set up your site in a few steps. This WordPress Theme can be customized to your specific needs with incredible ease, thanks to drag and drop PageLayer page builder( with alot of components ). It has the customizing options like blog style, logo update, layout control, color modification and much more.
Tags: custom-background,two-columns,right-sidebar,custom-colors,custom-header,custom-menu,custom-logo,featured-images,footer-widgets,post-formats,sticky-post,threaded-comments,translation-ready,theme-options
Version: 1.0.1776660046
Updated: 2026-04-20 05:40:46

*/

/* =========================
   NRCRI PROGRAMME SINGLE PAGE
========================= */

.nrcri-programme-single {
    padding: 60px 20px;
    background: #ffffff;
}

.nrcri-container {
    max-width: 1150px;
    margin: 0 auto;
}

.programme-entry {
    background: #fff;
}

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

.programme-hero {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 50px;
}

.programme-hero-text h1 {
    font-size: 42px;
    line-height: 1.15;
    margin-bottom: 24px;
    color: #123524;
    font-weight: 700;
}

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

.programme-summary-card {
    background: #f8faf8;
    border: 1px solid #e4ebe4;
    border-radius: 14px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.programme-summary-card h2 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #123524;
}

.programme-summary-card p {
    font-size: 17px;
    line-height: 1.8;
    color: #333333;
    margin: 0;
}

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

.programme-contact {
    padding: 24px;
    background: #f6f8f6;
    border-left: 5px solid #123524;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}

.programme-contact h2 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #123524;
}

.programme-contact p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 8px;
    color: #333333;
}

.programme-contact a {
    color: #123524;
    text-decoration: none;
}

.programme-contact a:hover {
    text-decoration: underline;
}

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

.programme-banner {
    margin: 0;
}

.programme-banner img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* =========================
   CONTENT SECTIONS
========================= */

.programme-section {
    margin-bottom: 42px;
}

.programme-section h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: #123524;
    font-weight: 600;
}

.programme-section p,
.programme-section li,
.programme-section div {
    font-size: 17px;
    line-height: 1.8;
    color: #333333;
}

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

.programme-related-list {
    margin: 0;
    padding-left: 20px;
}

.programme-related-list li {
    margin-bottom: 10px;
}

.programme-related-list a {
    color: #123524;
    text-decoration: none;
    font-weight: 500;
}

.programme-related-list a:hover {
    text-decoration: underline;
}

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

.programme-main-content {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}

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

@media (max-width: 991px) {
    .programme-hero {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .programme-banner img {
        height: 360px;
    }
}

@media (max-width: 768px) {
    .nrcri-programme-single {
        padding: 40px 15px;
    }

    .programme-hero-text h1 {
        font-size: 32px;
    }

    .programme-section h2,
    .programme-summary-card h2,
    .programme-contact h2 {
        font-size: 22px;
    }

    .programme-banner img {
        height: 260px;
    }

    .programme-summary-card,
    .programme-contact {
        padding: 20px;
    }
}

.programme-collaborators {
    padding: 18px 22px;
    background: #f8faf8;
    border-radius: 12px;
    border: 1px solid #e4ebe4;
    line-height: 1.9;
    font-size: 16.5px;
    color: #333333;
}