@import "../../css/_variables.scss";

.site-footer{
	background: #B5966A;
	color: #fff;
	text-align: center;
	
	span,small{
		color: #fff;
	}
	a{
		font-weight: 400;
		margin-left: 20px; 
		margin-right: 20px;
		color: #b5293a;
		border-bottom: 1px solid rgba(181,41,58,.3);
		padding-bottom: 1px;
		font-family: $font-family-header;
		font-size: 1.15rem;
		font-weight: 700;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	ul{
		list-style-type: none;
		padding-left: 0;
		margin-left: 0;
	}
	li{
		display: inline-block;
	}
	p{
		color: #fff;
		line-height: 1.4;
		margin: 0;
	}
	small{
		font-size: .7rem;
		color: rgba(255,255,255,.7);
	}
}

.footer-socials{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.footer-socials a{
	display: flex;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	text-align: center;
	
	
	align-items: center;
	justify-content: center;
	
	.fa-facebook{
		display: block;
		font-size: 20px;
		color: #eecd5c;
		margin-left: 5px;
	}
	.fa-instagram{
		display: block;
		font-size: 20px;
		color: #eecd5c;
		margin-left: 7px;
	}
}

/*
.footer-socials a{
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	text-align: center;
	color: #eecd5c;
	
	.fa-facebook{
		display: block;
		font-size: 16px;
		margin: 6px auto 0 auto;
	}
	.fa-instagram{
		display: block;
		font-size: 20px;
		margin: 6px auto 0 2px;
	}
}
*/


/* Mailchimp */
	.mailchimp{
		max-width: 400px;
		margin: 0 auto;
		
		p{
			font-size: .9rem;
		}
		p.respect{
			font-size: .75rem;
		}
	}
	.mailchimp,
	.mailchimp label{
		color: #fff;
	}
	.indicates-required{
		display: none;
	}
	#mc-embedded-subscribe{
		width: 115px;
		display: inline-block;
		vertical-align: top;
		margin-top: 2px !important;
		border: 1px solid #fff !important;
		background: none !important;
		color: #fff;
		font-family: $font-family-header;
		font-size: 1rem;
		text-transform: uppercase;
	}
	#mce-EMAIL{
		width: calc(100% - 125px);
		font-family: $font-family-header;
		font-size: 1rem;
		padding-left: 5px;
		border: 1px solid #fff !important;
	}
/* Mailchimp */