/* ==============
 * LISTING PAGE 
 * =================================== */
.events-hubdb-listing {
	padding-bottom: 48px;
	padding-top: 40px;
}
.events-hubdb-listing_item {
	background-color: var(--white-400);
	border-radius: 12px;
	text-decoration: none;
	overflow: hidden;
	height: 100%;
	isolation: isolate;
	transition: 0.3s ease;
} 
	.events-hubdb-listing_item:hover {
		transform: translateY(-5px);
		opacity: 1;
	}
@media (min-width: 1280px) {
	.events-hubdb-listing {
		padding-bottom: 80px;
	}
}

@media (min-width: 1024px) {
	.events-hubdb-listing {
		padding-block: 64px;
	}
}


/* -----
 * Page H1 
 * ---------- */
.events-hubdb-listing_header {
	margin-bottom: 32px;
}
@media (min-width:1024px) {
	.events-hubdb-listing_header {
		margin-bottom: 64px;
	}
}

/* -----
 * Image 
 * ---------- */
.events-hubdb-listing_item-image {
	aspect-ratio: 184 / 123;
	height: auto;
	overflow: hidden;
}
.events-hubdb-listing_item-image img {
	max-width: none;
	max-height: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* -----
 * Content
 * ---------- */
.events-hubdb-listing_date,
.events-hubdb-listing_loc {
	color: var(--base);
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}
.events-hubdb-listing_date {
	margin-bottom: 3px;
}
.events-hubdb-listing_title {
	color: var(--secondary);
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 0;
}
	.events-hubdb-listing_item:hover .events-hubdb-listing_title {
		color: var(--primary);
	}
.events-hubdb-listing_item-content {
	padding: 16px 16px 20px;
	border-top: 1px solid var(--white-200);
}
@media (min-width: 1280px) {
	.events-hubdb-listing_item-content {
		padding: 20px 20px 24px;
	}
}
@media (min-width: 1024px) {
	.events-hubdb-listing_item-content {
		padding: 16px 16px 20px;
	}
}

/* ==============
 * POST PAGE 
 * =================================== */
.events-hubdb-post_banner {
	border-bottom: 1px solid var(--base-100);
	padding-top: 4.8rem;
	padding-bottom: 3.8rem;
}
.events-hubdb-post .container {
	max-width: 800px;
}
@media (min-width: 1024px) {
	.events-hubdb-post_banner {
		padding-top: 6.4rem;
		padding-bottom: 3.2rem;
	}
}
@media (min-width: 1280px) {
	.events-hubdb-post_banner {
		padding-top: 8rem;
		padding-bottom: 4rem;
	}
}

/* -----
 * Content 
 * ---------- */
.events-hubdb-post_content {
	padding-bottom: 4.8rem;
	padding-top: 3.4rem;
}
.events-hubdb-post_content a {
	color: var(--base);
	text-decoration: underline;
}
	.events-hubdb-post_content a:hover {
		color: var(--primary);
		opacity: 1;
	}
@media (min-width: 1024px) {
	.events-hubdb-post_content {
		padding-bottom: 6.4rem;
		padding-top: 3.2rem;
	}
}
@media (min-width: 1280px) {
	.events-hubdb-post_content {
		padding-bottom: 8rem;
		padding-top: 4rem;
	}
}

/* -----
 * Title 
 * ---------- */
.events-hubdb-post_banner h1 {
	font-size: 2.8rem;
	margin-bottom: 1.8rem;
	line-height: 1.2;
	letter-spacing; -.02em;
}
@media (min-width:640px) {
	.events-hubdb-post_banner h1 {
		font-size: 3.2rem;
		margin-bottom: 1.4rem;
	}
}
@media (min-width:1024px) {
	.events-hubdb-post_banner h1 {
		font-size: 4rem;
		margin-bottom: 1.6rem;
	}
}
@media (min-width:1280px) {
	.events-hubdb-post_banner h1 {
		font-size: 4.8rem;
		margin-bottom: 2rem;
	}
}

/* -----
 * Date and location 
 * ---------- */
.events-hubdb-post_time {
	margin-bottom: 0;
}
.events-hubdb-post_meta,
.events-hubdb-post_time,
.events-hubdb-post_loc {
	font-size: 1.1rem;
}
@media (min-width: 1024px) {
	.events-hubdb-post_meta,
	.events-hubdb-post_time,
	.events-hubdb-post_loc {
		font-size: 1.2rem;
	}
}
@media (min-width: 1280px) {
	.events-hubdb-post_meta,
	.events-hubdb-post_time,
	.events-hubdb-post_loc {
		font-size: 1.4rem;
	}
}

/* -----
 * Button 
 * ---------- */
.events-hubdb .events-hubdb_button {
  display: inline-flex;
  font-size: 1rem;
  border: 1px solid var(--white-300);
  color: var(--secondary);
  padding: 1.2rem 2rem;
  gap: .8rem;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.4;
  box-shadow: 0 1px #0000000d;
}
.events-hubdb .events-hubdb_button svg {
  max-width: .9rem;
}
.events-hubdb .events-hubdb_button:hover {
  transform: unset;
  opacity: 1;
  border-color: var(--primary);
}
@media (min-width: 1280px) {
  .events-hubdb .events-hubdb_button {
    padding: 1.5rem 2.4rem;
    gap: 1.2rem;
    font-size: 1.2rem;
  }
}