@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/* Match the shared VietTESOL footer used by the local Indico site. */
.pkp_structure_footer_wrapper {
  background: #1C65EB;
  color: #FFFEFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.160655;
  padding: 10px 5px 10px 10px;
}

.pkp_structure_footer_wrapper .pkp_structure_footer {
  display: block;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.pkp_structure_footer_wrapper .pkp_footer_content {
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  color: inherit;
}

.pkp_footer_content .vts-footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: calc(100% - 20px);
  margin: 10px;
  padding: 0;
  list-style: none;
}

.pkp_footer_content .vts-footer-links li {
  margin: 0;
  padding: 0;
  line-height: 0.9;
  text-align: start;
}

.pkp_footer_content .vts-footer-links a {
  color: #FFFEFF;
  font: inherit;
  line-height: 40px;
  text-decoration: none;
  border: 0;
}

.pkp_footer_content .vts-footer-links a:hover,
.pkp_footer_content .vts-footer-links a:focus-visible {
  color: #d3fa7f;
}

.pkp_structure_footer_wrapper .pkp_brand_footer {
  display: none;
}

/* === One-column Announcements === */

/* Kill any multi-col layout at the container level */
.cmp_announcements {
  column-count: 1 !important;
  -moz-column-count: 1 !important;
}

/* If the theme used grid/flex for two columns, make it one */
.cmp_announcements,
.cmp_announcements > .items,
.cmp_announcements > .pkp_grid,
.cmp_announcements > .pkp_list {
  display: block !important;
}

/* Each announcement should span full width */
.cmp_announcements .obj_announcement_summary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}

/* If a grid was used, force single track */
.cmp_announcements .pkp_grid,
.cmp_announcements .pkp_list {
  grid-template-columns: 1fr !important;
}

/* Tidy spacing between items */
.cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
  margin-top: 1.25rem;
}

/* Make the "more" row span full width */
.cmp_announcements .more {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* === OJS Homepage Custom Styling === */
/* --- 1. One-column Announcements --- */
.cmp_announcements {
  column-count: 1 !important;
  -moz-column-count: 1 !important;
}

.cmp_announcements,
.cmp_announcements > .items,
.cmp_announcements > .pkp_grid,
.cmp_announcements > .pkp_list {
  display: block !important;
}

.cmp_announcements .obj_announcement_summary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}

.cmp_announcements .pkp_grid,
.cmp_announcements .pkp_list {
  grid-template-columns: 1fr !important;
}

.cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
  margin-top: 1.25rem;
}

.cmp_announcements .more {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* --- 2. Match announcement body text to About paragraph --- */
body.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .summary,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .summary p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Keep title and "Read more" styling unchanged */
body.pkp_page_index .cmp_announcements .obj_announcement_summary h3,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more {
  /* no changes */
}