/*<meta />*/

.site-footer
{
	background-color: #FFFFFF;
	padding: 2% 5%;
}

.list-clean,
.list-horizontal
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-icons li
{
	display: inline-block;
	margin-right: .4em;
	padding: 0;
}

.list-horizontal > li
{
	display: inline-block;
	margin: 0.25em 0.75em 0.25em 0;
	padding: 0 12px 0 0;
	position: relative;
}

.social-icons a
{
	font-size: 22px;
	font-size: 1.375rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	box-shadow: 0 2 10px rgba(0, 0, 0, 0.2);
	color: #002330;
	display: block;
	height: 1.45em;
	line-height: 1;
	padding: 0;
	position: relative;
	text-align: center;
	transition: color .2s, background .2s;
	vertical-align: middle;
	width: 1.45em;
}

.site-footer table
{
	border: none;
	width: 100%;
}

.site-footer table tr,
.site-footer table tr td
{
	border: none;
}

.site-footer a
{
	color: #00cdff;
	text-decoration: none;
}

.social-icons .svg-icon
{
	bottom: 0;
	fill: currentColor;
	height: .75em;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	stroke-width: 0;
	stroke: currentColor;
	top: 0;
	width: .75em;
}

svg:not(:root)
{
	overflow: hidden;
}

svg
{
	max-width: 100%;
}

.site-footer table tr td .social-icons .svg-icon
{
	-webkit-mask-size: 16.5px;
	mask-size: 16.5px;
}

.social-icons .svg-icon.ic-fb
{
	-webkit-mask: url('images/facebook.svg') no-repeat center;
	mask: url('images/facebook.svg') no-repeat center;
}

.social-icons .svg-icon.ic-tw
{
	-webkit-mask: url('images/twitter.svg') no-repeat center;
	mask: url('images/twitter.svg') no-repeat center;
}

.social-icons .svg-icon.ic-li
{
	-webkit-mask: url('images/linkedin.svg') no-repeat center;
	mask: url('images/linkedin.svg') no-repeat center;
}

.social-icons .svg-icon.ic-yt
{
	-webkit-mask: url('images/youtube.svg') no-repeat center;
	mask: url('images/youtube.svg') no-repeat center;
}

.social-icons .svg-icon.ic-gp
{
	-webkit-mask: url('images/google-plus.svg') no-repeat center;
	mask: url('images/google-plus.svg') no-repeat center;
}

.social-icons a:hover,
.social-icons a:focus,
.social-icons a:active
{
	background: rgba(255, 255, 255, 0.2);
	outline-color: #00cdff;
}

.social-icons a:hover .svg-icon,
.social-icons a:focus .svg-icon,
.social-icons a:active .svg-icon
{
	background-color: #00cdff;
	filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);
}

.site-footer p
{
	font-size: 14px;
	font-size: .875rem;
	color: rgba(0, 0, 0, 0.5);
}