/*
 * Where To Buy map styles (MapGeo map 379 + Geo Map Addon Dropdown).
 *
 * Ported unchanged from Customizer > Additional CSS, "MAP" section, on the
 * Bridge theme (Oct 21, 2026). Additional CSS is stored per theme, so it does
 * not carry over on a theme switch; this file replaces it. Loaded only on the
 * Where To Buy page.
 *
 * Dropped: `.page-id-1040 .entry-header { display: none; }`. It hid Bridge's
 * duplicate page title, which this theme doesn't print.
 */

/* FIX ALIGNMENT ON MAP PAGE ONLY */

.page-id-1040 .igm_content_right_1_3 p {
	text-align: left;
	margin: .2em;
	font-size: 125%;
	line-height: 125%;
}

.page-id-1040 .igm_content_right_1_3 h2 {
	text-align: left;
	margin: .2em;
}

/* WIDEN THE MAP PAGE ON PH ONLY */

.page-id-1040 div .igm_content_right_1_3 {
	padding: 0px;
}

/* MAP PAGE CSS FOLLOWS */

.igm_content_right_1_3 {
	padding: 15px 25px 0px 0px;
	height: 800px !important;
	width: 30%;
	overflow: auto;
	background-attachment: fixed;
	margin: auto !important;
	background-color: #f7f7f7;
}

#map_description {
	font-size: 18px;
	padding: 20px;
	text-align: center;
	color: black;
}

#map_description a {
	font-size: 18px;
}

#map_description_m {
	font-size: 18px;
	padding: 20px;
	text-align: center;
}

#map_description_m a {
	font-size: 18px;
}

#map_description_m .a {
	font-size: 18px;
	padding: 20px;
	text-align: center;
}

.member_image {
	width: 75%;
	max-width: 450px;
}

.btn_buy_outside {
	text-align: right;
	padding: 50px;
}

.disp-desktop {
	display: block;
}

.disp-mobile {
	display: none;
}

@media (max-width: 800px) {
	.disp-desktop {
		display: none;
	}

	.disp-mobile {
		display: block;
	}

	.btn_buy_outside {
		text-align: center;
		padding: 15px;
	}

	.btn_buy_outside a img {
		width: 100%;
		float: left;
		margin: auto;
	}
}

@media only screen and (min-width: 550px) and (max-width: 799px) {
	.disp-desktop {
		display: none;
	}

	.disp-mobile {
		display: block;
	}

	.btn_buy_outside {
		text-align: center;
		padding: 15px;
	}

	.btn_buy_outside a img {
		width: 100%;
		float: left;
		margin: auto;
	}
}

.map_dropdown {
	margin: 0 0 1em 0 !important;
}

@media only screen and (min-width: 100px) and (max-width: 799px) {
	.igm-map-content {
		text-align: center !important;
		margin: 0 0 3em 0;
		font-size: 18px;
	}
}

/* ---------- Added by the theme ---------- */

/* Bridge set these through its own wrappers; keep the same look. */
.page-id-1040 .ph-page-content img {
	display: inline-block;
}

.page-id-1040 .geo_map_dropdown {
	max-width: 100%;
	height: auto;
	min-height: 44px;
	line-height: 1.4;
	padding: 0.5rem 0.75rem;
	font: inherit;
	border: 1px solid #8a6f62;
	border-radius: 4px;
}

/* The map's "Where To Buy > State" headings got Wicked Gritt from the Use Any
   Font plugin (h1, h2, h4, h5 !important). Set it here so that plugin can go. */
.page-id-1040 .igm_content_right_1_3 h2,
.page-id-1040 .igm-map-content h2 {
	font-family: var(--ph-font-display);
}