/* General Styles */\n.site-header {\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.main-content {\n    min-height: calc(100vh - 200px);\n}\n\n.site-footer {\n    border-top: 1px solid #dee2e6;\n}\n\n/* Content Blocks */\n.content-block {\n    border-bottom: 1px solid #f8f9fa;\n}\n\n.image-text-block {\n    border-bottom: 1px solid #f8f9fa;\n}\n\n.column-block {\n    border-bottom: 1px solid #f8f9fa;\n}\n\n/* Hero Styles */\n.hero-block h1,\n.hero-section h1 {\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n}\n\n.hero-block .lead,\n.hero-section .lead {\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n}\n\n/* Navigation */\n.navbar-nav .nav-link.active {\n    font-weight: bold;\n}\n\n/* Cards */\n.card {\n    transition: transform 0.2s ease-in-out;\n    border: none;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n}\n\n/* Buttons */\n.btn {\n    border-radius: 25px;\n    padding: 0.5rem 1.5rem;\n    font-weight: 500;\n}\n\n/* Content styling */\n.content h2 {\n    color: #333;\n    margin-bottom: 1rem;\n}\n\n.content h3 {\n    color: #555;\n    margin-bottom: 0.75rem;\n}\n\n.content img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n    .hero-block,\n    .hero-section {\n        min-height: 300px !important;\n    }\n    \n    .hero-block h1,\n    .hero-section h1 {\n        font-size: 2rem;\n    }\n    \n    .display-4 {\n        font-size: 2.5rem;\n    }\n}\n\n/* Admin bar compatibility */\nbody.userbar-on .site-header {\n    top: 50px;\n    position: relative;\n}