.icon {
	display: inline-flex;
	line-height: 1;
}

.icon-md {
	font-size: 1.375rem;
}

.icon-sm {
	font-size: 0.9375rem;
}

.icon-round {
	justify-content: center;
	align-items: center;
	width: 2.56em;
	height: 2.56em;
	background-color: #f9f9f9;
	border-radius: 50%;
}

.icon-round.icon-sm {
	width: 2rem;
	height: 2rem;
}

.icon-link {
	transition: all 0.2s ease-in-out;
}

.icon-link.icon-400 {
	color: rgba(129, 129, 129, 0.6);
}

.icon-link.icon-400:hover {
	color: #1c77ff;
}

.icon-link.icon-600 {
	color: #525252;
}

.icon-link.icon-600:hover {
	color: #1c77ff;
}

.icon-link.icon-round {
	color: #fff;
	background-color: #1c77ff;
}

.icon-link.icon-round:hover {
	background-color: #0a0a0b;
}

.icon-link.icon-round[class*='facebook'] {
	background-color: #4264aa;
}

.icon-link.icon-round[class*='facebook']:hover {
	background-color: #344e85;
}

.icon-link.icon-round[class*='twitter'] {
	background-color: #35abf3;
}

.icon-link.icon-round[class*='twitter']:hover {
	background-color: #0e95e7;
}

.icon-link.icon-round[class*='google'] {
	background-color: #e43711;
}

.icon-link.icon-round[class*='google']:hover {
	background-color: #b52c0d;
}

.icon-link.icon-round.icon-white {
	color: #1c77ff;
	background-color: #fff;
}

.icon-link.icon-round.icon-white:hover {
	color: #fff;
	background-color: #1c77ff;
}

.icon-link.icon-round.icon-300 {
	color: #0a0a0b;
	background-color: #dbdbdb;
}

.icon-link.icon-round.icon-300:hover {
	color: #fff;
	background-color: #1c77ff;
}

.icon-link.icon-round.icon-700 {
	color: #fff;
	background-color: #444548;
}

.icon-link.icon-round.icon-700:hover {
	background-color: #1c77ff;
}

.icon-link.icon-round.icon-700-ghost {
	color: #444548;
	background-color: transparent;
	border: 1px solid #dbdbdb;
}

.icon-link.icon-round.icon-700-ghost:hover {
	color: #fff;
	background-color: #1c77ff;
	border-color: #1c77ff;
}

.context-dark .icon-link,
.navbar-light.rd-navbar-fullwidth .icon-link {
	transition: all 0.2s ease-in-out;
}

.context-dark .icon-link.icon-400,
.navbar-light.rd-navbar-fullwidth .icon-link.icon-400 {
	color: rgba(255, 255, 255, 0.6);
}

.context-dark .icon-link.icon-400:hover,
.navbar-light.rd-navbar-fullwidth .icon-link.icon-400:hover {
	color: #fff;
}