/* Knowledge page only; important declarations override generated Divi rules. */
.sbwp-knowledge {
	color: var(--sbwp-text);
	font-family: var(--sbwp-font-primary);
	padding: 40px 0 !important;
}

.sbwp-knowledge.sbwp-knowledge--title {
	background: var(--sbwp-dark);
	color: var(--sbwp-white);
}

.sbwp-knowledge.sbwp-knowledge--resources,
.sbwp-knowledge.sbwp-knowledge--publishing {
	background: var(--sbwp-light);
}

.sbwp-knowledge .sbwp-container {
	margin: 0 auto !important;
	max-width: var(--sbwp-container-max) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: 100% !important;
}

.sbwp-knowledge .sbwp-container > .et_pb_column {
	box-sizing: border-box;
	float: none;
	gap: 0;
	margin: 0 !important;
	min-width: 0;
	width: 100% !important;
}

.sbwp-knowledge .et_pb_text {
	margin-bottom: 0 !important;
	overflow-wrap: anywhere;
}

.sbwp-knowledge a {
	color: var(--sbwp-primary);
	text-underline-offset: .2em;
}

.sbwp-knowledge a:hover {
	text-decoration: underline;
}

.sbwp-knowledge .et_pb_text_inner > h2 + p {
	margin-top: 16px;
}

.sbwp-knowledge h2,
.sbwp-knowledge h3 {
	color: var(--sbwp-dark) !important;
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 0;
}

.sbwp-knowledge .sbwp-knowledge__intro h1 {
	color: var(--sbwp-white) !important;
	font-size: clamp(36px, 5vw, 52px);
	font-weight: 700;
	line-height: 1.15;
	margin: 16px 0 8px;
	padding: 0;
}

.sbwp-knowledge .sbwp-knowledge__intro p {
	font-size: clamp(17px, 2vw, 22px);
}

.sbwp-knowledge .sbwp-knowledge__breadcrumb,
.sbwp-knowledge .sbwp-knowledge__breadcrumb a,
.sbwp-knowledge .sbwp-knowledge__breadcrumb span {
	color: var(--sbwp-white) !important;
	font-size: 14px;
}

.sbwp-knowledge .sbwp-knowledge__feature,
.sbwp-knowledge .sbwp-knowledge__cards {
	display: grid !important;
	gap: 28px;
	align-items: stretch;
}

.sbwp-knowledge .sbwp-knowledge__feature::before,
.sbwp-knowledge .sbwp-knowledge__feature::after,
.sbwp-knowledge .sbwp-knowledge__cards::before,
.sbwp-knowledge .sbwp-knowledge__cards::after {
	content: none !important;
	display: none !important;
}

.sbwp-knowledge .sbwp-knowledge__feature {
	gap: 0;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.sbwp-knowledge .sbwp-knowledge__feature > .et_pb_column {
	background: var(--sbwp-light);
	padding: clamp(22px, 3vw, 36px);
	align-content: center;
	justify-content: center;
}

.sbwp-knowledge .sbwp-knowledge__feature.sbwp-knowledge__feature--text-only {
	grid-template-columns: minmax(0, 1fr);
}

.sbwp-knowledge .sbwp-knowledge__eyebrow {
	color: var(--sbwp-primary);
	font-size: 14px;
	margin-bottom: 16px !important;
	text-transform: uppercase;
}

.sbwp-knowledge .sbwp-knowledge__image,
.sbwp-knowledge .sbwp-knowledge__image .et_pb_image_wrap {
	display: block;
	margin: 0 !important;
	width: 100%;
}

.sbwp-knowledge .sbwp-knowledge__image img {
	display: block;
	height: auto;
	max-height: 340px;
	object-fit: contain;
	width: 100%;
}

.sbwp-knowledge .sbwp-knowledge__cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Use only while the third resource has no verified destination. */
.sbwp-knowledge .sbwp-knowledge__cards.sbwp-knowledge__cards--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sbwp-knowledge .sbwp-knowledge__card {
	background: var(--sbwp-white);
	border-top: 3px solid var(--sbwp-primary);
	padding: 28px;
}

.sbwp-knowledge .sbwp-knowledge__card h2 {
	font-size: 24px;
}

.sbwp-knowledge .sbwp-knowledge__card a,
.sbwp-knowledge .sbwp-knowledge__link a {
	color: var(--sbwp-primary);
	display: inline-block;
	font-weight: 700;
	padding: 10px 0;
	text-decoration: underline;
}

.sbwp-knowledge .sbwp-knowledge__link {
	margin-top: 16px;
}

.sbwp-knowledge .sbwp-knowledge__articles {
	margin-top: 24px;
}

/* Observed Divi 5 DOM: module > ajax container > blog_posts grid > articles.
 * Keep the pagination outside the post layout; do not grid the module itself. */
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_ajax_pagination_container,
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_blog_posts.et_grid_module {
	display: block !important;
}

.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post {
	align-content: start;
	align-items: start;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgb(76 28 53 / 20%);
	box-sizing: border-box;
	display: grid !important;
	gap: 12px 28px;
	grid-template-columns: minmax(160px, 24%) minmax(0, 1fr);
	margin: 0 !important;
	max-width: none !important;
	min-width: 0;
	padding: 28px 0;
	width: 100% !important;
	float: none;
}

.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post::before,
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post::after {
	content: none !important;
	display: none !important;
}

.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post > .et_pb_image_container,
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post > .entry-featured-image-url {
	grid-column: 1;
	grid-row: 1 / 4;
	margin: 0 !important;
	min-width: 0;
}

.sbwp-knowledge .sbwp-knowledge__articles .entry-featured-image-url {
	display: block;
	margin: 0 !important;
}

.sbwp-knowledge .sbwp-knowledge__articles .entry-featured-image-url img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.sbwp-knowledge .sbwp-knowledge__articles .entry-title,
.sbwp-knowledge .sbwp-knowledge__articles .post-meta,
.sbwp-knowledge .sbwp-knowledge__articles .post-content {
	grid-column: 2;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: 0;
}

.sbwp-knowledge .sbwp-knowledge__articles .entry-title {
	font-size: clamp(21px, 2.5vw, 28px);
	grid-row: 2;
}

.sbwp-knowledge .sbwp-knowledge__articles .entry-title a {
	color: var(--sbwp-dark) !important;
}

.sbwp-knowledge .sbwp-knowledge__articles .post-meta {
	font-size: 14px;
	grid-row: 1;
}

.sbwp-knowledge .sbwp-knowledge__articles .post-content {
	grid-row: 3;
}

/* Inspect rendered media: WP's has-post-thumbnail may remain when Divi hides it. */
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post:not(:has(.entry-featured-image-url img)) {
	grid-template-columns: minmax(0, 1fr);
}

.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post:not(:has(.entry-featured-image-url img)) > .entry-title,
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post:not(:has(.entry-featured-image-url img)) > .post-meta,
.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post:not(:has(.entry-featured-image-url img)) > .post-content {
	grid-column: 1;
}

.sbwp-knowledge .sbwp-knowledge__articles .more-link {
	display: inline-block;
	font-weight: 700;
	padding: 10px 0;
	text-decoration: underline;
}

.sbwp-knowledge .sbwp-knowledge__articles .pagination {
	margin-top: 24px;
}

.sbwp-knowledge a:focus-visible {
	outline: 2px solid var(--sbwp-primary);
	outline-offset: 4px;
}

.sbwp-knowledge--title a:focus-visible {
	outline-color: var(--sbwp-white);
}

@media (max-width: 980px) {
	.sbwp-knowledge .sbwp-knowledge__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sbwp-knowledge .sbwp-knowledge__feature {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.sbwp-knowledge {
		padding: 28px 0 !important;
	}

	.sbwp-knowledge .sbwp-knowledge__cards,
	.sbwp-knowledge .sbwp-knowledge__cards.sbwp-knowledge__cards--two,
	.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post {
		grid-template-columns: minmax(0, 1fr);
	}

	.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post > .et_pb_image_container,
	.sbwp-knowledge .sbwp-knowledge__articles .et_pb_post > .entry-featured-image-url,
	.sbwp-knowledge .sbwp-knowledge__articles .entry-title,
	.sbwp-knowledge .sbwp-knowledge__articles .post-meta,
	.sbwp-knowledge .sbwp-knowledge__articles .post-content {
		grid-column: 1;
		grid-row: auto;
	}
}