.oregon-newsletters {
	--oregon-green: #4b9d3e;
	--oregon-ink: #16324f;
	--oregon-muted: #69737d;
	--oregon-line: #d8e0e6;
	margin: 2rem 0;
}

/* Center the archive heading with the newsletter list, including on wide screens. */
.page-id-1448 .page-header,
.elementor-page-1448 .page-header {
	width: calc(100% - 2rem);
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: flex-start;
}

/* Keep the page title readable over the site's dark header background. */
.page-id-1448 .entry-title,
.page-id-1448 .elementor-heading-title,
.elementor-page-1448 .entry-title,
.elementor-page-1448 .elementor-heading-title {
	color: #fff !important;
	display: inline-block;
	width: 100% !important;
	max-width: 980px !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: .3em .7em;
	border-radius: 4px;
	background: linear-gradient(110deg, #16324f 0%, #286f4d 52%, #4b9d3e 100%);
	text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

.page-id-1448 .elementor-widget-heading,
.elementor-page-1448 .elementor-widget-heading {
	display: flex;
	justify-content: center;
}

.oregon-newsletters-list {
	max-width: 980px;
	border-top: 1px solid var(--oregon-line);
}

.oregon-newsletter-card {
	background: #fff;
	border-right: 1px solid var(--oregon-line);
	border-bottom: 1px solid var(--oregon-line);
	border-left: 1px solid var(--oregon-line);
}

.oregon-newsletter-row {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-height: 78px;
	padding: 1rem 1.35rem;
	background: #fff;
}

.oregon-newsletter-row:hover,
.oregon-newsletter-row:has(a:focus) {
	background: #f6f9fb;
}

.oregon-newsletter-date {
	flex: 0 0 150px;
	margin: 0;
	color: var(--oregon-green);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.oregon-newsletter-card h2 {
	flex: 1;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.15;
}

.oregon-newsletter-card h2 a {
	color: var(--oregon-ink);
	text-decoration: none;
}

.oregon-newsletter-card h2 a:hover,
.oregon-newsletter-card h2 a:focus {
	color: var(--oregon-green);
}

.oregon-newsletter-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	align-items: center;
	margin: 0;
	padding: 0;
	font-size: .88rem;
}

.oregon-newsletter-actions a {
	color: var(--oregon-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.oregon-newsletter-actions .oregon-newsletter-read {
	display: none;
}

.oregon-newsletter-toggle {
	position: relative;
	flex: 0 0 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid var(--oregon-line);
	border-radius: 50%;
	background: #fff;
	color: var(--oregon-ink);
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
}

.oregon-newsletter-toggle::before,
.oregon-newsletter-toggle::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: .65rem;
	height: 2px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
}

.oregon-newsletter-toggle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.oregon-newsletter-card.is-open .oregon-newsletter-toggle::after {
	display: none;
}

.oregon-newsletter-preview {
	margin: 0 1.35rem 1.35rem;
	padding-top: 1rem;
	border-top: 1px solid var(--oregon-line);
}

.oregon-newsletter-preview iframe {
	display: block;
	width: 130%;
	height: 1440px;
	margin-left: -15%;
	border: 1px solid var(--oregon-line);
	background: #fff;
}

.oregon-newsletter-close {
	display: block;
	margin: 0 0 .65rem auto;
	border: 0;
	padding: .4rem .65rem;
	background: var(--oregon-ink);
	color: #fff;
	font-size: .8rem;
	cursor: pointer;
}

.oregon-newsletters-empty {
	padding: 1rem;
	border-left: 4px solid var(--oregon-green);
	background: #f3f6fa;
}


@media (max-width: 720px) {
	.oregon-newsletter-row {
		flex-wrap: wrap;
		gap: .35rem .8rem;
		min-height: 0;
		padding: 1rem;
	}

	.oregon-newsletter-date {
		flex-basis: calc(100% - 2.3rem);
	}

	.oregon-newsletter-card h2 {
		flex-basis: calc(100% - 2.3rem);
		font-size: 1.1rem;
	}

	.oregon-newsletter-toggle {
		position: absolute;
		right: 1rem;
		margin-top: 1.1rem;
	}

	.oregon-newsletter-actions {
		flex-basis: 100%;
		justify-content: flex-start;
	}

	.oregon-newsletter-preview {
		margin: 0 1.25rem .75rem;
	}

	.oregon-newsletter-preview iframe {
		width: 100%;
		height: 600px;
		margin-left: 0;
	}
}