/* CSS for Nav submenus */

#nav-logo {
	transition: all 0.3s ease-in-out;
}
.jfd-nav-menu .item-is-fixed {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.jfd-nav-menu .item-is-fixed .kadence-header-row-inner {
	width: 1440;
}
.jfd-nav-fullwidth-menu .subscribe-nav svg {
	width: 100%;
}
.jfd-nav-fullwidth-menu .subscribe-nav span {
	font-size: 2cqw;
}
.jfd-nav-fullwidth-menu .item-is-fixed {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.jfd-nav-fullwidth-menu .item-is-fixed .kadence-header-row-inner {
	/* max-width: 1920px; */
}
.wp-block-ollie-mega-menu
	.wp-block-ollie-mega-menu__toggle
	.wp-block-ollie-mega-menu__toggle-icon {
	display: none;
}
.JFD_logo {
	height: auto;
	max-width: 193px !important;
	max-height: 100px;
	transition: max-height 0.3s ease-out;
}
.JFD_logo_menorah {
	width: 100%;
	height: auto;
	max-width: 65px;
	max-height: 30px;
	padding: 10px 5px;
	transition: max-height 0.3s ease-out;
}
.wp-block-kadence-navigation
	.menu-container
	> .menu
	> .menu-item
	> .kb-link-wrap
	> .kb-nav-link-content {
	font-size: 2.40480962cqw;
}
.wp-block-kadence-navigation
	.menu-container
	> .menu
	> .menu-item
	> .kb-link-wrap
	> .kb-nav-link-content:hover {
	font-weight: 700;
	color: var(--jfd-primary-blue);
}
.jfd-nav-search {
	width: 134px;
}
.jfd-nav-search button {
	padding: 0px;
	background: none;
}
.jfd-nav-search svg {
	fill: var(--jfd-medium-blue);
}
.jfd-nav-search .wp-block-search__inside-wrapper {
	align-items: center;
	justify-content: end;
}

.jfd-nav-search .wp-block-search__input {
	border: 0.10416667cqw solid var(--jfd-medium-blue);
	padding: 0.1333333cqw 0.15625cqw !important;
}
.sidebar-search {
	width: 100%;
}
.sidebar-search svg {
	fill: var(--jfd-primary-blue);
	font-size: 2.3cqw !important;
}
.sidebar-search .wp-block-search__input {
	border: 2px solid var(--jfd-primary-blue);
	padding: 1.333333cqw 2.5625cqw !important;
}
.jfd-nav-search .wp-block-search__input:focus {
	outline: none;
}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
	text-decoration: unset !important;
}
.sub-menu {
	background: #fff !important;
}

.sub-menu .menu-item {
	padding: 9px 10px;
	border-radius: 0px;
	background: #fff;
}
.wp-block-navigation .wp-block-navigation-item__label {
	font-family: 'Outfit';
	font-size: clamp(16px, 0.9375cqw, 20px);
	color: black;
}

.wp-block-kadence-image figcaption {
	font-family: 'Outfit';
	font-size: 75%;
	color: #27277c;
	border-left: 2px solid #27277c;
	padding-left: 10px;
	margin-left: 20px;
}

.jfd_mobile_logo {
	max-width: 150px;
}
.submenu {
	max-height: 0;
	overflow: hidden;

	transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.submenu li {
	opacity: 0;
	transform: translateY(6px);
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}
.submenu > * {
	overflow: hidden;
}
.submenu.open {
	grid-template-rows: 1fr;
}
.mobile-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-menu li {
	padding: 14px 0;
}
.mobile-menu .has-submenu .submenu .has-submenu .submenu li {
	padding: 10px 0;
}

.submenu-toggle,
.mobile-menu > li > a {
	background: none;
	border: none;
	font-size: 20px;
	width: 100%;
	text-align: left;
	cursor: pointer;
	padding: 0;
	font-family: 'Outfit';
	color: black;
}

.has-submenu.open > .submenu-toggle {
	font-weight: 500;
	color: var(--jfd-primary-blue);
}
.has-submenu.open .submenu li {
	opacity: 1;
	transform: translateY(0);
	padding: 10px 0;
}
.has-submenu.open > .submenu-toggle::after {
	transform: rotate(180deg);
}
/* ul.mobile-menu > li.has-submenu > .submenu-toggle::after {
	display: none;
} */

ul.mobile-menu > li.has-submenu.open > .submenu {
	background-color: #f1f1f1;
	padding: 15px;
	border-radius: 15px;
	margin-top: 10px;
}
ul.mobile-menu > li.has-submenu > .submenu li a,
ul.mobile-menu > li.has-submenu > .submenu > .has-submenu > .submenu-toggle {
	background: none;
	border: none;
	font-size: 16px;
	width: 100%;
	text-align: left;
	cursor: pointer;
	color: #575757;
	font-weight: 500;
	font-family: 'Outfit';
}
ul.mobile-menu
	> li.has-submenu
	> .submenu
	> .has-submenu.open
	> .submenu-toggle {
	color: black;
}
ul.mobile-menu .submenu-toggle:focus-visible {
	outline: none;
}
:where(.wp-site-blocks *:focus){
	outline: none !important;
}
/* Optional: for older browsers that may not support :focus-visible, 
   ensure the default outline is still visible as a fallback */
ul.mobile-menu .submenu-toggle:focus:not(:focus-visible) {
	outline: none;
}
ul.mobile-menu > li.has-submenu > .submenu > .has-submenu.open > .submenu {
	border-top: 1px solid #8c8c8c;
	margin-top: 10px;
	padding: 0 15px;
	border-radius: 0px;
}
ul.mobile-menu > li.has-submenu > .submenu > .has-submenu > .submenu > li > a {
	font-size: 14px;
}
.mobile-menu li.has-submenu {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.mobile-menu li.has-submenu > .submenu-toggle {
  grid-column: 1;
}

.mobile-menu li.has-submenu > .submenu-trigger {
  grid-column: 2;
}

.mobile-menu li.has-submenu > .submenu {
  grid-column: 1 / -1;
}

/* New actual button that owns the pseudo-element */
.submenu-trigger {
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  padding: 0;
  cursor: pointer;
  position: relative;
  color: black;
}

.submenu-trigger::after {
  content: '\f078';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
}

.has-submenu.open > .submenu-trigger::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.has-submenu.open > .submenu-toggle {
  font-weight: 500;
  color: var(--jfd-primary-blue);
}

.wp-block-kadence-off-canvas .kb-off-canvas-close:focus,     .wp-block-kadence-off-canvas-triggerjfd-theme__footer_7f65e7-da:focus {
    outline: none;
}
@media (min-width: 500px) {
	.wp-block-kadence-navigation
		.menu-container
		> .menu
		> .menu-item
		> .kb-link-wrap
		> .kb-nav-link-content {
		font-size: 0.9375cqw;
	}
	#mega-menu-3-dropdown, #mega-menu-4-dropdown {
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	
	.jfd-nav-fullwidth-menu .subscribe-nav svg {
		font-size: 1.125cqw !important;
	}
	.jfd-nav-fullwidth-menu .subscribe-nav span {
		font-size: 0.52083333cqw;
	}
	.jfd-nav-search svg {
		font-size: 1.3cqw;
	}
	.wp-block-ollie-mega-menu {
		padding: 0.52083333cqw 0.72916667cqw !important;
		font-family: 'Outfit';
		border-radius: 8px;
	}
	.wp-block-ollie-mega-menu:hover {
		background: #f2f2f2;
	}
	.wp-block-ollie-mega-menu:has(
		.wp-block-ollie-mega-menu__toggle[aria-expanded='true']
	) {
		background: #f2f2f2;
	}
	.wp-block-ollie-mega-menu__toggle[aria-expanded='true']
		.wp-block-navigation-item__label {
		font-weight: 500;
		color: black !important;
	}
	.menu-grid-anim {
		display: grid;
		grid-template-rows: 0fr;
		transition:
			grid-template-rows 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
			width 0.38s cubic-bezier(0.16, 1, 0.3, 1);

		position: absolute;
		top: 100%;
		left: 0;
		visibility: visible !important;
		width: 11.5cqw;
		padding: 10px 15px;
		background: white;
		border-radius: 8px;
		box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.34);
	}
	.menu-grid-anim:has(.panel.active) {
		width: 25cqw;
	}
	.menu-grid-anim:has(.panel.active) .menu-columns {
		gap: 7px;
	}
	.wp-block-navigation-item:has(
			.wp-block-ollie-mega-menu__toggle[aria-expanded='true']
		)
		.menu-grid-anim {
		grid-template-rows: 1fr;
	}
	.side-menu {
		list-style: none;
		padding: 5px;
		margin: 0;
	}

	.side-menu li {
		cursor: pointer;
		transition: background 0.2s ease;
	}

	.side-panel-menu {
		overflow: hidden;
	}
	.menu-columns {
		display: grid;
		grid-template-columns: 11.5cqw 1fr;
		gap: 0px;
	}
	.menu-panels {
		position: relative;
	}
	.menu-grid-anim:has(.panel.active) .panel {
		border-left: 1px solid #f2f2f2;
		padding-left: 7px;
	}
	.menu-grid-anim:has(.three-columns) {
		width: auto;
	}
	.panel {
		position: absolute;
		inset: 0;

		opacity: 0;
		transform: translateX(-20px);

		transition:
			transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
			opacity 0.25s ease;

		pointer-events: none;

		visibility: visible !important;
	}

	.panel.active {
		opacity: 1;
		transform: translateX(0);
		pointer-events: auto;
	}
	.panel li {
		opacity: 0;
		transform: translateY(-8px);
		transition:
			opacity 0.25s ease,
			transform 0.25s ease;
	}

	.panel.active li {
		opacity: 1;
		transform: translateX(0);
		transition-delay: 0.15s;
	}
	.side-menu li,
	.panel li {
		padding: 0.52083333cqw 0.72916667cqw !important;
		font-size: 0.83333333cqw;
		line-height: 1;
		font-family: 'Outfit';
		border-radius: 10px;
	}
	.side-menu li:hover,
	.panel li:hover,
	.side-menu li.active {
		background: #f2f2f2;
	}
	.side-panel-menu:has(.left-menu li:hover) .panel li {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 0.2s;
	}
	.panel li:nth-child(1) {
		transition-delay: 0.18s;
	}
	.panel li:nth-child(2) {
		transition-delay: 0.22s;
	}
	.panel li:nth-child(3) {
		transition-delay: 0.26s;
	}
	.panel li:nth-child(4) {
		transition-delay: 0.3s;
	}
	.panel li:nth-child(5) {
		transition-delay: 0.34s;
	}
	.panel li:nth-child(6) {
		transition-delay: 0.38s;
	}
	.panel li:nth-child(7) {
		transition-delay: 0.42s;
	}
	.side-menu li:hover a,
	.panel li:hover a,
	.side-menu li.active {
		font-weight: 500;
		color: black;
	}
	.side-menu li:hover a,
	.panel li:hover a {
		width: 100%;
	}

	.side-panel-menu:has(.menu-women:hover) .panel-women,
	.side-panel-menu:has(.menu-nextgen:hover) .panel-nextgen,
	.side-panel-menu:has(.menu-israel:hover) .panel-israel,
	.side-panel-menu:has(.menu-affinities:hover) .panel-affinities,
	.side-panel-menu:has(.menu-community:hover) .panel-community {
		opacity: 1;
		transform: translateX(0);
		pointer-events: auto;
	}
	.three-columns {
		display: flex;
		/* Adds space between the columns */
		gap: 20px;
	}
	.three-columns .menu-column {
		/* Allows items to grow and share the space equally */
		flex: 1;
		/* Ensures padding doesn't affect the overall width calculation */
		box-sizing: border-box;
	}
}

@media (max-width: 1270px) {
#mega-menu-6-dropdown{
		left: max(-150px) !important;
	}
}
@media (min-width:1271px) and (max-width: 1920px) {
#mega-menu-6-dropdown{
		left: max(-450px) !important;
	}
}