/* Underline <a> tags that does not have class */
a:not([class]) {
	color: var(--e-global-color-primary);
	text-decoration: underline;

	&:hover {
		color: var(--e-global-color-secondary);
	}
}


/* 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;
		}
	}
}

/* Absolute button */


/* Add to button container */
.has-absolute-link {
    position: relative;
}

/* Add to button */
.absolute-link {
	position: absolute !important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1;
	background: transparent !important;
	font-size: 0;

	a {
		position: absolute !important;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		z-index: 1;
		background: transparent !important;
		font-size: 0;
	}
}

/* Footer hover */
.underline-effect {
	a {
		position: relative;

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

		&:hover::after {
			transform: scaleX(1);
			transition: transform 0.3s ease-in-out;
		}
	}
}

/* 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);
		}
	}
}