/* =====================================================
   DATAAI THEME — Overlay on Default Theme CSS
   ===================================================== */

:root {
  --violet-950: #0f0326; --violet-900: #1a0640; --violet-800: #2e0d6f;
  --violet-700: #4912a3; --violet-600: #6528d7; --violet-500: #8044e8;
  --violet-400: #9d6ff0; --violet-300: #bea0f5; --violet-200: #dac6fa;
  --violet-100: #f0e6fd; --violet-50: #f8f4fe;
  --indigo-600: #3730e0; --blue-500: #3b82f6; --blue-400: #60a5fa;
  --rose-400: #fb7185; --amber-400: #fbbf24; --emerald-400: #34d399;
  --slate-950: #020617; --slate-900: #0f172a; --slate-800: #1e293b;
  --slate-700: #334155; --slate-600: #475569; --slate-500: #64748b;
  --slate-400: #94a3b8; --slate-300: #cbd5e1; --slate-200: #e2e8f0;
  --slate-100: #f1f5f9; --slate-50: #f8fafc; --white: #ffffff;
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Instrument Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-full: 9999px;
  --shadow: 0 4px 16px rgba(101,40,215,0.08);
  --shadow-lg: 0 8px 32px rgba(101,40,215,0.12);
  --shadow-xl: 0 16px 48px rgba(15,3,38,0.12);
}

body {
  font-family: var(--font-body) !important;
  background: var(--slate-50) !important;
  color: var(--slate-800) !important;
  -webkit-font-smoothing: antialiased;
  line-height: 1.65 !important;
}

/* =====================================================
   BOXED LAYOUT — Entire site in white container
   ===================================================== */
.pkp_structure_page {
  max-width: 1320px !important;
  margin: 20px auto !important;
  background: var(--white) !important;
  box-shadow: 0 0 40px rgba(15,3,38,0.08), 0 0 120px rgba(101,40,215,0.04) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* =====================================================
   HEADER / NAVBAR — NOT fixed, white background
   Force ALL nav containers to be white/transparent
   ===================================================== */
.pkp_structure_head,
.pkp_structure_head *:not(a):not(img):not(span):not(i) {
  background-color: var(--white) !important;
}

.pkp_structure_head {
  position: relative !important;
  top: auto !important;
  border-bottom: 1px solid var(--slate-200) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
  z-index: 100 !important;
}

/* Kill ALL colored backgrounds in header */
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
.pkp_head_wrapper,
#headerNavigationContainer,
.headerNavigationContainer,
.pkp_navigation_primary_wrapper {
  background: var(--white) !important;
  background-color: var(--white) !important;
  border: none !important;
}

.pkp_head_wrapper {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* Logo */
.pkp_site_name { font-family: var(--font-display) !important; }
.pkp_site_name a { color: var(--slate-900) !important; text-decoration: none !important; }
.pkp_site_name a.is_img img { max-height: 100% !important; }

/* Nav links — ensure visible on white bg */
.pkp_navigation_primary { font-family: var(--font-display) !important; }

.pkp_navigation_primary > li > a,
.pkp_navigation_primary a {
  color: var(--slate-600) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary a:hover {
  color: var(--violet-700) !important;
  background: var(--violet-50) !important;
}

/* Dropdown */
.pkp_navigation_primary ul ul {
  background: var(--white) !important;
  border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-md) !important;
  box-shadow: 0 20px 50px rgba(15,3,38,0.12) !important;
}

.pkp_navigation_primary ul ul li a {
  color: var(--slate-600) !important;
  font-size: 13px !important;
}

.pkp_navigation_primary ul ul li a:hover {
  color: var(--violet-700) !important;
  background: var(--violet-50) !important;
}

/* User nav */
.pkp_navigation_user { font-family: var(--font-display) !important; }
.pkp_navigation_user a { color: var(--violet-600) !important; font-weight: 600 !important; }
.pkp_navigation_user a:hover { color: var(--violet-700) !important; }
.task_count { background: var(--violet-600) !important; color: var(--white) !important; }

/* Search button */
.pkp_search_desktop { background: var(--white) !important; }

/* =====================================================
   LAYOUT — max width
   ===================================================== */
.pkp_structure_content {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* =====================================================
   HOMEPAGE — About → Hero
   Only target the DIRECT about section, not parent wrappers
   ===================================================== */

/* Ensure main content area stays light */
.pkp_structure_content,
.pkp_structure_main,
.page_index_journal .pkp_structure_main {
  background: transparent !important;
  background-color: transparent !important;
}

/* The about section itself = hero */
.homepage .homepage_about,
.page_index_journal .homepage_about,
#homepageAbout {
  background: linear-gradient(160deg, var(--violet-950) 0%, #1c0a4a 25%, var(--violet-700) 55%, var(--indigo-600) 80%, var(--blue-500) 100%) !important;
  color: var(--white) !important;
  padding: 56px 48px !important;
  border-radius: var(--r-lg) !important;
  margin-bottom: 32px !important;
  position: relative;
  overflow: hidden;
}

/* Only children INSIDE .homepage_about get white text */
.homepage_about > *,
#homepageAbout > * {
  position: relative; z-index: 1;
}

.homepage_about p,
.homepage_about a,
.homepage_about li,
.homepage_about td,
.homepage_about div,
.homepage_about span,
.homepage_about h1,
.homepage_about h2,
.homepage_about h3,
#homepageAbout p,
#homepageAbout a,
#homepageAbout li,
#homepageAbout td,
#homepageAbout div,
#homepageAbout span,
#homepageAbout h1,
#homepageAbout h2,
#homepageAbout h3 {
  color: rgba(255,255,255,0.85) !important;
}

.homepage_about strong, #homepageAbout strong { color: var(--white) !important; }

.homepage_about table, #homepageAbout table {
  background: rgba(255,255,255,0.07) !important;
  border-radius: var(--r-md) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.homepage_about table td, #homepageAbout table td {
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  background: transparent !important;
}

.homepage_about img, #homepageAbout img {
  border-radius: var(--r-sm) !important; max-width: 100% !important;
}

/* Stats cards area (below hero) — ensure light bg */
.homepage_about + *,
#homepageAbout + * {
  background: transparent !important;
}

/* "About the Journal" heading inside hero — hide or style */
.homepage_about h2:first-child {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.5) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

/* =====================================================
   ANNOUNCEMENTS
   ===================================================== */
.obj_announcements h2 {
  font-family: var(--font-display) !important; font-weight: 800 !important;
  color: var(--slate-900) !important; padding-left: 16px !important; border-left: 4px solid var(--violet-600) !important;
}

.obj_announcement_summary {
  background: var(--white) !important; border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-md) !important; box-shadow: var(--shadow) !important;
  padding: 20px 24px !important; margin-bottom: 16px !important; transition: all 0.25s !important;
}
.obj_announcement_summary:hover { box-shadow: var(--shadow-lg) !important; transform: translateY(-2px); }
.obj_announcement_summary h3 { font-family: var(--font-display) !important; font-weight: 700 !important; color: var(--slate-900) !important; }
.obj_announcement_summary h3 a { color: var(--slate-900) !important; text-decoration: none !important; }
.obj_announcement_summary h3 a:hover { color: var(--violet-600) !important; }
.obj_announcement_summary .date { font-family: var(--font-mono) !important; font-size: 11px !important; color: var(--violet-500) !important; text-transform: uppercase !important; letter-spacing: 1px !important; }

/* =====================================================
   ISSUE TOC — Section titles, DOI, Authors Statistics
   ===================================================== */
.obj_issue_toc h2 { font-family: var(--font-display) !important; font-weight: 800 !important; color: var(--slate-900) !important; }

.obj_issue_toc .sections .section > h3,
.obj_issue_toc .sections .section > h2 {
  font-family: var(--font-display) !important; font-size: 20px !important; font-weight: 800 !important;
  color: var(--slate-900) !important; padding-bottom: 12px !important; border-bottom: 3px solid var(--violet-600) !important;
}

/* DOI on issue TOC */
.obj_issue_toc .pub_id,
.obj_issue_toc .doi {
  display: block !important;
  visibility: visible !important;
  margin: 12px 0 !important;
}

.obj_issue_toc .pub_id a,
.obj_issue_toc .doi a {
  color: var(--violet-600) !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Authors Statistics table */
.obj_issue_toc table {
  border-radius: var(--r-md) !important; overflow: hidden !important;
  border: 1px solid var(--slate-200) !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important;
}
.obj_issue_toc table th {
  background: linear-gradient(135deg, var(--violet-600), var(--indigo-600)) !important;
  color: var(--white) !important; font-family: var(--font-display) !important; font-weight: 700 !important; padding: 12px 16px !important;
}
.obj_issue_toc table td { padding: 10px 16px !important; border-bottom: 1px solid var(--slate-100) !important; }
.obj_issue_toc table tr:hover td { background: var(--violet-50) !important; }

/* =====================================================
   ARTICLE CARDS — obj_article_summary = art-card
   ===================================================== */
.cmp_article_list { list-style: none !important; padding: 0 !important; }
.cmp_article_list > li { list-style: none !important; margin-bottom: 16px !important; border: none !important; outline: none !important; }

.obj_article_summary {
  background: var(--white) !important; border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-lg) !important; padding: 24px 28px !important; box-shadow: var(--shadow) !important;
  transition: all 0.3s cubic-bezier(.4,0,.2,1) !important; border-left: 4px solid transparent !important;
}
.obj_article_summary:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-xl) !important; border-left-color: var(--violet-500) !important; }

.obj_article_summary .heading {
  font-family: var(--font-mono) !important; font-size: 10px !important; font-weight: 700 !important;
  color: var(--violet-600) !important; text-transform: uppercase !important; letter-spacing: 1px !important;
  display: inline-block !important; padding: 3px 12px !important; background: var(--violet-50) !important;
  border: 1px solid var(--violet-100) !important; border-radius: var(--r-full) !important; margin-bottom: 8px !important;
}

.obj_article_summary .title { font-family: var(--font-display) !important; font-size: 17px !important; font-weight: 700 !important; color: var(--slate-900) !important; margin-bottom: 10px !important; }
.obj_article_summary .title a { color: var(--slate-900) !important; text-decoration: none !important; }
.obj_article_summary .title a:hover { color: var(--violet-600) !important; }
.obj_article_summary .authors { font-size: 13px !important; color: var(--slate-500) !important; margin-bottom: 12px !important; }

.obj_article_summary .meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; padding-top: 14px !important; border-top: 1px solid var(--slate-100) !important; }
.obj_article_summary .meta a[href*="doi.org"] { color: var(--violet-500) !important; font-size: 11.5px !important; font-family: var(--font-mono) !important; word-break: break-all !important; }
.obj_article_summary .pages { font-size: 12px !important; color: var(--slate-400) !important; padding: 3px 10px !important; background: var(--slate-50) !important; border-radius: var(--r-full) !important; border: 1px solid var(--slate-100) !important; }

.galleys_links { list-style: none !important; padding: 0 !important; margin: 0 0 0 auto !important; display: flex !important; gap: 8px !important; }

.obj_galley_link.pdf, a.obj_galley_link.pdf {
  display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 20px !important;
  background: linear-gradient(135deg, var(--violet-600), var(--indigo-600)) !important;
  color: var(--white) !important; font-family: var(--font-display) !important; font-size: 12px !important; font-weight: 700 !important;
  border-radius: var(--r-full) !important; text-decoration: none !important; box-shadow: 0 2px 10px rgba(101,40,215,0.2) !important; border: none !important;
}
.obj_galley_link.pdf:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(101,40,215,0.35) !important; }
.obj_galley_link:not(.pdf) { display: inline-flex !important; align-items: center !important; padding: 8px 16px !important; font-family: var(--font-display) !important; font-size: 12px !important; font-weight: 700 !important; color: var(--slate-600) !important; background: var(--slate-100) !important; border: 1px solid var(--slate-200) !important; border-radius: var(--r-full) !important; text-decoration: none !important; }

a.read_more { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: linear-gradient(135deg, var(--violet-600), var(--indigo-600)) !important; color: var(--white) !important; font-family: var(--font-display) !important; font-size: 13px !important; font-weight: 700 !important; padding: 12px 28px !important; border-radius: var(--r-full) !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(101,40,215,0.25) !important; margin-top: 20px !important; }
a.read_more:hover { transform: translateY(-3px) !important; }

/* =====================================================
   BREADCRUMBS
   ===================================================== */
.cmp_breadcrumbs, ol.cmp_breadcrumbs {
  list-style: none !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  padding: 0 !important; margin: 0 0 20px 0 !important; font-size: 13px !important;
}
.cmp_breadcrumbs li, ol.cmp_breadcrumbs li {
  display: inline !important; color: var(--slate-400) !important; list-style: none !important;
}
.cmp_breadcrumbs li::marker, ol.cmp_breadcrumbs li::marker { content: '' !important; display: none !important; font-size: 0 !important; }
.cmp_breadcrumbs li a, ol.cmp_breadcrumbs li a { color: var(--violet-600) !important; text-decoration: none !important; font-weight: 600 !important; }
.cmp_breadcrumbs li a:hover { color: var(--violet-700) !important; }

/* =====================================================
   ARTICLE VIEW — Fix main_entry / entry_details width
   ===================================================== */
.page_article .obj_article_details {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
}

/* Main article content (left) — 60% */
.page_article .main_entry {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 62% !important;
}

/* Entry details (right inside main) — 35% */
.page_article .entry_details {
  flex: 0 0 35% !important;
  max-width: 35% !important;
  background: var(--white) !important;
  border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-lg) !important;
  padding: 0 !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
  align-self: flex-start !important;
  position: sticky !important;
  top: 20px !important;
}

.page_article .page_title {
  font-family: var(--font-display) !important; font-size: 28px !important; font-weight: 900 !important;
  color: var(--slate-900) !important; line-height: 1.2 !important; letter-spacing: -0.8px !important;
  margin-bottom: 24px !important; padding-bottom: 20px !important; border-bottom: 3px solid var(--violet-100) !important;
  flex: 0 0 100% !important;
}

/* Section headings */
.page_article h2, .page_article h3, .obj_article_details h3 {
  font-family: var(--font-display) !important; font-weight: 800 !important; color: var(--slate-900) !important;
}

/* Author cards */
.obj_article_details .authors li {
  margin-bottom: 10px !important; padding: 14px 18px !important; background: var(--white) !important;
  border-radius: var(--r-md) !important; border: 1px solid var(--slate-200) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important; list-style: none !important;
}
.obj_article_details .authors li:hover { border-color: var(--violet-200) !important; }
.obj_article_details .authors .name { font-family: var(--font-display) !important; font-weight: 700 !important; color: var(--slate-900) !important; }
.obj_article_details .authors .affiliation { font-size: 13px !important; color: var(--slate-500) !important; }
.obj_article_details .authors .orcid a { color: var(--emerald-400) !important; font-family: var(--font-mono) !important; font-size: 12px !important; }

/* Section labels */
.obj_article_details .item .label, .obj_article_details .label {
  font-family: var(--font-display) !important; font-size: 16px !important; font-weight: 800 !important;
  color: var(--slate-900) !important; border-bottom: 2px solid var(--violet-100) !important; padding-bottom: 8px !important; margin-bottom: 12px !important;
}

/* DOI */
.item.doi .value a { color: var(--violet-600) !important; font-family: var(--font-mono) !important; font-size: 13px !important; word-break: break-all; text-decoration: none !important; }

/* Keywords */
.item.keywords .value span, .item.keywords .value a {
  display: inline-block !important; padding: 4px 12px !important; font-size: 12px !important; font-weight: 600 !important;
  color: var(--slate-600) !important; background: var(--slate-50) !important; border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-full) !important; margin: 0 4px 6px 0 !important;
}

/* Abstract */
.item.abstract p { font-size: 14.5px !important; line-height: 1.8 !important; color: var(--slate-700) !important; text-align: justify !important; }

/* References */
.item.references .value { font-size: 13px !important; line-height: 1.85 !important; color: var(--slate-600) !important; max-height: 500px; overflow-y: auto; }
.item.references .value::-webkit-scrollbar { width: 6px; }
.item.references .value::-webkit-scrollbar-track { background: var(--slate-100); border-radius: 3px; }
.item.references .value::-webkit-scrollbar-thumb { background: var(--violet-300); border-radius: 3px; }

/* Entry details sections */
.entry_details .sub_item { padding: 18px 20px !important; border-bottom: 1px solid var(--slate-100) !important; }
.entry_details .sub_item:last-child { border-bottom: none !important; }
.entry_details .label { font-family: var(--font-display) !important; font-size: 12px !important; font-weight: 700 !important; color: var(--slate-500) !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 6px !important; }
.entry_details .value { font-size: 14px !important; color: var(--slate-700) !important; }

/* Citation */
.citation_display .csl-entry { background: var(--slate-50) !important; padding: 14px 16px !important; border-radius: var(--r-sm) !important; border: 1px solid var(--slate-200) !important; font-size: 12.5px !important; line-height: 1.7 !important; }
.citation_formats_button { background: var(--violet-50) !important; color: var(--violet-600) !important; border: 1px solid var(--violet-200) !important; border-radius: var(--r-full) !important; font-size: 11px !important; font-weight: 700 !important; font-family: var(--font-display) !important; padding: 6px 14px !important; }

/* =====================================================
   SIDEBAR — Ensure white backgrounds, clear text
   ===================================================== */
.pkp_structure_sidebar,
.pkp_structure_sidebar * {
  background-color: transparent !important;
}

.pkp_block {
  background: var(--white) !important; background-color: var(--white) !important;
  border: 1px solid var(--slate-200) !important;
  border-radius: var(--r-lg) !important; margin-bottom: 16px !important; overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(15,3,38,0.04) !important;
}
.pkp_block:hover { box-shadow: 0 8px 28px rgba(15,3,38,0.08) !important; }

.pkp_block .title {
  font-family: var(--font-display) !important; font-size: 13.5px !important; font-weight: 700 !important;
  color: var(--slate-900) !important; padding: 14px 20px !important; border-bottom: 1px solid var(--slate-100) !important;
  background: var(--slate-50) !important;
}

.pkp_block .content { padding: 6px 0 !important; }

/* Make a Submission */
.pkp_block.block_make_submission .content a {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; padding: 18px 20px !important;
  background: linear-gradient(135deg, var(--violet-600) 0%, var(--indigo-600) 50%, var(--blue-500) 100%) !important;
  background-size: 200% 200% !important; animation: grad_shift 4s ease infinite !important;
  color: var(--white) !important; font-family: var(--font-display) !important; font-size: 15px !important; font-weight: 800 !important;
  border-radius: var(--r-lg) !important; text-decoration: none !important; box-shadow: 0 6px 24px rgba(101,40,215,0.3) !important;
}
.pkp_block.block_make_submission .content a:hover { transform: translateY(-2px) !important; }

/* Sidebar nav */
.pkp_block .content ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.pkp_block .content ul li { border-bottom: 1px solid var(--slate-100) !important; }
.pkp_block .content ul li:last-child { border-bottom: none !important; }
.pkp_block .content ul li a {
  color: var(--slate-700) !important; font-size: 13px !important; font-weight: 600 !important;
  padding: 11px 20px !important; display: block !important; text-decoration: none !important;
  background: var(--white) !important; background-color: var(--white) !important;
}
.pkp_block .content ul li a:hover { background: var(--violet-50) !important; color: var(--violet-600) !important; }
.pkp_block .content img { max-width: 100% !important; border-radius: var(--r-sm) !important; }

/* =====================================================
   ISSUE & ARCHIVES
   ===================================================== */
.page_issue .page_title, .page_issue_archive h1 { font-family: var(--font-display) !important; font-weight: 900 !important; color: var(--slate-900) !important; }
.issues_archive { list-style: none !important; padding: 0 !important; }
.obj_issue_summary { background: var(--white) !important; border: 1px solid var(--slate-200) !important; border-radius: var(--r-lg) !important; padding: 24px !important; margin-bottom: 14px !important; box-shadow: var(--shadow) !important; transition: all 0.3s !important; border-left: 4px solid transparent !important; }
.obj_issue_summary:hover { border-left-color: var(--violet-500) !important; box-shadow: var(--shadow-lg) !important; }
.obj_issue_summary h2 { font-family: var(--font-display) !important; font-weight: 700 !important; }
.obj_issue_summary h2 a { color: var(--slate-900) !important; text-decoration: none !important; }
.obj_issue_summary h2 a:hover { color: var(--violet-600) !important; }

/* =====================================================
   FOOTER — All text visible
   ===================================================== */
.pkp_structure_footer_wrapper {
  background: linear-gradient(160deg, var(--slate-950), #0d0628, #130840) !important;
  margin-top: 48px !important; border-top: 3px solid !important;
  border-image: linear-gradient(90deg, var(--violet-500), var(--blue-500), var(--rose-400), var(--amber-400)) 1 !important;
  border-radius: 0 0 16px 16px !important;
}
.pkp_structure_footer { max-width: 1280px !important; margin: 0 auto !important; padding: 48px 32px !important; }

/* Force ALL footer children to be visible */
.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper *:not(img) {
  color: rgba(255,255,255,0.7) !important;
}
.pkp_footer_content a:hover { color: var(--white) !important; }
.pkp_footer_content strong { color: rgba(255,255,255,0.9) !important; }
.pkp_footer_content img { opacity: 0.9 !important; }
.pkp_footer_content img:hover { opacity: 1 !important; }
.pkp_brand_footer { display: none !important; }

/* =====================================================
   ANIMATIONS
   ===================================================== */
@keyframes fadeInUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes grad_shift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

.obj_article_summary { animation: fadeInUp 0.5s cubic-bezier(.4,0,.2,1) backwards; }
.cmp_article_list > li:nth-child(1) .obj_article_summary { animation-delay: 0.06s; }
.cmp_article_list > li:nth-child(2) .obj_article_summary { animation-delay: 0.12s; }
.cmp_article_list > li:nth-child(3) .obj_article_summary { animation-delay: 0.18s; }
.cmp_article_list > li:nth-child(4) .obj_article_summary { animation-delay: 0.24s; }
.cmp_article_list > li:nth-child(5) .obj_article_summary { animation-delay: 0.30s; }
.cmp_article_list > li:nth-child(6) .obj_article_summary { animation-delay: 0.36s; }

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 992px) {
  .page_article .obj_article_details { flex-direction: column !important; }
  .page_article .main_entry { max-width: 100% !important; }
  .page_article .entry_details { flex: 0 0 100% !important; max-width: 100% !important; position: static !important; }
}

@media (max-width: 768px) {
  .page_index_journal .homepage_about,
  .page_index_journal #homepageAbout { padding: 32px 24px !important; }
  .page_article .page_title { font-size: 22px !important; }
  .obj_article_summary { padding: 18px 16px !important; }
  .obj_article_summary .title { font-size: 15px !important; }
  .obj_article_summary .meta { flex-direction: column !important; align-items: flex-start !important; }
  .galleys_links { margin-left: 0 !important; }
}