/**
 * Footer bottom
 */
#copyright-area {
	
	padding: 15px 0;
	font-size: 15px;
	line-height: 1;
	color: $color-16;

	#copyright-area-menu, #copyright {
		width: 50%;
	}
	
	#copyright-area-inner.full-width-copyright {
	padding-left: 30px;
	padding-right:30px;
	}
	
	#copyright-area-menu {
		float: right;
		text-align: right;
		padding-left: 15px;

		ul {
			display: inline-block;
			margin: 0;
			list-style: none;
		    margin: 0;
		    padding: 0;
		}

		li {
			float: left;
			margin-bottom:6px;
			

			&:after {
				content: '|';
				margin-left: 5px;
				margin-right: 5px;
			}

			&:last-child:after {
				content: '';
				margin-left: 0;
				margin-right: 0;
			}
		}

		a {
			color: $color-1;

			&:hover {
				color: $color-5;
			}
		}
	}

	&.no-footer-nav #copyright {
		float: none;
		width: 100%;
		text-align: center;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#copyright {
		float: left;
		text-align: left;
		padding-right: 15px;
	}

	a {
		color: $color-1;

		&:hover {
			color: $color-5;
		}
	}
}

/*------------------------------------*
	All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
			
	/* center footer bottom */
	#copyright-area {
		#copyright,
		#copyright-area-menu {
			float: none;
			width: 100%;
			padding-right: 0;
			padding-left: 0;
			text-align: center;
		}

		#copyright-area-menu {
			margin-bottom: 15px;

			li {
				float: none;
				display: inline-block;
			}
		}
	}
	
}

/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {

	#copyright-area #copyright-area-menu li {
		margin-bottom: 8px;
	}

}