/* All Type Of Footer Styles */
.footer-style1 {
	background-color: $title-color;

	&.at-home2 {
		padding-top: 230px;
	}

	// &.at-home4 {
	// 	// background-color: $;
	// }

	&.at-home6 {
		background-color: transparent;
		background-image: url($theme-image-path+"home/footer-bg-6.jpg");
		background-size: cover;
	}
}

.footer-widget {
	position: relative;

	.info-title {
		color: $gray-color;
		font-family: $title-font;
		margin-bottom: 5px;
	}

	.info-phone,
	.info-mail {
		a {
			color: $white-color;
		}
	}
}

.footer-widget {
	&.light-style {

		.info-phone,
		.info-mail {
			a {
				@include heading-typo1;
			}
		}
	}
}

.app-widget {
	position: relative;

	.app-info {
		background-color: rgba($white-color, .04);
		border-radius: 12px;
		padding: 10px 20px 2px;
		width: 210px;
		@include transition(all, 0.4s, ease);

		&:hover {
			background-color: $theme-color;
		}

		&.light-style {
			background-color: $dark-color;

			&:hover {
				background-color: $theme-color;

				.app-text {
					color: $white-color;
				}
			}
		}
	}

	.app-text {
		color: $gray-color;
	}

	&.at-home6 {
		.app-info {
			background-color: #0D1C39;
			padding: 8px 20px 10px;

			.flex-shrink-0 {
				border-right: 1px solid rgba($white-color, .3);
				padding-right: 20px;
			}

			.flex-grow-1 {
				padding-left: 20px;
			}

			.app-text {
				color: $white-color;
			}
		}
	}

	&.at-home7 {
		.app-info {
			border-radius: 0;
		}
	}
}

.mailchimp-style1 {
	position: relative;

	.form-control {
		background-color: rgba($white-color, .04);
		border: none;
		border-radius: 12px;
		color: $white-color;
		font-size: 14px;
		font-weight: 400;
		height: 70px;
		padding-left: 30px;

		&:placeholder {
			color: $white-color;
			font-size: 14px;
			font-weight: 400;
		}

		&:focus {
			border: none;
			box-shadow: none;
			outline: none;
		}
	}

	button {
		background-color: transparent;
		border: none;
		color: $white-color;
		font-family: $title-font;
		font-size: 15px;
		font-weight: 600;
		position: absolute;
		right: 25px;
		top: 20px;
	}

	&.white-version {
		.form-control {
			background-color: $white-color;

			&:placeholder {
				color: $title-color;
				font-size: 14px;
				font-weight: 400;
			}
		}

		button {
			font-size: 15px;
			@include heading-typo1;
		}
	}

	&.at-home4 {
		@include default-border-radius1;
		border: 1px solid $border-color;

		.form-control {
			height: 60px;
		}

		button {
			background-color: $title-color;
			border-radius: 50%;
			color: $white-color;
			display: block;
			height: 40px;
			line-height: 35px;
			right: 10px;
			top: 10px;
			width: 40px;
		}
	}

	&.at-home7 {
		border: 1px solid $border-color;
		border-radius: 0;

		.form-control {
			height: 60px;
		}

		button {
			background-color: $title-color;
			border-radius: 0;
			color: $white-color;
			display: block;
			height: 40px;
			line-height: 35px;
			right: 10px;
			top: 10px;
			width: 40px;
		}
	}

	&.at-home9 {
		border: 1px solid $border-color;
		@include default-border-radius1;

		.form-control {
			height: 70px;
		}
	}
}

.mailchimp-style2 {
	position: relative;

	.form-control {
		background-color: $white-color;
		border: none;
		border-radius: 12px;
		color: $title-color;
		font-size: 14px;
		font-weight: 400;
		height: 70px;
		padding-left: 30px;

		&:placeholder {
			color: $title-color;
			font-size: 14px;
			font-weight: 400;
		}

		&:focus {
			border: none;
			box-shadow: none;
			outline: none;
		}
	}

	button {
		height: 50px;
		position: absolute;
		right: 10px;
		top: 10px;
	}
}

.link-style1 {
	a {
		color: $gray-color;
		display: block;
		font-family: $title-font;
		line-height: 40px;
		position: relative;
		@include transition(all, 0.3s, ease);

		&:hover {
			color: $white-color;
			text-decoration: underline;
		}
	}

	&.light-style {
		a {
			@include heading-typo2;
		}
	}

	&.light-style3 {
		a {
			color: $text-muted;

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

	&.at-home9 {
		a {
			&:hover {
				color: $theme-color;
			}
		}
	}
}

.footer-logo img {
	height: 50px;
}