/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ----------------------------------------
 * change the items grid:
   make the image boxes the same height (with padding)
   make sure the background image is centered
   make sure the titles are at the bottom
 (the background images are copied from the images src using script)
*/
/* product categories*/
@media (min-width:768px) {
	.products.columns-6 {    grid-template-columns: repeat(7,1fr); } /* make 7 cols instead of 6 */
}

.product-category	 	{ position:relative; }
.product-category a 	{ position:relative; display:block; height:0; padding-bottom:100%; 
	background-position:center !important;
	background-size:contain !important; }
.product-category img 	{ opacity:0; }
.product-category h2 	{ position:absolute; left:0; width:100%; text-align:center; top:100%; }

.product-category .count { display:none; }
.home .product-category:first-child { display:none; } /* hide כללי on home */

/* products grid */
ul.products .product 	{ position:relative; }
ul.products .product a.woocommerce-loop-product__link { position:relative; display:block; height:0; padding-bottom:100%; 
	background-position:center !important;
	background-size:contain !important; }
ul.products .product img { opacity:0; }
ul.products .product h2 { position:absolute; left:0; width:100%; text-align:center; top:100%; }
ul.products .product .button { display:none; }

@media (max-width:1024px) {
	ul.products .product a.woocommerce-loop-product__link { height:auto; }
}

/* category posts grid */
.elementor-posts .elementor-post	 	{ position:relative; }
.elementor-posts .elementor-post a.elementor-post__thumbnail__link 	{ position:relative; display:block; height:0; padding-bottom:65%; 
	background-position:center !important;
	background-size:contain !important; }
.elementor-posts .elementor-post img 	{ opacity:0; }
.elementor-posts .elementor-post .elementor-post__text 	{ position:absolute; left:0; width:100%; text-align:center; bottom:0; background-color: #ffffffdd; }
/* but not in the blog: */
.blog-posts .elementor-posts .elementor-post .elementor-post__text { position:relative; }
/* ----------------------------------- */

/* text links should have lines */
.catalog_text a,
.post-text a,
.elementor-widget-woocommerce-product-content a,
.text-area a { text-decoration:underline !important; }

/* side menu categories */
.side-menu nav > ul > li.current-product-ancestor > a,
.side-menu nav > ul > li.current-menu-parent > a
{    }

.side-menu li > ul { position:relative !important; width:100% !important; box-shadow:none !important; }
.side-menu .current-menu-item > ul,
.side-menu .current-product-ancestor > ul,
.side-menu .current-menu-parent > ul { display:block !important; position:relative !important; width:auto !important; box-shadow:none !important; }

.side-menu .current-menu-item > a,
.side-menu .current-product-ancestor > a,
.side-menu .current-menu-parent > a { font-weight:600 !important; color:var(--e-global-color-accent) !important; }


/* list of files */
.related-files { max-width:500px; }
.related-files p { display:block; float:right; width:100%; max-width:500px; padding:5px; }
.related-files p:nth-child(even) { background-color:var(--e-global-color-b2d529c); }
.related-files p span.size { display:inline-block; float:right; margin:0 10px 0 10px; }
.related-files p span.date { display:inline-block; float:right; font-size:smaller; }
.related-files a { display:block; float:right; text-decoration:underline; }

/* related manufactureres (in product page) */
.related-manuf { display:block; float:left; width:100%; }
.related-manuf a { display:block; float:left; width:50%; }
.related-manuf a img { display:block; width:100%; }


@media (max-width:1024px) {
	.xelementor-nav-menu ul { display:initial !important; }
	.xelementor-nav-menu li:not(.current-menu-parent) { overflow-y:hidden; height:35px; transition:'height' 1s; }
	
	/*
	nav.elementor-nav-menu--dropdown { 
		position:absolute;
		width:100vw;
		height:100vh;
	}
	nav.elementor-nav-menu--dropdown a { background-color:#fff !important; }
	*/
}

/* hp logos */
.company-logos .elementor-portfolio-item__img  { background-color:#fff !important; }
.company-logos .elementor-portfolio-item__img  img { height:auto !important; width:100% !important; filter: grayscale(100%); }