/*
Theme Name: BKW Modern School Theme
Theme URI: 
Author: Developer
Author URI: 
Description: A modern, elegant, and fully responsive WordPress theme designed specifically for educational institutions and schools.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bkw-modern-school
Tags: modern, education, school, responsive, blue, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, translation-ready
*/

/* Basic CSS Reset & Fonts */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Prompt', sans-serif;
    background-color: #f3f4f6; /* Tailwind gray-100 */
    color: #1f2937; /* Tailwind gray-800 */
}

/* Sidebar Widget Image Consistency */
.widget img {
    width: 100% !important;
    max-height: 100px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block;
    margin: 0 auto 0.75rem auto;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

.widget a:hover img {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
}

/* Add any custom overriding CSS here. Most styling is handled by Tailwind. */

/* Special styling for Image Widgets to make them stack nicely like old theme */
.widget_media_image {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0.5rem !important;
}

.widget_media_image .widget-title {
    background-color: #FFD700;
    color: #1a1a1a;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    font-weight: bold;
    border-radius: 0.375rem;
    margin-bottom: 0.75rem;
    border: none;
}