.wp-block-opportunities { max-width: none; }
.wp-block-opportunities h2 { max-width: none; margin: 0 0 2em; }

.wp-block-opportunities .articles article { margin: 0 0 2em; border: 1px solid #707070; background: white; }

.wp-block-opportunities .articles article .info { background: #00856f; color: white; padding: 2em; }
.wp-block-opportunities .articles article .info h2 { margin: 0; }
.wp-block-opportunities .articles article .info .meta { margin-top: 1em; line-height: 1.5em; }
.wp-block-opportunities .articles article .info .meta .application-deadline::before { content: "Application deadline\00a0\00a0\00a0|\00a0\00a0\00a0"; display: inline-block; font-weight: bold; }
.wp-block-opportunities .articles article .info .meta .fee::before { content: "Fee\00a0\00a0\00a0|\00a0\00a0\00a0"; display: inline-block; font-weight: bold; }

.wp-block-opportunities .articles article .text { padding: 2em; }
.wp-block-opportunities .articles article .text :first-child { margin-top: 0; }
.wp-block-opportunities .articles article .text :last-child { margin-bottom: 0; }

.wp-block-opportunities .articles article p { max-width: 45em; margin: 1em 0; }
.wp-block-opportunities .articles article h3 { max-width: none; }
.wp-block-opportunities .articles article .wp-block-buttons { max-width: none; margin: 2em 0; }
.wp-block-opportunities .articles article .wp-block-button__link { font-size: 0.8em; }

.no-articles { max-width: 64rem; margin: 0 auto; font-weight: bold; font-size: 1.2em; }

@media (min-width: 768px) {
	.wp-block-opportunities h2 { padding: 0 2.5rem; }
	.wp-block-opportunities .articles article { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: stretch; }

	.wp-block-opportunities .articles article .info { width: 40%; flex-grow: 0; flex-shrink: 0; padding: 2.5rem; font-size: 0.8em; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: center; }
	.wp-block-opportunities .articles article .info h2 { padding: 0; font-size: 2.2em; }

	.wp-block-opportunities .articles article .info .meta { margin-top: 3em; }

	.wp-block-opportunities .articles article .text { flex-grow: 1; flex-shrink: 0; padding: 2.5rem; font-size: 0.8em; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; }
}

@media (min-width: 960px) {
	.wp-block-opportunities h2 { padding: 0 4.25rem; }
	.wp-block-opportunities .articles article .info { padding: 4.25rem; font-size: 1em; }
	.wp-block-opportunities .articles article .text { padding: 4.25rem; font-size: 1em; }
	.wp-block-opportunities .articles article .wp-block-button__link { font-size: 1em; }

	.wp-block-opportunities .articles article .info .meta { margin-top: 4em; }
}

@media (min-width: 1280px) {
	.wp-block-opportunities h2 { padding: 0 5rem; }
	.wp-block-opportunities .articles article .info { padding: 5rem; width: 30%; }
	.wp-block-opportunities .articles article .info h2 { font-size: 2.6em; }
	.wp-block-opportunities .articles article .text { padding: 5rem; }
}