.tm-social-networks {
	line-height: 0;

	ul {
		@extend %clearfix;
		display: inline-block;
		padding: 0;
		margin: 0;
	}

	// Fix wp 4.7 widget.
	br {
		display: none;
	}

	.item {
		list-style-type: none;
		margin: 0;
	}

	.link {
		display: inline-flex;
		align-items: center;
		@extend %NormalTransition;
	}

	.e-font-icon-svg {
		width: 1em;
		height: 1em;

		* {
			fill: currentColor;
		}
	}

	// Layout.
	&.layout-list {
		display: block;

		.item + .item {
			margin-top: 10px;
		}
	}

	&.layout-inline {
		ul {
			margin: 0 -10px;
		}

		.item {
			float: left;
			margin: 0 10px 10px;
		}

		&.style-large-icons,
		&.style-icon-title {
			ul {
				margin: 0 -15px;
			}

			.item {
				margin-left: 15px;
				margin-right: 15px;
			}
		}
	}

	&.layout-two-columns {
		ul {
			width: 100%;
		}

		.item {
			display: block;
			float: left;
			width: 50%;
		}

		.item:nth-child(2) ~ .item {
			margin-top: 10px;
		}
	}

	// Style.
	&.style-icons {
		font-size: 16px;
	}

	&.style-large-icons {
		font-size: 20px;
	}

	&.style-flat-rounded-icon {
		.item {
			.link:hover {
				color: #fff;
				background: $heading-color;
			}
		}

		.link {
			font-size: 16px;
			display: block;
			text-align: center;
			height: 45px;
			width: 45px;
			color: $heading-color;
			background: #f5f5f5;
			border-radius: 50%;
			position: relative;
		}

		.link-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	&.style-solid-rounded-icon {
		.item {
			.link:hover {
				color: #fff;
				background: $heading-color;
				border-color: $heading-color;
			}
		}

		.link {
			font-size: 16px;
			display: block;
			text-align: center;
			height: 45px;
			width: 45px;
			background: transparent;
			color: $text-color;
			border: 1px solid #e0e0e0;
			border-radius: 50%;
			position: relative;
		}

		.link-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	&.style-icon-title {
		.link-icon {
			font-size: 16px;
			min-width: 16px;
			margin-right: 10px;
		}
	}

	&.style-title {
		line-height: 1.2;

		.link {
			line-height: 1;
			padding: 0;
		}
	}
}
