/*=== 4. FOOTER ===*/
// DARK FOOTER
.footer{
	width: 100%;
	display: block;
	background-color: $secondary-color;
	padding: $base*16 0;
}

.foo
.footer-logo{
	display: block;
	margin-bottom: $base*5;
}
.footerContent{
	h5{
		font-size: $base*3;
		color: $white-color;
		line-height: $base*4+1px;
		margin-top: $base*5;
		margin-bottom: $base*7;
		text-transform: uppercase;
		font-family: "Montserrat",sans-serif;
	}
	p{
		margin-top: 30px;
		color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
		@include tablet{
			font-size: $base*2+1px;
		}
		@include desktops{
			font-size: $base-xs*7;
		}
	}
	.list-unstyled{
		li{
			color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
			margin-bottom: $base*3;
			@include tablet{
				font-size: $base*2+1px;
			}
			@include desktops{
				font-size: $base-xs*7;
			}
			i{
				@include mobile-all{
					margin-right: $base*2;
				}
				@include tablet{
					margin-right: $base*2;
				}
				@include desktops{
					margin-right: $base-xs*7;
				}
			}
			a{
				color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
				&:hover{
					color:$primary-color;
				}
			}
		}
	}
	&.imgGallery{
		.row{
			@include mobile{
				width: auto;
			}
			@include mobile{
				width:100%;
			}
			.col-xs-4{
				margin-bottom: $base*3;
				@include tablet{
					padding: 0 $base*3 0 $base*3;
				}
				@include tablet{
					padding: 0 0 0 $base*3;
				}
				a{
					display: block;
					@include border-radius ($base-xs*2);
					img{
						width: 100%;
					}
				}
			}
		}
	}
	.input-group{
		@include add-border(1px, darken(desaturate(adjust-hue($primary-color, 181.4667), 94.8718), 25.2941), all);
		@include border-radius ($base-xs*2+1px);
		margin-bottom: $base*6;
		.form-control{
			background-color: transparent;
			border: 0;
			color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
		}
		.input-group-addon{
			@include border-radius ($base-xs*2);
			background-color: darken(desaturate(adjust-hue($primary-color, 184.1939), 93.9891), 20.0000);
			border: 0;
			@include transition(all 0.3s ease-in-out);
			i{
				color: $white-color;
			}
			&:hover{
				background-color: $primary-color;
				border-color: $primary-color;
				@include opacity(1);
			}
		}
	}
	.list-inline{
		li{
			@include tablet{
				padding: $base-xs;
			}
			@include desktops{
				padding: 0 $base-xs;
			}
			@include large-desktops{
				padding: 0 $base;
			}
			a{
				display: block;
				text-align: center;
				@include add-border(1px, darken(desaturate(adjust-hue($primary-color, 181.4667), 94.8718), 25.2941), all);
				@include border-radius (100%);
				color: $white-color;
				&:hover{
					background-color: $primary-color;
					border-color: $primary-color;
					@include opacity(1);
				}
				@include mobile-all{
					width: $base*7;
					height: $base*7;
					line-height: $base*7;
					font-size: $base-xs*7;
				}
				@include tablet{
					width: $base*5;
					height: $base*5;
					line-height: $base*5;
					font-size: $base*2;
				}
				@include desktops{
					width: $base*7;
					height: $base*7;
					line-height: $base*7;
					font-size: $base-xs*7;
				}
			}
		}
	}
}
.copyRight{
	display: block;
	background-color: darken(desaturate(adjust-hue($primary-color, 181.4667), 92.1053), 40.9804);
	padding: $base*6 0;
	.list-inline{
		@include mobile-all{
			float: left;
			width: 100%;
			text-align: center;
			margin: 0 0 $base*6 0;
		}
		@include tablet{
			float: right;
			width: auto;
			text-align: left;
			margin-bottom: 0;
		}
		li{
			a{
				font-size: $base-xs*6+1px;
				color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
				&:hover{
					color:$primary-color;
				}
			}
		}
	}
}
.copyRightText{
	p{
		margin-bottom: 0;
		color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
		a{
			color: lighten(desaturate(adjust-hue($primary-color, 187.4667), 97.6526), 2.3529);
			&:hover{
				color: $primary-color;
			}
		}
		@include mobile-all{
			font-size: $base-xs*5+1px;
			text-align: center;
		}
		@include tablet{
			font-size: $base-xs*6+1px;
			text-align: left;
		}
	}
}

// LIGHT FOOTER
.footer-light{
	background-color: transparent;
	.footerContent{
		.footer-logo{
			img{
				width: auto;
				@include tablet{
					width: 100%;
				}
				@include desktops{
					width: auto;
				}
			}
		}

		h5{
			color: $text-title;
		}
		.list-inline{
			li{
				a{
					color: #969696;
					border-color: #969696;
					&:hover{
						color: $white-color;
						border-color: $primary-color;
					}
				}
			}
		}
		.list-item{
			li{
				margin-bottom: 17px;
				a{
					color: #969696;
					&:hover{
						color: $primary-color;
					}
				}
			}
		}
	}
}