.utc-topics-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 25px 0 35px;
	gap: 20px 10px;
}
.utc-topics h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}
.utc-topics-grid img {
	object-fit: contain;
}
.utc-topics-grid article {
	text-align: center;
	transition: 0.1s;
	padding: 5px 5px 20px;
}
.utc-topics-grid h3 {
	margin: 10px 0 0;
}
.utc-topics-grid a {
	text-decoration: none;
	color: inherit;
}
.utc-topics-grid a:hover {
	color: inherit;
}
.utc-topics-grid p {
	margin-top: 10px;
	margin-bottom: 0;
}
.utc-noresults {
	text-align: center;
}

.utc-error-message {
	padding: 0 15px;
	border-width: 1px;
	border-style: solid;
	border-color: var(--utc-color-border);
	border-color: var(--wp--preset--color--utc-border);
	border-left: 5px solid #bc0000;
	margin-bottom: 30px;
	background: #fbf0f0;
	color: black;
}

@media (max-width: 992px) {
	.utc-topics-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 768px) {
	.utc-topics-grid {
		grid-template-columns: 1fr 1fr;
	}
}