/*
Theme Name: NJLIT Theme
Theme URI: https://nlitj.ogbodoadoga.org/
Author: DAMILOLA OGUNLEYE
Description: A custom WordPress theme for the NOUN Journal of Library & Information Technology.
Version: 4.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: journal, academic, clean, responsive
Text Domain: njlit-theme
*/

/* --- WordPress Format Conversion --- */
/* These are the styles you provided, added to the main stylesheet. */
body { 
    font-family: 'Inter', sans-serif; 
    background-image: url('https://i.postimg.cc/Wp8XsL7c/noun-lib-1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: -1;
}

h1, h2, h3, .font-serif { 
    font-family: 'Playfair Display', serif; 
}


/* --- Custom Preloader Styles --- */
.egg-loader-container { 
    position: relative; 
    width: 120px; 
    height: 150px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
.egg-shape { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    border: 5px solid transparent; 
    border-top: 5px solid #166534; 
    border-right: 5px solid #16a34a; 
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; 
    animation: spin-egg 1.5s linear infinite; 
}
.egg-text { 
    font-size: 1.875rem; 
    font-weight: bold; 
    color: #166534; 
    animation: pulse-text 1.5s ease-in-out infinite; 
}
@keyframes spin-egg { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}
@keyframes pulse-text { 
    0%, 100% { transform: scale(1); opacity: 1; } 
    50% { transform: scale(1.05); opacity: 0.7; } 
}
#preloader { 
    transition: opacity 0.5s ease-out; 
}

/* Fallback for group-hover on dropdowns for better compatibility */
.group:hover .group-hover\:block {
    display: block;
}

