:root {
  --bs-primary: #ff5733;
  /* Change primary color */
  --bs-secondary: #4bca95;
  /* Change secondary color */
  --bs-success: #28a745;
  /* Change success color */
  --bs-info: #4bca95;
  /* Change info color */
  --bs-info-rgb: 75, 202, 149;
  /* Change info color */
  --bs-link-color: #4bca95;
  /* Change link color */
  --bs-link-color-rgb: 75, 202, 149;
  /* Change link color */
  --bs-pagination-active-bg: #000000;
}

.active>.page-link, .page-link.active {
  background-color: #000000;
  border-color: #495057;
}

html, body {
  height: 100%; /* Ensure full height */
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
}
.content {
  flex: 1; /* Pushes the footer down */
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}


/* stylelint-disable @stylistic/selector-list-comma-newline-after */

.blog-header-logo {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-style: normal;


  font-size: 2.5rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
    /*rtl:Amiri, Georgia, "Times New Roman", serif*/
  ;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 {
  height: 250px;
}

@media (min-width: 768px) {
  .h-md-250 {
    height: 250px;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*
   * Blog posts
   */
.blog-post {
  margin-bottom: 4rem;
}

.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}


.custom-sticky {
  top: 2rem;
}

.info_page_title {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: "mokoko", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 45px;
  line-height: 1em;
}

.event_title {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: "mokoko", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 45px;
  line-height: 1em;
}

.page_title {

  font-family: "mokoko", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 45px;
  line-height: 1em;
}

.page_secondary_title {
  padding-bottom: 10px;
  font-family: "mokoko", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  line-height: 1em;
}

.event_date {
  padding: 0 0 0 5px;
  margin: 0 0 0 0;
  font-family: "dunbar-low", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 35px;
}

.event_header {
  font-family: "filosofia-unicase", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
}

.event_info_header {
  font-family: "filosofia-all-small-caps", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  margin-bottom: -5px;
}

footer {
  font-family: "filosofia-all-small-caps", serif;
  font-weight: 600;
  font-size: 20px;
}

.event_short_description {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.15em;
}

.event_detail_text {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.35em;
}

.event_info_item {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.0em;
  line-height: 1.2em;
}

.event_bullet {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6em;
  line-height: 1.15em;
}

.breadcrumb {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
}

.nav {
  font-family: "degular-display", sans-serif;
}

.event_list_title,
a.event_list_title {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7em;
  line-height: 0.8em;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.person_list_name {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1.0em;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.continue_reading_link {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.person_list_secondary_info {
  font-family: "nobel", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.0em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.person_list_short_description {
  font-family: "owners-narrow", sans-serif;
font-weight: 500;
font-style: normal;
margin-top: -5px;
line-height: 0.85em;
}

.person_list_description {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.05em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.person_list_age {
  font-family: "owners-narrow", sans-serif;
font-weight: 500;
font-style: normal;
  font-size: 0.8em;
  line-height: 1.0em;
}

.event_list_years_ago {
  font-family: "owners-narrow", sans-serif;
font-weight: 500;
font-style: normal;
  font-size: 0.8em;
  line-height: 1.0em;
}

.person_list_smallheader {
  margin-top: 2px;
  font-family: "wedding-gothic-atf", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.7em;
}

.event_list_year {
  font-family: "dunbar-low", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.1em;
  padding-bottom: 0;

}

.event_list_category {
  font-family: "wedding-gothic-atf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75em;
}

.event_list_description {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.0em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.event_info_tag {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.15em;
}

.navigation_link {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.15em;
}


.date_nav {
  margin-top: -2px;
}

.btn {
  font-family: "degular-display", sans-serif;
  font-weight: 700;
}

.homepage_title {
  font-family: "mokoko", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 45px;
  line-height: 1em;
}

.homepage_sidebar_header {
  font-family: "mokoko", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9em;
  line-height: 1.0em;
}


.homepage_sidebar_description {
  font-family: "degular-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.15em;

}

.homepage_description {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.15em;
  padding: 3px;
}

.page_description {
  font-family: "degular-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.15em;
}




.category-politics-government {
  color: #ff5733;
  /* Red for Politics & Government */
}

.category-science-technology {
  color: #4bca95;
  /* Green for Science & Technology */
}

.category-arts-culture {
  color: #ffb3ff;
  /* Pink for Arts & Culture */
}

.category-military-warfare {
  color: #808080;
  /* Gray for Military & Warfare */
}

.category-sports-recreation {
  color: #1e90ff;
  /* Blue for Sports & Recreation */
}

.category-economics-industry {
  color: #ffd700;
  /* Gold for Economics & Industry */
}

.category-social-movements-civil-rights {
  color: #ff69b4;
  /* Hot Pink for Social Movements & Civil Rights */
}

.category-health-medicine {
  color: #32cd32;
  /* Lime Green for Health & Medicine */
}

.category-natural-disasters {
  color: #ff4500;
  /* Orange Red for Natural Disasters */
}

.category-crime-law {
  color: #8b0000;
  /* Dark Red for Crime & Law */
}

.category-entertainment {
  color: #ff6347;
  /* Tomato for Entertainment */
}

.category-exploration-discovery {
  color: #4682b4;
  /* Steel Blue for Exploration & Discovery */
}

.category-religion-philosophy {
  color: #dda0dd;
  /* Plum for Religion & Philosophy */
}

.category-education-academia {
  color: #6a5acd;
  /* Slate Blue for Education & Academia */
}

.category-transportation-infrastructure {
  color: #ff8c00;
  /* Dark Orange for Transportation & Infrastructure */
}

.category-space-exploration {
  color: #000080;
  /* Navy for Space Exploration */
}

.category-cultural-traditions {
  color: #ff1493;
  /* Deep Pink for Cultural Traditions */
}

.category-accidents-tragedies {
  color: #696969;
  /* Dim Gray for Accidents & Tragedies */
}

.category-technology-innovation {
  color: #00ced1;
  /* Dark Turquoise for Technology & Innovation */
}


.person_detail_short_description {
  margin-top: -5px;
  font-family: "wedding-gothic-atf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.95em;
  line-height: 1.0em;
}




.cover {
  object-fit: cover;
  width: 100%;
  height: 150px;
}

.custom-card {
  position: relative;
  background-position: center 70%;
  background-repeat: no-repeat;
  background-size: cover;
  /* Optional: cover the whole card */
  color: white;
  /* Text color adjustment */
  background-color: #000080;
}