.blue{
	color: #084272;
}
.freetag{
	width: 170px;
	border-radius: 75px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	left: auto;
	right: 0;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container{
	min-width: 50px;
}
.stats-bar {
  display: flex; gap: 40px; justify-content: center;
  margin: 60px auto; max-width: 1200px; padding: 0 2rem;
  flex-wrap: wrap;
}
.stat { text-align: center; }
.stat-num {
  font-size: 28px; font-weight: 800; color: #111827; display: block;
}
.stat-label { font-size: 13px; color: #5B6472; margin-top: 2px; }
.stat-divider { width: 1px; background: rgba(0,0,0,0.1); }

.domainItem{
	display: flex;
	align-items: flex-start;
	border: 2px solid;
	border-radius: 20px;
	padding: 30px 20px;
	box-shadow: -2px 5px 10px rgba(0,0,0,0.2);
	margin: 25px 0;
	position: relative;
	overflow: hidden;
}
.domainFig{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 20px;
}
.domainIcon,.svgIcon{
	display: block;
	width: 100%;
	height: auto;
}
.domainContent{
	flex-grow: 1;
	margin: 0 0 0 15px;
}
.domainIntro{
	width: 60%;
	font-size: 0.8em;
}
.domainLink{
	text-decoration: none;
	color: #fff;
	background-color: #111827;
	padding: 10px 20px;
	border-radius: 75px;
	font-size: 0.8em;
	transition-property:color,background-color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	display: inline-block;
}
.domain-stats{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 25px;
}
.domain-stat{
	display: flex;
	column-gap: 3px;
	align-items: center;
}
.stat-icon{
	width: 25px;
	height: 25px;
	margin: 0;
}
.svgIcon{
	height: 100%;
}
.domainTitle{
	margin-top: 0;
}
.history .domainFig{
	background-color: #FEF5E8;
	color: #7A4308;
}
.history .domainLink{
	background-color: #7A4308;
}
.history .domainTitle{
	color: #7A4308;
}
.domainItem.history{
	border-color: #FAE7D5;
	background-image: url(../images/hieroglyph.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
.domainItem.history::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(to left, #F6EFE7, #FEFCF8);
}