/**
 * 8. Footer
 * -----------------------------------------------------------------------------
 */

#footer {
	background-color: #222;
	margin-top: 20px;
	.widget {
		color: #f0f0f0;
		color: rgba(255,255,255,0.7);
		font-size: 14px;
		margin-bottom: 30px;	
		a {
			color: #fff;
			&:hover {
			}
		}
		.widget-title {
			color: #fff;
			font-size: 18px;
			margin-bottom: 20px;
			text-transform: uppercase;
			span {
				color: #fff;
			}
		}	
		p {
			margin-bottom: 15px;
		}
		ul {
			.children,
			.sub-menu {
				padding-left: 1.5em;
				li:first-child {
					margin-top: 10px;
					padding-top: 10px;
					border-top: none;
				}
			}
		}
		ul > li {
			border-bottom: 1px solid #111;
			border-top: 1px solid #333;
			list-style: none;
			padding: 15px 0;
			a {
				color: #f0f0f0;
				color: rgba(255,255,255,0.7);
				&:hover {
					color: #fff;
				}
			}
		}
		ul li:first-child {
			border-top: none;
			padding-top: 0;
		}
		
		ul li:last-child {
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		select {
			width: 100%;
			max-width: 100%;
		}
	}	

	.footer-columns {
		border-bottom: 1px solid #111;
	}
	.footer-column-1,
	.footer-column-2,
	.footer-column-3,
	.footer-column-4 {
		float: left;
		width: 242px;
		padding: 30px 30px 0 0;
		box-sizing: content-box;
		position: relative;
	}
	.footer-column-4 {
		padding-right: 0;
	}
}
/* Site Bottom */
#site-bottom {	
	border-top: 1px solid #333;
	color: #f0f0f0;
	color: rgba(255,255,255,0.7);
	font-size: 13px;
	font-family: $heading-font-family;
	padding: 20px 0;
	a {
		color: #f0f0f0;
		color: rgba(255,255,255,0.7);	
		&:hover {
			color: #fff;
		}	
	}
	.footer-social {
		float: left;
	}		
	.copyright {
		float: right;			
	}	
}