/* ==========================================================================
   ==========================================================================
   BIEN NACIDO + KABOOKABOO MARKETING
   ==========================================================================
   ========================================================================== */










/* ==========================================================================
   ==========================================================================
   Footer
   ==========================================================================
   ========================================================================== */

.footer {
	padding-top: 150px;
	background: #fff;
}

@media (max-width:980px) {
    
   	.footer {
		padding-top: 115px;
    }
}

@media (max-width:760px) {
    
   	.footer {
		padding-top: 80px;
    }
}

.footer__wrapper {
	padding: 100px 4.5% 60px;
	background: #FAF8F5;
}

@media (max-width:980px) {
    
   	.footer__wrapper {
		padding: 90px 6% 50px;
    }
}

@media (max-width:760px) {
    
   	.footer__wrapper {
		padding: 80px 8% 40px;
    }
}





/* ==========================================================================
   Logo
   ========================================================================== */

.footer__logo {
	margin: 0 auto;
	width: 230px;
	height: auto;
	display: block;
}

@media (max-width:980px) {
    
    .footer__logo {
		width: 205px;
    }
}

@media (max-width:760px) {
    
   	.footer__logo {
		width: 180px;
    }
}

.footer__logo img {
	width: 100%;
	height: auto;
	display: block;
}





/* ==========================================================================
   Form
   ========================================================================== */

.footer__form {
	margin-top: 70px;
	width: 100%
}

@media (max-width:980px) {
    
   	.footer__form {
		margin-top: 55px;
    }
}

@media (max-width:760px) {
    
   	.footer__form {
		margin-top: 40px;
    }
}

.footer.no-animation *,
.footer.no-animation *:before,
.footer.no-animation *:after {
	transition: none !important;
}

.footer__form-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 465px;
}

@media (max-width:760px) {
    
   	.footer__form-wrapper {
		max-width: 100%;
    }
}

.footer__form-headline {
	color: #9F9E8A;
	font-size: 20px;
	line-height: 100%;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: .040em;
	text-align: center;
}

@media (max-width:980px) {
    
   	.footer__form-headline {
		font-size: 18px;
    }
}

@media (max-width:760px) {
    
   	.footer__form-headline {
		font-size: 16px;
    }
}

.footer__form-copy {
	margin-top: 50px;
}

@media (max-width:980px) {
    
   	.footer__form-copy {
		margin-top: 40px;
    }
}

@media (max-width:760px) {
    
   	.footer__form-copy {
		margin-top: 30px;
    }
}





/* ==========================================================================
   Social
   ========================================================================== */
    
.social-menu {
	margin-top: 100px;
	width: 100%;
}

@media (max-width:980px) {
    
   	.social-menu {
		margin-top: 80px;
    }
}

@media (max-width:760px) {
    
   	.social-menu {
		margin-top: 60px;
    }
}

.social-menu .social-menu__list {
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	text-align: center;
}

.social-menu .social-menu__list:before {
	width: 3000px;
	height: 1px;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: #968463;
	transform: translate(-50%, -50%);
}

.social-menu .social-menu__item {
	padding: 0 5px;
	vertical-align: top;
	display: inline-block;
	background: #FAF8F5;
}

.social-menu .social-menu__item:first-child {
	padding-left: 20px;
}

.social-menu .social-menu__item:last-child {
	padding-right: 20px;
}

@media (max-width:760px) {
    
   	.social-menu .social-menu__item {
		padding: 5px 5px;
    }
}

.social-menu .social-menu__btn {
	padding: 0 10px;
	color: #262321 !important;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: 400 !important;
	text-align: center;
	text-decoration: none !important;
	display: block;
	background-size: 100% 100%;
	transition: color .3s ease, filter .3s ease;
	will-change: color, filter;
}

.no-touch-device .social-menu .social-menu__btn:hover {
	color: #968463 !important;
}





/* ==========================================================================
   Menu
   ========================================================================== */
    
.footer-menu {
	margin-top: 100px;
	width: 100%;
}

@media (max-width:980px) {
    
   	.footer-menu {
		margin-top: 80px;
    }
}

@media (max-width:760px) {
    
   	.footer-menu {
		margin-top: 60px;
    }
}

.footer-menu .footer-menu__list {
	margin: 0 0 0 -20px;
	width: calc(100% + 40px);
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	text-align: center;
}

@media (max-width:980px) {
    
   	.footer-menu .footer-menu__list {
		margin: 0 0 0 -13px;
    	width: calc(100% + 26px);
    }
}

@media (max-width:760px) {
    
   	.footer-menu .footer-menu__list {
		margin: 0 0 0 -7.5px;
    	width: calc(100% + 15px);
    }
}

.footer-menu .menu-item {
	padding: 2.5px 15px;
	vertical-align: top;
	display: inline-block;
}

@media (max-width:980px) {
    
   	.footer-menu .menu-item {
		padding: 2.5px 8px;
    }
}

@media (max-width:760px) {
    
   	.footer-menu .menu-item {
		padding: 2.5px 2.5px;
    }
}

.footer-menu .menu-item a {
	padding: 5px;
	color: #262321 !important;
	font-size: 14px;
	line-height: 100%;
	font-weight: 400 !important;
	text-decoration: none !important;
	letter-spacing: .010em;
	vertical-align: top;
	display: inline-block;
	transition: color .3s ease;
	will-change: color;
}

.no-touch-device .footer-menu .menu-item a:hover {
	color: #968463 !important;
}





/* ==========================================================================
   Contact
   ========================================================================== */

.footer__contact {
	margin-top: 55px;
	width: 100%;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	text-align: center;
}

.footer__contact-item {
	font-size: 13px;
	line-height: 150%;
	font-weight: 400 !important;
	letter-spacing: .010em;
	vertical-align: top;
	display: inline-block;
}

.footer__contact-item:not(:last-child):after {
	content: '  /  ';
	color: #9A835E;
	white-space: pre;
	vertical-align: top;
	display: inline-block;
}

.footer__contact-item a {
	color: #262321 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	vertical-align: top;
	display: inline-block;
	transition: color .3s ease;
	will-change: color;
}

.no-touch-device .footer__contact-item a:hover {
	color: #968463 !important;
}





/* ==========================================================================
   Copyright
   ========================================================================== */

.footer__copyright {
	margin-top: 15px;
	color: #9F9E8A;
	font-size: 13px;
	line-height: 150%;
	font-weight: 400;
	text-align: center;
}