/*
   Theme Name: Hustleville
   Theme URI: https://hustleville.co.za
   Description: Theme developed for Hustleville
   Author: KEMOSO
   URI: https://www.kemoso.com/
   Template: mia
   Version: 1.0
   */

.blockOverlay {
display: none !important;
}

.headertext {
    position: absolute;
    right: -500px;
    top: 30px;
    font-weight: bolder;
    font-size: 15px;
    color: #231e1f;
    text-transform: uppercase;
}
/*========================================
 * GENERAL
 * =====================================*/
.header-left {padding-left:20px; background-color: transparent;}
.menu-area-header .cart-icon {background-image:url(https://hustleville.co.za/wp-content/uploads/2019/11/bag-dark.svg)}
.menu-area-header .search-icon {background-image:url(https://hustleville.co.za/wp-content/uploads/2019/11/search-dark.svg)}
.menu-area-header .burger-icon {background-image:url(https://hustleville.co.za/wp-content/uploads/2019/11/menu-dark.svg)}
.menu-area-header .burger-icon.close {background-image:url(https://hustleville.co.za/wp-content/uploads/2019/11/close-dark.svg)}
.menu-area ul a {color:#231e1f}
.menu-area ul a:hover {color:#111111}
.menu-area .burger-icon {display:inline-block}
.menu-area .main-menu, .menu-area-footer {display:none}
.site-logo a  img {width: 200px; transform: translate(20px,10px);}
.page-template-page-fullwidth-no-title .header-right {background:transparent}
.site-footer img {width:150px}
.container {margin-right:0}
.lifestyle-blog-section .vc_column-inner {margin-left: 0!important;}
.woocommerce #primary {background:#fff}
h1, h2, h3 {font-weight:bold}
.woocommerce ul.products li.product .woocommerce-loop-product__title {line-height:1em}
.home .landing-section .slide-left .vc_column-inner, .home .hustle-fit .slide-left .vc_column-inner, .home .lifestyle-blog-section .slide-left .vc_column-inner {min-height: 250px;}
.woocommerce ul.products li.product .button.product_type_variable {display:none}

/*=======================================
 * MEDIA QUERIES
 * =====================================*/
@media only screen and (min-width:1101px) {
	.menu-area {height: 110px;}
	.home .landing-section {margin-top:0; margin-bottom:100px}
}
@media only screen and (max-width:1100px) {
	.page #main-content {padding-top:0}
	#home-browse-collection .vc_btn3-container {z-index: 9;}
}
@media only screen and (min-width:901px) {
	.site-header {
		background:url(https://hustleville.co.za/wp-content/uploads/2019/12/tagline-02.svg) #fff 50% 50% no-repeat;
		background-size:240px
	}
	.home .landing-section .slide-left .vc_column-inner, .home .hustle-fit .slide-left .vc_column-inner, .lifestyle-blog-section .slide-left .vc_column-inner {
		    padding-top: 300px;
    		padding-bottom: 500px;
	}
	.home .hustle-fit .slide-left .vc_column-inner, .lifestyle-blog-section .slide-left .vc_column-inner {margin-left:-180px}
}

@media only screen and (min-width:768px) {
	#home-browse-collection .mia-button {
		margin-top: -160px;
		margin-left: 20%;	
	}
	.hustle-fit-btn-container .mia-button, .lifestyle-blog-btn-container .mia-button {margin-top:-24px; margin-left:20%}
	.home .hustle-fit-btn-container .wpb_column .vc_column-inner, .home .lifestyle-blog-btn-container .wpb_column .vc_column-inner {padding-top:0}
}

@media only screen and (min-width:601px) and (max-width:768px) {
}

@media only screen and (max-width:414px) {
	.home .landing-section .slide-left .vc_column-inner {margin-bottom:0}
	#home-browse-collection .wpb_column .vc_column-inner {padding-top:0}
	.home #slider .wpb_column .vc_column-inner {
		padding-top: 0;
		margin: 0;		
	}
	.home #slider .wpb_column .vc_column-inner .wpb_content_element {margin-bottom:0}
	.menu-area-header {padding-top: 10px; height:60px}
	.site-header, .menu-area {height:60px}
	.menu-area + .container {padding-top:60px}
	.mia-button {z-index:99}
	.hustle-fit-btn-container .mia-button, .home .lifestyle-blog-btn-container .mia-button {margin-bottom:0; z-index: 9;}
	.home .hustle-fit-btn-container .wpb_column .vc_column-inner,
	.home .lifestyle-blog-btn-container .wpb_column .vc_column-inner {padding-top:0; margin-top:0}
	#main-content {margin-bottom:0!important}
	.site-footer {font-size:10px}
	h1, .entry-title a {font-size:30px; line-height:36px}
	#rev_slider_1_1_wrapper .hebe.tparrows {
		width:24px;
		height:24px;
		min-width:24px;
		min-height:24px;
	}
	h2 {font-size:24px; line-height:30px}
	h4 {font-size:12px}
	#rev_slider_1_1_wrapper .hebe.tparrows.tp-leftarrow {margin-top:-30px; margin-left:-64px}
	.woocommerce #primary {padding:0 5px}
	.woocommerce-product-details__short-description h5 {line-height:18px}
	.festi-cart-pop-up-content, .b-modal {display:none!important}
}