/* ==============================
   FULL HEADER STYLE – PANDAS STYLE
   For Woostify Theme
============================== */

/* Prevent horizontal scroll */
body{
    overflow-x:hidden;
}

/* =========================
   WOOSTIFY 2.4 → 2.3 STYLE
========================= */

/* Make header 2 rows */
header#masthead .woostify-container{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

/* ===== FIRST ROW ===== */

/* Toggle Left */
.wrap-toggle-sidebar-menu{
    order:1;
    flex:1;
}

/* Logo Center */
.site-branding{
    order:2;
    flex:1;
    text-align:center;
}

/* Tools Right */
.site-tools{
    order:3;
    flex:1;
    display:flex;
    justify-content:flex-end;
    gap:25px;
}

/* ===== SECOND ROW (MENU) ===== */

.site-navigation{
    order:4;
    width:100%;
    margin-top:15px;
    border-top:1px solid #eee;
}

/* Center menu items */
#mega-menu-primary{
    display:flex !important;
    justify-content:center;
}

/* Remove overlap */
.site-navigation,
.site-branding,
.site-tools{
    position:relative;
}

/* Proper spacing */
header#masthead{
    padding-bottom:10px;
}

/* Mobile Fix */
@media (max-width:991px){
    .site-navigation{
        border-top:none;
        margin-top:0;
    }
}
/* Normal Menu Link Color */
#mega-menu-primary > li > a{
    color: #403684 !important;
    transition: all 0.3s ease;
}

/* Hover Color */
#mega-menu-primary > li > a:hover{
    color: red !important;
}

/* Active / Current Page */
#mega-menu-primary > li.mega-current-menu-item > a{
    color: red !important;
}
/* ===== Logo + Tagline Layout ===== */

.site-branding{
    display: flex;
    align-items: center;   /* Perfect vertical center */
    justify-content: center;
    gap: 85px;             /* Reduce space for better balance */
}

/* Tagline Text */
.site-branding::after{
    content: "Partners in your child’s education since 1987 !";
    font-size: 16px;
    font-weight: 600;
    color: #0067af;
    white-space: nowrap;
    display: flex;
    align-items: center;   /* Forces exact vertical alignment */
    line-height: 1;        /* Removes extra top spacing */
	 transform: translateY(5px);
}
/* Responsive */
@media (max-width:991px){
    .site-branding{
        flex-direction:column;
        gap:5px;
    }

    .site-branding::after{
        font-size:12px;
        text-align:center;
        white-space:normal;
    }
}
.invert{
    filter: invert(1);
}