/*
*Theme Name:     PatioTime Child Theme
*Theme URI: 	 https://patiotime.loftocean.com/
*Description:    PatioTime child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       patiotime
*Text Domain: 	 patiotime-child
*Version:        1.0
*/

 /** Add your styles below **/

 
#site-header-cart{
	display: none !important;
}

.site-header .site-header-main {
    background: #0000009c;
}

.is-sticky .site-branding img{
	width: 120px;
}

.site-header.site-header-layout-default.is-sticky .site-header-main {
    padding: 0;
}

.site-header-search .toggle-button{
    text-align: end;
}

.custom-image-post{
	margin-bottom: 30px !important;
} 

.woocommerce-ordering,
.woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce-products-header .woocommerce-breadcrumb{
	display: none !important;
}

.posts .product {
    position: relative;
    margin-top: var(--post-gap) !important;
    padding-bottom: 15px !important;
    overflow: hidden;
}

.elementor-image-box-title a,
.elementor-image-box-title {
	line-height: 1.2;
	font-family: var(--heading-font) !important;
}

.pt-template-wide .container {
    max-width: calc(var(--site-width) + var(--side-padding)*2);
    padding: 0 var(--side-padding);
    margin-right: auto;
    margin-left: auto;
}

.primary-menu .sub-menu {
    min-width: 110px;
}


@media only screen and (max-device-width: 768px) { 
	.menu-toggle:before, .menu-toggle:after {
		width: 40px !important;
		height: 2px !important;
		left: 0px !important;
	}
	
	.site-header-search .toggle-button {
		text-align: center;
	}

}

@media only screen and (max-device-width: 599px) { 
	.woocommerce ul.products {
		justify-content: space-around;
	}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 48% !important;
	}

}
@media only screen and (max-device-width: 480px) { 
	.site-header .site-branding img {
		width: 120px !important;
	}
	
	.page-title-section .entry-title {
		font-size: 2.5rem !important;
	}
	
	.overlap-header ~ .site-content .page-title-section .container {
		margin-top: 60px !important;
	}

}