/*
Theme Name: Fabtek Child
Theme URI: https://fabtek.co.nz/
Description: Child theme for Fabtek product templates.
Author: Fabtek
Template: hello-elementor
Version: 1.0.28
Text Domain: fabtek-child
*/

.fabtek-image-reveal,
.fabtek-reveal-down,
.fabtek-reveal-up {
	--fabtek-reveal-duration: 1.15s;
	--fabtek-reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fabtek-image-reveal {
	overflow: hidden;
}

.fabtek-image-reveal img {
	display: block;
}

.fabtek-image-reveal.animated {
	animation-duration: var(--fabtek-reveal-duration);
	animation-fill-mode: both;
	animation-timing-function: var(--fabtek-reveal-easing);
	will-change: clip-path, transform, opacity;
}

.fabtek-image-reveal.animated.fabtekRevealDown {
	animation-name: fabtekRevealDown;
}

.fabtek-image-reveal.animated.fabtekRevealUp {
	animation-name: fabtekRevealUp;
}

.fabtek-reveal-ready.fabtek-reveal-down:not(.fabtek-reveal-visible):not(.animated) {
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	transform: translateY(-14px);
}

.fabtek-reveal-ready.fabtek-reveal-up:not(.fabtek-reveal-visible):not(.animated) {
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0);
	opacity: 0;
	transform: translateY(14px);
}

.fabtek-reveal-visible {
	animation-duration: var(--fabtek-reveal-duration);
	animation-fill-mode: both;
	animation-timing-function: var(--fabtek-reveal-easing);
	will-change: clip-path, transform, opacity;
}

.fabtek-reveal-visible.fabtek-reveal-down {
	animation-name: fabtekRevealDown;
}

.fabtek-reveal-visible.fabtek-reveal-up {
	animation-name: fabtekRevealUp;
}

@keyframes fabtekRevealDown {
	0% {
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0);
		opacity: 0;
		transform: translateY(-14px);
	}

	10% {
		opacity: 1;
	}

	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fabtekRevealUp {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0);
		opacity: 0;
		transform: translateY(14px);
	}

	10% {
		opacity: 1;
	}

	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
		transform: translateY(0);
	}
}

#elementor-popup-modal-4802 .dialog-message {
	align-items: stretch !important;
	justify-content: center;
}

#elementor-popup-modal-4802 .dialog-widget-content {
	background: #000;
}

.elementor-4802 {
	height: 100%;
	width: 100%;
}

.elementor-4802 .fabtek-mobile-menu-shell {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	min-height: 100vh;
	width: 100%;
}

.elementor-4802 .fabtek-mobile-menu-shell > .e-con-inner {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	padding: 0;
	width: 100%;
}

.elementor-4802 .fabtek-mobile-menu {
	width: 100%;
}

.elementor-4802 .fabtek-mobile-menu nav.elementor-nav-menu--dropdown {
	background: transparent;
	margin: 0 !important;
	width: 100%;
}

.elementor-4802 .fabtek-mobile-menu nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 46px;
	justify-content: center;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	width: max-content;
}

.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu,
.elementor-4802 .fabtek-mobile-menu .sub-menu {
	list-style: none;
}

.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu li {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	text-align: center;
}

.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu--dropdown a {
	align-items: center;
	background: transparent !important;
	border: 0;
	color: #b6b7b9;
	display: inline-flex;
	font-family: "Bai Jamjuree", Sans-serif;
	font-size: 22px;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	padding: 0 !important;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu--dropdown a:hover,
.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu--dropdown a:focus,
.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu--dropdown a.highlighted,
.elementor-4802 .fabtek-mobile-menu .elementor-nav-menu--dropdown a.elementor-item-active {
	color: #38b6ff;
}

.elementor-4802 .fabtek-mobile-menu .sub-arrow {
	align-items: center;
	display: inline-flex;
	margin-inline-start: 10px;
	padding: 0;
}

.elementor-4802 .fabtek-mobile-menu .sub-arrow svg {
	height: 16px;
	transform-origin: center;
	transition: transform 0.2s ease;
	width: 16px;
}

.elementor-4802 .fabtek-mobile-menu a.highlighted .sub-arrow svg {
	transform: rotate(180deg);
}

.elementor-4802 .fabtek-mobile-menu .sub-menu {
	background: transparent;
	left: auto !important;
	margin: 24px 0 0;
	padding: 0;
	position: static !important;
	text-align: center;
	top: auto !important;
	transform: none !important;
	width: max-content;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-about-parent > .sub-menu {
	margin-top: 46px;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-about-link {
	display: none !important;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 0;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu {
	margin-top: 24px;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu a {
	color: #fff;
	font-family: "Gotham", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	text-transform: none;
}

.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu a:hover,
.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu a:focus,
.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu a.highlighted,
.elementor-4802 .fabtek-mobile-menu .fabtek-menu-case-studies > .sub-menu a.elementor-item-active {
	color: #fff;
}

.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu {
	margin-top: 24px;
}

.elementor-4802 .fabtek-mobile-menu .sub-menu > li + li {
	margin-top: 24px;
}

.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu > li + li {
	margin-top: 12px;
}

.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu a {
	color: #fff;
	font-family: "Gotham", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	text-transform: none;
}

.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu a:hover,
.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu a:focus,
.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu a.highlighted,
.elementor-4802 .fabtek-mobile-menu .sub-menu .sub-menu a.elementor-item-active {
	color: #fff;
}

@media (max-width: 767px) {
	.elementor-4802 .fabtek-mobile-menu nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu {
		gap: 40px;
	}
}