<?php
/**
 * Template for admin header banner.
 *
 * @var string $message
 */

// The following CSS *should* be placed in a shared CSS file, but that will require making several more updates
// to ensure it loads on "new" and legacy pages; it's just far easier to embed it here.
?>
<style>
	#ngg-admin-marketing-header-banner {
		border: none;
		background: #9fbb1a;
		color: white;
		margin-left: -20px;
		display: flex;
		align-content: center;
		justify-content: center;
	}

	#ngg-admin-marketing-header-banner p {
		font-size: 1.2em;
		margin: 10px 20px 10px 20px;
	}

	#ngg-admin-marketing-header-banner a {
		font-weight: bold;
		color: white;
	}

	@media only screen and (max-width: 740px) {
		#ngg-admin-marketing-header-banner {
			margin-left: -10px;
		}
	}

	@media only screen and (max-width: 600px) {
		#ngg-admin-marketing-header-banner {
			padding-top: 50px;
		}
	}
</style>
<div id="ngg-admin-marketing-header-banner">
	<p><?php echo wp_kses_post( $message ); ?></p>
</div>