/*Styles for footer for NauticEd account*/

.l-footer p {
	margin: 0;
	flex: 0 0 auto;
}

.social-links {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.social-links li {
	margin-top: 12px;
	display: block;
	width: 50%;
}


.social-links a {
	color: #5a5a5a;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	text-transform: capitalize;
}

.social-links i {
	font-size: 30px;
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	position: relative;
	order: 1;
	flex: 0 0 auto;
	text-align: center;
	transition: transform .25s ease-in-out;
}

.social-links a:hover i {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.2);
}

/*No hover effect on touch screens
.touch .social-links a:hover i {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.touch .social-links a:hover {
	color: #333;
}*/

.social-links .phone i {
	color: #8e44ad;
}

.social-links .facebook i {
	color: #113d84;
}

.social-links .twitter i {
	color: #08ace8;
}

.social-links .email i {
	color: #ff5200;
}

.social-links .instagram i {
	color: #d82f80;
}

.social-links .pinterest i {
	color: #bd081c;
}

.social-links .about i {
	color: #02416b;
	font-size: 31px;
}

.social-links .privacy-policy i {
	color: #2ca39c;
}

.social-links .support i {
	background: url(/l2015/images/support.svg) 50% 50% / cover no-repeat transparent;
}

.social-links .brave-lion i {
	background: url(/l-mobile/images/donations/brave-lion.svg) 50% 50% / cover no-repeat transparent;
}

@media (min-width: 35.5em) {
	.social-links li {
		padding-right: 15px;
		width: 33.33%;
	}
}

@media (min-width: 48em) {
	.social-links {
		margin-top: 6px;
	}
}

@media (min-width: 62em) {
	.social-links li {
		width: auto;
		padding-right: 30px;
		margin-top: 18px;
	}

	.social-links li:last-child {
		padding-right: 0;
	}

	.social-links i {
		margin-right: 5px;
	}
}

@media (min-width: 87.5em) {
	.social-links li {
		padding-right: 40px;
	}
}