@media all
{
	.vcard .social a
	{
		display: inline-block;
	}

		.vcard .social a + a
		{
			margin-left: .5em;
		}

		.vcard .social .fa, .vcard .social .fab
		{
			padding: .4em;
			position: relative;
		}

			.vcard .social.colorize .fa, .vcard .social.colorize .fab
			{
				background: #999;
				border: .2em solid #999;
				color: #fff;
				font-size: 1.8em;
			}

				.vcard .social.circle .fa, .vcard .social.circle .fab
				{
					border-radius: 50%;
					font-size: 1.8em;
					transition: all .8s ease;
				}

					.vcard .social.colorize .fa:hover, .vcard .social.colorize .fab:hover
					{
						background: #fff;
					}

						.vcard .social.circle .fa:after, .vcard .social.circle .fab:after
						{
							border: .1em solid #999;
							border-radius: 50%;
							bottom: 0;
							content: '';
							left: 0;
							opacity: 0;
							position: absolute;
							right: 0;
							top: 0;
							transform: scale(0);
							transition: all 1.6s ease;
						}

							.vcard .social.circle .fa:hover:after, .vcard .social.circle .fab:hover:after
							{
								opacity: .4;
								transform: scale(1);
							}

				.vcard .social.rectangle .fa, .vcard .social.rectangle .fab
				{
					border-radius: .2em;
					padding: .1em .4em;
				}

			.vcard .social.colorize .fa-envelope:hover
			{
				color: #999;
			}

			.vcard .social.colorize .fa-facebook-f
			{
				background: #3b5998;
				border-color: #3b5998;
				padding-left: .62em !important;
				padding-right: .62em !important;
			}

				.vcard .social.colorize .fa-facebook-f:after
				{
					border-color: #3b5998;
				}

				.vcard .social.colorize .fa-facebook-f:hover
				{
					color: #3b5998;
				}

			.vcard .social.colorize .fa-instagram
			{
				background: #c02f2e;
				border-color: #c02f2e;
				padding-left: .45em !important;
				padding-right: .45em !important;
			}

				.vcard .social.colorize .fa-instagram:after
				{
					border-color: #c02f2e;
				}

				.vcard .social.colorize .fa-instagram:hover
				{
					color: #c02f2e;
				}

			.vcard .social.colorize .fa-linkedin-in
			{
				background: #007bb6;
				border-color: #007bb6;
				padding-left: .5em !important;
				padding-right: .5em !important;
			}

				.vcard .social.colorize .fa-linkedin-in:after
				{
					border-color: #007bb6;
				}

				.vcard .social.colorize .fa-linkedin-in:hover
				{
					color: #007bb6;
				}

			.vcard .social.colorize .fa-twitter
			{
				background: #00aced;
				border-color: #00aced;
			}

				.vcard .social.colorize .fa-twitter:after
				{
					border-color: #00aced;
				}

				.vcard .social.colorize .fa-twitter:hover
				{
					color: #00aced;
				}
}