/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*
 * The header logo was rendering oversized on initial page load (up to
 * 300px/400px wide) instead of the compact size it's meant to use. Cap
 * it everywhere it appears in the header so it matches the smaller
 * "sticky" size consistently, regardless of which header template a
 * given page uses.
 */
.fusion-logo img.fusion-standard-logo {
	max-width: 180px;
	height: auto;
}

.fusion-display-normal-only {
	--awb-max-width: 180px !important;
}

/*
 * Contact page: the map/form row should sit side by side on medium
 * screens and up (matching the --awb-width-medium:50% already set on
 * both columns), but stack on mobile. Scoped to a min-width media
 * query rather than an unconditional inline style so mobile isn't
 * forced onto the same single line.
 */
@media screen and (min-width: 851px) {
	.contact-two-col-row {
		flex-wrap: nowrap;
	}
}

/*
 * Contact page info strip (phone/address/email): labeled fields in a
 * bordered row instead of three differently-colored, unlabeled text
 * blocks - consistent weight/color, uppercase labels, rule dividers.
 */
.contact-info-strip {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
	border-top: 1px solid var(--awb-color4, #a6abcd);
	border-bottom: 1px solid var(--awb-color4, #a6abcd);
	padding: 22px 0;
}

.contact-info-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 0 40px;
	border-left: 1px solid var(--awb-color4, #a6abcd);
}

.contact-info-item:first-child {
	border-left: none;
}

.contact-info-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--awb-color6, #4f578d);
}

.contact-info-value,
.contact-info-value a {
	font-size: 16px;
	font-weight: 700;
	color: var(--awb-color8, #22253d) !important;
	text-decoration: none;
}

.contact-info-value a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 850px) {
	.contact-info-strip {
		flex-direction: column;
		align-items: center;
	}

	.contact-info-item {
		border-left: none;
		border-top: 1px solid var(--awb-color4, #a6abcd);
		padding: 16px 0;
		width: 100%;
	}

	.contact-info-item:first-child {
		border-top: none;
	}
}