/*
Theme Name: FLAME Theme
Theme URI: https://flame.edu.in
Author: FLAME University
Author URI: https://flame.edu.in
Description: A clean, classic WordPress theme inspired by Twenty Twenty-One.
Version: 1.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flame-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
    margin: 0;
  font-family: "Inter", sans-serif!important;
    background: #ffffff;
    color: #111;
}

a { color: #b21f24; text-decoration: none; }
header, footer { padding: 20px; background: #f5f5f5; }


.project-card{
display:block;
text-decoration:none;
}

.project-bg{
position:relative;
height:240px;
background-size:cover;
background-position:center;
border-radius:20px;
overflow:hidden;
display:flex;
align-items:flex-end;
}

.project-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:linear-gradient(
to top,
rgba(0,0,0,0.85) 0%,
rgba(3,48,84,0.85) 45%,
rgba(3,48,84,0.5) 70%,
rgba(3,48,84,0.0) 100%
);
}

.project-content{
position:relative;
padding:25px;
z-index:2;
}

.project-content h3{
color:#fff;
font-size:15px;
font-weight:600;
line-height:1.5;
text-transform:uppercase;
}

.project-bg{
transition:all .4s ease;
}

.project-card:hover .project-bg{
transform:scale(1.05);
}


.pagination-wrapper{
display:flex;
justify-content:center;
gap:8px;
margin-top:40px;
}

.pagination-wrapper .page-numbers{
padding:8px 14px;
border:1px solid #ddd;
border-radius:5px;
}

.pagination-wrapper .current{
background:#0b3d6d;
color:#fff;
border-color:#0b3d6d;
}






.faculty-box img{
object-fit:cover;
}



.border{
border:1px solid #d9d9d9 !important;
}

h6{
color:#123f5c;
letter-spacing:1px;
}

.gallery-img{
transition:0.3s;
}

.gallery-img:hover{
transform:scale(1.05);
}

/* Footer Start */

.imp-footer{
background:#000101;
color:#fff;
padding:80px 0;
}

.footer-logo{
height:70px;
}

.footer-divider{
width:2px;
height:60px;
background:#d39a2c;
}

.impact-text{
font-size:28px;
font-weight:700;
letter-spacing:1px;
}

.impact-text span{
color:#f2a900;
font-style:italic;
}

.footer-info{
margin-top:20px;
font-size:14px;
line-height:1.8;
}

.footer-info a{
color:#fff;
text-decoration:none;
}

.footer-info a:hover{
text-decoration:underline;
}


/* Footer END */






/* HEADER */

.site-header{
background:#ffffff;
padding:15px 0;
border-bottom:1px solid #e5e5e5;
}




.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}

.main-menu{
    display:flex;
    gap:25px;
    list-style:none;
    margin:0;
    padding:0;
}

.mobile-menu-toggle{
    display:none;
    font-size:28px;
    cursor:pointer;
    background:none;
    border:none;
    color:#000;
}

@media (max-width:768px){

    .mobile-menu-toggle{
        display:block;
        z-index:999;
    }

    .main-navigation{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        padding:15px 20px;
        box-shadow:0 4px 12px rgba(0,0,0,0.1);
        z-index:998;
    }

    .main-navigation.active{
        display:block;
    }

    .main-menu{
        display:flex;
        flex-direction:column;
        gap:15px;
    }
}










/* LOGO */

.logo img{
height:55px;
}

/* MENU */

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

/* MENU ITEMS */

.main-menu li{
margin-left:35px;
position:relative;
}

/* LINKS */

.main-menu li a{
text-decoration:none;
font-size:14px;
font-weight:600;
color:#123f5c;
text-transform:uppercase;
letter-spacing:0.5px;
padding:8px 0;
display:inline-block;
}

/* HOVER COLOR */

.main-menu li a:hover{
color:#123f5c;
}

/* UNDERLINE EFFECT */

.main-menu li a::after{
content:'';
position:absolute;
left:0;
bottom:-2px;
width:0;
height:3px;
background:#f2a900;
transition:0.3s;
}

/* HOVER UNDERLINE */

.main-menu li:hover a::after{
width:100%;
}

/* CURRENT PAGE */

.main-menu .current-menu-item a::after,
.main-menu .current_page_item a::after{
width:100%;
}




/* FACULTY PAGE */

.faculty-section{
padding:70px 0;
}

/* TITLE */

.faculty-title{
margin-bottom:40px;
font-weight:700;
}

/* CARD */

.faculty-card{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
height:100%;
}

.faculty-card:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

/* IMAGE */

.faculty-img{
width:100%;
margin-bottom:15px;
}

.faculty-img img{
width:100%;
height:auto;   /* show full image */
display:block;
}

/* INFO */

.faculty-info{
padding:20px;
text-align:left;   /* left aligned text */
}

/* NAME */

.faculty-info h3{
font-size:18px;
font-weight:700;
margin-bottom:6px;
color:#123f5c;
}

/* DESIGNATION */

.designation{
font-size:14px;
color:#555;
margin-bottom:5px;
}

/* EDUCATION */

.education{
font-size:14px;
color:#777;
margin-bottom:10px;
}

/* VIEW PROFILE */

.view-profile{
font-size:13px;
font-weight:600;
color:#123f5c;
}

/* PAGINATION */

.faculty-pagination{
text-align:center;
margin-top:50px;
}

.faculty-pagination .page-numbers{
display:inline-block;
padding:8px 14px;
margin:4px;
border:1px solid #ddd;
text-decoration:none;
color:#333;
}

.faculty-pagination .current{
background:#123f5c;
color:#fff;
border-color:#123f5c;
}

/* HERO SECTION */



.page-hero{
width:100%;
height:340px;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
position:relative;
}

/* STRONG LEFT → RIGHT GRADIENT */

.page-hero::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:linear-gradient(
90deg,
rgba(0,0,0,0.95) 0%,
rgba(0,0,0,0.85) 25%,
rgba(0,0,0,0.65) 45%,
rgba(0,0,0,0.35) 65%,
rgba(0,0,0,0.15) 80%,
rgba(0,0,0,0) 100%
);
}

/* TITLE */

.page-hero .container{
position:relative;
z-index:2;
}

.page-hero-title{
color:#fff;
font-size:44px;
font-weight:700;
}

.page-hero-title{
padding-left:10px;
}



/* FALLBACK TITLE */

.page-title-section{
padding:60px 0;
background:#f7f7f7;
}

.page-title-section h1{
font-size:36px;
font-weight:700;
}

.page-hero{
position:relative;
}

.page-hero::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
}

.page-hero .container{
position:relative;
z-index:2;
}


/* BREADCRUMB */

.breadcrumb-section{
background:#f5f5f5;
padding:15px 0;
}

.breadcrumb{
margin:0;
font-size:14px;
display:flex;
align-items:center;
}

.breadcrumb a{
text-decoration:none;
color:#123f5c;
font-weight:500;
}

.breadcrumb a:hover{
text-decoration:underline;
}

.breadcrumb-separator{
margin:0 8px;
color:#999;
}

.breadcrumb-current{
color:#555;
}

.home-icon{
margin-right:5px;
}

.fw-bold{
position:relative;
display:inline-block;
}

.fw-bold::after{
    content:'';
    position: absolute;
    left: 0ch;
    bottom: -5px;
    width: calc(100% - 0ch);
    height: 3px;
    background: #f2a900;
    border-radius: 3px;
}

    
h1,h2,h3,h4,h5,h6{ font-family: "Bebas Neue", sans-serif; font-weight: normal!important;  }
        .hero-bg {
            background:linear-gradient(rgba(4,30,57,0.5),rgba(4,30,57,0.5)), url('imgs/bg-banner.jpg');
            background-size: cover;
            background-position: center;
        }
        /* Base font size (default browser = 16px) */
html {
  font-size: 16px!important;
}

/* Headings Scale */
h1 {
  font-size: 2.5rem!important;  /* 40px */
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-size: 2rem!important;    /* 32px */
  font-weight: 700;
  line-height: 1.25;
}

h3 {
  font-size: 1.75rem!important;  /* 28px */
  font-weight: 600;
  line-height: 1.3;
}

h4 {
  font-size: 1.5rem!important;  /* 24px */
  font-weight: 600;
  line-height: 1.35;
}

h5 {
  font-size: 1.25rem!important;  /* 20px */
  font-weight: 600;
  line-height: 1.4;
}

h6 {
  font-size: 1rem!important;     /* 16px */
  font-weight: 600;
  line-height: 1.5;
}

:root {
  --primary-yellow: #fcb900;
  --secondary-blue: #0C3F6A;
  --primary-yellow-bg: #F7A100
}
.text-primary {
  color: var(--primary-yellow);
}
.text-secondary {
  color: var(--secondary-blue);
}

.bg-primary1{background:  var(--primary-yellow-bg);}
.bg-secondary1{background:  var(--secondary-blue);}



.max-w-7xl{
    max-width: 98rem !important;
}