@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/*
Theme Name: Inbrand
Author: devix.net
*/

:root {
	--size: 390;
}

@media (min-width: 481px) {
	:root {
		--size: 481;
	}
}

@media (min-width: 768px) {
	:root {
		--size: 768;
	}
}

@media (min-width: 1025px) {
	:root {
		--size: 1025;
	}
}

@media (min-width: 1281px) {
	:root {
		--size: 1281;
	}
}

html {
	margin: 0;
	padding: 0;
	font-size: calc(10 * 100vw / var(--size));
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 100%;
}

body,
html {
	height: auto;
	overscroll-behavior: none;
	scroll-behavior: auto !important;
	width: 100%;
}

body {
	--inbrand-black: #000000;
	--inbrand-orange: #fd5c06;

	overscroll-behavior: none;
	margin: 0;
	padding: 0;

	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	background: #fff;
	color: var(--inbrand-black);
}

@media (max-width: 767px) {
	body {
		overflow: hidden scroll;
	}
}

body,
input,
button,
textarea,
select {
	font-family: 'AcidGrotesk', sans-serif;
}

button {
	cursor: pointer;
}

body.elementor-editor-active .main {
	overflow-x: hidden;
	overflow-y: visible;
}

.inbrand-header,
.inbrand-header-logo,
.inbrand-header-cta,
.inbrand-header-logo img,
ul.inbrand-main-menu,
ul.inbrand-main-menu > li,
ul.inbrand-main-menu > li > a,
ul.inbrand-main-menu > li > a:after,
ul.inbrand-drawer-main-menu > li > a,
ul.inbrand-drawer-main-menu > li > a:after,
.inbrand-drawer-menu-trigger > span {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

p,
ul,
ol,
.wp-video {
	margin: 0 0 25px;
}

ul {
	list-style-type: disc;
	padding-left: 30px;
}

ol {
	padding: 0;
	list-style-position: inside;
}

.nolist,
.no-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p:last-child,
ul:last-child,
ol:last-child {
	margin: 0;
}

.elementor-location-header .elementor-sticky {
	position: relative;
	z-index: 50;
	mix-blend-mode: difference;
}

.inbrand-header-inner {
	height: 110px;
}

.inbrand-header-logo {
	padding-top: 15px;
	padding-bottom: 15px;
}

.inbrand-header-logo > a {
	display: block;
	width: fit-content;
}

.inbrand-header-logo img {
	display: block;
	width: 11rem;
	height: auto;
}

@media (max-width: 767px) {
	.inbrand-header-logo img {
		width: 110px;
	}
}

.inbrand-drawer-menu-trigger {
	position: relative;
	width: 36px;
	height: 24px;
	cursor: pointer;
}

.inbrand-drawer-menu-trigger > span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 3px;
	background: #fff;
}

@media (max-width: 767px) {
	.inbrand-drawer-menu-trigger {
		width: 24px;
		height: 16px;
	}

	.inbrand-drawer-menu-trigger > span {
		height: 2px;
	}
}

.inbrand-drawer-menu-trigger > span:nth-child(1) {
	bottom: auto;
}

.inbrand-drawer-menu-trigger > span:nth-child(4) {
	top: auto;
}

body.drawer-menu-active {
	overflow: hidden;
}

body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(1),
body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(4) {
	width: 0;

	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(2),
body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(3) {
	width: 100%;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.drawer-menu-active .inbrand-drawer-menu-trigger > span:nth-child(3) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.inbrand-main-menu > li > a:not(.inbrand-button),
ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button) {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
}

ul.inbrand-main-menu > li > a:not(.inbrand-button):after,
ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button):after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #fff;
	width: 0;
}

ul.inbrand-main-menu > li > a:not(.inbrand-button):focus:after,
ul.inbrand-main-menu > li > a:not(.inbrand-button):hover:after,
ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button):focus:after,
ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button):hover:after {
	width: 100%;
}

.inbrand-drawer-menu {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--inbrand-black);

	-webkit-transition: transform 0.8s cubic-bezier(0.8, 0, 0.2, 1);
	-moz-transition: transform 0.8s cubic-bezier(0.8, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.8, 0, 0.2, 1);
}

ul.inbrand-drawer-main-menu {
	padding-top: 20vh;
	gap: 1.5rem;
}

ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button) {
	display: inline-block;
	font-size: 6rem;
}

ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button):after {
	height: 0.3rem;
}

@media (max-width: 767px) {
	ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button) {
		font-size: 28px;
	}

	ul.inbrand-drawer-main-menu > li > a:not(.inbrand-button):after {
		width: 100%;
		height: 1px;
	}
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li,
body.drawer-menu-active ul.inbrand-drawer-footer-menu {
	-webkit-transition: all 0.8s cubic-bezier(0.8, 0, 0.2, 1);
	-moz-transition: all 0.8s cubic-bezier(0.8, 0, 0.2, 1);
	transition: all 0.8s cubic-bezier(0.8, 0, 0.2, 1);
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(1) {
	transition-delay: 0.4s;
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(2) {
	transition-delay: 0.7s;
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(3) {
	transition-delay: 1s;
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(4) {
	transition-delay: 1.3s;
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(5) {
	transition-delay: 1.6s;
}

body.drawer-menu-active ul.inbrand-drawer-main-menu > li:nth-child(8),
body.drawer-menu-active ul.inbrand-drawer-footer-menu {
	transition-delay: 1.9s;
}

body:not(.drawer-menu-active) .inbrand-drawer-menu {
	transition-delay: 0.4s;

	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

body:not(.drawer-menu-active) ul.inbrand-drawer-main-menu > li,
body:not(.drawer-menu-active) ul.inbrand-drawer-footer-menu {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);

	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

ul.inbrand-drawer-footer-menu {
	justify-content: flex-start;
	gap: 2rem 4rem;
	padding: 15px 0;
}

ul.inbrand-drawer-footer-menu > li > a,
ul.inbrand-drawer-footer-menu > li > span {
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
}

@media (min-width: 1025px) {
	ul.inbrand-main-menu {
		margin: 0 -20px;
	}

	ul.inbrand-main-menu > li {
		padding: 0 40px;
	}

	ul.inbrand-main-menu > li.has-button,
	ul.inbrand-main-menu > li.drawer-menu-trigger {
		padding: 0 20px;
	}

	ul.inbrand-main-menu > li.drawer-menu-trigger {
		overflow: hidden;
		max-width: 0;
		padding: 0;

		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;

		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);

		transition-delay: 0.2s;
		transition-duration: 0.4s;
	}

	body.drawer-menu-active ul.inbrand-main-menu > li.has-button {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
	}

	.elementor-sticky--effects ul.inbrand-main-menu > li.drawer-menu-trigger {
		max-width: 100px;
		padding: 0 20px;

		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;

		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	.elementor-sticky--effects ul.inbrand-main-menu > li:not(.has-button):not(.drawer-menu-trigger) {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
	}

	.elementor-sticky--effects ul.inbrand-main-menu > li:not(.has-button):not(.drawer-menu-trigger):nth-child(odd) {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.elementor-sticky--effects ul.inbrand-main-menu > li:not(.has-button):not(.drawer-menu-trigger):nth-child(even) {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@media only screen and (max-width: 1280px) {
	.inbrand-header-inner {
		height: 90px;
	}
}

@media only screen and (max-width: 1024px) {
	.inbrand-header-inner {
		height: 70px;
	}

	.inbrand-header-logo,
	.inbrand-header-cta {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	ul.inbrand-main-menu > li:not(.drawer-menu-trigger) {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.inbrand-header-inner {
		height: 50px;
	}

	ul.inbrand-drawer-footer-menu > li > a,
	ul.inbrand-drawer-footer-menu > li > span {
		font-size: 1.2rem;
	}
}

@media only screen and (max-width: 480px) {
}