/* WIDGET: ICON LIST
-------------------------------------------- */

.vlt-icon-list {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
	flex-wrap: wrap;

	&--traditional {
		flex-direction: column;

		li + li {
			margin-top: px2rem(20px);
		}

	}

	&--inline {
		justify-content: start;
		margin-right: px2rem(-20px);
		margin-bottom: px2rem(-20px);
		margin-left: px2rem(-20px);
		flex-direction: row;

		li {
			margin-right: px2rem(20px);
			margin-bottom: px2rem(20px);
			margin-left: px2rem(20px);
		}

	}

	&__item {
		display: flex;
		text-align: left;

		span {
			width: 1em;
			margin-right: px2rem(15px);
			font-size: px2rem(16px);
			line-height: 1;
			align-self: center;
		}

		svg {
			width: 1em;
			height: 1em;
		}

	}

}