/* Closing-down announcement — a black box the same width as the homepage
   carousel, sitting between the nav and the slider. Reuses the theme's
   existing .button.red styling for the call-to-action. */

#section-closing-banner {
	margin-bottom: 20px;
}

.closing-banner-box {
	background: #000;
	padding: 22px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.closing-banner-box p {
	margin: 0;
	flex: 1 1 320px;
	color: #fff;
	font-size: 17px;
	line-height: 150%;
}

.closing-banner-box .closing-headline {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	margin-right: 10px;
}

.closing-banner-box a.button.red {
	flex: 0 0 auto;
	margin: 16px 0 0;
	font-size: 13px;
	padding: 8px 20px;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
}

.closing-banner-box a.button.red:hover,
.closing-banner-box a.button.red:active {
	color: #fff;
	text-shadow: none;
}

@media only screen and (min-width: 700px) {
	.closing-banner-box .button {
		margin: 0 0 0 24px;
	}
}