/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* .block-menu-full h1,
		.block-menu-full h2,
		.block-menu-full h3,
		.block-menu-full h4,
		.block-menu-full h5 { font-family: 'Noto Serif', serif; }

		body.block-menu-full,
		.block-menu-full p { font-family: 'Noto Sans', sans-serif; } */

		@media (max-width: 991.98px) {
			.block-menu-full.overlay-menu.dark .primary-menu .container,
			.block-menu-full.overlay-menu .dark .primary-menu .container,
			.block-menu-full.overlay-menu .primary-menu.dark .container {
				background-color: #b2c647;
				margin-left: calc(50% - 50vw);
				margin-right: calc(50% - 50vw);
				max-width: 100vw;
				width: 100vw;
			}
		}

		@media (min-width: 992px) {

			.block-menu-full.overlay-menu .primary-menu {
				height: calc(117vh - 101px);
				top: 0px;
				background-color: #b2c647;
			}

			.block-menu-full.overlay-menu.dark .primary-menu,
			.block-menu-full.overlay-menu .dark .primary-menu,
			.block-menu-full.overlay-menu .primary-menu.dark {
				background-color: #2E364F;
			}

			.block-menu-full.overlay-menu .menu-container > .menu-item:not(.menu-smaller) > .menu-link {
				position: relative;
				display: inline-block;
				font-size: 3rem;
				margin-top: 15px;
				margin-bottom: 15px;
				font-family: 'Noto sans', sans-serif;
				font-weight: 700;
				transition: all .2s cubic-bezier(0.22, 0.61, 0.36, 1);
			}

			/* .block-menu-full .dark .menu-container > .menu-item:not(.menu-smaller) > .menu-link { color: #F3F0E2;} */

			.block-menu-full.overlay-menu .menu-container > .menu-item:not(.menu-smaller) > .menu-link::before {
				content: '';
				position: absolute;
				width: 0%;
				height: 6px;
				top: 50%;
				margin-top: -3px; /*  Half of height */
				transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
				background-color: #444;
			}

			.block-menu-full.overlay-menu.dark .menu-container > .menu-item:not(.menu-smaller) > .menu-link::before,
			.block-menu-full.overlay-menu .dark .menu-container > .menu-item:not(.menu-smaller) > .menu-link::before,
			.block-menu-full.overlay-menu .primary-menu.dark .menu-container > .menu-item:not(.menu-smaller) > .menu-link::before {
				background-color: #F3F0E2;
			}

			.block-menu-full.overlay-menu .menu-container > .menu-item:hover > .menu-link::before,
			.block-menu-full.overlay-menu .menu-container > .menu-item.current > .menu-link::before {
				width: 100%;
			}

			.block-menu-full.overlay-menu .menu-container > .menu-item:not(.menu-smaller):hover > .menu-link,
			.block-menu-full.overlay-menu .menu-container > .menu-item:not(.menu-smaller).current > .menu-link {
				font-family: 'Noto Serif', serif;
				font-style: italic;
				color: #fff;
			}

			.block-menu-full.overlay-menu:not(.top-search-open) #primary-menu-trigger {
				--size: 40px;
				width: var(--size, 40px);
				height: var(--size, 40px);
				line-height: var(--size, 40px);
				background-color: #2E364F;
			}

			.block-menu-full #primary-menu-trigger .svg-trigger path { stroke: #F3F0E2; }
		}
		.jf-color-font-dark{
			color: #6a7335;
		}