.elementor-3673 .elementor-element.elementor-element-6ba2f1a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-01de7b2 */:root{ 
    --primary:#0f2f54; --secondary:#d2a13c; --light:#f8fafc; } .library-hero{ min-height:70vh; display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient( rgba(10,25,47,.75), rgba(10,25,47,.75) ), url('https://biu.edu.ng/wp-content/uploads/2026/06/lib.jpg') center/cover; } 
    .library-hero h1{ font-size:3rem; color:#fff; margin-bottom:20px; } .library-hero p{ font-size:1.2rem; } 
    .library-buttons{ margin-top:30px; } .btn-primary, .btn-secondary{ display:inline-block; padding:14px 28px; border-radius:8px; text-decoration:none; margin:10px; font-weight:600; } .btn-primary{ background:var(--secondary); color:#fff; } .btn-secondary{ background:#fff; color:var(--primary); } .library-about, .library-services, .library-staff, .library-contact{ padding:80px 20px; } .container{ max-width:1200px; margin:auto; } .library-about h2, .library-services h2, .library-staff h2, .library-contact h2{ text-align:center; margin-bottom:30px; color:var(--primary); } .service-grid, .staff-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; } .service-card, .staff-card{ background:#fff; padding:30px; border-radius:15px; box-shadow:0 10px 25px rgba(0,0,0,.08); text-align:center; } .staff-card img{ width:180px; height:220px; object-fit:cover; border-radius:12px; margin-bottom:15px; } .library-contact{ background:#f4f7fb; text-align:center; }

.library-hero{
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.library-overlay{
background:rgba(15,47,84,.25);
backdrop-filter:blur(3px);
border-radius:20px;
}

.hero-title-box{
background:linear-gradient(
135deg,
rgba(15,47,84,.95),
rgba(31,77,125,.95)
);
padding:40px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.hero-title-box h1{
color:#fff;
}

.hero-title-box p{
color:#f8fafc;
}

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

.library-about{
background:#fff;
}

.library-about .container{
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.library-about h2{
color:var(--primary);
position:relative;
}

.library-about h2::after{
content:"";
display:block;
width:80px;
height:4px;
background:var(--secondary);
margin:10px auto;
border-radius:10px;
}

.library-about p{
font-size:1.05rem;
line-height:1.8;
color:#444;
}

/* =====================================
COLOURFUL SERVICE CARDS
===================================== */

.service-card{
text-decoration:none;
transition:.3s ease;
color:#fff;
overflow:hidden;
}

.service-card:hover{
transform:translateY(-8px);
}

.service-card h3{
color:#fff;
margin-bottom:15px;
}

.service-card p{
color:rgba(255,255,255,.95);
}

/* Individual Card Colours */

.catalogue{
background:linear-gradient(
135deg,
#0057b8,
#1f86ff
);
}

.database{
background:linear-gradient(
135deg,
#008c45,
#22c55e
);
}

.repository{
background:linear-gradient(
135deg,
#7b2cbf,
#b185db
);
}

.oer{
background:linear-gradient(
135deg,
#d97706,
#fbbf24
);
}

/* =====================================
GALLERY SECTION
===================================== */

.library-gallery{
padding:80px 20px;
background:#f7f9fc;
}

.library-gallery h2{
text-align:center;
color:var(--primary);
margin-bottom:35px;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.gallery-grid img{
width:100%;
height:280px;
object-fit:cover;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,.12);
transition:.3s ease;
}

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

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

.staff-card{
transition:.3s ease;
}

.staff-card:hover{
transform:translateY(-8px);
}

.staff-card h3{
color:var(--primary);
}

/* =====================================
CONTACT SECTION
===================================== */

.library-contact{
background:linear-gradient(
135deg,
#f4f7fb,
#eef3f9
);
}

.library-contact p{
font-size:1.05rem;
}

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

@media(max-width:768px){


.library-hero h1{
    font-size:2rem;
}

.hero-title-box{
    padding:25px;
}

.library-about .container{
    padding:25px;
}


}/* End custom CSS */