/* v1.2 — full white page integration */
html:has(.dla-live-archive),
body:has(.dla-live-archive),
body:has(.dla-live-archive) #page,
body:has(.dla-live-archive) #main,
body:has(.dla-live-archive) .site,
body:has(.dla-live-archive) .site-content,
body:has(.dla-live-archive) .content-area,
body:has(.dla-live-archive) .main-content,
body:has(.dla-live-archive) .page-content,
body:has(.dla-live-archive) .wrapper,
body:has(.dla-live-archive) .container,
body:has(.dla-live-archive) .vc_row,
body:has(.dla-live-archive) .vc_column_container,
body:has(.dla-live-archive) .wpb_wrapper {
  background-color:#fff !important;
}

body:has(.dla-live-archive) {
  background:#fff !important;
}

/* Make the archive itself genuinely full-width so no black frame remains. */
.dla-live-archive{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:max(58px, calc((100vw - 1360px)/2)) !important;
  padding-right:max(58px, calc((100vw - 1360px)/2)) !important;
  background:#fff !important;
}

/* Keep the site's top navigation white on the LIVE page as in the target mockup. */
body:has(.dla-live-archive) header,
body:has(.dla-live-archive) .site-header,
body:has(.dla-live-archive) #header,
body:has(.dla-live-archive) .header,
body:has(.dla-live-archive) nav,
body:has(.dla-live-archive) .menu-wrapper {
  background-color:#fff !important;
}

body:has(.dla-live-archive) header a,
body:has(.dla-live-archive) .site-header a,
body:has(.dla-live-archive) nav a {
  color:#171717 !important;
}

@media(max-width:720px){
  .dla-live-archive{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


.dla-live-archive{
  --dla-text:#171717;
  --dla-muted:#757575;
  --dla-line:#d8d8d4;
  --dla-bg:#ffffff;
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:72px 28px 90px;
  color:var(--dla-text)!important;
  background:var(--dla-bg)!important;
  font-family:inherit;
  box-sizing:border-box;
}
.dla-live-archive:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0; bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#fff;
}
.dla-live-archive *{box-sizing:border-box}
.dla-hero{padding:0 0 48px;border-bottom:1px solid var(--dla-line)}
.dla-eyebrow{
  font-size:12px;
  line-height:1.2;
  letter-spacing:.16em;
  color:#4d4d4d!important;
  margin-bottom:18px;
}
.dla-hero h2{
  color:var(--dla-text)!important;
  font-size:clamp(40px,5.6vw,76px);
  line-height:.96;
  margin:0 0 28px;
  font-weight:500;
  letter-spacing:.015em;
}
.dla-intro{
  max-width:780px;
  color:#4c4c4c!important;
  font-size:16px;
  line-height:1.75;
  margin:0;
}
.dla-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:48px;
}
.dla-stats div{
  padding:8px 28px 0;
  border-left:1px solid var(--dla-line);
}
.dla-stats div:first-child{border-left:0;padding-left:0}
.dla-stats strong{
  display:block;
  color:var(--dla-text)!important;
  font-size:28px;
  font-weight:500;
  line-height:1.05;
}
.dla-stats span{
  display:block;
  margin-top:8px;
  color:var(--dla-muted)!important;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dla-controls{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid var(--dla-line);
}
.dla-filter-buttons{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.dla-filter-buttons button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:0!important;
  padding:7px 0!important;
  margin:0!important;
  cursor:pointer;
  font:inherit!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.08em;
  color:#696969!important;
}
.dla-filter-buttons button:hover{color:#111!important}
.dla-filter-buttons button.is-active{
  color:#111!important;
  border-bottom-color:#111!important;
}
.dla-selects{display:flex;gap:12px;align-items:center}
.dla-selects select{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:44px!important;
  min-height:44px!important;
  min-width:180px;
  max-width:250px;
  margin:0!important;
  padding:0 42px 0 14px!important;
  border:1px solid #aaa!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#111!important;
  background-color:#fff!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#222 50%),
    linear-gradient(135deg,#222 50%,transparent 50%)!important;
  background-position:
    calc(100% - 17px) 19px,
    calc(100% - 12px) 19px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  font:inherit!important;
  font-size:11px!important;
  line-height:44px!important;
  letter-spacing:.06em;
}
.dla-selects select:last-child{min-width:245px}
.dla-result-line{
  text-align:right;
  color:var(--dla-muted)!important;
  font-size:11px;
  padding:18px 0 2px;
}
.dla-year-group{position:relative}
.dla-year-group h3{
  color:var(--dla-text)!important;
  font-size:34px;
  font-weight:500;
  line-height:1;
  letter-spacing:.03em;
  margin:58px 0 12px;
}
.dla-entry{
  display:grid;
  grid-template-columns:125px 105px minmax(180px,1fr) minmax(220px,1.3fr) minmax(180px,1fr);
  gap:18px;
  padding:15px 0;
  border-top:1px solid var(--dla-line);
  align-items:baseline;
}
.dla-date{display:flex;align-items:baseline;gap:8px}
.dla-day{
  color:var(--dla-text)!important;
  font-size:14px;
  line-height:1;
  font-weight:500;
}
.dla-month{
  color:var(--dla-muted)!important;
  font-size:10px;
  letter-spacing:.11em;
}
.dla-entry-main{
  display:contents;
}
.dla-entry-main h4{
  color:var(--dla-text)!important;
  font-size:13px!important;
  line-height:1.35;
  margin:0!important;
  font-weight:600!important;
  grid-column:3;
}
.dla-event{
  color:#303030!important;
  font-size:12px;
  line-height:1.4;
  grid-column:4;
}
.dla-place{
  color:#5f5f5f!important;
  font-size:11px;
  line-height:1.4;
  margin:0;
  grid-column:5;
}
.dla-type{
  color:var(--dla-muted)!important;
  text-align:left;
  font-size:9px;
  letter-spacing:.1em;
  grid-column:2;
  grid-row:1;
  padding:0;
}
.dla-empty{
  padding:60px 0;
  text-align:center;
  color:var(--dla-muted)!important;
}
.dla-load-wrap{
  text-align:center;
  padding-top:48px;
}
.dla-load-more{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #9f9f9f!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  padding:14px 44px!important;
  min-height:0!important;
  font:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.11em;
  cursor:pointer;
}
.dla-load-more:hover{background:#111!important;color:#fff!important;border-color:#111!important}
.dla-entry[hidden],.dla-year-group[hidden],.dla-load-wrap[hidden]{display:none!important}

@media(max-width:1000px){
  .dla-controls{align-items:flex-start;flex-direction:column}
  .dla-selects{width:100%}
  .dla-selects select{flex:1;max-width:none}
  .dla-entry{
    grid-template-columns:90px 90px minmax(160px,1fr) minmax(190px,1fr);
  }
  .dla-place{grid-column:3/5;margin-top:2px}
}
@media(max-width:720px){
  .dla-live-archive{padding:46px 18px 70px}
  .dla-stats{grid-template-columns:1fr 1fr;gap:0}
  .dla-stats div{border-left:0;border-top:1px solid var(--dla-line);padding:16px 14px 18px 0}
  .dla-stats div:nth-child(even){padding-left:14px;border-left:1px solid var(--dla-line)}
  .dla-controls{padding:22px 0}
  .dla-filter-buttons{gap:15px}
  .dla-selects{flex-direction:column;align-items:stretch}
  .dla-selects select,.dla-selects select:last-child{width:100%;min-width:0}
  .dla-entry{
    grid-template-columns:65px 1fr;
    gap:10px 14px;
    padding:17px 0;
  }
  .dla-date{grid-column:1;grid-row:1}
  .dla-entry-main{display:block;grid-column:2}
  .dla-entry-main h4{font-size:14px!important;margin-bottom:4px!important}
  .dla-event{font-size:12px;margin-top:2px}
  .dla-place{font-size:11px;margin-top:4px}
  .dla-type{grid-column:1;grid-row:2;font-size:8px}
  .dla-year-group h3{margin-top:46px;font-size:30px}
}


/* v1.3 — force white theme header/navigation on LIVE page */
body:has(.dla-live-archive),
body:has(.dla-live-archive) #page,
body:has(.dla-live-archive) .site,
body:has(.dla-live-archive) .site-wrapper,
body:has(.dla-live-archive) .site-content,
body:has(.dla-live-archive) .main-content,
body:has(.dla-live-archive) .content-wrapper,
body:has(.dla-live-archive) .page-wrapper,
body:has(.dla-live-archive) .page-content,
body:has(.dla-live-archive) .main-container {
  background:#fff !important;
  background-color:#fff !important;
}

/* Header shells used by many classic themes */
body:has(.dla-live-archive) header,
body:has(.dla-live-archive) header.site-header,
body:has(.dla-live-archive) #header,
body:has(.dla-live-archive) #masthead,
body:has(.dla-live-archive) .site-header,
body:has(.dla-live-archive) .header,
body:has(.dla-live-archive) .header-wrapper,
body:has(.dla-live-archive) .header-wrap,
body:has(.dla-live-archive) .top-header,
body:has(.dla-live-archive) .main-header,
body:has(.dla-live-archive) .navbar,
body:has(.dla-live-archive) .nav-bar,
body:has(.dla-live-archive) .navigation,
body:has(.dla-live-archive) .main-navigation,
body:has(.dla-live-archive) .menu-wrapper,
body:has(.dla-live-archive) .menu-container,
body:has(.dla-live-archive) .menu-main-container,
body:has(.dla-live-archive) .menu-main-menu-container,
body:has(.dla-live-archive) .vc_row:first-child,
body:has(.dla-live-archive) .header-inner {
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Remove dark pseudo-overlays/background layers */
body:has(.dla-live-archive) header:before,
body:has(.dla-live-archive) header:after,
body:has(.dla-live-archive) #header:before,
body:has(.dla-live-archive) #header:after,
body:has(.dla-live-archive) #masthead:before,
body:has(.dla-live-archive) #masthead:after,
body:has(.dla-live-archive) .site-header:before,
body:has(.dla-live-archive) .site-header:after,
body:has(.dla-live-archive) .header-wrapper:before,
body:has(.dla-live-archive) .header-wrapper:after {
  background:#fff !important;
  background-color:#fff !important;
  opacity:1 !important;
}

/* Navigation text */
body:has(.dla-live-archive) header a,
body:has(.dla-live-archive) #header a,
body:has(.dla-live-archive) #masthead a,
body:has(.dla-live-archive) .site-header a,
body:has(.dla-live-archive) .main-navigation a,
body:has(.dla-live-archive) nav a,
body:has(.dla-live-archive) .menu a,
body:has(.dla-live-archive) .menu-item a {
  color:#171717 !important;
  text-shadow:none !important;
}

/* Make LIVE visibly active without depending on theme active-state styling */
body:has(.dla-live-archive) .current-menu-item > a,
body:has(.dla-live-archive) .current_page_item > a,
body:has(.dla-live-archive) .menu-item.current-menu-item > a,
body:has(.dla-live-archive) .menu-item.current_page_item > a {
  color:#171717 !important;
  border-bottom:2px solid #171717 !important;
}

/* Social/profile icons */
body:has(.dla-live-archive) header svg,
body:has(.dla-live-archive) #header svg,
body:has(.dla-live-archive) #masthead svg,
body:has(.dla-live-archive) .site-header svg,
body:has(.dla-live-archive) nav svg {
  fill:#171717 !important;
  color:#171717 !important;
}
body:has(.dla-live-archive) header i,
body:has(.dla-live-archive) #header i,
body:has(.dla-live-archive) #masthead i,
body:has(.dla-live-archive) .site-header i,
body:has(.dla-live-archive) nav i {
  color:#171717 !important;
}

/* Kill black gap/hero backgrounds immediately below header */
body:has(.dla-live-archive) header + *,
body:has(.dla-live-archive) #header + *,
body:has(.dla-live-archive) #masthead + *,
body:has(.dla-live-archive) .site-header + * {
  border-top-color:#fff !important;
}
body:has(.dla-live-archive) .page-title,
body:has(.dla-live-archive) .page-header,
body:has(.dla-live-archive) .hero,
body:has(.dla-live-archive) .hero-area,
body:has(.dla-live-archive) .title-area,
body:has(.dla-live-archive) .page-banner,
body:has(.dla-live-archive) .page-heading,
body:has(.dla-live-archive) .header-spacer,
body:has(.dla-live-archive) .menu-spacer {
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
}

/* Remove excess black band if theme uses margin/padding around content */
body:has(.dla-live-archive) .site-content,
body:has(.dla-live-archive) .content-area,
body:has(.dla-live-archive) .page-content,
body:has(.dla-live-archive) .main-content {
  margin-top:0 !important;
  border-top:0 !important;
}

/* Keep archive beginning close to navigation */
.dla-live-archive {
  padding-top:58px !important;
}

@media(max-width:720px){
  .dla-live-archive {
    padding-top:38px !important;
  }
}