/**handles:tea-css**/
:root {
	--box-shadow-btn: 9px 9px 25px -2px rgba(0, 0, 0, 0.15);
	--box-shadow-inp: 9px 9px 25px -2px rgba(0, 0, 0, 0.20);
	--box-shadow-con: 9px 9px 25px -2px rgba(0, 0, 0, 0.20);
}
.search-filter-input-text input[type=text].search-filter-input-text__input, .search-filter-input-text input[type=text].search-filter-input-text__input:active, .search-filter-input-text input[type=text].search-filter-input-text__input:focus, .search-filter-input-text input[type=text].search-filter-input-text__input:hover, .search-filter-input-text input[type=number].search-filter-input-text__input, .search-filter-input-text input[type=number].search-filter-input-text__input:active, .search-filter-input-text input[type=number].search-filter-input-text__input:focus, .search-filter-input-text input[type=number].search-filter-input-text__input:hover{
		font-size:16px !important;
	
	}


.elementor-widget-theme-post-content p:first-child{
	margin-block-start: 0em !important;
}
.current-menu-ancestor .elementor-item:after{
	opacity:1 !important;
}
.tea-shadows-inputs input,
.tea-shadows-inputs textarea {
  box-shadow: var(--tea-shadow);
}

/*Drop Shadows*/
.tea-shadow-primary{ box-shadow:9px 9px 25px -5px rgba(0, 0, 0, 0.15) }

.tea-shadows-inputs input,
.tea-shadows-inputs textarea{
	box-shadow:9px 9px 25px -2px rgba(0, 0, 0, 0.15)
}

.tea-shadow-btn{ box-shadow: 13px 12px 22px -5px rgb(0 0 0 / 20%) }


/* Elementor form */
.elementor-form .elementor-message { margin-top: 30px; }
/* Elementor form */

/* Underline <a> tags that does not have class
 * Sets link class to Elementor Primary color
*/

.white-link a{ color: #fff !important; }

.std-link a,
.elementor-widget-theme-post-content a:not([class]),
.elementor-widget-text-editor a:not([class]) {
	color: var(--e-global-color-primary);
	border-bottom: 1px solid;
	&:hover {
		color: var(--e-global-color-text);
	}
}

.light-links .elementor-widget-theme-post-content a:not([class]),
.light-links .elementor-widget-text-editor a:not([class]) {
	color: inherit !important;
	&:hover {
		color: var(--e-global-color-text);
	}
}

.has-underline-hover a:hover,
.underline-hover:hover{
	border-bottom: 1px solid;
}

/* Make header smaller on scroll - set "Effects offset" to 100 */
.elementor-location-header {
	> .elementor-element > .e-con-inner {
		transition: all 200ms;
	}

	.elementor-sticky--effects {
		> .e-con-inner {
			padding: 0;
			transition: all 200ms;
		}

		.elementor-widget-theme-site-logo {
			img {
				height: 40px;
				transition: all 200ms;
			}
		}
	}

	.elementor-widget-theme-site-logo {
		img {
			transition: all 200ms;
		}
	}
}

/* Animate menu arrow — rotates to point up on hover */
.elementor-nav-menu--main .sub-arrow i,
.elementor-nav-menu--main .sub-arrow .e-font-icon-svg {
    transition: transform 0.3s ease;
}

.elementor-nav-menu--main li:hover > a .sub-arrow i,
.elementor-nav-menu--main li:hover > a .sub-arrow .e-font-icon-svg {
    transform: rotate(180deg);
}
/* Footer hover */
.underline-effect {
    a {
        position: relative;
        padding-bottom: 3px !important;
        display: inline-block;

        &::after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: var(--e-global-color-secondary);
            position: absolute;
            bottom: 0px;
            left: 0;
            transform-origin: bottom left;
            transform: scaleX(0);
            transition: transform 0.3s ease-in-out;
        }

        &:hover::after {
            transform: scaleX(1);
            /* No transition here — the ::after rule handles both in and out */
        }

        /* Active page, 09/09/2026. Same underline as hover, held open on the current page.
           Three hooks because the current item is marked in three different ways depending on
           how the menu was built: Elementor puts .elementor-item-active on the anchor, WordPress
           puts aria-current="page" on it, and the li carries current-menu-item /
           current_page_item. Any one of them is enough; all three are cheap.
           Deliberately NOT matching current-menu-ancestor or current-menu-parent, so a parent
           item does not also underline when a child page is open. */
        &.elementor-item-active::after,
        &[aria-current="page"]::after {
            transform: scaleX(1);
        }
    }

    li.current-menu-item > a::after,
    li.current_page_item > a::after {
        transform: scaleX(1);
    }
}

.underline-effect-blue.underline-effect a::after {
        background-color: var(--e-global-color-primary);	
}

/* Footer hover */


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


/*Blog loop grid*/
.blog-loop-grid-container {
	background: var(--e-global-color-5348216);
	border-radius: 10px;
	transition: 0.7s;

	> :hover {
		background: var(--e-global-color-secondary);
		border-radius: 10px;
		overflow: hidden;
	}

	.elementor-widget-theme-post-featured-image {
		overflow: hidden;

		img {
			transition: 0.7s;
		}
	}

	&:hover {
		.elementor-widget-theme-post-featured-image img {
			transform: scale(1.05);
			border-radius: 10px 10px 0px 0px;
		}

		h5,
		.elementor-widget-theme-post-excerpt {
			color: #fff;
		}

		a {
			color: #fff !important;
			fill: #fff !important;
		}

		.elementor-button svg {
			transition: 0.5s;
			transform: rotate(-45deg);
		}
	}
}


/* Elementor tabs */
.elementor-widget-n-tabs button.e-n-tab-title:hover{
	cursor: pointer;
}


/* Complianz documents: plugin adds text-decoration underline on top of the
   site link border-bottom, and a full border box on :focus. Reset both,
   keeping a visible keyboard focus indicator. */
#cmplz-document a {
	text-decoration: none;
}

#cmplz-document a:focus {
	border: 0;
	border-bottom: 1px solid;
	padding: 0;
}

#cmplz-document a:focus-visible {
	outline: 2px solid var(--e-global-color-primary);
	outline-offset: 3px;
}