/*
 * Header dropdown widths for the mid-size desktop range.
 *
 * Restored from the site's Customizer CSS, which lived in the database and was
 * lost when the header moved into the theme. The hospital menu item carries a
 * four-column panel; at these widths four fixed columns are too wide for the
 * panel, so it steps down to three and then two.
 */

@media (max-width: 1500px) and (min-width: 1241px) {
	#omidH .omidH__item,
	#omidH .omidH__item--hospital { position: static !important; }

	#omidH .omidH__dd,
	#omidH .omidH__item--hospital > .omidH__dd--hospital {
		position: absolute !important;
		top: calc(100% + 10px) !important;
		right: auto !important;
		left: 50% !important;
		width: min(920px, calc(100vw - 48px)) !important;
		min-width: 0 !important;
		max-width: calc(100vw - 48px) !important;
		transform: translateX(-50%) !important;
		z-index: 99906 !important;
	}

	#omidH .omidH__dd .omidH__grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (min-width: 1025px) and (max-width: 1240px) {
	#omidH .omidH__dd,
	#omidH .omidH__item--hospital > .omidH__dd--hospital {
		position: absolute !important;
		top: calc(100% + 10px) !important;
		right: auto !important;
		left: 50% !important;
		width: min(920px, calc(100vw - 48px)) !important;
		min-width: 0 !important;
		max-width: calc(100vw - 48px) !important;
		transform: translateX(-50%) !important;
	}

	#omidH .omidH__dd .omidH__grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}