// Footer

@import "colors.less";

footer {
	font-family: "Avenir";
	font-weight: 600;
	text-align: center;
	color: #1D1D26;
	margin-top: 30px;
	padding-top: 20px;
}

.footer-white {
	
}

.footer-black {
	background-color: @black;
	color: white;
}

.footer-silver {
	background-color: @light-gray;
}

.footer-transparent {
	background-color: transparent;
	color: white;
}

.footer-white a, .footer-silver a, {
	color: @dark-gray;
	font-weight: bold;
}

.footer-white a:hover {
	color: @blue;
	font-weight: bold;
	text-transform: underline;
}

.footer-black a, .footer-transparent a {
	color: white;
	font-weight: bold;
	background-color: transparent;
}

.footer-black a:hover, .footer-silver a:hover, .footer-transparent a:hover {
	color: @blue;
	font-weight: bold;
	text-transform: underline;
	background-color: transparent;
}

footer .column5 .column-inner { min-height: 90px }
footer .column5 .column-inner.centered { min-height: 75px }

footer .column3 .column-inner { min-height: 100px }
footer .column3 .column-inner.centered { min-height: 85px }

.column3 {
	width: 33%;
	float: left;
}

.column5 {
	width: 20%;
	float: left;
}

.column-inner {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.footer-white .column-inner, .footer-silver .column-inner {
	border-right: 2px solid #1D1D26;
}

.footer-black .column-inner, .footer-transparent .column-inner  {
	border-right: 2px solid white;
}

.footer-black .btn, .footer-transparent .btn  {
	color: white;
	border: 2px solid @white;
}

.column-inner.first {
	margin-left: 30px;
}

.column-inner.last {
	border-right: none;
	margin-right: 30px;
}

.column-inner.centered {
	padding-top: 25px;
}

.column-inner div:nth-child(1) { margin-left: 15px; }
.column-inner div:nth-child(2) { margin-right: 15px; }
		
footer .column5 .column-inner i {
	margin-right: 15px;
	margin-left: 15px;
}

footer .column3 .column-inner i {
	margin-right: 15px;
	margin-left: 15px;
	font-size: 21px;
}

footer .copyright {
	margin-top: 10px;
	text-transform: uppercase;
}

footer hr {
	margin-bottom: 10px;
}

footer .links_mobile {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 25px;
	height: 80px;
}

.footer-email { word-break: break-all; }

.footer-black hr,  .footer-transparent hr {
	border-top-color: @white;
}

.footer-white hr, .footer-silver hr {
	margin-top: 20px;
	border-top: 2px solid @black;
}