/* 
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
*/

/* 
    Add your custom styles here
*/
/* ============ Common Css============== */

:root {
  --header-blue-color: #19222E;
  --header-cream-color: #FDE8E1;
}

body
{
	font-family:  "BigCity Grotesque Pro", "SimonaPro",  Sans-serif;

}

p
{
	margin-bottom:0;
}


#sitelinx-toggle-toolbar
{
	border:none !important;
	display: flex;
	align-items: center;
	justify-content: center;
    width: 56px !important;
    height: 56px !important;
	background:#FBE6DFcc !important;
}

#sitelinx-toggle-toolbar img
{
	background:unset !important;
}

#sitelinx-toggle-toolbar:hover
{
	background:#FBE6DF !important;
}



.brand-image-centering.elementor-widget-image {
   
	
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	
	
}
a:focus-visible {
    outline: none !important;
}


.blue-svg a:hover svg g path{
	fill: var(--e-global-color-1c868bc );
}
.dark-yellow-svg a:hover svg > path {
    stroke: var(--e-global-color-b3c8dfb );
    fill: transparent;
}
.dark-yellow-svg a:hover svg g path{
	fill: var(--e-global-color-b3c8dfb );
}
.light-yellow-svg a:hover svg g path{
	fill: var(--e-global-color-c0654bf );
}
.light-yellow-svg a:hover svg > path {
    stroke: var(--e-global-color-c0654bf );
    fill: transparent;
}


.site-breadcrumb.elementor-widget .elementor-icon-list-icon {
    order: 1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: var(--e-global-color-7372edc );
}
input::placeholder, textarea::placeholder{
	opacity: 1 !important;
}
.site-breadcrumb.elementor-widget .elementor-icon-list-item, .site-breadcrumb.elementor-widget .elementor-icon-list-item a {
    column-gap: 5px;
}


.elementor-button-icon
{
    display:flex;	
}

.rank-math-breadcrumb, .rank-math-breadcrumb a , .rank-math-breadcrumb span
{
    color:var( --e-global-color-061ee8f );
	font-family: "SimonaPro", Sans-serif;
	display: inline-block;
    margin-left: 6px;

}

.white-breadcrumbs .rank-math-breadcrumb, .white-breadcrumbs .rank-math-breadcrumb a , .white-breadcrumbs .rank-math-breadcrumb span
{
	font-size:14px;
	color: var(--e-global-color-7372edc );
}

.rank-math-breadcrumb p
{
	margin:0;
}


div[data-elementor-type="single-post"],div[data-elementor-type="wp-page"], div[data-elementor-type="archive"]
{
	position:relative;
	z-index:2;
}



div[data-elementor-type="single-post"]>div:last-child,div[data-elementor-type="wp-page"]>div:last-child, div[data-elementor-type="archive"]>div:last-child
{
	background:white;
    border-radius: 0px 0px 40px 40px;	
}



/*logos fixing size differences*/
img[alt="poggenpohl-logo-black"], img[alt="poggenpohl"], img[alt="poggenpohl-en"]
{
	scale:1.6;
}




/* ============= main menu ============== */

#all-menu-items
{
	position:fixed;
	z-index:999;
	top: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
	transition: background 0.4s;
	direction: rtl;


}

#all-menu-items.menu-open
{
	width:100%;
	background: #00000078;

}



#all-menu-items #menu-main 
{
    margin-right: -316px;	

}
#all-menu-items #menu-brands, #all-menu-items #menu-categories
{
    margin-right: -755px;	
	overflow:auto;
}



#all-menu-items.first-menu #menu-main, #all-menu-items.second-menu #menu-main, #all-menu-items.third-menu #menu-main, #all-menu-items.second-menu #menu-brands, #all-menu-items.third-menu #menu-categories
{
    margin-right: 0px;	

}

#all-menu-items.first-menu #menu-brands, #all-menu-items.first-menu #menu-categories, #all-menu-items.second-menu #menu-categories, #all-menu-items.third-menu #menu-brands
{
    margin-right: -600px;	
}





#all-menu-items .menu-top-section
{
	 position:absolute;
	 top:31px;
}

.open-categories-menu, .open-brands-menu
{
	cursor:pointer;
}

.back-button
{
	position:absolute;
	top:31px;
	font-size:16px;
	border:none;
	padding:0;
	padding-right:24px;
	display: flex;
    align-items: center;
	

}

button.back-button:before {
    content: "";
    background-image: url(/wp-content/uploads/2023/07/chevron-right-svgrepo-com.svg);
	position:absolute;
	right:0;
    display: inline-flex;
    width: 13px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	transition: right 0.4s;

}



.back-button:hover,.back-button:focus
{
	background:unset;	
	border:none;
	outline:none;
}


button.back-button:hover:before {
	right: -13px;
}

#close-menu-icon
{
	position:absolute;
	top:31px;
	right:45px;
    padding-top: 7px;
	cursor:pointer;
}


#open-brands-button, #open-categories-button
{
	position:absolute;
	top:31px;
	left:42px;
	border: 1px solid var(--e-global-color-061ee8f );
	border-radius:100px;
	font-size:14px;
	padding:7px 12px;
}


#open-brands-button:after, #open-categories-button:after
{
	content: "";
    background-image: url(/wp-content/uploads/2023/08/down-chevron.svg);
    display: inline-flex;
    width: 12px;
    height: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-right:8px;
}


#open-brands-button:hover, #open-categories-button:hover
{
	background: var(--e-global-color-061ee8f );
    color: var(--e-global-color-b3c8dfb );
}

#open-brands-button:hover:after, #open-categories-button:hover:after
{
	background-image: url(/wp-content/uploads/2023/08/down-chevron-brown.svg);
}





#all-menu-items a, #all-menu-items span, #all-menu-items p, #all-menu-items button
{
	color: var(--e-global-color-061ee8f );

}


#menu-main, #menu-brands, #menu-categories
{
	height:100vh;
	width:755px;
	transition: margin 0.4s;
}
#menu-main 
{
	background: var(--e-global-color-061ee8f );
	width:316px;
	z-index:3;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	padding:156px 45px 82px 25px;
}
#menu-brands
{
	background:  var(--e-global-color-b3c8dfb );
	z-index:2;
	position:relative;
	display: flex;
    column-gap: 75px;
    padding: 168px 42px 0px 42px;
}

#menu-categories
{
	background:  var(--e-global-color-c0654bf );
	z-index:1;
	position:relative;
	display: flex;
    padding: 168px 42px 0px 42px;
	column-gap: 75px;
}


#main-menu-top, #main-menu-middle, #main-menu-bottom
{
    display: flex;
    flex-direction: column;
}

#menu-main a
{
	color:white;
}


#menu-main hr
{
	width:100%;
}

#main-menu-top a
{
	font-size:24px;
	cursor:pointer;
}	
#main-menu-middle
{
	font-size: 16px;
}	
#main-menu-bottom
{
	font-size: 16px;
}	


#menu-brands .brands-icon-list, #menu-categories .categories-list
{
    display: flex;
    flex-direction: column;
    width: 110px;
    flex: none;
	row-gap: 40px;
}

#menu-brands .brands-icon-list img
{
	height:30px;
	object-fit:contain;
	/*width:fit-content;*/
	cursor:pointer;
    opacity: 0.5;

}

#menu-brands .brands-icon-list img:first-child
{
	height:40px;
}

#menu-brands .brands-icon-list img.item-active
{
    opacity: 1;
}

#menu-categories .category-menu-title
{
	font-size: 16px;
	cursor:pointer;
}

#menu-categories .category-menu-title.item-active
{
	font-weight:700;
}

#menu-categories .categories-list
{
	width:146px;
}


#all-menu-items .chosen-brand-logo
{
	width:100px;
	margin-bottom:16px;
	max-height: 52px;
    object-fit: contain;
	display:block;


}

#all-menu-items .chosen-item_image
{
	margin-bottom:25px;
	width: 100%;
    max-width: min(500px,100%);
    aspect-ratio: 1.48;
	object-fit:cover;
	
}

#all-menu-items .chosen-item_title
{
	font-size: 24px;
	font-weight: 500;
	display:block;
	margin-bottom:20px;

}

#all-menu-items .chosen-item_description
{
	font-size: 16px;
	display:block;
	margin-bottom:45px;


}

#all-menu-items .chosen-item_button
{
	font-size: 14px;
	padding: 7px 12px;
	border: 1px solid var(--e-global-color-061ee8f );
	border-radius:100px;
	display: flex;
    width: fit-content;
    align-items: center;

}


#all-menu-items .chosen-item_button:after {
    content: "";
    background-image: url(/wp-content/uploads/2023/07/left-long-arrow.svg);
    display: inline-block;
    width: 15px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
}



#all-menu-items .chosen-brand_item_wrap, #all-menu-items .chosen-category_item_wrap
{
	display:none;
}

#all-menu-items .chosen-brand_item_wrap.item-active, #all-menu-items .chosen-category_item_wrap.item-active
{
	display:block;
}





/* ============Header Css================ */
.elementor-location-header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 111;
	transition: transform 0.4s, background 0.4s, backdrop-filter 0.4s, color 0.4s;

}
.elementor-location-header .e-con-inner{
	border-bottom: 1px solid #FDE8E1;
}


/*for regular header */
.header-icon .elementor-icon:hover svg path + path, 
.header-icon .elementor-icon:hover svg g path {
    fill: var(--e-global-color-1c868bc );
}

.header-icon .elementor-widget-container {
	line-height:0;
}


.menu-close-icon .elementor-icon svg{
	transition: .3s all;
}
.menu-close-icon .elementor-icon:hover svg{
	transform: rotate(45deg);
}

/*sticky part*/

.scroll-down-header {
  transform: translate3d(0, -100%, 0);
}

.scroll-up-header {
  transform: none;
	background: rgba(253, 232, 225, 0.70);
	backdrop-filter: blur(12.5px);
}

.scroll-up-header.elementor-location-header .e-con-inner, .scroll-down-header.elementor-location-header .e-con-inner
{
	border-color:var( --e-global-color-061ee8f );
}

.elementor-location-header:not(.scroll-up-header) .header-logos-container
{
    align-self: flex-start;
}


.scroll-up-header.elementor-location-header .blue-svg a, .scroll-down-header.elementor-location-header .blue-svg a,
.scroll-up-header.elementor-location-header .blue-svg path, .scroll-down-header.elementor-location-header .blue-svg path,
.scroll-up-header.elementor-location-header .blue-svg rect, .scroll-down-header.elementor-location-header .blue-svg rect
{
	border-color:var(   --header-blue-color ) !important;
	color: var(   --header-blue-color ) !important; 
	fill: var(   --header-blue-color ) !important;
}


.scroll-up-header.elementor-location-header path.svg-bg-fill, .scroll-down-header.elementor-location-header path.svg-bg-fill
{
	fill:none !important;
	stroke:  var(   --header-blue-color ) !important;

}


/*menu hovers*/

#humberger-menu svg
{
	overflow:visible;
	cursor:pointer;
}

#humberger-menu rect
{
	transition: transform 0.4s;	
}

#humberger-menu:hover rect:nth-child(1)
{
	transform: translateX(6px);
	transition: transform 0.4s;
}


#humberger-menu:hover rect:nth-child(3)
{
	transform: translateX(-6px);
	transition: transform 0.4s;
}

.scroll-up-header.elementor-location-header .blue-svg .elementor-button:hover, .scroll-down-header.elementor-location-header .blue-svg .elementor-button:hover,
.scroll-up-header.elementor-location-header .blue-svg .elementor-button:hover path, .scroll-down-header.elementor-location-header .blue-svg .elementor-button:hover path
{
	color: var(   --header-cream-color ) !important; 
	background: var(   --header-blue-color ) !important;
	fill: var(  --header-cream-color) !important;

}



.scroll-up-header.elementor-location-header .blue-svg svg:hover path, .scroll-down-header.elementor-location-header .blue-svg svg:hover path
{
	border-color:var( --header-cream-color ) !important;
	color: var(  --header-cream-color) !important; 
	fill: var(  --header-cream-color) !important;
}



.scroll-up-header.elementor-location-header svg:hover path.svg-bg-fill, .scroll-down-header.elementor-location-header svg:hover path.svg-bg-fill
{
	fill: var(   --header-blue-color ) !important;
}



.scroll-up-header #header-logo, .scroll-down-header #header-logo  {
	display:none;
}


.scroll-up-header #header-logo-sticky, .scroll-down-header #header-logo-sticky {
	display:block;
}








/*================== Blog Page Css================ */
.filtering-post .premium-blog-entry-title{
	order: 1;
}
.filtering-post .premium-blog-entry-meta {
    margin: 0;
}
.filtering-post .premium-blog-filter {
    margin-bottom: 45px;
}
.filtering-post .premium-blog-filter ul li {
    position: relative
}
.filtering-post .premium-blog-filter ul li:not(:first-child)::before {
    position: absolute;
	content: "";
	width: 1px;
	height: 25px;
	background: var(--e-global-color-dc12bb0 );
	top: 0;
	right: 0;
}


/******============= footer ========== ********/
footer
{
    margin-top: -535px;	
	/* transition: margin 2.4s; */
}

.logos-carousel-top figure
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.logos-carousel-top img
{
    height: 23px;
	width: auto;
}



/*
footer.footer-active
{
    margin-top: 0;	
}
*/

/* ============= Accessibility נגישות ============== */

button#sitelinx-toggle-toolbar
{
	top: unset !important;
	right: 30px !important;
	bottom: 30px;

}


button#sitelinx-toggle-toolbar img
{
	display:none;
}
button#sitelinx-toggle-toolbar:after
{
    content: "";
    background: url(https://www.kleins.co.il/wp-content/uploads/2023/08/accesability-icon.svg);
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
	
}

/**========= media quries=======*/

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

		#menu-brands, #menu-categories
		{
			width: 540px;
		}
		
		
		#all-menu-items.first-menu #menu-brands, #all-menu-items.first-menu #menu-categories, #all-menu-items.second-menu #menu-categories, #all-menu-items.third-menu #menu-brands
		{
			margin-right: -380px;
		}


			
			
	
}



@media screen and (max-width: 1024px) {
	
	footer
	{
		margin-top: 0;	
	}

	
	#menu-main, #menu-brands, #menu-categories
	{
		width:100%;
		position:absolute;
		right:0;
		top:0;

	}
	
	#open-brands-button, #open-categories-button
	{
		display:none;
	}
	
	#all-menu-items.second-menu #menu-brands
	{
		z-index:4;
	}


	#all-menu-items.third-menu #menu-categories
	{
		z-index:4;
	}


	#menu-brands, #menu-categories
	{
		padding: 100px 42px 0px 42px;
	}



}


/*mobile*/
@media screen and (max-width: 767px) {

	#sitelinx-toggle-toolbar
	{
		width: 44px !important;
		height: 44px !important;
		bottom:18px !important;
		right:10px !important;

	}


	div[data-elementor-type="single-post"]>div:last-child,div[data-elementor-type="wp-page"]>div:last-child
	{
		border-radius: 0px 0px 15px 15px;	
	}


	#all-menu-items .chosen-brand-logo
	{
		width:75px;
		
	}
	
	/* ============= Accessibility נגישות ============== */

	button#sitelinx-toggle-toolbar
	{
		right: 10px !important;
		bottom: 10px;

	}


}


@media screen and (max-width: 500px) {
	
		
	#menu-main, #menu-brands, #menu-categories
	{
		padding:75px 24px 110px 24px;
	}

	#close-menu-icon
	{
		right:24px;
	}

	.back-button
	{
		font-size:14px;
	}
	
	button.back-button:before	{
		height: 24px;
	}
	
	#menu-brands, #menu-categories
	{
		column-gap:15px;
	}
	
	#menu-brands .brands-icon-list, #menu-categories .categories-list
	{
		width: 71px;		
		row-gap: 31px;

	}


	#all-menu-items .chosen-item_image
	{
		aspect-ratio: 1.1;

	}
	
	
	
	#all-menu-items .chosen-item_title
	{
		font-size: 18px;
	}
	
	#all-menu-items .chosen-item_description
	{
		font-size: 14px;
		margin-bottom:27px;
		display: -webkit-box;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;

		overflow: hidden;

		
	}
	
	#all-menu-items .chosen-item_button
	{
		font-size: 16px;	
	}


}