/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Body antialiasing reset */
body {
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
	overflow-x: clip;
	width: 100%;
}

/* Animation on main */
main#brx-content {
	animation: animFadeInContent .3s ease 0s 1 normal forwards;
	padding-top: 106px;
}

/* Bricks element overrides / defaults */
.bricks-button {
	min-height: 3.2em;
	align-items:center;
	cursor:pointer;
}

.bricks-button.sm {
	min-height: auto;
}

#mobile-header .brxe-nav-nested {
	max-height: calc(80svh - 100px);
	overflow-y: auto;
	align-items: flex-start;
}

#mobile-header .brxe-nav-nested .brx-nav-nested-items {
	position:relative;
	top:0;
}

#mobile-header .brxe-dropdown>.brx-dropdown-content {
	position:relative;
	max-height:0vh;
	overflow:hidden;
	padding-bottom:0px;
	padding-top:0px;
	transition:opacity 0.2s ease, padding 0.2s ease, max-height 0.2s ease;
	left:0;
	display:flex;
}

#mobile-header .brxe-dropdown.open>.brx-dropdown-content {
	padding-bottom:var(--spacing-sm);
	padding-top:var(--spacing-sm);
	max-height:80vh;
}

/* Text styles */
.h1 {
	font-size: var(--h1);
}
.h2 {
	font-size: var(--h2);
}
.h3 {
	font-size: var(--h3);
}
.h4 {
	font-size: var(--h4);
}
.h5 {
	font-size: var(--h5);
}
.h6 {
	font-size: var(--h6);
}
.text-small-caps {
	font-variant: small-caps !important;
	text-transform: lowercase !important;
}
@media( max-width: 599px ) {
	.h1 {
		font-size: var(--h1-mobile);
	}
	.h2 {
		font-size: var(--h2-mobile);
	}
	.h3 {
		font-size: var(--h3-mobile);
	}
	.h4 {
		font-size: var(--h4-mobile);
	}
	.h5 {
		font-size: var(--h5-mobile);
	}
	.h6 {
		font-size: var(--h6-mobile);
	}
}
/* Gradient styles */
.background-gradient {
  background: linear-gradient(96.54deg, #e43425 4.89%, #441fd8 72.33%, #0a26b8 119.62%) !important;
}

.background-gradent-2 {
  background: linear-gradient(90deg,#19cdff 15%,#1e1bb2 45%,#ff1919 90%) !important;
}

.text-gradient {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #e43425 20%, #441fd8 80%, #0a26b8);
  -webkit-background-clip: text;
  background-clip: text;
}

.border-gradient {
  border: 1px solid transparent;
  border-image: linear-gradient(90deg,#e43425 4.89%,#441fd8 72.33%,#0a26b8 119.62%) 1;
}

.text-outline {
  -webkit-text-stroke: 1px var(--color-reflex);
  text-stroke: 1px var(--color-reflex);
}

/* Border styles */
.rounded {
	border-radius: var(--rounded);
}

/* Special combined rules if rounded and border-gradient are used */
.rounded.border-gradient {
	position: relative;
	border-width: 0px;
}
.rounded.border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--rounded);
  padding: 1px;
  background: linear-gradient(90deg,#e43425 4.89%,#441fd8 72.33%,#0a26b8 119.62%);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
	pointer-events:none;
}

/* Animation Keyframes */
@keyframes animThisWayRight {
	0% { transform: translateX(0); }
	35% { transform: translateX(0.8rem); }
	85% { transform: translateX(-0.2rem); }
	100% { transform: translateX(0); }
}
@keyframes animFadeInContent {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes animTurn {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(1turn); }
}
@keyframes animThumbEnter {
	0% { opacity: 0; transform: translate3d(-80px, -20px, 20px) rotate3d(1, -1, 0, 20deg); }
	25% { transform: translate3d(-60px, -30px, 40px) rotate3d(1, -1, 0, 15deg); }
	50% { opacity: 0.5; transform: translate3d(-40px, -40px, 30px) rotate3d(1, -1, 0, 10deg); }
	75% { opacity: 1; transform: translate3d(-20px, -30px, 20px) rotate3d(1, -1, 0, 5deg); }
	100% { opacity: 1; transform: translate3d(0px, 0px, 2px) rotate3d(1, -1, 0, 0deg); }
}

@keyframes animThumbLeave {
	0% { opacity: 1; transform: translate3d(0px, 0px, 0px) rotate3d(-1, -2, 0, 0deg); }
	25% { opacity: 1; transform: translate3d(100px, 30px, -40px) rotate3d(-1, -2, 0, -5deg); }
	50% { opacity: 0.5; transform: translate3d(200px, 40px, -80px) rotate3d(-1, -2, 0, -10deg); }
	75% { transform: translate3d(300px, 30px, -120px) rotate3d(-1, -2, 0, -15deg); }
	100% { opacity: 0; transform: translate3d(400px, 20px, -160px) rotate3d(-1, -2, 0, -20deg); }
}

/* Override to WP Admin Bar */
#wpadminbar {
	position: fixed !important;
}

/* Grid for inventory map */
:root {
	--number-of-cols-on-grid-cols-1 : 1;
	--number-of-cols-on-grid-cols-2 : 2;
	--number-of-cols-on-grid-cols-3 : 3;
	--number-of-cols-on-grid-cols-4 : 4;
}

@media( max-width: 899px ){
	:root {
  		--number-of-cols-on-grid-cols-4 : 3;
	}
}

@media( max-width: 599px ){
	:root {
  		--number-of-cols-on-grid-cols-3 : 2;
  		--number-of-cols-on-grid-cols-4 : 2;
	}
}

/* Modal customization */
.brx-popup.hide {
  transition: all 0.4s;
}
.brx-popup-content {
  overflow-y: clip;
  overflow-x: clip;
}
.brx-popup-content .popup-main-content {
  overscroll-behavior: none;
  overflow: scroll;
  height: 100%;
}
.brx-popup-content .popup-main-content::-webkit-scrollbar {
  height: 2px;
  width: 8px;
}
.brx-popup-content .popup-main-content::-webkit-scrollbar-thumb {
  background: rgba(80,89,105,0.6);
}
.brx-popup-content .popup-main-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0,20,100,0.6);
}
.brx-popup-content .popup-main-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
}

/* Lightbox customization */
.pswp.brx .pswp__content iframe, .pswp.brx .pswp__content video {
	border-radius: var(--rounded);
}


/* Navs customization */

header .megamenu-container {
	transition-property:opacity,visibility;
}