//
//footer
//

.subscribe{position: relative; padding: 50px 0px; background:url('../images/patten.png') center no-repeat $primary; color:$white;
	h2 {position: relative; color: #ffffff; font-size: 24px; font-weight: 700; margin-top: 18px; margin-bottom: 10px; text-transform: uppercase;} 
	.text {position: relative; font-size: 14px; color: #ffffff; margin-bottom: 20px; } 
	.form-group{
		input[type="email"]{width: 100%; line-height: 25px; padding: 10px 100px 10px 10px; height: 55px; color: $white; font-size: 14px; background: none; margin-right: 10px; margin-bottom: 0; border:none; border-bottom: 1px solid rgba(255,255,255,0.8);}
		button{ position: absolute; right: 0; top: 10px }
		::-webkit-input-placeholder { /* Edge */ color: rgba($white, .7); }
		:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba($white, .7); }
		::placeholder {color: rgba($white, .7); }
	}
}

.footer_link{ padding: 80px 0 0; font-size: 13px;
	h4{ font-size: 20px; margin-bottom: 30px; text-transform: uppercase; }
	.img-svg{ width: 80px; height: auto; }
	.img-svg path{ color: $black !important }
	a{ color: $dark; display: block; padding: 7px 0;
		&:hover{ opacity:.5; }
	}
	.contact-info{
		div{ position: relative; }
		i{ position: absolute; left: 0; top: 10px; font-size: 16px; opacity: .5 }
		span{ padding-left: 30px;display: inline-block; }
	}
	li{ border-bottom: 1px dotted #ccc;
		&:first-child{
			a{ padding-top:0 }
		}
	}

	.news-post {position: relative; padding-left: 100px; min-height: 70px; margin-bottom: 25px;		
		.post-thumb {position: absolute; left: 0; top: 0; width: 80px; border-radius: 5px; overflow: hidden;
			img{ display: inline-block; width: 100%; height: auto }
		}
		h5 {font-size: 15px; margin: -3px 0 0px; line-height: 1.5em; font-weight: bold;
			a { padding-top: 0 }
		}
		.date {font-size: 13px; line-height: 1.2em; }
	}
}

.copyright{ border-top: 1px dotted #ccc; padding-top: 50px; margin-top: 80px; padding-bottom: 20px;
	div{ font-size: 13px }
	ul{
		li{ display: inline-block; margin: 0 10px;
			a{ width: 40px; height: 40px; line-height: 38px; display: block; border-radius: 100%; border: 1px solid; color:#ccc;
				&:hover{
					&.facebook{ color:#1877f2; }
					&.twitter{ color:#1da1f2; }
					&.instagram{ color:#c32aa3; }
				}
			}
		}
	}
}