/* 
* Variables
* ----------------------- */

:root {
	--primary: var(--ast-global-color-0);
	--secondary: var(--ast-global-color-1);
	--dark: var(--ast-global-color-2);
	--body: var(--ast-global-color-3);
	--bg: var(--ast-global-color-4);
	--white: var(--ast-global-color-5);
	--accent: var(--ast-global-color-6);
	--border: var(--ast-global-color-7);
	--black: var(--ast-global-color-8);
	--timing-function: cubic-bezier(.4,0,.2,1);
	--duration: .3s;
	--light: rgba(255, 255, 255, 0.8)
}


/*
* Scaffoldings 
* ----------------------- */
.elementor-widget-text-editor p:last-of-type {
	margin-bottom: 0;
}

*, *:before, *:after,
a:focus {
	outline: 0 !important;
}

body {
	overflow: unset !important;

}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html { scroll-behavior: smooth; }

b, strong {
	font-weight: 500 !important;
}

h1 span,
h2 span,
h3 span{
	font-family: "Gambetta", serif;
	font-style: italic;
	font-size: 115%;
}

.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after, .e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after{
	inset-inline-start: 0 !important;
}

footer .e--animation-slide a {
	display: inline-block !important;
}

/* 
* Header
* ----------------------- */
header.elementor-location-header {
	width: 100%;
	position: absolute; 
	z-index: 99;
}

.header:not(.elementor-sticky--effects){
	background: transparent;
	border-bottom: 1px solid transparent;
}

.header:not(.elementor-sticky--effects) .elementor-icon-box-title > a,
.header:not(.elementor-sticky--effects) .elementor-icon-box-icon > a > svg {
    color: var(--white) !important;
}

body .header.elementor-sticky--effects{
	background: var(--white) !important;
	border-bottom: 1px solid var(--border);
}


.header:not(.elementor-sticky--effects) .elementor-nav-menu--main > ul > li > a {
	color: var(--white) !important;
}


.header:not(.elementor-sticky--effects) .elementor-nav-menu--main > ul > li > a:after {
	background: var(--white) !important;
}

.header:not(.elementor-sticky--effects) .astra-logo-svg,
.header:not(.elementor-sticky--effects) .logo img{
	-webkit-filter:brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.header:not(.elementor-sticky--effects) .elementor-nav-menu .sub-arrow svg{
	fill: var(--white);
}

.header .primary .elementor-button {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.header:not(.elementor-sticky--effects) .contact a {
	color: var(--white) !important;
}



/* 
* Menu Toggle 
* --------------------- */
.menu-toggle-button svg {
	width: 30px !important;
	height: 30px !important;
}

.header:not(.elementor-sticky--effects) .menu-toggle-button svg path {
	fill: var(--white) !important;
}

.menu-toggle-button svg path {
	fill: var(--dark) !important;
}

.menu-toggle-button a{
	min-width: 50px !important;
}

/* 
* Menu 
* --------------------- */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
	min-width: 200px !important;
	padding: 12px;
	border-radius: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a {
	position: relative;
	border-radius: 50px;
	padding-right: 30px !important;
}

/*
* Helper Classes
* ---------------------- */
@media (min-width: 768px){
	.column-2 ul {
		column-count: 2;
	}
}


/* 
* Offcanvas 
* ----------------------- */
.offcanvas .elementor-nav-menu--dropdown a {
	background: transparent !important;
}

.dialog-close-button {
	width: 50px;
	height: 50px;
	background: var(--white);
	border-radius: 50px;
}

.dialog-close-button svg {
	display: none;
}

.dialog-close-button:before, .dialog-close-button:after {
	content: "";
	top: 50%;
	left: 0;
	right: 0;
	width: 1.5rem;
	height: 2px;
	display: block;
	position: absolute;
	margin: auto;
	background-color: var(--dark);
}

.dialog-close-button:before {
	transform: rotate(45deg);
}

.dialog-close-button:after {
	transform: rotate(-45deg);
}

/*
* Button
* ----------------------- */
.btn-primary .elementor-button-icon svg path, .arrow-down .elementor-button-icon svg path {
	transition: transform .5s var(--timing-function);
}

.btn-primary .elementor-button-icon svg path:last-child, 

.arrow-down .elementor-button-icon svg path:last-child {
	transform: translateX(-100%);
}

.btn-primary .elementor-button:hover .elementor-button-icon svg path:first-child, 

.arrow-down .elementor-button:hover .elementor-button-icon svg path:first-child {
	transform: translateX(100%)
}

.btn-primary .elementor-button:hover .elementor-button-icon svg path:last-child, 

.arrow-down .elementor-button:hover .elementor-button-icon svg path:last-child {
	transform: translateX(0);
}

.arrow-down .elementor-button-icon svg {
	transform: rotate(90deg);
}

.elementor-button-icon svg {
    width: 14px;
    height: auto;
}


/* 
* Contact Button
* --------------------- */
.contact-button  .elementor-button  {
	width: 50px !important; 
	height: 50px !important;
	display: flex; 
	align-items: center; 
	justify-content: center;
	padding: 0 !important;
}

.contact-button .elementor-button-content-wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.header:not(.elementor-sticky--effects) .contact-button svg {
	fill: var(--white);
}


.contact-button svg,
.contact-button .elementor-button-icon {
	width: 20px !important; 
	height: 20px !important; 
	transition: fill var(--duration) var(--timing-function)
}

/*
* Hero
* ----------------------- */
.btn-scroll a.elementor-button{
	width: 40px; 
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*
* Marquee
* ----------------------- */
.marquee i {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	font-style: normal;
	font-size: 60%;
}

@media (min-width: 768px){
	.marquee i {
		padding: 0 40px;
	}
}

/*
* Card
* ----------------------- */
.card .elementor-cta{
	padding: 20px;
	display: flex;
}

.card .elementor-cta__bg-wrapper {
	border-radius: 10px;
}

.card .elementor-cta__button {
	width: 100%;
	text-align: left;
	background: var(--white) url(http://localhost:10043//srv/htdocs/wp-content/uploads/2024/06/arrow-dark.svg) calc(100% - 30px) no-repeat !important;
}

.card:hover .elementor-cta__button {
	width: 100%;
	text-align: left;
	background: var(--secondary) url(http://localhost:10043//srv/htdocs/wp-content/uploads/2024/06/arrow-light.svg) calc(100% - 30px) no-repeat !important;
}

.card:hover .elementor-cta__button {
	color: var(--white) !important;
	background: var(--secondary);
}

.card .elementor-cta__content {
	flex-direction: column;
}

.card .elementor-cta__description {
	flex-grow: 1;
}

/*
* Effects
* ----------------------- */
.elementor-bg-transform-zoom-in .elementor-bg {
	transform: scale(1);
	transition: transform 0.3s var(--timing-function) !important;
}

.elementor-bg-transform-zoom-in:hover .elementor-bg {
	transform: scale(1.05) !important;
}

.elementor-loop-container {
	border-radius: 10px !important;
}

/*
* Listing
* ----------------------- */
.listing ul{
	counter-reset: items 0;
}
.listing li {
	display: block;
	counter-increment: items 1;
	position: relative;
}

.listing li:after {
	content: "";
	width: 50px; 
	height: 50px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	background: url(http://localhost:10043//srv/htdocs/wp-content/uploads/2024/06/arrow-dark.svg) right no-repeat!important;
	pointer-events: none; 
	opacity: 0;
	transition: all var(--duration) var(--timing-function);
}

.listing li:hover:after {
	opacity: 1;
	right: 0;
}

.listing a {
	border-top: 1px solid var(--border);
	padding-left: 50px !important;
	padding-right: 40px !important;
	background: transparent !important;
}

.listing a::after {
	font-family: "Gambetta", serif;
	font-style: italic;
	font-size: 115%;
	content: "0" counter(items) !important;
	opacity: 1 !important;	
	position: absolute;
	left: 0;
	background: transparent !important;
}

.listing li:nth-child(n+10) a::after {
	content: "" counter(items) !important;
}

@media (min-width: 768px){
	
	.listing li:after {
		background-position: calc(100% - 30px) !important;
	}
	.listing a {
		padding-left: 80px !important;
	}
	.listing a:hover {
		padding-left: 100px !important;
	}
	.listing a:hover:after {
		left:  20px !important;
	}

}

/*
* Testimonials
* ----------------------- */
body .testimonials .swiper {
	width: 100% !important;
	background: var(--white) !important;
	border-radius: 10px;
}

.testimonials .elementor-swiper-button{
	    border-top: 1px solid var(--border);
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 4rem;
    margin-bottom: 0;
    display: flex;
	top: auto !important;
	bottom: -20px !important;
	transform: unset !important;
	background: var(--white);
}

.testimonials .elementor-swiper-button-prev{
	    border-right: 1px solid var(--border) !important;
	z-index: 3 !important;
	left: 0 !important;
	border-radius: 0 0 0 10px;
}

.testimonials .elementor-swiper-button-next {
	right: 0 !important;
	border-radius: 0 0 10px 0;
}

.testimonials .swiper-pagination {
	bottom: -80px !important;
	background: var(--white) !important;
	border-radius: 10px;
	width: auto !important;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);
	display: flex; 
	align-items: center;
	padding: 10px;
}

.testimonials .elementor-testimonial__text {
	position: relative;
}

.testimonials .elementor-testimonial__text:before {
	content: "";
	width: 100px;
	height: 40px; 
	background: url(http://localhost:10043//srv/htdocs/wp-content/uploads/2024/06/rating.svg) no-repeat left center / 100px;
	display: block;
	margin-bottom: 20px;
}

/* Remove margin bottom from astra entry last child of p */
.elementor-widget-container p:last-child{
	margin-bottom:unset !important;
}

.entry-content p:last-child{
	margin-bottom:unset !important;
}

/* Custom Scroll bar */
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* handle  */
::-webkit-scrollbar-thumb {
	background: var(--ast-global-color-0); 
}
/* handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--ast-global-color-0); 
}
/* end of custom scroll bar */

/*Remove astra arrow dropdown*/
.ast-icon.icon-arrow svg{
	display: none;
}

/* Make icon box whole clickable */
.elementor-icon-box-title a::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

iframe {
	border-radius: 10px;
}

/* Safari accordion fix */
.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg { width: 20px }


/*
 * Cookies 
 * --------------------- */
.cky-prefrence-btn-wrapper .cky-btn,
.cky-notice-btn-wrapper .cky-btn {
	border-radius: 100px;
}