/*
 Theme Name: Ave Child
 Theme URI: https://example.com/
 Description: Child theme for Ave to customize translations and styles.
 Author: Brantia
 Template: ave
 Version: 1.0.0
 Text Domain: ave-child
*/

.ave-child-top-banner {
	background: #dff6df;
	color: #1f5f2c;
	text-align: center;
	padding: 12px 16px;
	position: relative;
	display: block;
	clear: both;
	flex: 0 0 100%;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #b8e4b8;
	line-height: 1.4;
	z-index: 30;
}

.ave-child-top-banner__link {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width: 100%;
}

.ave-child-top-banner__text {
	display: inline-block;
}

.ave-child-top-banner__button {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #7fcf85;
	border-radius: 4px;
	background: #f3fff3;
	color: #1f5f2c;
	font-weight: 700;
	white-space: nowrap;
}

.ave-child-top-banner__link:hover,
.ave-child-top-banner__link:focus {
	text-decoration: underline;
}

/* Keep Ave overlay headers from drawing into the banner area. */
.has-ave-child-top-banner .main-header.main-header-overlay {
	margin-top: 58px;
}

@media (max-width: 767px) {
	.has-ave-child-top-banner .main-header.main-header-overlay {
		margin-top: 0;
		top: 0;
	}

	.ave-child-top-banner {
		padding: 8px 12px;
	}

	.ave-child-top-banner__link {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: end;
		column-gap: 15px;
		row-gap: 4px;
	}

	.ave-child-top-banner__text {
		font-size: 0.92em;
		line-height: 1.25;
		text-align: left;
	}

	.ave-child-top-banner__button {
		align-self: end;
		justify-self: end;
		padding: 4px 10px;
		font-size: 0.88em;
	}
}
