/*
Theme Name:   Hello Elementor Child
Template:     hello-elementor
Version:      1.0.0
*/
/* Initially, header is static — no padding-top needed */
/* .elementor-sticky-header-hidden {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	animation: slideDown 0.3s ease forwards;
}
@keyframes slideDown {
	from { transform: translateY(-100%); opacity: 0; }
	to   { transform: translateY(0);    opacity: 1; }
} */

.ekit-template-content-header.header--visible {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(0);
  opacity: 1;
  box-shadow: 0 2px 16px rgba(0,0,0,0.1);
  transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
}

.ekit-template-content-header.header--hidden {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(-100%);
  opacity: 0;
  box-shadow: none;
  transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
}

.mega-menu.max-mega-menu.mega-menu-horizontal{
	display: flex!important;
	gap: 20px;
}
.comments-area a.elementor-button, .page-content a.elementor-button{
	text-decoration: none;
}
.elementor-widget-button .elementor-button{
	font-family: var(--e-global-typography-a5dafb7-font-family), Sans-serif;
}
#menu-footer-terms-menu{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 38px;
}
#menu-footer-terms-menu a{
	color: #545454;
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.stack-card-wrapper{
	position: relative;
}
.stack-card {
	position: sticky !important;
	transform-origin: top center;
	will-change: transform;
	border-radius: 16px;
	margin-bottom: 100px;
	transition: none;
}
.elementor-section.stack-card,
.elementor-container.stack-card,
.e-con.stack-card {
	position: sticky !important;
	transform-origin: top center !important;
	will-change: transform !important;
	border-radius: 16px !important;
	margin-bottom: 100px !important;
	transition: none !important;
}
.heading-square{
	position:relative;
}
.heading-square:before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	background: #A463F8;
	z-index: 2;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translate(0, -50%);
}
.kplex-separate-text {
	font-family: "Shadows Into Light Two", Sans-serif;    
	position: absolute;
	margin-top: -65px;
	margin-left: -90px;
	letter-spacing: 3%;
}
.kplex-separate-arrow {
	font-family: "Shadows Into Light Two", Sans-serif;
	position: absolute;
	margin-top: 35px;
	margin-left: -9px;
	letter-spacing: 3%;
	transform: rotate(-15deg);
}
.elementor .e-form-base{
	gap: 20px;
}
.elementor .e-form-textarea-base,
.elementor .e-form-input-base{
	border: 0;
}
.elementor .e-form-submit-button-base:hover{
	color: #1c1c1c;
	background: #fff;
}
@media(min-width: 768px){
	body.admin-bar .ekit-template-content-header.header--visible{
		top: 30px;
	}
}
@media(min-width:1920px){
	.mega-menu.max-mega-menu.mega-menu-horizontal{
		gap: 48px;
	}
}
@media(max-width:1024px){
	#menu-footer-terms-menu{
		gap: 16px;
	}
	#menu-footer-terms-menu a{
		font-size: 12px;
	}
	.kplex-separate-arrow {
		margin-top: 20px;
		margin-left: -3px;
	}
	.kplex-separate-text {
		margin-top: -35px;
		margin-left: -40px;
	}
}
@media(max-width:767px){
	body:not(.mega-menu-menu-1-mobile-open) #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner{
		width: 35px;
		height: 3px;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{
		display: none;
	}
	body:not(.mega-menu-menu-1-mobile-open) #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{

		width: 20px;
		height: 3px;
		right: 0;
		top:10px;
	}
	#menu-footer-terms-menu a{
		font-size: 10px;
		line-height: 12px;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open:after{
		background: transparent !important;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
		width: 100% !important;
		top:80px !important;
	}
	body.admin-bar #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
		top:calc(80px + 46px) !important;
	}
	.elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-heading { 
		display: flex;
		align-self: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
		overflow: auto;
		box-sizing: border-box;
		max-width: 100%;
	}
	.elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title{
		margin: 0 !important;
	}
	.tabs-no-hz-scroll-mobile.elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-heading{
		flex-wrap: wrap;
	}
	.elm-default-mob-tabs.elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-heading { 
		display: contents;
	}
	.kplex-separate-text {
		margin-top: -28px;
	}
	.elementor .e-form-base{
		padding:0;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
		margin: 0 26px;
		border-bottom: 1px solid #8A38F512;
	}
}

/* CSS added on 2-6-2026 for pill overflow issue */
@media (max-width: 575px) {

	.elementor-widget-n-tabs.e-n-tabs-mobile:not(.tabs-no-hz-scroll-mobile, .elm-default-mob-tabs) .e-n-tabs-heading {
		display: block;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin !important;
		scrollbar-color: hsla(0, 0%, 33%, 0.2) #e5e5e5;
	}
	.elementor-widget-n-tabs.e-n-tabs-mobile:not(.tabs-no-hz-scroll-mobile, .elm-default-mob-tabs) .e-n-tabs-heading::-webkit-scrollbar-button {
		display: none;
		width: 0;
		height: 0;
	}

	.elementor-widget-n-tabs.e-n-tabs-mobile:not(.tabs-no-hz-scroll-mobile, .elm-default-mob-tabs) .e-n-tabs-heading::-webkit-scrollbar-button {
		width: 0;
		height: 0;
	}

	.elementor-widget-n-tabs.e-n-tabs-mobile:not(.tabs-no-hz-scroll-mobile, .elm-default-mob-tabs) .e-n-tabs-heading::-webkit-scrollbar {
		display: none;
	}

	.elementor-widget-n-tabs.e-n-tabs-mobile:not(.tabs-no-hz-scroll-mobile, .elm-default-mob-tabs) .e-n-tabs-heading > * {
		display: inline-block;
		vertical-align: top;
		white-space: normal;
	}

}