/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Product pricing table*/
.eux-tier-pricing-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
	font-size: 14.5px;
}
.eux-tier-pricing-table:has(.eux-tier-pricing-table__info:hover),
.eux-tier-pricing-table:has(.eux-tier-pricing-table__info:focus),
.eux-tier-pricing-table:has(.eux-tier-pricing-table__info.is-active) {
	overflow: visible;
}
.eux-tier-pricing-table thead tr {
	background: #003d3f;
}
.eux-tier-pricing-table th {
	padding: 11px 16px;
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.05em;
	width: 33%;
}
.eux-tier-pricing-table__qty-head {
	width: 34%;
}
.eux-tier-pricing-table__qty-head {
    text-align: left;
}
.eux-tier-pricing-table__price-head {
    text-align: center;
}
.eux-tier-pricing-table__head-label {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	color: #ffffff;
	text-transform: uppercase;
}
.eux-tier-pricing-table__head-subheading {
	display: block;
	margin-top: 3px;
	color: #ffffff;
	font-size: 10.5px;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	opacity: 0.8;
}
.eux-tier-pricing-table tbody tr:nth-child(odd) {
	background: #fafafa;
}
.eux-tier-pricing-table tbody tr:not(:last-child) td {
	border-bottom: 1px solid #ededed;
}
.eux-tier-pricing-table td {
	padding: 12px 16px;
    font-weight: 500;
}
.eux-tier-pricing-table__qty {
	text-align: left;
	color: #141414;
}
.eux-tier-pricing-table__price {
	text-align: center;
	color: #141414;
}
.eux-tier-pricing-table__price--credit {
	color: #444444;
}
.eux-tier-pricing-table__info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	color: #ffffff;
}
.eux-tier-pricing-table__info::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 130%;
	right: 0;
	width: max-content;
	max-width: 220px;
	padding: 6px 10px;
	border-radius: 4px;
	background: #141414;
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	line-height: 1.4;
	text-align: left;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease;
	z-index: 10;
}
.eux-tier-pricing-table__info:hover::after,
.eux-tier-pricing-table__info:focus::after,
.eux-tier-pricing-table__info.is-active::after {
	opacity: 1;
	visibility: visible;
}
.eux-tier-pricing__note {
	color: #141414;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1em;
    margin-top: 2%;
}

@media (max-width: 480px) {
	.eux-tier-pricing-table {
		font-size: 12.5px;
	}

	.eux-tier-pricing-table th,
	.eux-tier-pricing-table td {
		padding: 8px 10px;
	}
}