
.wd-sizeguide {
	max-width: 800px;
}

.wd-sizeguide .responsive-table {
	margin-bottom: 0;
}

.wd-sizeguide-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
}

.wd-sizeguide-content {
	margin-bottom: 30px;
}

.wd-sizeguide-content:after {
	content: "";
	display: block;
	clear: both;
}

.wd-sizeguide-table tr, .wd-sizeguide-table td {
	transition: all .25s ease;
}

.wd-sizeguide-table td {
	text-align: center;
}

.wd-sizeguide-table tr:first-child {
	background-color: #f4f4f4;
}

.wd-sizeguide-table tr:first-child td {
	border-bottom: none;
	color: var(--wd-title-color);
	text-transform: uppercase;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-size: 14px;
	font-family: var(--wd-title-font);
}

.wd-sizeguide-table tr:first-child td:empty {
	padding: 0;
	border-color: transparent;
}

.wd-sizeguide-table tr:not(:first-child):hover {
	background-color: #f8f8f8;
}

.wd-sizeguide-table tr:not(:first-child):hover td {
	color: #444;
}

.wd-sizeguide-table tr:not(:first-child) td:hover {
	background-color: rgba(0, 0, 0, .06);
}

.global-color-scheme-light .wd-sizeguide-table tr:first-child {
	background-color: rgba(0, 0, 0, .3);
}

.global-color-scheme-light .wd-sizeguide-table tr:first-child td {
	color: #fff;
}

.global-color-scheme-light .wd-sizeguide-table tr:not(:first-child):hover {
	background-color: rgba(0, 0, 0, .2);
}

.global-color-scheme-light .wd-sizeguide-table tr:not(:first-child):hover td {
	color: #fff;
}

.global-color-scheme-light .wd-sizeguide-table tr:not(:first-child) td:hover {
	background-color: rgba(0, 0, 0, .3);
}

.wd-sizeguide-icon>a:before {
	content: "";
}
