/* Mega menu link lists (inc/menu-icon-lists.php).
   Icon List widgets dressed to match the old hand-written .menu-section lists:
   Barlow 15px #333, 5px rows with a #ddd rule between them, 14px icons in
   #045CB4 in a 22px slot, the list indented 36px to line up with the column
   titles, and the text turning blue on hover. */

/* Column headings above three of the lists ("Hockey for All Ages" etc.):
   Icon Box widgets dressed as the old .menu-section <h3> - Barlow Condensed
   17px bold uppercase, 1.2px tracking, black, an 18px blue icon in a 26px
   slot, 10px above the list. */
.elementor-widget-icon-box.pond-menu-heading .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0 !important;
	text-align: left !important;
	margin: 0 0 10px;
}

.elementor-widget-icon-box.pond-menu-heading .elementor-icon-box-icon {
	flex: 0 0 26px;
	width: 26px;
	margin: 0 10px 0 0 !important;
	display: flex;
	justify-content: center;
	line-height: 1;
}

.elementor-widget-icon-box.pond-menu-heading .elementor-icon {
	display: flex;
	padding: 0 !important;
	font-size: 18px !important;
	color: #045CB4 !important;
	fill: #045CB4 !important;
}

.elementor-widget-icon-box.pond-menu-heading .elementor-icon svg,
.elementor-widget-text-editor.pond-menu-heading h3 svg {
	width: 26px !important;
	height: 18px !important;
	fill: #045CB4 !important;
}

.elementor-widget-icon-box.pond-menu-heading .elementor-icon-box-content { flex: 1 1 auto; min-width: 0; }

.elementor-widget-icon-box.pond-menu-heading .elementor-icon-box-title {
	margin: 0 !important;
	font-family: "Barlow Condensed", sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	color: #000 !important;
}

.elementor-widget-icon-box.pond-menu-heading .elementor-icon-box-description { display: none; }

/* Older text editor version of the heading, in case one is restored. */
.elementor-widget-text-editor.pond-menu-heading h3 { margin: 0 0 10px !important; }
.elementor-widget-text-editor.pond-menu-heading h3 svg { flex: 0 0 26px; margin-right: 10px; }

/* Heading and list were one block before; the container's gap must not
   push them apart. */
.e-con > .elementor-widget.pond-menu-heading,
.e-con-inner > .elementor-widget.pond-menu-heading {
	margin-block-end: calc(0px - var(--row-gap, 0px)) !important;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-items {
	margin: 0 0 0 36px !important;
	padding: 0 !important;
	list-style: none;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item {
	margin: 0 !important;
	padding: 5px 0 !important;
	border-bottom: 1px solid #ddd;
	font-family: Barlow, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item:last-child { border-bottom: 0; }

/* Elementor's own spacing control draws a gap with ::after; the rule above replaces it. */
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item::after { display: none !important; }

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > a,
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > span {
	display: flex !important;
	align-items: center;
	width: 100%;
	color: #333;
	text-decoration: none !important;
	transition: color .2s linear;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-icon {
	flex: 0 0 22px;
	width: 22px;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #045CB4;
	line-height: 1;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-icon svg,
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-icon i {
	width: 14px !important;
	height: 14px !important;
	font-size: 14px !important;
	fill: currentColor !important;
	color: #045CB4 !important;
	text-align: center;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-text {
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
	transition: color .2s linear;
}

.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > a:hover,
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > a:focus-visible,
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > a:hover .elementor-icon-list-text,
.elementor-widget-icon-list.pond-menu-list .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text {
	color: #045CB4 !important;
}