/* 
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/**** GENERAL ****/
html{
	min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body{
	display: flex;
    flex-direction: column;
	min-height: 100vh;
    flex-grow: 1;
	overflow-x: hidden;
	padding-top: 151px;
	background: #f8f8f8;
	transition: background 0.5s ease-out;
}
[type=button], [type=submit], button{
	color: var(--e-global-color-primary );
	border-color: var(--e-global-color-primary );;
}
[type=button]:focus, [type=button]:hover, 
[type=submit]:focus, [type=submit]:hover, 
button:focus, button:hover{
	background-color: unset;
}
[type=button]:focus, [type=submit]:focus, button:focus{
	outline: none;
}


/**** ANIMATIONS ****/
.delay-2{
    transition-delay: 0.2s;
}
.delay-3{
    transition-delay: 0.3s;
}
.delay-4{
    transition-delay: 0.4s;
}
.delay-5{
    transition-delay: 0.5s;
}
.delay-6{
    transition-delay: 0.6s;
}
.delay-7{
    transition-delay: 0.7s;
}
.delay-8{
    transition-delay: 0.8s;
}
.delay-9{
    transition-delay: 0.9s;
}
.fadeInUp {
    animation-name: fadeInUpNew !important;
}
@keyframes fadeInUpNew {
	from {
		opacity: 0;
		transform: translate3d(0, 1.25rem, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.e-blend .elementor-widget-heading:not(.e-blend-disable) .elementor-heading-title,
.e-blend .elementor-widget-text-editor .elementor-widget-container,
.e-blend .elementor-image-box-description{
	mix-blend-mode: exclusion;
    color: #fff!important;
}
.background-change .e-blend .elementor-widget-container{
    color: #dfdfdf!important	
}


/**** HEADER ****/
.b-header{
    right: 0;
    left: 0;
    top: 0;
    z-index: 100;
	position: fixed;
	background: white;
	transition: background .2s ease,transform .2s ease-out, padding .2s ease;
}
.b-header.sticky{
/* 	background: #0C0D14; */
	box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
}
.b-header-top{
	padding: 5px 15px;
	border-bottom: 1px solid;
	text-align: center;
	font-size: 15px;
}
.b-header-top a{
	display: block;
	margin-bottom: 5px;
	color: #333;
}
.b-header-logo{
	display: block;
	margin: auto;
}
.b-header .logo{
	position: relative;
}
.b-header.hidden{
    transform: translate3d(0,-100%,0);
}
.b-header .menu{
	display: flex;
	padding: 0;
	list-style: none;
}
.b-header .menu > .menu-item > a{
	color: #000;
	font-size: 17px;
/* 	font-weight: 500; */
}
.b-header-contact{
    position: relative;
    padding: 8px 21px;
    border-radius: 999px;
    border: 0;
    color: var(--e-global-color-primary );
	font-weight: 500;
    transition-duration: .5s;
    transition-property: color,background-color;
    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
}
.b-header-contact:before{
	border-radius: 999px;
    border: 0.125em solid var(--e-global-color-primary );
    content: "";
    height: calc(100% + 0.125em);
    inset: 0;
    position: absolute;
    width: calc(100% + 0.125em);
    transition-duration: .5s;
    transition-property: transform,background-color,-webkit-transform;
    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
    transform-origin: center calc(50% + 0.125em *4);
    z-index: 1;
	top: 0;
    left: 0;
}
.b-header-contact span{
	position: relative;
    z-index: 2;
}
.b-header-contact:hover{
    background-color: var(--e-global-color-primary );
    color: white;
}
.b-header-contact:hover:before{
    transform: scale(1.1);
    background-color: var(--e-global-color-primary );
}
@media (min-width: 768px){
	body{
		padding-top: 115px;
	}
/* 	.b-header.sticky{
		padding: 5px 40px;
	} */
	.b-header-top{
		padding: 0;
	}
	.menu-header-menu-container{
		margin-left: auto;
    	margin-right: 50px;
	}
	.b-header-top-container{
		display: flex;
		justify-content: space-between;
		padding: 6px 40px;	
		margin: auto;
		max-width: 1600px;	
	}
	.b-header-top div{
		display: flex;	
		gap: 35px;
	}
	.b-header.sticky .b-header-container{
		align-items: center;
	}
	.b-header .b-header-container{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: auto;
		max-width: 1600px;		
		padding: 15px 40px;
	}
	.logo-small{
		opacity: 0;
		position: absolute;
		width: 34px;
		right: 45px;
	}
	.b-header .menu > .menu-item{
		position: relative;
		transition: width .3s;		
		padding-bottom: 4px;
		margin: 0 20px;
	}
	.b-header .menu > .menu-item > a{
		position: relative;
		padding: 5px 0;
		cursor: pointer;
		z-index: 2;
		transition: color .3s;
	}
	.b-header .menu-item:after{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background-color: var(--e-global-color-primary );
		position: absolute;
		bottom: 0;
		left: 0;
		transform: scaleX(0);
		transition: transform .5s ease,-webkit-transform .5s ease;
		transform-origin: right center;
	}	
	.b-header .menu > .menu-item:hover:after{
		transform: scaleX(1);
		transform-origin: left center;
	}
	.menuIcon{
		display: none;
	}
	.b-header .menu .calendlyLink{
		display: none;
	}
}
@media (max-width: 767px){
	.b-header-logo{
		max-width: 180px;
	}
	.b-header-container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 15px;
	}	
	.b-header .logo-full{
		display: none;
	}
	.b-header .logo-small,
	.b-header .logo{
		display: block;
		z-index: 1;
	}
	.b-header.active .menuIcon{
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 2;
	}
	.b-header .menu-header-menu-container{
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100vW;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
		opacity: 0;
		background-color: var(--e-global-color-primary );
		z-index: 1;
		transition: opacity .3s,visibility .3s;
		transition-timing-function: ease-in;
		transition-delay: .2s;
	}
	.b-header.active .menu-header-menu-container {
		visibility: visible;
		opacity: 1;
		transition-timing-function: ease-out;
		transition-delay: 0s;
	}
	.b-header .menu{
		flex-flow: column;
		height: 100%;
		align-items: center;
    	justify-content: center;
	}
	.b-header .menu > .menu-item > a{
		position: relative;
		display: inline-block;	
    	width: 100%;
		margin-bottom: 30px;
		font-size: 25px;
		line-height: 30px;
		color: #fff;	
		font-weight: 500;
		opacity: 0;
		transform: translate3d(-120%,0,0);
		transition: opacity .15s .1s,transform .15s .1s;
	}	
	.b-header.active .menu > .menu-item > a{
		opacity: 1;
    	transform: translateZ(0);
	}
	.b-header .menu > .menu-item:first-child > a{
        transition-delay: .08s;
    }
	.b-header .menu > .menu-item:nth-child(2) > a{
        transition-delay: .16s;
    }
	.b-header .menu > .menu-item:nth-child(3) > a{
        transition-delay: .24s;
    }
	.b-header .menu > .menu-item:nth-child(4) > a{
        transition-delay: .32s;
    }
	
	.menuIcon {
		position: relative;
		height: 23px;
		width: 28px;
		z-index: 1;
	}
	.menuIcon .menuToggle,
	.menuIcon .menuToggle::before,
	.menuIcon .menuToggle::after {
		background: #000;
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		transition: background ease .2s, top ease .2s .2s, transform ease .2s;
		width: 25px;
	}
	.menuIcon .menuToggle {
		left: 2px;
		top: 11px;
	}
	.menuIcon .menuToggle::before {
		top: -7px;
	}
	.menuIcon .menuToggle::after {
		top: 7px;
	}
	.b-header.active .menuIcon .menuToggle {
		background: transparent;
	}
	.b-header.active .menuIcon .menuToggle::before {
		transform: rotate(45deg);
	}
	.b-header.active .menuIcon .menuToggle::after {
		transform: rotate(-45deg);
	}
	.b-header.active .menuIcon .menuToggle::before,
	.b-header.active .menuIcon .menuToggle::after {
		top: 0;
		transition: top ease .2s, transform ease .2s .2s;
	}
	.b-header-contact{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
	.b-header .menu > .menu-item > a{
		font-size: 14px;
	}
	.b-header-logo{
		max-width: 200px;
	}
	.logo-small{
		width: 28px;
    	right: 37px;
	}
}

/**** FOOTER ****/
.footer{
	margin-top: auto;
}
.footer-container{
	padding: 20px;
	color: #000;
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
	align-items: center;
}
.footer-menu .menu{
	display: flex;
	padding: 0;
    list-style: none;
}
.footer-menu .menu a{
	color: #000;
	padding: 0 10px;
	font-weight: 500;
}
.footer-copy a{
	color: #000;
}
.footer-copy p{
	margin: 0;
}
@media (min-width: 768px){
	.footer-container{
		flex-flow: row;
		justify-content: space-between;
		padding: 40px;
		margin: auto;
		max-width: 1600px;
	}
	.footer-logo{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		z-index: -1;
	}
}

@media (max-width: 767px){
	.footer-copy{
		order: 3;
		font-size: 14px;
	}
	.footer-menu .menu{
		flex-flow: column;
		text-align: center;
		margin: 40px 0;
	}	
	.footer-menu .menu a{
		padding: 5px 10px;
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
	.footer-container{
		display: block;
		text-align: center;
	}
	.footer-menu .menu{
		justify-content: center;
		margin-top: 20px;
	}
	.footer-logo{
		display: none;
	}
}

/* Background variations */
/* .home .b-header .menu > .menu-item > a,
.page-id-2432 .b-header .menu > .menu-item > a{
	color: white;
} */

/* .home .b-header-contact{
	color: white;
}
.home .b-header-contact:before{
	border-color: white;
} */
/* .home .b-header-contact:hover{
    background-color: white;
    color: var(--e-global-color-primary );
}
.home .b-header-contact:hover:before{
    background-color: white;
} */

/* .home .footer-menu .menu a,
.home .footer-container,
.home .footer-copy a,
.page-id-2432 .footer-menu .menu a,
.page-id-2432 .footer-container,
.page-id-2432 .footer-copy a{
	color: white;
}
.page-id-2432 .footer{
	background: var(--e-global-color-c144e78 );
} */

@media (min-width: 768px){
	.home .b-header .menu-item:after,
	.page-id-2432 .b-header .menu-item:after{
		background-color: white;
	}
}