/* ------------------------- */
/* START - BLOG STYLES */
/* ------------------------- */

.iframe-subscribe{display: none;}
.iframe-subscribe__uiblock{position: fixed; background: rgba(0, 0, 0, .7); z-index: 99; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}
.iframe-subscribe__wrapper{background: #fff; max-width: 700px; max-height: 400px; border-radius: 15px; position: fixed; right: 50%; bottom: 50%; transform: translate(50%, 50%); width: 90%; height: 90%; overflow: hidden; z-index: 999;}
.iframe-subscribe__btn{position: absolute; top: 15px; right: 15px; height: 30px; width: 30px;}
.iframe-subscribe__btn:before{content: "\f057"; position: absolute; top:0; left:0; display: flex; transition: 300ms; justify-content: center; align-items: center; font-family: 'Font Awesome 6 Sharp'; font-size: 1.5rem; color: #000; width: 100%; height: 100%;}
.iframe-subscribe__btn:hover:before{color: #0071cc;}
.iframe-subscribe iframe{width: 100%; height: 100%;}
.iframe-subscribe.is-open{display: block;}

@media screen and (max-width: 1024px) {
	.iframe-subscribe__wrapper{max-height: 560px;}
}
.blog-footer a {
    text-decoration: none !important;
}
.blog-footer a:hover {
    text-decoration: underline !important;
}
.bottom-container{		
	width: 100%;
	background: #000;
	color: #fff;
	border-top: 2px solid #404040;
	padding: 0 2rem;
}

.blog-footer__social{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.blog-footer__container{max-width: 1440px; margin: 0 auto; padding: 4.625rem 0 2.5rem 0;}
.blog-footer__social-subscribe{max-width: 600px; margin: 0 20px 0 0;}
.blog-footer__social-subscribe p {margin: 0 0 1.5rem 0 !important;}
.blog-footer__social-list{display: flex;}
.blog-footer__social-list a{margin: 0 0 0 26px;}
.blog-footer__social-list a i {font-size: 1.5rem;} 
.blog-footer__links{padding: 80px 0 75px; display: flex; align-items: center; justify-content: space-between; font-weight: bold; text-transform: uppercase;}
.blog-footer__links img{width: 50px; height: auto; display: block; margin-right: 10vw;}
.blog-footer__links a{margin: 0 0 0 20px;}
.blog-footer__links a:hover,
.blog-footer__legal-list a:hover {color: #fff;}
.blog-footer__links-list{margin: 0 0 0 50px; flex: 1;}
.blog-footer__links-brands{
	margin: 15px 0 0 0;
}
.blog-footer__legal-list a:hover,
.blog-footer__social-list a:hover{color: #fff;}

.blog-footer__legal{display: flex; justify-content: space-between; align-items: center;}
.blog-footer__legal p{margin: 0;}
.blog-footer__legal-list{display: flex; justify-content: flex-end; align-items: center;}
.blog-footer__legal-list a{margin: 0 0 0 30px;}
.blog-footer__legal-privacy{display: flex; align-items: center;}
.blog-footer__legal-privacy .privacy-icon{margin: 0 10px 0 0;}
.blog-footer__mobile{display: none;}
a.logo-mobile {display: none;}


@media screen and (max-width: 1024px) {
.bottom-container{padding: 0 1rem;}
.blog-footer__container{ padding: 3.75rem 0;}
.blog-footer__social{display: block;}
.blog-footer__links{display: block;}
.blog-footer__links a {margin: 0 0 20px 0;display: block;}
.blog-footer__links img{display: none;}
.blog-footer__links-list{margin: 0;}
.blog-footer__social-list{padding: 80px 0 0;}
.blog-footer__social-list a{margin: 0 0 0 26px;}
.blog-footer__mobile{display: block; width: 40px; height: auto; margin: 0 0 35px 0;}
a.logo-mobile {display: block;}
.blog-footer__legal{flex-direction: column-reverse; align-items: flex-start;}
.blog-footer__legal-list{ flex-flow: wrap; align-items: flex-start; justify-content: flex-start;}
.blog-footer__legal-list a{margin: 0 25px 25px 0; width: auto;}
.blog-footer__legal-privacy{margin: 0 0 50px 0 !important;}
}

.blog-footer__social-list img {
    max-height: 20px;
    margin-left: 26px;
}
.blog-footer__social-list a img {
    margin-left: 0;
}
.wechat,
.wechat-channels {
    position: relative;
}

.wechat:hover::after {
    content: '';
    background: url(/etc/designs/gbs/components/footer/img/wechat_qr.jpg);
    width: 80px;
    height: 80px;
    display: block;
    background-size: contain;
    position: absolute;
    margin-top: -130px;
    border: 1px solid #ccc;
    left: -20px;
}

.wechat-channels:hover::after {
    content: '';
    background: url(/etc/designs/gbs/components/footer/img/wechat_channels_qr.jpg);
    width: 80px;
    height: 80px;
    display: block;
    background-size: contain;
    position: absolute;
    margin-top: -130px;
    border: 1px solid #ccc;
    left: -20px;
}
/* ------------------------- */
/* END - BLOG STYLES */
/* ------------------------- */