 
/* Theme Name: MTH  */
 #infinite-handle, #ctis-loading{
     width: 100%!important;
}
 .ctis-loader-elements span{
     padding: 15px 30px!important;
     color: white!important;
}
 .nv-card-content-wrapper .wcz-new-product-badge span {
     background-color: #600101eb;
     color: #FFFFFF !important;
     border: 0;
     border-radius: 25px;
     padding: 3px 8px;
     font-size: 11px;
     box-shadow: unset;
}
 .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col:not(:last-child) {
     border-right: 1px solid #0000001a!important;
}
 .nav-clickaway-overlay, .wcz-stock-remaining{
     display:none!important;
}
 .catPill{
     font-size: 11px;
     background: #f2f2f2d6;
     padding: 3px 8px;
     border-radius: 25px;
     color: #000000c9;
     line-height: 11px;
     position: absolute;
     right: 10px;
     bottom: 10px;
     border: 1px solid #f2e7e7;
}
 .header {
     z-index: 11;
     box-shadow:#00000008 0px 4px 15px;
     position: fixed;
     width: 100%;
}
 #content{
     margin-top:105px 
}
 .wholesaleBanner{
     text-align: center;
     background: #4D0000;
     color: white;
	 position:fixed;
	 bottom:0;
	 width:100%;
	 z-index:11
}

 a {
     transition: 0.05s ease-in-out all;
}
 .nv-nav-cart .widget_shopping_cart_content .total {
     box-shadow: 0 -1px 0px 0 #eaeaea;
}
 .woocommerce-checkout table.shop_table tbody, .woocommerce-checkout table.shop_table tfoot, .woocommerce-checkout table.shop_table thead, .woocommerce-checkout table.shop_table tbody, .woocommerce-checkout table.shop_table tfoot, .woocommerce-checkout table.shop_table thead {
     border-top: 1px solid #d9d9d9;
     border-bottom: 1px solid #d9d9d9 
}
 .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th {
     border-bottom: 1px solid #d9d9d9;
     font-style: normal;
     font-size: .9em;
     padding: 20px;
     background: 0 !important;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
     color: var(--nv-primary-accent);
     background: 0;
     border-bottom: 1px solid;
}
 .woocommerce.single .entry-summary>form.cart {
     border-bottom: 1px solid #d9d9d9;
}
 .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
     border-radius: 3px;
     background: #f4f4f4;
     border: 0;
     color: #222;
}
 [tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus {
     box-shadow: unset;
}
 .widget_msl{
     filter:invert(100%) grayscale(100%) contrast(1) brightness(0.6) 
}
 .woocommerce-info a {
     border: 1px solid #0000007a;
     border-radius: 3px;
}
 .cart-icon-wrapper .cart-count {
     background: #910000;
     padding: 5px;
     width: 16px;
     height: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     color: white;
}
 .woocommerce a.remove:hover {
     background: #910000;
}
 .nv-card-content-wrapper h2 {
     font-family: 'Assistant';
     font-weight: normal;
     font-size: 16px;
}
 .nav-menu-primary .dgwt-wcas-search-wrapp {
     display: none!important;
}
.swiper-button-next::after, .swiper-button-prev::after {
  color: white!important;
  padding: 20px;
  background: #00000038;
  border-radius: 38px;
  backdrop-filter: blur(10px);
}.swiper-button-next::after, .swiper-button-prev::after{
	font-size:24px!important
}
 .hero-banner {
     height: 600px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     color: white;
     background-size: cover;
     background-position: center;
     position: relative;
     text-align: center;
}
 .text-image .button{
     background: white;
     border: 0;
     font-size: 18px;
     border-radius: 0;
     padding: 15px 40px;
     margin-top: 25px;
     display: inline-block;
}
 .hero-banner .button {
     background: white;
     border: 0;
     font-size: 18px;
     border-radius: 0;
     padding: 15px 40px;
}
 .hero-banner>div {
     z-index: 1;
     position: relative;
}
 .hero-banner--overlay {
     position: absolute!important;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #20202091;
}
 .woocommerce-store-notice {
     bottom: 0;
     top: unset !important;
     position: fixed !important;
     z-index: 11;
     padding: 0.5em !important;
     background-color: #373737 !important;
}
 .products, .category_list {
     display: flex;
     flex-direction: row;
     text-decoration: none;
     justify-content: flex-start;
     flex-wrap: wrap;
}

 .products a {
     text-decoration: none;
}
 .product_slide_item, .category_item {
     text-decoration: none;
     width: 100%;
     display: flex;
     flex-direction: column;
}
 .category_item {
     max-width: 100%;
	 width:100%;
     margin: 10px;
     margin-bottom: 20px;
	 border-radius: 8px;
overflow: hidden;
}
 .category_item img {
     max-height: 350px;
     object-fit: cover;
     object-position: center;
     height: 100%;
}
 .category_item>div {
     background-color: #222222;
     color: white;
     padding: 12px 15px;
     font-size: 18px;
     font-family: 'Ovo';
	 text-align:center
}
 .product_slide_item p, .category_item p {
     margin-bottom: 0;
}
 .text-image {
     display: flex;
     margin: 80px 0;
	 	 margin-bottom:0;

}
 .text-image img {
     width: 50%;
}
 .text-image>div {
     width: 50%;
     background: #222222;
     color: white;
     padding: 30px;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
 .text-image h1 {
     margin-bottom: 20px;
}
 .text-image p {
     margin-bottom: 0;
}
 .featured-products {
     position: relative;
     margin: 60px 0;
     margin-bottom: 80px;
}
 .product_slide_item a {
     text-decoration: none;
}
 .product_slide_item .button {
     margin-top:10px 
}
 .mySwiperRand .product_slide_item .button {
     margin-top:20px 
}
 .featured-products h1 {
     margin-bottom: 10px;
}
 .featured-products .subtitle {
     font-size: 16px;
}
 .review-container {
     background-color: #CAC3B136;
     margin: 50px 0;
     position: relative;
     padding-bottom: 30px;
	 margin-top:0
}
 .review-container .swiper-slide>div {
     max-width: 500px;
     margin: 0 auto;
     text-align: center;
     padding: 25px;
     margin-bottom: 15px;
}
 .review-container .swiper-slide>div p {
     margin-bottom: 10px;
     font-size: 16px;
}
 .navbar-toggle {
     border: none;
}
 .mySwiperRand {
     max-width: 375px;
}
 .mySwiperRand .swiper-slide {
     background: white;
     border-radius: 12px;
     box-shadow: 0px 5px 6px 0px #0000002b;
}
 .mySwiperRand .product_slide_item > div{
     padding: 20px;
     display: flex;
     flex-direction: column;
}
.product_slide_item{
	border: 1px solid #f0f0f0;
border-radius: 8px;
}
.mySwiperCat {
width: 100%;
max-width: 100%;
overflow: visible!important}
 .woocommerce-shop .nv-bc-count-wrap,.woocommerce-shop .nv-woo-filters{
     display: none!important 
}
 .woocommerce-shop main .nv-shop{
     margin-top: 0!important 
}
 .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
     content: unset;
     display: unset;
}
 .pillForm{
     display: flex;
     border-radius: 50px;
     overflow: hidden;
     height: 100%;
     text-align: center;
     max-width: unset;
     margin: unset;
     margin-bottom: unset;
     width: unset;
}
 .pillList{
     flex-wrap: nowrap;
}
 .pillForm div{
     background-size: cover;
    padding: 12px 25px;
}
 .woocommerce table.shop_table.cart tr{
     border-bottom: 1px solid #ececec!important;
}
 .woocommerce table.shop_table.cart tr{
     border-bottom: 1px solid #ececec!important;
}
.custom-pill{
background: #eff5ff;
border-radius: 12px;
padding: 0px 5px;
font-size: 12px;
color: #09034d;
top: 0;
left: 20px;
position: relative;
}
 .woocommerce .cart_totals td, .woocommerce .cart_totals th{
     border-bottom: 1px solid #ececec !important;
     border-top: 0 !important;
}
 .product_slide_item img{
     height: 340px;
     object-fit: cover;
     object-position: center;
}
 .woocommerce ul.products li.product{
margin: 5px;
margin-bottom: 20px;
width: calc(25% - 10px);
border: 1px solid #f0f0f0;
border-radius: 8px;

}
.nv-card-content-wrapper .wp-element-button{
	
	display:none!important;
}
 .wpcf7-form{
     max-width: 500px;
     width: 100%;
     margin: 0 auto;
}
.wpcf7-form label{
     width: 100%;
}
 .wpcf7-form input{
     width: 100%;
}
 .nv-nav-cart li {
     border-bottom: 1px solid #27262624;
}
 .wp-block-gallery.has-nested-images figure.wp-block-image{
     padding: 50px 
}
 @font-face {
     font-family: MTH;
     src: url(https://morethanhype.co.za/wp-content/uploads/2022/07/The-Centurion-.woff);
}
 .headerSliceBg{
     background-image: url(https://morethanhype.co.za/wp-content/uploads/2022/05/studio13.jpg);
     width: 100%;
     background-size: cover;
     background-position: center 
}
 #slice {
     --target: 100%;
     width: 100%;
background: linear-gradient(25deg, #ffffff2e var(--target), #000 var(--target));	
	 display: flex;
     height: 100vh;
     justify-content: center;
     align-items: center;
	 flex-direction:column;
     max-width: 600px;
     margin: 0 auto;
	 backdrop-filter: blur(5px);
}
.price{
	margin-bottom:0;
	font-size: 12px!important;
	padding: 0 20px;
padding-top: 5px;
}
.gold .price{
	color: black!important;
}
.gold img{
	border-radius:8px
}
.nv-single-product-top .price{
	padding: 0;
font-size: unset !important;margin-bottom: 20px;
}
.nv-card-content-wrapper .woocommerce-loop-product__title{
	padding: 0px 20px!important;
font-size: 1rem!important;
font-weight: bold;
}
 #slice h1 {
     color: white;
     font-family: 'MTH';
     font-size: 100px;
     text-align: center;
     letter-spacing: -0.02em;
     background: linear-gradient(25deg, #000 var(--target), #fff var(--target));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     width: 100%;
     line-height: 0.95;
     margin: 0;
     width: 100%;
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
}
#slice .button{
	background: white;
border: white;
margin-top: 25px;
}

.custom-product-item{
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.custom-product-item a{
	text-align:center
}
 @media only screen and (max-width: 900px) {
     .woocommerce ul.products li.product{
         width: calc(50% - 15px)!important;
         float: left;
         clear: both;
         margin: 7.5px!important;
    }
	 .category_list .swiper-slide:first-of-type{
		 margin-left:30px
	 }
     #slice h1 {
         font-size: 80px 
    }
     #content{
         margin-top:95px 
    }
     .wp-block-gallery.has-nested-images figure.wp-block-image{
         padding: 20px 
    }
     .modal-content{
         max-height: 100%;
         overflow-y: scroll;
    }
     .product_slide_item img{
         height:220px;
    }
     .text-image {
         flex-direction: column;
         margin: 30px 0;
		 margin-bottom:0;
    }
     .text-image>div {
         width: 100%;
    }
     .text-image img {
         width: 100%;
    }
     .category_list {
         margin-left: -15px;
         margin-right: -15px;
    }
     .category_item {
   max-width: 100%;
	 width:100%;         margin-bottom: 5px;
         margin: 5px;
    }
     .review-container {
         margin-left: -15px;
         margin-right: -15px;
    }

     .mySwiperRand {
         max-width: 300px;
    }
     .mySwiperRand .product_slide_item img{
         height: 300px 
    }
     .nav-menu-primary .dgwt-wcas-search-wrapp {
         display: block!important;
    }
     .pillForm{
         min-width: unset;
         max-width:100%;
         width: auto;
         display: inline-block;
         overflow:unset!important;
    }
     .pillForm div{
         border-radius: 50px;
    }
     .pillList{
         overflow: auto;
         white-space: nowrap;
         margin: 0 -15px;
         padding: 0 15px;
    }
     .pillList > p{
         display: none 
    }
     .swiper-button-next{
         display: none!important;
    }
     .swiper-button-prev{
         display: none!important;
    }
     .footer-main{
         padding: 15px 0 
    }
}
 @media only screen and (max-width:500px) {
     #slice {
         width: 100%;
         max-width: 350px;
         margin: 0 auto;
    }
}
