/*
Theme Name: Iisha Modern
Theme URI: https://example.com/iisha-modern
Author: Iisha Modern Team
Description: A modern WordPress theme scaffold for the Iisha Modern website.
Version: 1.0.0
Text Domain: iisha-modern
*/

:root {
    --primary: #0f4c81;
    --secondary: #f59e0b;
    --text: #1f2937;
    --muted: #6b7280;
    --light: #f8fafc;
    --border: #e5e7eb;
}

* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.7; color: var(--text); background: #fff; }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--secondary); }
img { max-width: 100%; height: auto; display: block; }
.container { max-width: 1200px; margin: 0 auto; padding: 1rem 1.25rem; }
.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: 1rem; top: 1rem; background: #fff; padding: .5rem; z-index: 100; }
.site-header { background: linear-gradient(135deg, #0f4c81, #1d4ed8); color: #fff; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 15px rgba(0,0,0,0.15); }
.topbar { display: flex; justify-content: space-between; align-items: center; padding-top: .8rem; font-size: .9rem; }
.topbar-details span { margin-right: 1rem; }
.topbar-social a { color: #fff; margin-left: .75rem; font-weight: 600; }
.nav-wrap { display: flex; justify-content: space-between; align-items: center; padding-bottom: .8rem; }
.brand { color: #fff; display: flex; flex-direction: column; }
.brand-name { font-size: 1.2rem; font-weight: 700; }
.brand-tagline { font-size: .85rem; color: #dbeafe; }
.menu-toggle { display: none; background: transparent; border: 0; color: #fff; font-size: 1.4rem; cursor: pointer; }
.site-nav .menu-list { list-style: none; display: flex; gap: 1rem; margin: 0; padding: 0; }
.site-nav .menu-list a { color: #fff; font-weight: 600; }
section { padding: 4rem 0; }
.section-title { font-size: 2rem; margin-bottom: 1rem; color: var(--primary); }
.hero-slider, .notice-ticker, .about-section, .programs-section, .faculty-cards, .gallery-grid, .testimonials, .cta-admission, .contact-section { background: var(--light); }
.hero-slide { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 2rem; align-items: center; }
.slide-card, .card, .notice-card, .contact-card, .form-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.25rem; box-shadow: 0 10px 30px rgba(15, 76, 129, 0.08); }
.btn, button[type="submit"] { display: inline-block; background: var(--secondary); color: #fff; padding: .8rem 1.2rem; border: 0; border-radius: 999px; cursor: pointer; font-weight: 700; }
.btn.secondary, button[type="submit"] { background: var(--primary); }
.grid { display: grid; gap: 1.25rem; }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-row { display: grid; gap: .75rem; }
input, textarea, select { width: 100%; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: 8px; margin-top: .25rem; }
.site-footer { background: #0b1220; color: #e5e7eb; padding-top: 2.5rem; }
.footer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 1rem; padding: 1rem 0; }
.footer-menu { list-style: none; padding: 0; margin: 0; }
.footer-menu a { color: #fff; }
:root {
    --primary: #0a3d91;      /* Main Blue */
    --primary-dark: #072f73;
    --secondary: #f5b400;
    --text: #ffffff;
    --border: rgba(255,255,255,.15);
}

/* Header */

.site-header{
    background: var(--primary);
    color:#fff;
    position:sticky;
    top:0;
    z-index:9999;
    box-shadow:0 2px 10px rgba(0,0,0,.2);
}

/* Remove top bar if not needed */

.topbar{
    display:none;
}

/* Navigation Container */

.nav-wrap{
    max-width:1400px;
    margin:auto;
    height:82px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0;
}

/* Logo */

.brand{
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff;
    text-decoration:none;
}

.brand-name{
    font-size:34px;
    font-weight:800;
    color:#fff;
    line-height:1;
}

.brand-tagline{
    color:#d9e6ff;
    font-size:13px;
    margin-top:4px;
}

/* Menu */

.site-nav{
    margin-left:auto;
}

.site-nav .menu-list{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}

.site-nav .menu-list li{
    position:relative;
}

.site-nav .menu-list li+li{
    border-left:1px solid rgba(255,255,255,.12);
}

.site-nav .menu-list li a{
    display:block;
    padding:31px 18px;
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    white-space:nowrap;
}

/* Hover */

.site-nav .menu-list li:hover>a{
    background:#124eb3;
    color:#fff;
}

/* Active Menu */

.site-nav .current-menu-item>a,
.site-nav .current_page_item>a{
    background:#124eb3;
    color:#fff;
}

/* Dropdown */

.site-nav .sub-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#0b4ea2;
    list-style:none;
    padding:0;
    margin:0;
    display:none;
}

.site-nav li:hover>.sub-menu{
    display:block;
}

.site-nav .sub-menu li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.site-nav .sub-menu li a{
    padding:14px 18px;
    color:#fff;
}

/* Mobile */

.menu-toggle{
    display:none;
    color:#fff;
    font-size:30px;
    background:none;
    border:none;
}

@media(max-width:991px){

.menu-toggle{
    display:block;
}

.site-nav{
    position:absolute;
    left:0;
    top:82px;
    width:100%;
    display:none;
    background:var(--primary);
}

.site-nav.active{
    display:block;
}
    
.site-nav .menu-list{
    flex-direction:column;
}

.site-nav .menu-list li{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.site-nav .menu-list li a{
    padding:16px 20px;
}

}

.hero-slider{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:0;
}

.slider-wrapper{
    display:flex;
    transition:transform .8s ease-in-out;
}

.slider-item{
    min-width:100%;
    flex:0 0 100%;
}

.slider-item img{
    width:100%;
    height:550px;
    object-fit:cover;
    display:block;
}

@keyframes fade{

    from{
        opacity:0;
    }

    to{
        opacity:1;
    }

}

/* ==========================
WELCOME SECTION
========================== */

.welcome-section{

    position:relative;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    min-height:600px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

}

/* Blue Overlay */

.welcome-overlay{

    width:100%;

    min-height:600px;

    background:linear-gradient(
        135deg,
        rgba(8,40,88,.82),
        rgba(15,96,180,.60)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:60px 20px;

}

.welcome-section h1{

    color:#fff;

    font-size:52px;

    font-weight:700;

    margin-bottom:25px;

}

.welcome-section p{

    max-width:900px;

    margin:0 auto;

    color:#fff;

    font-size:20px;

    line-height:1.8;

}

.welcome-buttons{

    margin-top:40px;

}

.welcome-buttons .btn{

    margin:0 10px;

    padding:15px 35px;

    font-size:16px;

}

@media(max-width:768px){

.welcome-section{

    min-height:450px;

}

.welcome-overlay{

    min-height:450px;

}

.welcome-section h1{

    font-size:32px;

}

.welcome-section p{

    font-size:16px;

}

.welcome-buttons .btn{

    display:block;

    margin:10px auto;

    width:220px;

}

}