/* Exhibit loop, events, and toggles. Selectors include #et-boc so they beat Divi's defaults. */

body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle.et_pb_toggle_item,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle.et_pb_accordion_item {
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #cccccc;
	background-color: #ffffff;
	padding: 25px 0;
	margin-bottom: 0;
}

body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h1.et_pb_toggle_title,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h2.et_pb_toggle_title,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h3.et_pb_toggle_title,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h4.et_pb_toggle_title,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h5.et_pb_toggle_title,
body.single-exhibit.et-db #et-boc .et-l .et_pb_toggle h6.et_pb_toggle_title {
	font-size: 20px;
}

.hcm-page-size,
.hcm-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin: 0 0 1.5rem;
}

.hcm-page-summary {
	margin: 0 0 1.5rem;
}

.hcm-page-size a,
.hcm-pagination a,
.hcm-pagination span {
	display: inline-block;
	min-width: 2.75rem;
	padding: 0.4rem 0.7rem;
	border: 1px solid #1c1c1c;
	text-align: center;
	text-decoration: none;
}

.hcm-pagination .hcm-page-step {
	min-width: 0;
}

.hcm-pagination span[aria-disabled="true"] {
	color: #767676;
	border-color: #cccccc;
}

body.et-db #et-boc .et-l .et_pb_section .hcm-page-size a[aria-current="true"]:link,
body.et-db #et-boc .et-l .et_pb_section .hcm-page-size a[aria-current="true"]:visited,
body.et-db #et-boc .et-l .et_pb_section .hcm-page-size a[aria-current="true"]:hover,
body.et-db #et-boc .et-l .et_pb_section .hcm-page-size a[aria-current="true"]:focus,
body.et-db #et-boc .et-l .et_pb_section .hcm-page-size a[aria-current="true"]:active,
body.et-db #et-boc .et-l .et_pb_section .hcm-pagination [aria-current="page"] {
	background-color: #00477f;
	border-color: #00477f;
	color: #ffffff;
}

.et_pb_blog.hcm-artifact-loop article.et_pb_post .entry-featured-image-url,
.hcm-event-image {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f0ea;
}

.et_pb_blog.hcm-artifact-loop article.et_pb_post img,
.hcm-event-image img {
	width: 100%;
	height: 240px;
	object-fit: contain;
	background: #f3f0ea;
}

.hcm-event-image-empty {
	display: block;
	height: 240px;
}

.hcm-event-loop {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

.hcm-event-card h3 {
	margin: 0.6rem 0 0.2rem;
	font-size: 1.1rem;
}

.hcm-event-when {
	margin: 0;
}

.hcm-inline-buttons a.et_pb_button:empty,
.hcm-inline-buttons .et_pb_button_module_wrapper:has(a.et_pb_button:empty) {
	display: none;
}

.et_pb_section:has(.hcm-events-empty) {
	display: none;
}

/* Exhibit essays are a Divi section inside the Post Content module.
   Fill the module column instead of shrinking inside it. */
body.single-exhibit.et-db #et-boc .et-l .et_pb_post_content .et_pb_section {
	padding: 0;
	margin: 0;
}

body.single-exhibit.et-db #et-boc .et-l .et_pb_post_content .et_pb_row {
	width: 100%;
	max-width: none;
}

body.single-exhibit.et-db #et-boc .et-l .et_pb_post_content .et_pb_row,
body.single-exhibit.et-db #et-boc .et-l .et_pb_post_content .et_pb_column {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 768px) {
	.et_pb_blog.hcm-artifact-loop article.et_pb_post img,
	.hcm-event-image img {
		height: 320px;
	}

	.hcm-event-image-empty {
		height: 320px;
	}

	.hcm-event-loop {
		grid-template-columns: repeat(3, 1fr);
	}
}