@charset "utf-8";/*!
Theme Name: DAF
Template:   twentythirteen
*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; }

p { margin:0 0 1em; }

:root {
	--primary:#07579f; /*#FFF504;*/
	--black:#000;
	--white:white;
	--gray: #373C44;
	--blue: #2F7FC6;
	--blue-1: #1D71B8;
	--red: red;

	--admin-bar-height: 0px;
	--site-header-height: 162px;
	/*--top-header-height:33px;*/
	
	--wrapper-margin:5vw;
}

@media (min-width:1833px) {
	:root {
		--wrapper-margin:calc( ( 100vw - 1650px ) / 2 );
	}
}
.primary { color:var(--primary); }

html { font-size:20px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;
	scroll-padding-top:calc( var(--admin-bar-height) + var(--site-header-height) );
}

body { font-size:1rem; background:white; color:black; min-height:100vh; line-height:normal; line-height:1.5; margin:0; display: flex; flex-direction: column; }

body,
.heebo {
	font-family: "Heebo", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 { font-family: "Heebo", sans-serif; font-weight:700; color:inherit; line-height:1.1; }

h1 { font-size: 35px; font-weight: 700; }
h1 a { text-decoration:none; }
 
h2 { font-size:60px; font-weight:900; }

h2.black { background:var(--black); color:var(--white); padding:0.3em 0.7em; width:fit-content; height: max-content; }

.black-row,
h2.black-row { background: var(--black); color: var(--white); margin:0; }
h2.black-row.black-row-arrow { margin:0 0 60px; }
.black-row > .wrapper,
h2.black-row > .wrapper {  position:relative; padding: 2rem 0; }
h2.black-row.black-row-arrow > .wrapper:before {
	content:'';
	position:absolute;
	top:90%;
	right:30px;
	background:url(assets/img/black-block-arr.svg) center/contain no-repeat;
	width:52px;
	height:52px;
}
.black-row h2 { margin:0; }
.black-row h3 { margin:0; }

h3 { font-size:35px; font-weight:700; margin:0.4em 0 0.9em; }

h3.black,
.title-black-container h3,
.row-side-image-and-text h3,
.row-catalog_list h3,
.row-a h3 { background:var(--black); color:var(--white); padding:0.3em 0.7em; width:fit-content; height: max-content; }

h4 { font-size:26px; font-weight:700; margin: 1rem 0; }
h4.yellow { background: var(--primary); color:var(--white); width: fit-content; padding: 0.5rem 0.7em; }
h4.black,
.title-black-container h4,
.row-side-image-and-text h4,
.row-catalog_list h4,
.row-a h4 { background:var(--black); color:var(--white); padding:0.3em 0.7em; width:fit-content; height: max-content; margin:0.4rem 0 1em; }

h4.small { font-size:1rem; font-weight: 400; }

h5 { font-size:20px; font-weight: 500; margin:0 0 0.5rem; }

.size-35,
h2.size-35 { font-size:35px; }
.size-30 { font-size:30px; }
.size-28 { font-size:23px; }
.size-25 { font-size:25px; }
.size-20 { font-size:20px; }
.size-15 { font-size:15px; }

.ltr { direction: ltr; }

.box-shadow { box-shadow:var(--box-shadow); }


.site { background:none; border:none; max-width:none; margin:0 auto; flex-grow: 1; width:100%; }
.site-main { width:auto; font-size:1rem; position:relative; }
.site-main .sidebar-container { height:0; position:absolute; top:40px; width:100%; z-index:1; }
.site-main .sidebar-inner { margin:0 auto; max-width:1040px; }

body .content-area { position:relative; overflow: visible; }

.site-content {}

article:after { content:''; clear:both; display:table; }

.page-wrapper,
.wrapper { max-width:1650px; margin:0 auto; position:relative; padding:0; width:90%; }
/*.wrapper .wrapper,
.wrapper-smaller { max-width:1200px; margin:0 auto; position:relative; padding:0; width:calc(100% - 250px); }*/

@media (max-width:782px) {
	:root {
		--site-header-height: 108px !important;
		--wrapper-margin: 30px;
		/*--top-header-height: 0px !important;*/
	}
	h1 { font-size:35px; }
	h2 { font-size:30px; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }

	body .content-area { overflow:visible; }

	.page-wrapper,
	.wrapper { width: calc(100% - var(--wrapper-margin) * 2); }

	.unwrap,
	.unwrap-mobile { width: calc(100% + var(--wrapper-margin) * 2); margin-left:calc(-1 * var(--wrapper-margin)); margin-right:calc(-1 * var(--wrapper-margin)); }
}

[hidden] { display:none; }

.wpcf7 input[type="submit"],
.button { display:inline-block; text-align: center; padding:0.5em 1.5em; cursor: pointer; }
.wpcf7 input[type="submit"],
.button.black-button { background:var(--black); color:var(--white); }

button,
input,
select,
textarea { font-family:inherit; }

a.no-decoration { text-decoration:none; }
a:hover { text-decoration:underline; }
address { font-style:italic; margin:0 0 24px; }


/* site-header: */

.site-header,
.site-footer { direction: rtl; }

.site-header { visibility:hidden; background:var(--white); color:var(--black); left: 0; width: 100%; position: sticky; top: var(--admin-bar-height); z-index: 100; padding:74px 0 26px; }

.site-header .inner { display: flex; align-items: center; gap: 10px max(1.5rem,calc(2 * var(--ww))); }

.site-header .home-link { display:block; width:min(163px,12%); height: auto; flex-shrink: 0; }
.site-header .home-link img { display: block; }

.site-header .logo-tashtit-container { flex-shrink:0; }
.site-header .logo-tashtit-container img { display:block; max-width: 155px; }

.site-header .site-title:hover { text-decoration:underline; }
.site-title { font-size:60px; font-weight:700; line-height:1; margin:0; padding:58px 0 10px; }
.site-description { font:300 italic 24px "Source Sans Pro",Helvetica,sans-serif; margin:0; }

.menu-toggle { cursor:pointer; width:2rem; height:2rem; background: url(assets/img/menu-toggle.svg?v=0) center no-repeat; order: 10; }
/*.menu-toggle:hover,
.menu-toggle:focus { filter:none; }*/

.site-header .search-form { display: flex; flex-direction: row-reverse; gap: 0 30px;
	padding-inline-start: calc(1.5 * var(--ww)); border-inline-start: 1px solid; align-self: stretch; align-items: center;
	flex-shrink: 0;
}
.site-header .search-field { border:none; border-bottom:1px solid; font-size: 0.9rem; }
.site-header input.search-submit { width:20px; height:20px; font-size:0; border:none; background: url(assets/img/icon-search.svg) center no-repeat; }

@media (max-width:782px) {
	.site-header .home-link { width: fit-content; }
	.site-header .logo-tashtit-container { flex-grow: 1; }
}

#navbar { margin:0; padding:0; flex-grow: 1; position:relative; }
body:not(.show-mobile-style-nav) #site-navigation { position:relative; width: 100%; height: 30px; }
body:not(.show-mobile-style-nav) .nav-menu-container { position: absolute; top: 0; right: 0; }

body.show-mobile-style-nav .site-main { margin-bottom:60px; margin-top:calc(var(--site-header-height) - 2px); }


/*#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }*/

ul.nav-menu { padding:0; display:flex; gap:0.2rem 0.7rem; justify-content: space-evenly; margin: 0;
    white-space: nowrap;
}
body.navbar-line-wrap ul.nav-menu { justify-content: flex-start; }
ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; align-items: stretch; }

.nav-menu li { position:relative; font-size:20px; font-weight: 500; }
.nav-menu a { color:inherit; display:block; text-decoration:none; }
.nav-menu > li > a { color:inherit; display: flex; align-items: center; text-decoration:none; }
/*.nav-menu .children,.nav-menu .sub-menu*/

.nav-menu ul li { color:#949494; padding:0.4rem 0; }
.nav-menu ul li:not(:first-child) { border-top:1px solid #949494; }
.nav-menu ul li a:hover,
.nav-menu ul li.current_page_item:not(.current-menu-item-wrong-hash) > a,
.nav-menu ul li.current-menu-item:not(.current-menu-item-wrong-hash) > a { color:var(--black); }

/*ul:is(.nav-menu,.footer-menu) li:is(:hover,:focus) > a { color:var(--primary); }*/
ul.nav-menu a { width: 100%; }

.nav-menu > li > .sub-menu {
	background:var(--white);
	position: absolute;
	z-index: 10;
	right: -1rem;
	height:0;
	width: max-content;
	top: 100%;
	padding: 4px 1rem;
    min-width: 7rem;
	display:none;
}

.nav-menu li:hover > ul,
.nav-menu li:focus > ul,
.nav-menu li:focus-within > ul { display:grid; clip:inherit; overflow:inherit; height:inherit;  }

/*.nav-menu > li.menu-item-has-children > a:after { content: ''; margin-inline-start: 0.3em; width:11px; height:11px; display: inline-block; background:url("assets/img/arr-down-yellow.svg") 50% 50%/contain no-repeat; filter:saturate(0) brightness(3); }
.nav-menu > li:is(:hover,:focus,:focus-within) > a:after { filter:none; }*/

@media ( min-width:783px) {
	body.show-mobile-style-nav .site-header .mobile-only { display:block !important; }
	body.show-mobile-style-nav .site-header .desktop-only { display:none !important; }
	body.show-mobile-style-nav .site-header .search-form { flex-grow: 1; justify-content: right; }
}

body.show-mobile-style-nav .site-header { position:fixed; padding: 42px 0 32px; }

body.show-mobile-style-nav .site-header .inner { justify-content: space-between; }

/*body.show-mobile-style-nav .taabura-logo-container,
body.show-mobile-style-nav img.taabura-logo  { display:block; max-width: 57px; margin-inline-start: auto; }*/

body.show-mobile-style-nav .nav-menu > li > .sub-menu { display:none; background:none; border:none; padding:0; position:relative; /*transform:translateX(-50%); left:50%; height:1px; width:1px; top:100%;*/ top:auto; left:auto; right:auto; width:auto !important; transform:none; }
body.show-mobile-style-nav .nav-menu > li > .sub-menu > li { max-width:none; }
/*.nav-menu .sub-menu .sub-menu { display:none; }*/


/* mobile nav menu: */
html.mobile-menu-open { overflow: hidden; }
body.show-mobile-style-nav.mobile-menu-open #navbar { transform:translateX(-100%); }
body.show-mobile-style-nav #navbar {
	padding: 0;
	position: fixed;
	top: var(--admin-bar-height);
	left: 100%;
	bottom: -40px;
	overflow: auto;
	z-index: 100;
	width: 100%;
	margin: 0;
	background: var(--white);
	box-shadow: 4px 4px 1rem #0006;
}
body.show-mobile-style-nav #navbar .wrapper { width:auto; }
body.show-mobile-style-nav #site-navigation { display:block; margin:0; padding:0 2rem 7rem; min-height:80vh; }
	
body.show-mobile-style-nav div.nav-menu > ul,
body.show-mobile-style-nav ul.nav-menu { display:grid; grid-template-columns: 1fr; gap:0; }
body.show-mobile-style-nav .nav-menu > li { display:block; padding: 15px 0; }
body.show-mobile-style-nav .nav-menu > li:not(:last-child) { border-bottom: 1px solid; }
body.show-mobile-style-nav .nav-menu ul li:not(:first-child) { border:none; }
body.show-mobile-style-nav .nav-menu ul li { text-align: start; }

/*#primary-menu { display:grid; grid-template-columns:1fr; }
#primary-menu li { position:relative; text-align: start; font-size:1rem; }
#primary-menu a:hover { font-weight:inherit; background:none !important; }

#primary-menu .sub-menu { margin:0 18px 7px; }
#primary-menu .sub-menu li { font-size:0.95rem; }

#primary-menu li > a { display:flex; align-items:center; justify-content:space-between; }
#primary-menu li.menu-item-has-children > a:after { content:''; width:24px; height:24px; border-radius:50%; border:1px solid var(--color-blue); box-shadow:0px 0px 10px rgba(28, 20, 88, 0.16); background:url(images/nav-plus.svg) 50% 50%/60% auto no-repeat; }
#primary-menu li.menu-item-has-children.my-focus > a:after { background-image:url(images/nav-minus.svg); }*/
	
body.show-mobile-style-nav .nav-menu li a { text-decoration:none; display: flex; align-items: center; justify-content: flex-end; }

body.show-mobile-style-nav .nav-menu li.menu-item-has-children > a { font-weight: 700; display:flex; gap:0.4rem; align-items: center; }

body.show-mobile-style-nav .nav-menu li.menu-item-has-children > a:before {
	content:'';
	width:21px;
	height:21px;
	display:block;
	background: url('assets/img/nav-expand.svg') 50% 50%/contain no-repeat;
	transform:rotate(-90deg);
}
	
/*.nav-menu li.menu-item-has-children:is(:hover,:focus,:focus-within) > a:before { transform:rotate(0); }*/
body.show-mobile-style-nav .nav-menu li.menu-item-has-children.my-focus > a:before { transform:rotate(0); }

body.show-mobile-style-nav .menu-toggle-close { position:relative; left:auto; top:auto; background-image:url('assets/img/nav-mobile-close.svg');
	margin: 42px 0 24px; margin-inline-start: auto;
}

body.show-mobile-style-nav .nav-menu .children,
body.show-mobile-style-nav .nav-menu .sub-menu {
	width:auto !important;
	transform:none;
	padding:0;
	position:relative;
	left:auto;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto;
	z-index: 10;
	top:auto;
	border: none;
	margin: 8px 0 0;
}
body.show-mobile-style-nav .nav-menu li > ul { display:none; } /* :not(.focus) */

body.show-mobile-style-nav .nav-menu > li.my-focus > a { font-weight:bold !important; }

@media ( max-width:782px) {

	body.show-mobile-style-nav img.logo { max-width: 80px; }
	.site-header .inner .search-form { display:none; }
	.logo-tashtit-container { display:none; }

}

.nav-menu > * li > a { padding:0; position: relative; }
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a,
.nav-menu > li > a:hover { }
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

.entry-content,.entry-header,.entry-meta,.entry-summary { margin:0; max-width:none; width:100%; }
.sidebar .entry-content,.sidebar .entry-header,.sidebar .entry-meta,.sidebar .entry-summary { max-width:none; padding:0; }
.sidebar .entry-header .entry-meta { padding:0; }
.entry-thumbnail img { display:block; margin:0 auto 10px; }
.entry-header { margin-bottom:30px; }
.entry-meta { clear:both; }
.entry-meta a { }
.entry-meta a:hover { }

@media ( max-width:782px) {
	.button { /*font-weight:400;*/ padding:0.4em 0.8em; width: 100%; }
}

input[type="checkbox"] { cursor:pointer; vertical-align: text-bottom; padding: 0; appearance: none; width: 21px; height: 21px; display: inline-block; border-radius: 3px; border: 1px solid #E1E1E1; margin-inline-end: 0.3em; }
input[type="checkbox"]:checked { background:var(--gray); /*url(assets/img/checkbox.svg) center no-repeat;*/ }

.filter-header { display:flex; justify-content: space-between; align-items: center; }
.filter-header:after { content:''; width:20px; height:20px; display:block; background:url(assets/img/icon-expand-plus.svg) center no-repeat; }
.filter-section.expanded .filter-header:after { transform: rotate(45deg); }

ul.filter-tyre-types-list { list-style: none; margin: 0; padding: 0; display:grid; gap:0.4rem; }
ul.filter-tyre-size-list { list-style: none; margin: 0; padding:0.6rem 0 0; display: flex; flex-wrap:wrap; gap: 1rem; }
ul.filter-tyre-size-list label { cursor:pointer; width:3em; padding:0.5rem; border:1px solid; display:flex; align-items: center; justify-content: center; }


label.on-off-label { cursor:pointer; }
label.on-off-label input { margin-inline-end: 0.4em; }
label.on-off-label.on { color:var(--primary); }
input.faux-radio { vertical-align: baseline; appearance: none; border-radius: 50%; width: 14px; height: 14px; border: 1px solid var(--white); position: relative; }
input.faux-radio:checked { border-color:var(--primary); background: none; }
input.faux-radio:checked:after { content: ''; position:absolute; top:3px; left:3px; width: 6px; height: 6px; background: var(--primary); display: block; border-radius: 50%; }

label.hidden-input input { display: none; }

/* floating contact menu: */
.floating-contact-menu {
	--button-size:30px;
	--button-gap:10px;
	position:fixed;
	bottom: max(calc(190px - var(--dist-from-bottom)),100px);
	left:0;
	z-index: 50;
	background:var(--primary);
	color:var(--white);
	padding:10px 1.4em;
	/*white-space:pre-line;*/
	font-weight: 700 !important;
	text-align: center;
	/*min-width:130px;*/
	line-height: 1;
	font-size:22px;
	width: 5em;
}
.floating-contact-menu-products { padding: 0; width:9em; }
.floating-contact-menu-products.on { width:262px; /*9em;*/ }
.floating-contact-menu-products > a { display: block; padding: 14px 1.4em; }

.floating-contact-menu-list {
	padding:16px; background:#eee; color:#777777; width: 262px !important; display: none;
}
.floating-contact-menu-list ul { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.floating-contact-menu-list a,
.floating-contact-menu-list a:hover { color:#777777; padding:8px 15px; border-radius: 5px; background:white; display:flex; align-items:center; gap:0.5em;
	font-weight: 400; text-align: start; line-height:1.33; justify-content: space-between; white-space: pre-line; }
.floating-contact-menu-list a:after { content:''; height:14px; width:8px; background:url(assets/img/link-arr-left.svg) center no-repeat; flex-shrink: 0; }

/*.floating-contact-menu.on .toggle-show { display:none; }
.floating-contact-menu-toggle { position:absolute; bottom:0; left:0; z-index: 1; }
.floating-contact-menu > .contact-menu-container { display:none; width:var(--button-size) !important; bottom:calc(var(--button-size)/2); padding-bottom:calc(var(--button-gap) + var(--button-size)/2); position: absolute; left: 0; }
/*.floating-contact-menu:not(.on) ul,* /
.floating-contact-menu:not(.on) .toggle-hide { display:none; }
.floating-contact-menu li { position:relative; }
body.rtl .floating-contact-menu li a span { direction:rtl; }
.floating-contact-menu li a,
.floating-contact-menu-toggle { min-width: var(--button-size); height: var(--button-size); text-decoration:none; background: var(--primary); box-shadow: 0px 0px 6px #00000029; cursor:pointer; }
.floating-contact-menu li a { display: flex; align-items: center; width: fit-content; }

.floating-contact-menu-toggle.toggle-show { background:var(--primary) url(assets/img/icon-phone-black.svg) center/40% no-repeat; }
.floating-contact-menu-toggle.toggle-hide { background:var(--primary) url(assets/img/icon-x-black.svg) center/34% no-repeat; }
*/

ul.floating-contact-icons { list-style: none; margin:0; padding:0; display:flex; gap:var(--button-gap); align-items: center; }
.floating-contact-icons a { display:block; width: var(--button-size); height: var(--button-size); filter: invert(1); }
.floating-contact-icons li.email a { background:url(assets/img/icon-floating-email.svg) center/80% no-repeat; }
.floating-contact-icons li.location a { background:url(assets/img/icon-location.svg) center/80% no-repeat; }
.floating-contact-icons li.tel a { background:url(assets/img/icon-tel.svg) center/70% no-repeat; }

/*.floating-contact-icons a span { display:none; white-space: nowrap; padding: 0 1rem; padding-inline-start: 2rem; }
.floating-contact-menu a:hover,
.floating-contact-menu a:focus,
.floating-contact-menu a:focus-within { width:fit-content; }*/

@media ( max-width:782px) {

	.floating-contact-menu-products {
		bottom: max(calc(56px - var(--dist-from-bottom)),20px);
	    max-height: calc(100vh - var(--site-header-height) - var(--admin-bar-height) - 50px);
    	overflow: auto;
	}

	.floating-contact-menu-general {
		bottom: 6vh;
		padding:10px 1em;
		width:auto;
		display: flex;
		align-items: center;
		gap: 1rem;
		font-size:14px;
	}
	.floating-contact-menu-general .floating-main-link { display:none; }
}

/* grid: */
.grid, .grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:4rem 3%; margin:2.4rem 0 1rem; }
.grid-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:4rem 3%; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:4rem 3%; }

.grid-center { display:flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.grid.grid-center > *, .grid-3.grid-center > * { width:30%; }

@media ( max-width:950px) {
	.grid, .grid-3 { grid-template-columns: repeat(2,1fr); }
	.grid-4 { grid-template-columns: repeat(2,1fr); }

	.grid.grid-center > *, .grid-3.grid-center > * { width:50%; }
}
@media ( max-width:782px) {
	.grid-4,
	.grid-2,
	.grid, .grid-3 { grid-template-columns: 1fr; gap: 34px; }

	.grid.grid-center > *, .grid-3.grid-center > * { width: 100%; }

	.mobile-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap:2rem 3%; }
	.mobile-flex-2 { display: flex; justify-content:center; gap:2rem 3%; flex-wrap:wrap; }
	.mobile-flex-2 > * { width:48%; }
}

/* my-marquee: */
.client-list-container { margin:3rem 0; display:grid; grid-template-columns: max-content auto; gap:2rem 7%; align-items: center; }
.client-list-item { padding:0 2rem; }
.client-list-item img { display: block; max-width:120px; }
.my-marquee-container { display: block; width: 100%; overflow: hidden; position: relative; --marquee-num-of-copies:1; --marquee-speed:60; --marquee-time:70s; }
.my-marquee { display: flex; align-items: center; width:max-content; animation: my-marquee var(--marquee-time) linear infinite; }
.my-marquee:hover,
.my-marquee:focus,
.my-marquee:focus-within { animation-play-state: paused; }
@keyframes my-marquee {
    from {transform: translateX(0%); }
    to {transform: translateX(calc(100% / var(--marquee-num-of-copies))); }
}

@media (max-width:782px) {
	.client-list-container { display: flex; flex-direction: column; align-items: center; }
	.client-list { display: flex; flex-direction: column; align-items: center; gap: 2rem; margin-bottom: 0; }
}

/* page header: */
.page-header { position:relative; }
.page-header-slide { position: relative; }
.page-header-slide-video > .video-container,
.page-header-slide > img { display: block; width: 100%; max-height:calc(90vh - var(--admin-bar-height) - var(--site-header-height)); object-fit: cover; min-height: 200px; }

.page-header-slide-video > img { display: none; }

.video-container { position:relative; display: flex; aspect-ratio: 1.85; overflow: hidden; }
.video-container iframe { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; border: none; aspect-ratio: 1; transform: translate(-50%, -50%); }
.page-header-slide .video-container:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; }
.page-header-slide .video-container img { display:none; }

@media ( min-width:783px ) {
	.page-header-content {
		position: absolute;
		font-weight:700;
		top: 40%;
		transform:translateY(-50%);
		margin: 0 6%;
		width: fit-content;
		background: rgba(255, 255, 255, 0.60);
		padding: 1rem 48px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 148px;
	}
}
.page-header-content h2 { margin:0; font-size:60px; font-weight: 900; margin-inline-end: 2rem; }
.page-header-content div { font-size:28px; margin-inline-end: 2rem; }

@media (max-width:782px) {
	.page-header-content { background:var(--black); color:var(--white); padding:23px var(--wrapper-margin); }
	.page-header-content h2 { margin:0; font-size:40px; font-weight: 900; word-break: break-word; }
	.page-header-content div { font-size:20px; }
}

.page-header-links {
	position: absolute;
	bottom: 0;
	color:var(--white);
	margin:20px;
	margin-right: 6%;
	right:0;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	gap:0.5rem 1rem;
	font-weight:400;
    font-size: 1.2rem;
}
.page-header-links a { color:inherit; }
.page-header-links a[data-id="300"] { font-size:1.4em; }

@media (max-width:782px) {
	.page-header-slide > img { height: 110vw; }
	.page-header-links { bottom:auto; top: calc(110vw - 40px); transform: translateY(-100%); }
}

/* default text page: */
body.page-template-default .site-content { margin-bottom:5rem; }

/* home: */
section.section-home-rows { margin: 110px 0; }
.rows { display: grid; }
.rows-border-1 .row { border-bottom:1px solid black; }
@media ( max-width:782px ) {
	.rows-border-1 .row { border-bottom:2px solid black; }
}
@media ( min-width:783px ) {
	.rows-even .row .row-a { width:47%; }
	.rows-border-1 .row:first-child { border-top:1px solid black; }
	.row > .row-a { width:35%; flex-grow: 0; flex-shrink: 0; display:flex; align-items: center; }
	.rows .row.row-odd .row-a { padding-inline-start:var(--wrapper-margin); }
	.rows .row.row-even .row-a { padding-inline-end:var(--wrapper-margin); }
	.rows .row-a { padding:50px 80px; }

	body.home .rows .row.row-odd.row-home .row-a { padding-inline-start:80px; }
	body.home .rows .row.row-even.row-home .row-a { padding-inline-end:80px; }
	body.home .row-home .row-a h2 { font-size:54px; }
}
body.home .row-home .row-a h2 { white-space: pre-line; }
.rows.home-rows { gap: 40px; }
.row { display:flex; text-decoration: none !important; outline:none; overflow: hidden; }
.rows .row:not(.row-odd,.row-even):nth-child(2n),
.rows .row.row-even { flex-direction: row-reverse; }
.home-rows .row { gap:0 47px; min-height: 15rem; }
.row > .row-b { flex-grow: 1; overflow: hidden; }
.row > .row-b img { height: 100%; object-fit: cover; width: 100%; }
.row h2 { margin:0 0 0.5rem; }
.border-1 { border:1px solid black; }
.home-rows .row-b { position:relative; }
.home-rows .row-b h2 { padding: 40px; width: min-content; max-width: 100%; }
.home-rows .row-b img { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.home-rows .row-a h2 { border-bottom:1px solid; padding-bottom:0.5rem; }
.row img { display:block; }
.home-rows .brand-logos { display: flex; flex-wrap: wrap; gap:0.7rem 0; align-items: center; }
.home-rows .brand-logos > div { display:flex; align-items: center; }
.home-rows .brand-logos > div:not(:last-child):after { content:''; margin:0 1rem; height:40px; border-left:1px solid #464646; }
.home-rows .brand-logos img { max-width: 4rem; max-height: 4rem; width:auto; height:auto; }

.row > .row-b *:is(.slick-slider, .slick-list, .slick-track) { height: 100%; }

.row.row-text { display: block; padding:3rem 0; }
.row.row-garage_list { display:block; padding:0 0; }

section.section-home-links { margin: 110px 0 170px; }
.home-link-item { display:grid; gap:30px; grid-template-rows: max-content auto; }
.home-link-item > img { aspect-ratio: 1; width: 100%; }
.home-link-item > h3 { padding:30px; margin:0; }
.home-link-item.hilite > h3 { border: none; color: white; background: var(--blue); }

.row.row-side_image_and_text { padding: 70px 0; }
.row-side-image-and-text { display: grid; align-items: center; gap: 2rem 5%; }

.row.row-two_cols_and_title { padding: 70px 0; }
.row-two-cols { display:grid; gap:2rem 5%; }

@media(min-width:873px) {
	.row-two-cols { grid-template-columns:repeat(2,1fr); }
	.row-side-image-and-text { grid-template-columns:30% auto; }
}

.row.row-catalogs_daf { padding: 70px 0; }

.row-catalog_list .user-content a { text-decoration: none; }
.row-catalog_list .user-content a:hover { text-decoration: underline; }
.columns-3 { column-count: 3; }
.columns-3 p { break-inside: avoid; }

.row.row-title_and_text { padding:70px 0; }

.row.row-even.row-small_title { padding-bottom:3rem; }

.row.row-team_halafim,
.row.row-team_list,
.row.row-catalog_list { padding:0 0 70px; }
.row.row-team_halafim h4,
.row.row-small_title h4,
.row-team_list h4,
.row-catalog_list h4 { margin:0 0 2rem; }

.row.row-shop > .row-b { padding: 20px; display: flex; align-items: center; justify-content: center; }
.row.row-shop > .row-b img { width: auto; height: auto; object-fit: unset; }
.row.row-shop.row-odd > .row-a { border-inline-end: 1px solid; }
.row.row-shop.row-even > .row-a { border-inline-start: 1px solid; }

.halafim-row-title { display: flex; margin:0.4rem 0 1em; }
.halafim-row-title h4 { margin:0; }
.brand-logo-container { border:1px solid; padding:0.2rem 0.7rem; display: flex; align-items: center; justify-content:center; }
.brand-logo-container img { height:1.5rem; width: auto; max-width: none; }

.halafim-bottom-rows { margin:90px 0; }
a.black-row-link,
a.black-row-link:hover {
    background: var(--black);
    color: var(--white) !important;
    text-align: center;
    display: block;
    padding: 0.3em;
    font-weight: 700;
}
.halafim-black-row-link { margin: -20px 0 60px 0; }

@media (max-width:782px) {
	section.section-home-rows { margin: 40px 0; }

	section.section-home-links { margin:0; }

	.home-rows .row { display: grid; gap:25px; }
	.home-rows .row > .row-a { width: auto; padding: 1rem; }
	.home-rows .row-b { display: flex; flex-direction: column-reverse; }
	.home-rows .row-b h2 { background:black; color:white; padding:0.5rem; margin:0; position: relative; top:auto; right:auto; width: auto; }
	.home-rows .row-b img { position:relative; width:100%; height: auto; aspect-ratio: 1.2; }

	.home-link-item { gap:11px; }

	body .row,
	body .rows .row:not(.row-odd,.row-even):nth-child(2n),
	body .rows .row.row-even { flex-direction: column-reverse; }

	.rows .row-a { padding:46px var(--wrapper-margin); }
	h4.black,
	.title-black-container h4,
	.row-side-image-and-text h4,
	.row-a h4 { margin: 0.8rem 0 30px; }
	
	.row-catalog_list h4 {}

	.row .columns-3 { column-count:unset; }

}

/* contact page: */
.branch-map-embed iframe { width:100%; }
.row-branch .row-a h4 { background:none; color:inherit; padding:0; width:fit-content; height:auto; margin:0.4rem 0 1em; border-bottom:2px solid; }
.row.row-branch > .row-b img { object-fit:contain; padding: 1rem; }

@media ( min-width:783px ) {
	.rows-even .row.row-branch .row-a { width: 73%; align-items: flex-start; gap: 1rem; display: grid; grid-template-columns: 30% auto; }
	.row-branch.row-odd .row-a { border-inline-end: 1px solid; }
	.row-branch.row-even .row-a { border-inline-start: 1px solid; }
}

.contact-cols { display: grid; grid-template-columns: min(450px, 50%) auto; gap:0 min(5%, 70px); }
.contact-col-2,
.contact-col-2 * { display: flex; width: 100%; height: 100%; }
.contact-col-2 p { height: auto; }

@media ( max-width:782px ) {
	.contact-cols { grid-template-columns:auto; gap:0; }

	.row-branch { flex-direction: column-reverse !important; }

	.row.row-branch > .row-b:has(img) { border-bottom: 2px solid; }

	.branch-map-embed iframe { display:none; }
	.row.row-branch > .row-b img { width:50%; height:auto; margin:0 auto;  }

	body.page-template-page-contact .rows .row:first-child { grid-row: 1000; }

}


/* about page: */
.logo-list { margin: 50px auto; display: flex; align-items: center; justify-content: center; gap: 2rem 3rem; flex-wrap: wrap; }
.has-small-popup { position:relative; }
.small-popup { display:none; }
.has-small-popup.show-small-popup .small-popup {
	display:block;
	position:absolute;
	width: 20em;
	padding:1rem;
	background:white;
	color:black;
	border:1px solid;
    box-shadow: 0 0 0 1000vw #0005;
	z-index: 100;
}
.has-small-popup.show-small-popup.show-small-popup-left .small-popup { left: 0; }

.site-footer .has-small-popup.show-small-popup .small-popup { bottom: calc(100% + 0.5rem); }

@media (max-width:782px) {
	.has-small-popup.show-small-popup .small-popup { left: 50% !important; width: 90vw;transform: translateX(-50%); }
}

/* service page: */
.top-content-text-image { border-bottom: 1px solid; padding-bottom: 1rem; }
.top-content-text-image .inner { display: grid; grid-template-columns: 50% auto; align-items: center; gap: 10%; }

.row-garage_list { border-top: none !important; }
.shop-area { border-top:1px solid; }
.grid-3.area-shops-list { margin:0.8rem 0 1.5rem;}
.shop-item { max-width: 13em; padding:1rem; line-height: 1.2; align-self: flex-start; }
.shop-item.hilited { background:var(--primary); color: var(--white); }
.shop-item.hilited .icon-tel,
.shop-item.hilited .icon-waze { filter:invert(1); }

.shop-item-icons { display: flex; gap: 0.8rem; margin: 0.5rem 0 0; }
.icon-tel { display:block; width:24px; height:24px; background:url(assets/img/icon-tel.svg) center/contain no-repeat; }
.icon-waze { display:block; width:26px; height:26px; background:url(assets/img/icon-waze.svg) center/contain no-repeat; }

@media (max-width:782px) {
	.top-content-text-image .inner { display: flex; flex-direction: column; gap:0.5rem; }
}

/* halafim shop page: */
.yellow-row { background: var(--primary); color:var(--white); padding: 1.2rem 0; margin: 0 0 1rem; }
.yellow-row *:first-child { margin-top:0; }
.yellow-row *:last-child { margin-bottom:0; }
.yellow-row a { text-decoration:none; }

.row-halafim .row-b { position: relative; min-height: 350px; }
.row-halafim .row-b img { position: absolute; }

/* product group page: */
.content-none { margin:2rem 0; }

section.section-product-group-children { padding:2rem 0; }
section.section-product-group-children > .wrapper > .inner { display: grid; gap:1rem; }
.product-group-child-list { display:flex; gap:1rem; flex-wrap:wrap; }
.product-group-child-list > * { width:10em; padding:1rem; text-align: center; font-size:25px; font-weight: 700; }
.product-group-child-list > .title { color:var(--white); background:var(--black); }

section.section-mifratim { background: #D9D9D9; padding: min(130px, 10vw) 0; }
.section-mifratim .grid-3 { margin:0; gap:50px; }

.mifrat-button { border: 1px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;
	background:var(--white); padding:1rem; min-height: 5.1rem; }
.mifrat-button h2 { margin:0; font-size:30px; }
.mifrat-button .overlay { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center;
	background:#0006; color:var(--white); padding:2px 5px; opacity: 0; font-size:30px; font-weight: 500; }
.mifrat-button:hover .overlay { opacity:1; }

/* old truck filters: */
form.filters-form { display: flex; flex-wrap: wrap; gap: 25px; align-items: center; }
.filter-name { cursor: pointer; }
.filters-section { position:relative; height: calc(20px + 1.5em); box-sizing: content-box; }
.filters-section .inner { padding:10px 25px; background:var(--white); color:var(--black); }
.filters-section .filter-list { display:grid; height: 0; overflow: hidden; }
.filters-section.on .filter-list { box-sizing:border-box; height: auto; overflow: auto; padding: 10px 0; }

.filters-section .filter-name { display: flex; justify-content: space-between; align-items: center; margin-inline-end: -10px; }
.filters-section .filter-name:after { content:''; width:18px; height:10px; background: url(assets/img/dropdown-close.svg) center no-repeat; }
.filters-section:not(.on) .filter-name:after { transform:rotate(180deg); }

/* new truck filters: */

.product-group-filter-container { position: sticky; top: calc( var(--admin-bar-height) + var(--site-header-height) - 3.4rem ); z-index: 1; }

.cabin-size-selector { margin: 1.5rem 0 0; display: flex; justify-content: center; gap: 1em; flex-wrap: wrap; }
.cabin-size-selector button { flex-grow: 0.4; flex-basis: 0; background: var(--white); border: none; padding: 0.2em 1em; max-width: 10em; min-width: fit-content; }
.cabin-size-selector button.on { background:var(--blue); color:var(--white); }

.row.hide-row { display:none !important; }

a.cabin-mifrat-link { display: block; width: fit-content; margin: 0 0 0.3rem; }

@media (max-width:782px) {
	.cabin-size-selector button { }
}

.row-default_with_title_and_logo .row-title-container { display: flex; align-items: center; gap: 0.8rem; margin:0 0 2rem; }
/*.row-default_with_title_and_logo .row-title-container .product-tags {
    position: relative; left: auto; transform: none; display: flex;
    flex-wrap: nowrap; justify-content: flex-start; gap: 0.5rem; align-items: center; list-style: none; margin: 0; padding: 0;
}*/
.row-default_with_title_and_logo .row-title-container .title-logo { display:flex; gap:0.8rem; }
.row-default_with_title_and_logo .row-title-container .title-logo img { max-height: 3.1rem; width: auto; display:block; max-width: calc(100% - 16px); }
.row-default_with_title_and_logo .row-a h4 { background:none; color:inherit; margin:0; padding:0; width:auto; }
.row-default_with_title_and_logo .title-logo:after { content:''; align-self: stretch; border-right:3px solid var(--red); }
body.rtl .row-default_with_title_and_logo .row-a h4 { text-align: right; }
	
section.section-product-group-bottom { padding: 0; }

.no-results { padding: 4em 0; }

.section-product-group-bottom-videos { padding:0; }

.product-group-bottom-video-grid,
.product-group-bottom-slide { display: grid; grid-template-columns: 60% auto; min-height: 40vw; /*grid-template-columns: repeat(2, 1fr); min-height: 40vw;*/ }

.product-group-bottom-slide { height:100%; }

.product-group-bottom-video-1,
.product-group-bottom-1 { display: flex; }
.product-group-bottom-1 img { object-fit: cover;width: 100%; height: 100%; }

.product-group-bottom-2 { background: var(--black); color: var(--white); display: flex; align-items: center; padding: max(70px, 8%); }

.product-group-bottom-video-2 .user-content > *:first-child,
.product-group-bottom-2 .user-content > *:first-child { margin-top:0; }

.product-group-bottom-video-1 * { width: 100%; height: 100%; }
.product-group-bottom-video-2 { display: flex; align-items: center; padding: max(70px, 8%); }

@media (max-width:782px) {

	.mifrat-button h2 { font-size:25px; }
	.mifrat-button .size-25 { font-size:16px; }
	.mifrat-button .overlay { background:#000b; font-size:25px; }

	form.filters-form { gap:20px 5px; justify-content: space-between; }
	form.filters-form h3 { width: 100%; } 
	.filters-section .inner { padding:10px 18px; }

	section.section-product-group-bottom { grid-template-columns: auto; min-height: 0; }	

	.product-group-bottom-video-grid,
	.product-group-bottom-slide { grid-template-columns: auto; min-height:0; }
	
	.product-group-bottom-video-1,
	.product-group-bottom-1 { min-height: 76vw; }

	.product-group-bottom-video-2 { padding: max(70px, 8%) var(--wrapper-margin); }
	
}

/* to do: h2.black-row { background: var(--black); color: var(--white); margin: 0; padding: 1rem 0; } */

/* single product page: */

.product-tags {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.download-mifrat-link-container { margin:97px 0 100px; }
.download-mifrat-link { text-decoration: none !important; font-size:25px; font-weight: 700; }

.rows-nav { gap:30px; margin: 90px 0; align-items: stretch; }
.row-nav { /*aspect-ratio: 1.2;*/ display: grid; grid-template-rows: auto max-content; text-decoration: none !important; }
.row-nav img { width:100%; height:100%; object-fit: cover; }
.row-nav h3 { margin:0; padding:0.6em; border:1px solid black; font-weight: 700; }
.row-nav.on h3 { background:var(--black); color:var(--white); }

.row-specs { display: flex; flex-wrap: wrap; flex-direction: row !important; gap: 1rem; padding: 4rem 0; justify-content: space-evenly; align-items: center; }
.row-specs h3.black { font-size:40px; }
.specs-list-item { display: flex; flex-direction: column; align-items: center; }
.specs-list-item-val { font-size:120px; font-weight: bold; line-height: 0.9; }
.specs-list-item-name { font-size:40px; line-height: 0.9; }

h2.black-row.black-row-arrow.product-group-child-title { margin-bottom: 0; }

@media (max-width:782px) {
	.rows-nav { gap:42px; margin: 58px 0; }
}

/* leasing page: */
.contact-list { display: grid; gap: 2rem; }
.contact-item { line-height: 1.3; }
/*.contact-item a { text-decoration:none; }*/
.contact-item-icons { display:flex; gap:1rem; margin-top:0.8rem; }
.icon-email { display:block; width:30px; height:30px; background:url(assets/img/icon-email.svg) center/contain no-repeat; }
.icon-whatsapp { display:block; width:30px; height:30px; background:url(assets/img/icon-whatsapp.svg) center/contain no-repeat; }

/* jobs page: */
.jobs-container { margin: 2rem 0 3rem; display: grid; grid-template-columns: max(36%,370px) auto; gap: 2rem; }
.job { border: 1px solid; padding: 2rem; display: grid; break-inside: avoid; margin:0 0 2rem; }
.job-placeholder-ad h2,
.job h3 { padding:0 0 1rem; margin:0 0 1rem; max-width:380px; border-bottom:1px solid; }
.job-main { font-size: 1.1rem; line-height: 1.3; }
.job-demands { margin: 1em 0 0; }

.inner-dir-ltr .jobs-container,
.inner-dir-ltr .popup { direction:ltr; }

.popup-upload-cv:not(.form-sent) .popup-cv-sent { display:none; }
.popup-upload-cv.form-sent .step { display:none; }
.popup-cv-sent { height:300px; display:flex; flex-direction: column; align-items: center; justify-content: center; }
label.file-label input { display:none; }
.file-label-info { margin-top:0.2rem; }


/*.button-open-cv-popup { white-space:nowrap; }*/
.job .job-meta { display: flex; flex-direction: column; gap: 1.5rem; }

@media ( min-width:783px) {
	.job.job-horizontal { grid-template-columns: auto 30%; gap: 2rem; }
	.job.job-horizontal .job-meta { padding-inline-start:2rem; border-inline-start:1px solid; display: flex; flex-direction: column; gap:1.5rem; }
	.job.job-horizontal .job-meta .button-container { flex-grow: 1; display: flex; align-items: flex-end; }
	
	.job.job-vertical .job-main { padding:0 0 35px; margin:0 0 40px; border-bottom:1px solid; }
	.job.job-vertical .job-meta { display:grid; gap:40px 40px; grid-template-columns:repeat(2,1fr); }

	.job-meta-date { width: min-content; }
}
@media (max-width:782px) {
	.job-placeholder-ad h2, .job h3 { max-width: none; }
	.job .job-meta { gap: 20px; }
	.job .job-main { padding:0 0 25px; margin:0 0 30px; border-bottom:1px solid; }
}

.job-meta-date { display:flex; align-items: center; gap:1em; line-height: 1.1; }
.job-meta-date:before { content:''; display: block; flex-shrink: 0; width:46px; height:46px; background:url(assets/img/icon-calendar.svg) center no-repeat; }

.job-meta-num { display:flex; align-items: center; gap:1em; line-height: 1.1; }
.job-meta-num:before { content:''; display: block; flex-shrink: 0; width:46px; height:46px; background:url(assets/img/icon-hash.svg) center no-repeat; }

.job-meta-location { display:flex; align-items: center; gap:1em; line-height: 1.1; }
.job-meta-location:before { content:''; display: block; flex-shrink: 0; width:46px; height:46px; background:url(assets/img/icon-location.svg) center no-repeat; }

.job-placeholder-ad { border: 1px solid var(--blue-1); padding: 2rem; display: grid; break-inside: avoid; margin:0 0 2rem; }
.job-placeholder-ad h2 { color:var(--blue-1); }
img.jobs-page-image { width:100%; height: auto; }

@media (max-width:1100px) {
	.jobs-container { grid-template-columns: auto; }
}


/* second hand page: */
.second-hand-grid { display: grid; grid-template-columns: auto max(30%, 17rem); gap: 2rem; }
.second-hand-1 { padding:150px 0 120px; }
.second-hand-2 { padding:150px 0 120px; padding-inline-start:60px; border-inline-start: 2px solid; }
.second-hand-grid .entry-content { max-width:800px; }
.second-hand-2 .team-members-list { display: grid; gap: 2rem; }
.second-hand-2 .team-member-titles > * { display:inline; font-weight: bold; }
.second-hand-2 .team-member-title:before { content:', '; }
.second-hand-2 .team-member-email-link { display:block !important; }

img.page-bottom-image { width: 100%; display: block; }

@media (max-width:1000px) {
	.second-hand-grid { grid-template-columns: auto; margin: 0 calc(-1* var(--wrapper-margin)); }
	.second-hand-1 { padding:60px var(--wrapper-margin); }
	.second-hand-2 { padding:60px var(--wrapper-margin); border:none; border-top: 2px solid; }

	img.page-bottom-image { margin-bottom:-60px; }
}

/* news page: */
.row.row-news { padding:3rem 0; }
.row.row-news .row-a { flex-grow: 1; padding-top: 0; padding-bottom: 0; }
.row.row-news .row-b { display: flex; align-items: flex-start; justify-content: flex-end; flex-grow: 0; flex-shrink: 0; }
.row.row-news .row-b img { width:300px; height:auto; }
.row-news .news-meta { margin: -0.6rem 0 1rem; font-weight: bold; }

.row.row-news.row-odd .row-a,
.row.row-news.row-even .row-b { padding-inline-start:var(--wrapper-margin); }
.row.row-news.row-odd .row-b,
.row.row-news.row-even .row-a { padding-inline-end:var(--wrapper-margin); }

.post-meta.news-meta > * { display:inline; vertical-align: middle; }
.post-meta.news-meta > .sep { margin: 0 0.5rem; }
.post-meta.news-meta > .sfsi_shortcode_container { display:inline-block; }
body .sfsi_shortcode_container { float:none; display:inline-block; }
body .norm_row.sfsi_wDiv { display: flex; /*gap: 5px;*/ }
body .norm_row.sfsi_wDiv > * { display:block; margin:0 !important; }
body .sfsi_wicons { padding:0; }
body .sfsi_widget { min-height:0; }

.rows-border-1 .row.row-news:first-child { border-top:none; }
.rows-border-1 .row.row-news:last-child { border-bottom:none; }

@media (max-width:1000px) {
	.row.row-news { flex-direction: column-reverse !important; gap: 51px; }
	.row.row-news .row-a, .row.row-news .row-b { padding:0 var(--wrapper-margin) !important; }
	.post-meta.news-meta > *:not(.sep) { display:block !important; width: fit-content; }
	.post-meta.news-meta > .sep { display:none !important; }

	.site-main { margin-bottom:0; }

	.row-news .news-meta { margin-bottom:1.4rem; }
}

@media (max-width:782px) {
	.row-default_with_title { display: grid; }
	.row-default_with_title .row-b { grid-row: 1; }
}


/* stylized scrollbars: */
.my-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.my-scrollbar::-webkit-scrollbar-button { background: var(--gray-5); display:none; }
.my-scrollbar::-webkit-scrollbar-track-piece { border:1px solid var(--gray-5); background: none; border-radius: 6px; }
.my-scrollbar::-webkit-scrollbar-thumb { background:var(--gray-5); border-radius: 6px; }


/* slider: */

.slider { margin: 0 0 2rem; }

.slick-slider .product-thumb .image-container,
.recommended-products .product-thumb .image-container { /*background: url(images/product-thumb-bg.png) 50% 20%/100% auto no-repeat;*/ aspect-ratio:0.9; display: flex; align-items: center; justify-content: center; }

/* search results page: */
.posts-list { display:grid; gap:2rem; margin:2rem 0; }
.posts-list-item { display:flex; /*grid-template-columns: min(20%, 200px) auto;*/ gap: 1.4rem; }
.posts-list-item-1 { width:max(min(20%, 200px), 100px); flex-shrink: 0; }
.posts-list-item-1 img { aspect-ratio: 1; object-fit: cover; width:100%; height:auto; display:block; }

body.search-results .site { margin-bottom: 5rem; }


/* expandable (read more): */
.expandable .expandable-content { width: 100% !important; display:none; }
.expand-trigger { cursor:pointer; }
.expandable .read-more,
.expandable .read-less { cursor:pointer; color:var(--primary); display:flex; gap:0.4em; align-items:center; width:fit-content; }
.expandable .read-more:after,
.expandable .read-less:after { content:''; width:1em; height:1em; /*background:url(assets/img/arr-up-yellow.svg) center no-repeat;*/ }
.expandable .read-more:after { transform:rotate(180deg); }
.expandable.expanded .read-more { display:none; }
.expandable:not(.expanded) .read-less { display:none; }



/* wpcf7: */
body.rtl input[type="tel"],
body.rtl input[type="email"],
body.rtl input[type="number"] { text-align:right; direction:ltr; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea { width:100%; display: block; border:2px solid; padding: 0.4rem 0.7em; font-size: 20px; color: var(--black); }

.wpcf7 input[type="submit"] { display: block; font-size: 30px; font-weight: 700; padding: 0.5rem 1.5em; }

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip { color:var(--color-orange); font-size:0.9rem; line-height: 1.2; margin: 0.5em 0; }
	
.wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0; border: none; }

p.p-submit { display: flex; justify-content: flex-end; }



/* site footer: */

.site-footer { padding:90px 0; background: var(--gray); color: white; }

.footer-row { display: flex; gap: 2.5rem; justify-content: space-between; position:relative; }
.footer-col-1 { display:flex; flex-direction:column; justify-content: space-between; gap:1rem; }
.footer-col-2 { flex-grow:0.7; }
.footer-col-3 { flex-direction:column; justify-content: space-between; width:128px; display: grid; gap: 1.5rem; height: fit-content; margin-top: 0.4rem; }
.footer-col-4 { flex-shrink:0; flex-grow:0; width:fit-content; max-width:20%; }
.footer-col-5 { flex-shrink:0; flex-grow:0; display: flex; flex-direction: column; justify-content: flex-end; border-inline-start: 2px solid; padding-inline-start: 2.5rem; }
.footer-col-5 img { max-width: 100px; height:auto; }

.site-footer img.logo { /*filter: saturate(0) brightness(10);*/ width: 183px; }

.site-footer ul.social { justify-content: space-around; }
ul.social { margin:0; padding:0; list-style: none; display: flex; gap: 1rem; }
ul.social li { font-size:1.3rem; color:var(--color-orange); width:30px; height:30px; }

.footer-menu { list-style:none; margin:0; padding:0; display: flex; gap:2rem 1rem; width:100%; justify-content: space-between; flex-wrap: wrap; }
.footer-menu a { text-decoration:none; }
.footer-menu ul { list-style:none; margin:0; padding:0; display:grid; gap:1em; margin-top:1em; }
.footer-menu li.bold { font-weight: 900; }

.footer-col-3 img { width:auto; height:auto; display: block; }

.footer-row .user-content a { text-decoration: none; }

@media (max-width:782px) {
	.footer-row { display: grid; text-align: center; margin: 0 auto; width: fit-content; }
	.footer-col-1 { align-items: center; }
	.footer-menu { flex-direction: column; }

	.footer-col-3 { margin: 0 auto; }

	.footer-col-4 { width: auto; max-width: none; }

	.footer-col-5 { border: none; border-top: 2px solid; padding: 1rem; align-items: center; }

}

.lang-nav { position:absolute; top:0; left:30px; direction:ltr; font-size:14px; color:#c41436; }
.lang-nav a { color:#223a69!important; text-decoration:none; }
.lang-nav a.on { text-decoration:underline; }




.small { font-size:12px; }
.normal-line-height { line-height:normal!important; }
.line-height-wide { line-height:1.5; }
.word-wrap { white-space: normal; }
.pre-line { white-space: pre-line; }
.capitalize { text-transform:capitalize; }
/*.checkbox-label>input[type=checkbox],
.checkbox-label>input[type=radio] { float:left; margin:2px 0; }
.checkbox-label>span { margin-left:25px; display:block; }*/

button { font-size: inherit; cursor: pointer; }

.arr-l:before,
.arr-r:before,
.article-navigation a,
.article-pages-nav,
.homepage-button,
#navbar,
button,
.button,
input[type="submit"],
.button-pop,
.framed-button img,
.button-expand,
.cyan-icon,
.bullet-expand,
.event-archive-date .date,
.image-container,
.icon-container .inner,
.image-container img,
.icon-container img,
.footer-social a,
.footer-social a:after,
.shop-card,
.filters-form,
.filter-section .filter-header:after,
.child-terms-links > a,
.child-terms-links > a img,
.child-terms-links > a div,
ul.distributors-list li,
ul.distributors-list li a:before,
.bottom-yellow-line.bottom-yellow-line-2.with-arrow:after,
.mifrat-button .overlay,
.floating-contact-menu-products,
.easing,
.easing-200ms { -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }

.nav-menu li.menu-item-has-children > a:before,
.bottom-yellow-line .bg,
.switch-to-blog,
.easing-fast { -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; }

.easing-500ms { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; }

.easing-1s { -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; }


.clear-fix,
.clearfix { clear:both; }
.clear:after { content:''; display:table; clear:both; }
.left { float:left; }
.right { float:right; }
.underline { text-decoration:underline; }
.side { text-align:start; }
.center { text-align:center; }
.justify { text-align:justify; }
.justify.center { text-align:justify; text-align-last:center; }
.normal { font-weight:400; }
.italic { font-style:italic; }
.lighter { font-weight:lighter; }
.normal { font-weight:400; }
.bold { font-weight:700; }
.white { color:var(--white); }
.extra-bold { font-weight:900; }
.no-underline,
.no-underline:hover { text-decoration:none; color:inherit!important; font-weight:inherit; }
.underline-on-hover { text-decoration:none !important; color:inherit !important; font-weight:inherit !important; }
.underline-on-hover:hover { text-decoration:underline !important; }
.widget a,
.widget a:hover,
a,
a:hover,
a:visited { color:inherit; }
a:hover { text-decoration:none; }
.dashicons { width:auto; height:auto; font-size:inherit; line-height:inherit; text-decoration:inherit; }

img { max-width: 100%; height: auto; }
img.image-cover { object-fit: cover; }

@media (max-width:782px) {
	.side-on-mobile,
	.center.side-on-mobile { text-align: start; }
}



.popup-container { position:fixed; top:var(--admin-bar-height); left:0; width:100%; height:calc(100% - var(--admin-bar-height)); display:none; background:#0009; z-index:1000; }
.popup {
	display:none;
	background:var(--white);
	color:var(--black);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:600px;
	max-width: 90%;
	max-height: 90%;
	overflow:auto;
	padding:33px;
}
.popup-title { position:absolute;top:0;left:0;right:0;margin:0;background:#0ed977;line-height:33px;height:33px;color:#fff;font-size:17px;font-style:italic;font-weight:700;text-align:center; }
.popup-video { background:#fff;padding:30px; }
.popup-video .content { position:relative;height:400px; }
.popup-video iframe { width:100%;height:100%;border:none; }
.popup-hide { position:absolute; top:17px; left:17px; width:28px; height:28px; background:url(assets/img/x-close-black.svg) no-repeat; cursor:pointer; }
.popup a { color:#0ed977; }
.error404 .page-header { background:0 0;font:inherit; }
.error404 .page-title:before { font:inherit;font-size:120px;content:'404';position:relative;top:0;left:0;display:block;text-align:center;font-weight:700;margin-bottom:20px; }
.error404 .page-wrapper { background:0 0; }
.mobile-site-footer { display:none; }
.mobile-footer-links { display:none; }


/* slick slider: */
.slick-slider.slick-flex .slick-track { display:flex; }
.slick-slider.slick-flex .slick-track:before,
.slick-slider.slick-flex .slick-track:after { display:none; }
.slick-slider.slick-flex .slick-slide { height:auto; align-self: stretch; }

.slick-slider, .slick-slider * { outline:none; }

.slick-slider.slick-flex .slick-track { display:flex; align-items: center; }

button.slick-arrow {
	background:url(assets/img/arr-right.svg) center/contain no-repeat;
	font-size:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	z-index:1;
	border: none;
	cursor: pointer;
}
/*button.slick-arrow:after { content:''; width:1rem; height:1rem; border:3px solid white; border-left:none; border-bottom:none; transform:rotate(45deg); position:absolute; top:calc(50% - 0.6rem); left:calc(50% - 0.6rem); }*/
body:not(.rtl) button.slick-next,
body.rtl button.slick-prev { right:1.5%; }
body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { left:1.5%; transform:translateY(-50%) scaleX(-1); }
/*body:not(.rtl) button.slick-prev:after,
body.rtl button.slick-next:after { transform:rotate(-135deg); }*/
button.slick-arrow.slick-disabled { visibility: hidden; }

.item.slick-slide iframe { width: 100%; height: 100%; display: block; }

ul.slick-dots {
	display: flex;
	gap:14px;
	list-style:none;
	padding:0;
	margin:0;
	justify-content:center;
	flex-wrap:wrap;
	max-width: 50%;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}
ul.slick-dots li button {
	width:12px;
	height:12px;
	background:#fff6;
	padding:0;
	min-height:0;
	font-size:0;
	overflow:hidden;
	color:transparent;
	border-radius:50%;
	border:none;
	display:block;
	cursor: pointer;
}
ul.slick-dots li.slick-active button { background:#fffb; }

@media (min-width:783px) {
	.mobile-only { display:none !important; }
}
@media (max-width:782px) {

	.desktop-only { display:none !important; }

	html { font-size:17px; overflow-x: hidden; }
	body { /*overflow-x: hidden;*/ }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	section { padding:20px 0; position: relative; }
	
	/* home: */
	.slider { margin:0 calc(-1 * var(--wrapper-margin)); }
	
	.home-main-categories-widget { padding-bottom: 0; margin-bottom: -1.5rem; }
	
	.brand { font-size:0.8rem; font-weight: normal; aspect-ratio: auto; }
	.brand > a { padding:1rem 15% 2.6rem; gap:0.5rem; }
	
	.review { padding:10% 6% 13% 50%; text-align: center; }
	.reviews-grid { gap:1rem; }
	.review-quote { width: 2.4em; height: 1.7em; }
	
}

@media (max-width: 600px) {
	#wpadminbar { position: fixed; }
}