/**
 * Tab Transitions CSS
 *
 * Provides smooth transitions for tab content in the education-networking-events page.
 */

/* Base styles for all tab content */
.e-n-tabs-content > div, 
.e-n-tab-content {
  transition: opacity 0.3s ease, max-height 0.5s ease;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}

/* Active tab content */
.e-n-tabs-content > div.e-active, 
.e-n-tab-content.e-active {
  max-height: 10000px; /* Large enough to contain any content */
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
}

/* Override any hidden classes that might be added by Elementor */
.e-n-tabs-content > div.e-active.hidden,
.e-n-tabs-content > div.e-active.e-hidden,
.e-n-tab-content.e-active.hidden,
.e-n-tab-content.e-active.e-hidden {
  display: block !important;
  max-height: 10000px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Active tab button styling */
.e-n-tab-title.e-active {
  font-weight: bold;
}