/*
 Theme Name: Astra Child
 Theme URI:    https://example.com/
 Description:  Child theme for astra
 Author:       Vinh thuan
 Author URI:   https://example.com/
 Template: astra
 Version:      1.0.0
*/

/* Import style của theme cha */
@import url("../astra/style.css");

/* Responsive */
@media (max-width: 600px) {
  .event-card a { flex-direction: column; align-items: flex-start; gap: 6px; }
  .event-date { align-self: flex-end; }
}
@media (max-width: 921px) {
  .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu,
  .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu .sub-menu,
  .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu,
  .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu,
  .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,
  .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,
  .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation,
  .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav,
  .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap,
  .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap,
  .ast-theme-transparent-header .main-header-menu .menu-link {
      background: transparent !important;  /* làm nền trong suốt */
      box-shadow: none !important;         /* bỏ đổ bóng */
  }
}

/* Event Archive */
.event-list {
  display: grid;
  gap: 12px;
}

.event-card {
  background: transparent;
  border-radius: 10px;
  transition: transform .15s ease, opacity .15s ease;
  /*color: white;*/
}

.event-card a.event-card-item {
    display: flex ;
    justify-content: space-between ;
    /*align-items: center ; */
    color: white ;
    text-decoration: none ;
    padding: 14px 18px ;
    width: 100% ;
    color: white;
}

.event-card:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}

span.event-title {
  font-weight: 700;
  color: white;
}

.event-date {
  opacity: 0.8;
}

.single-event .elementor-text-editor {
  text-align: center;
}

/* Responsive */
@media (max-width: 600px) {
  .event-card a { flex-direction: column; align-items: flex-start; gap: 6px; }
  .event-date { align-self: flex-end; }
}