/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


@font-face {
    font-family: "MtNoRo";
    src: url('meta/METABOLD.TTF') format('truetype');
}

@font-face {
    font-family: "MtBdRo";
    src: url('meta/METANORMAL.TTF') format('truetype');
}

body {font-family: "MtNoRo"!important; font-weight:400; font-size: 1rem;}


.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, .block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a  {font-family: "MtBdRo"!important; font-weight:500;}

.top-menu a[data-depth="0"] {font-family: "MtBdRo"!important; margin-top: 0.7rem; font-size: 1.175rem;font-weight:500;}
.top-menu a.dropdown-submenu {font-family: "MtBdRo"!important; font-size: 0.975rem;font-weight:500;}

.carousel-inner .material-icons {display:none!important;}

#header .header-top .position-static {float:right;}

.block-category {min-height: 4rem;}
.card {border:0px!important;}

.tax-shipping-delivery-label {display:none;}


.block-contact {font-size:0.85rem; line-height: 1.6em;}

.footer-container li {margin-bottom:0;}

#footer {padding: 0 0 20px 0;}
#footer .text-sm-center {display:none;}

#wrapper .breadcrumb {font-size:0.85rem;}

.search-widget form input[type=text] {border:none!important; background: #f6f6f6!important;}
#header .header-nav { background: #f6f6f6!important;}

.product-flags, .card-block .no-account, .icon-prev, .icon-next {display:none!important;}

#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {font-size: 1rem}


@media only screen and (max-width: 767px) { 

	.block-contact {display:none;}
	
	#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {width: 300px!important; float:none; margin: 5px!important;}
	
    #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {width: 300px!important; margin: 0px!important;}
	
}