Template:Current events/styles.css

/* */ .current-events-main { margin: 0.5em 0; padding: 0.3em; background-color: white; color: #333; border: 1px #cef2e0 solid; }

.current-events-heading { background-color: #cef2e0; color: #333; font-weight: bold; }

.current-events-title { padding: 0.4em; }

.current-events-navbar { list-style: none; margin: 0; font-size: small; }

.current-events-navbar li { display: inline-block; padding: 0 0.4em; }

.current-events-content { padding: 0 0.3em; }

.current-events-content-heading { margin-top: 0.3em; font-weight: bold; }

.current-events-more { border-width: 2px; font-size: 10pt; font-weight: bold; padding: 0.3em 0.6em; }

.current-events-nav { margin: auto; text-align: center; line-height: 1.2; }

.current-events-nav a { display: inline-block; margin: 0.5em; padding: 0.5em; background-color: #f4f4f4; }

.current-events-nav a > div { font-weight: bold; }

@media all and (min-width: 480px) { .current-events-heading { align-items: center; display: flex; }	.current-events-title { flex: 1; }	.current-events-navbar { flex: 0 auto; text-align: right; white-space: nowrap; }	.current-events-nav { max-width: 22em; }	.current-events-nav a { width: 9em; } }