/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.10.1756575284
Updated: 2025-08-30 17:34:44

*/

/* ==========================================
   MEGA MENU SYSTEM - Aug 30, 2025
   Science-focused dropdown menus for research content
   ========================================== */

/* Hide default Astra submenus for mega menu items */
.mega-menu-item .sub-menu { display: none !important; }

/* Main mega menu container - clean white background */
.mega-menu-wrapper {
    position: absolute; top: 100%; left: 0; right: 0;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08); /* Softer shadow for professional look */
    border-top: 2px solid #e8f4f8; /* Light blue accent matching your theme */
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: all 0.25s ease; z-index: 999;
    width: 100vw; margin-left: calc(-50vw + 50%);
}

/* Show mega menu on hover */
.mega-menu-item:hover .mega-menu-wrapper {
    opacity: 1; visibility: visible; transform: translateY(0);
}

/* Content grid - spacious layout for readability */
.mega-menu-content {
    max-width: 1200px; margin: 0 auto; padding: 48px 32px;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 48px;
}

/* Section headers - science-focused typography */
.mega-menu-section h3 {
    font-size: 13px; font-weight: 600; font-family: 'Source Sans Pro', sans-serif;
    color: #666666; /* Subtle gray for sections */
    text-transform: uppercase; letter-spacing: 1px;
    margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px;
}

/* Feature items - research-friendly cards */
.mega-feature-item {
    display: flex; align-items: flex-start; gap: 16px;
    padding: 12px 16px; border-radius: 8px;
    text-decoration: none; color: #333333;
    transition: all 0.2s ease; margin-bottom: 16px;
    border: 1px solid transparent;
}

.mega-feature-item:hover {
    background-color: #f8fcfe; /* Very light blue tint */
    border-color: #e8f4f8; /* Light blue border on hover */
    transform: translateY(-1px); /* Subtle lift effect */
}

/* Feature icons - circular with science theme */
.mega-feature-icon {
    width: 44px; height: 44px;
    background: linear-gradient(135deg, #f0f8ff 0%, #e8f4f8 100%); /* Light blue gradient */
    border-radius: 50%; display: flex;
    align-items: center; justify-content: center;
    font-size: 20px; flex-shrink: 0;
    border: 1px solid #e8f4f8;
}

/* Feature content - clean typography */
.mega-feature-content h4 {
    font-weight: 600; margin-bottom: 6px;
    color: #2c3e50; /* Darker professional blue-gray */
    font-size: 16px; font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.3;
}

.mega-feature-content p {
    font-size: 14px; color: #666666;
    line-height: 1.5; margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

/* Special CTA section for highlighted content */
.mega-cta-section {
    background: linear-gradient(135deg, #f8fcfe 0%, #e8f4f8 100%);
    border-radius: 12px; padding: 24px; text-align: center;
    border: 1px solid #e8f4f8;
}

.mega-cta-section h4 {
    color: #2c3e50; margin-bottom: 8px;
    font-size: 18px; font-weight: 600;
}

.mega-cta-section p {
    color: #666666; font-size: 14px;
    line-height: 1.4;
}

/* Mobile optimization - research-friendly responsive design */
@media (max-width: 768px) {
    .mega-menu-wrapper { 
        position: static; width: 100%; margin-left: 0;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    }
    .mega-menu-content { 
        grid-template-columns: 1fr; gap: 32px; padding: 32px 20px; 
    }
    .mega-feature-item { padding: 16px 12px; }
}

/* Focus states for accessibility */
.mega-feature-item:focus {
    outline: 2px solid #4a90e2; /* Blue focus outline */
    outline-offset: 2px;
}

/* ========================================== 
   END MEGA MENU SYSTEM 
   ========================================== */