/* ===================================
   GCAS COMPLETE CUSTOM CSS
   =================================== */

/* Hide default WordPress page titles */
.page .entry-title,
.page-title,
h1.entry-title {
    display: none;
}

/* Hide share/like buttons */
.sharedaddy,
.sd-sharing,
.sd-like,
.share-this,
.likes-widget,
.post-likes-widget,
.sharing,
.share-buttons {
    display: none !important;
}

/* Add breathing room to custom page heroes */
.films-page,
.lectures-page,
.financial-page,
.testimonials-page,
.about-page,
.admissions-page {
    margin-top: 40px;
}

/* Hide dropdown menus by default */
.nav-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0a0a0a;
    min-width: 220px;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    z-index: 1000;
}

/* Show dropdown on hover */
.nav-menu li:hover > .sub-menu {
    display: block;
}

/* Style dropdown items */
.nav-menu .sub-menu li {
    display: block;
}

.nav-menu .sub-menu a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.2s ease;
}

.nav-menu .sub-menu a:hover {
    background: rgba(22, 155, 98, 0.2);
    color: #169B62;
}

/* Parent menu item positioning */
.nav-menu > li {
    position: relative;
}

/* More generous spacing */
.nav-menu > li {
    margin: 0 25px;
}

.nav-menu > li > a {
    padding: 12px 20px;
}

/* Change main menu color to blue */
.nav-menu > li > a {
    color: #4A90D9;
}

.nav-menu > li > a:hover {
    color: #6BB3FF;
}

/* Change Apply Now button to blue */
.nav-cta {
    border-color: #4A90D9;
    color: #4A90D9;
}

.nav-cta:hover {
    background: #4A90D9;
    color: #ffffff;
}

/* ===================================
   DESKTOP - Second-level dropdowns
   =================================== */

@media screen and (min-width: 1000px) {
    .sub-menu .sub-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        background: #1a1a2e;
        min-width: 200px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    }

    .sub-menu li:hover > .sub-menu {
        display: block;
    }

    .sub-menu .sub-menu li {
        position: relative;
    }

    .sub-menu .sub-menu a {
        padding: 12px 20px;
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .sub-menu .sub-menu a:hover {
        background: #169B62;
    }

    /* Arrow indicator for items with children */
    .menu-item-has-children > a::after {
        content: ' ▸';
    }
}

/* 
 * /* ===================================
   MOBILE MENU - ALL ITEMS VISIBLE
   =================================== */

@media screen and (max-width: 999px) {
    
    /* Show ALL submenus - no toggling */
    .sub-menu,
    .sub-menu .sub-menu,
    .menu-item-has-children > .sub-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Style first level items */
    .nav-menu > li > a,
    .menu > li > a {
        font-size: 1.1rem;
        font-weight: 600;
        padding: 15px 20px !important;
    }
    
    /* Style first level dropdown items - indent */
    .sub-menu > li > a {
        padding: 12px 20px 12px 35px !important;
        font-size: 1rem;
        color: #333 !important;
    }
    
    /* Style second level dropdown items - indent more */
    .sub-menu .sub-menu > li > a {
        padding: 10px 20px 10px 55px !important;
        font-size: 0.95rem;
        color: #555 !important;
    }
    
    /* Remove arrows since everything is visible */
    .menu-item-has-children > a::after {
        display: none !important;
        content: none !important;
    }
    
    /* Add subtle separator between sections */
    .nav-menu > li {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    /* Make menu scrollable */
    .mobile-menu,
    .mobile-navigation,
    [class*="mobile-menu"] {
        max-height: 85vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 100px !important;
    }
}
```

Click **Publish**.

---

## Result:

The mobile menu will show **everything expanded**:
```
Home
About
    About GCAS
    Team
    ...
Academics
    Admissions
    Financial Aid
    Faculty
        Core Faculty
        BA Faculty
        Post Graduate Faculty
        Research Fellows
        Affiliate Faculty
    ...
Degree Programs
    BA in Interdisciplinary Studies
    MA Philosophy
    ...
/* Fix for mobile menu scrolling */
.mobile-menu,
.menu-container,
.nav-menu {
    overflow-y: auto !important;
    max-height: 100vh !important;
    -webkit-overflow-scrolling: touch;
}
.nav-menu.active {
    overflow-y: auto !important;
    max-height: 90vh !important;
    -webkit-overflow-scrolling: touch;
}
//* Mobile Menu Scroll Fix */
@media (max-width: 900px) {
    .nav-menu.active {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-top: 80px !important;
        padding-bottom: 120px !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 991px) {
    .mobile-menu-overlay.active {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        min-height: 100% !important;
        background: #d1dce5 !important;
        z-index: 999999 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    body.mobile-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
}
/* ============================================
   GCAS Theme CSS Fixes
   Add this to Appearance → Customize → Additional CSS
   Or add to your theme's main.css file
   ============================================ */

/* ============================================
   1. CONTINUOUS MARQUEE - No Stutter
   ============================================ */

.marquee-section {
    padding: 15px 0;
    background: var(--color-accent, #4a90d9);
    overflow: hidden;
    position: relative;
}

.marquee {
    display: flex;
    gap: 0;
    animation: marquee-scroll 25s linear infinite;
    width: max-content;
}

.marquee-item {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
    padding-right: 40px;
}

.marquee-text {
    font-family: var(--font-display, 'Cormorant Garamond', serif);
    font-size: 1.1rem;
    font-weight: 400;
    white-space: nowrap;
    color: #ffffff;
}

.marquee-dot {
    width: 6px;
    height: 6px;
    background: #e53935;
    border-radius: 50%;
    flex-shrink: 0;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.marquee-section:hover .marquee {
    animation-play-state: paused;
}


/* ============================================
   2. FACULTY SECTION - Center Alignment Fix
   ============================================ */

.faculty-section .container,
.faculty .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.faculty-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

/* If only 2-3 faculty cards, center them */
.faculty-grid {
    justify-items: center;
}

.faculty-card {
    width: 100%;
    max-width: 350px;
}

/* Ensure section header is centered */
.faculty-section .section-header,
.faculty .section-header {
    text-align: center;
    margin-bottom: 50px;
}


/* ============================================
   3. STUDENT VOICES - Fixed Height
   ============================================ */

.testimonials-section,
.student-voices-section {
    position: relative;
    overflow: hidden;
}

.testimonials-carousel,
.student-voices-carousel {
    position: relative;
    min-height: 350px; /* Fixed minimum height */
    display: flex;
    align-items: center;
}

.testimonial-card,
.student-voice-card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
}

.testimonial-card.active,
.student-voice-card.active {
    position: relative;
    opacity: 1;
    visibility: visible;
}

/* Quote text - limit to consistent height */
.testimonial-quote,
.student-voice-quote {
    font-family: var(--font-display, 'Cormorant Garamond', serif);
    font-size: 1.4rem;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 30px;
    max-height: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

/* Navigation dots container */
.testimonial-dots,
.student-voices-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.testimonial-dot,
.student-voice-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.testimonial-dot.active,
.student-voice-dot.active {
    background: var(--color-accent, #4a90d9);
    transform: scale(1.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .testimonials-carousel,
    .student-voices-carousel {
        min-height: 400px;
    }
    
    .testimonial-quote,
    .student-voice-quote {
        font-size: 1.2rem;
        -webkit-line-clamp: 8;
    }
}

.degrees-section, .academic-programs, .programs-section { background-color: #2a2a4e !important; }

/* GCAS – Elfsight Team Showcase (only this widget): replace long URLs with CTA */
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"],
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]{
  font-size: 0 !important;          /* hides URL text */
  text-decoration: none !important; /* removes underline */
  color: transparent !important;    /* prevents “ghost” text */
}

.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"]::after,
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]::after{
  content: "Meet with GCAS Researcher →";
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}

/* GCAS – Elfsight Interview Widget: replace long URLs with CTA buttons */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]{
  font-size: 0 !important;
  text-decoration: none !important;
  color: transparent !important;
}

/* Show button label */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]::after{
  content: "Select interviewer →";
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}

/* Hover/focus polish */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:focus::after{
  background: rgba(255,255,255,.18);
  transform: translateY(-1px);
}
/* Alternative: Target all nested submenus */
.sub-menu > li {
    position: relative;
}

.sub-menu > li > .sub-menu {
    top: 0 !important;
    margin-top: 0 !important;
}
/* Complete marquee fix - seamless infinite scroll */
.marquee-section {
    overflow: hidden !important;
}

.marquee {
    display: flex !important;
    width: max-content !important;
    animation: seamless-scroll 25s linear infinite !important;
}

.marquee-item {
    display: flex !important;
    align-items: center !important;
    gap: 60px !important;
    flex-shrink: 0 !important;
    padding-right: 60px !important;
}

@keyframes seamless-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% / 3));
    }
}