/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 [data-button-action="add-to-cart"] i{
      pointer-events: none!important;
    } 

.page-header h1 {
    display: none;
}
.product-flags {
    display: none;
}
.custom-checkbox label {
    width: max-content;
}
	
#header #_desktop_logo .logo {
	max-width: 361px;
	max-height: 99px;
}
	
#header .header-top .position-static .bon-nav-bar {
    justify-content: flex-start;
}

@media (min-width: 992px) {
    #header #_desktop_cart,
    #header #_desktop_setting-header,
    #header #_desktop_search_widget,
    #header #_desktop_user_info {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #header #_desktop_cart,
    #header #_desktop_setting-header,
    #header #_desktop_search_widget,
    #header #_desktop_user_info { 
        display: flex;
    }
}

#product.product-additional-info {
    display: none;
}

#contact-wrapper .contact-rich {
    display: none;
}
#contact-wrapper h4 {
    display: none;
}

@media screen and (max-width: 767px) {
    .category-cover {
        display: block;
    }
}

@media screen and (max-width: 991px) {
	pre {
		overflow: unset;
		white-space: pre-wrap;
	}
}

.featured-products .thumbnail-container .thumbnail-container-images .add-to-cart-block, .product-miniature .thumbnail-container .thumbnail-container-images .add-to-cart-block {
	display: none;
}

@media screen and (max-width: 991px) {
	body .block-social ul .facebook {
		background: url("../img/facebook.png") 50% 50% no-repeat;
	}

	body .block-social ul .twitter {
		background: url("../img/twitter.png") 50% 50% no-repeat;
	}

	body .block-social ul .instagram {
		background: url("../img/instagram.png") 50% 50% no-repeat;	
	}

	body .block-social ul .pinterest {
		background: url("../img/pinterest.png") 50% 50% no-repeat;	
	}

	body .block-social ul .youtube {
		background: url("../img/youtube.png") 50% 50% no-repeat;	
	}

	body .block-social ul .vimeo {
		background: url("../img/vimeo.png") 50% 50% no-repeat;
	}

	body .block-social ul .googleplus {
		background: url("../img/google-plus.png") 50% 50% no-repeat;
	}
}

#footer .block-social ul li{
	filter: invert(100%);
}