@font-face {
	font-family: 'ad-icon-universal-header';
	src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
	font-weight: normal;
	font-style: normal;
 }

 [class^="ad-icon-"], [class*=" ad-icon-"],
 .ad-component_dropdown .ad-component_dropdown--trigger:after {
	// use !important to prevent issues with browser extensions that change fonts
	font-family: 'ad-icon-universal-header' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	// Better Font Rendering 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ad-icon {

	&-close:before {
		content: "\e900";
	}

	&-star:before {
		content: "\e901";
	}

	&-cart:before {
		content: "\e902";
	}

	&-close-medium:before {
		content: "\e903";
	}
	
	&-success:before {
		content: "\e904";
	}

	&-add-to-cart:before {
		content: "\e908";
	}

	&-home:before {
		content: "\e909";
	}

	&-bar-graph:before {
		content: "\e90a";
	}

	&-group:before {
		content: "\e90b";
	}

	&-grid:before {
		content: "\e90c";
	}
}

.ad-icon-link {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--headerNavFontColor, $headerNavFontColor);
	font-size: $nav-icon-font-size;
	height: 100%;
	text-decoration: none;
	width: 100%;
	&:hover{
		text-decoration: none;
	}
}	

.ad-universalnav-icons {
	position:relative;
	height: 100%;
	width: $nav-icon-width;
	margin-left: -1px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
	border-left: none;
	border-right: none;

	&:hover {
		background-color: var(--headerNavItemBgHover, $headerNavItemBgHover);
		
		.ad-icon-link, 
		.ad-icon-add-to-cart {
			color: var(--headerNavFontHoverColor, $headerNavFontHoverColor);
		}
	}

	&:active {
		.ad-icon-link {
			color: var(--headerNavFontSelectedColor, $headerNavFontSelectedColor);
		}
    }

	.js-link-active,
	.js-link-active:hover {
		background-color: var(--headerNavItemBgSelected, $headerNavItemBgSelected);
		color: $headerNavFontSelectedColor;
	}

	.js-link-active:active {
		background-color: var(--headerNavItemBgSelected, $headerNavItemBgSelected);
		color: var(--headerNavFontSelectedColor, $headerNavFontSelectedColor);
	}
}

.unav-cart-width {
	width: $nav-icon-width-cart !important;
		padding-left: 10px;
		padding-right: 10px;
}