/* Apple & Oat — the shop address under the header logo. */

/*
 * Let the header section grow to cover the address line.
 *
 * The Theme Builder header section is pinned to height/max-height 190px while its
 * content runs to roughly 245px. The overflow is visible, so the logo and nav still
 * look right — but the section only *paints* its background for those 190px, and the
 * address line sits below that, landing on the white page background. It read as a
 * white band across an otherwise cream header.
 *
 * Fixed here rather than in the layout because Divi regenerates a layout's CSS only
 * when it is saved through the builder — editing height props in post_content changes
 * nothing at all on the front end.
 *
 * min-height is deliberately left alone, so the header can never end up shorter than
 * it was designed to be; only the cap is lifted. Nothing moves: the wrapper is already
 * sized by the overflowing content, so the section box just grows into space it was
 * already occupying.
 */
.et-l--header .et_pb_section {
	height: auto !important;
	max-height: none !important;
}

.aao-header-address {
	clear: both;
	margin: 0.35em 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	opacity: 0.85;
	text-align: center;
}

/* Divi's centred header stacks the logo above the nav; a left-aligned header puts
   the logo in its own column, where centring the address under it looks wrong. */
.et_header_style_left .aao-header-address,
.et_header_style_split .aao-header-address {
	text-align: left;
}

@media (max-width: 980px) {
	.aao-header-address {
		font-size: 12px;
	}
}