sentip2.pagedev.pl/wp-content/themes/hello-elementor/assets/css/custom.scss

p {
	&:last-child {
		margin-bottom: 0;
	}
}

.tile-title {
	.elementor-icon-list-item {
		column-gap: 12px;
	}

	.elementor-icon-list-icon {
		line-height: 0;
		padding: 10px !important;
		border-radius: 0.75rem;
		background: rgba(238, 43, 140, 0.1);
	}
	svg {
		margin: 0 !important;

		path {
			stroke: #ee2b8c;
		}
	}

	.elementor-icon-list-text {
		padding-left: 0 !important;

		color: #1d2330;
		font-size: 1.25rem;
		line-height: 1.5;
		font-weight: 700 !important;
		letter-spacing: -0.025em;
	}
}

.vakmanschap-tile {
	position: relative;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	&::before {
		content: '';
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		border: none;
		opacity: 0;
		background: linear-gradient(
			135deg,
			rgba(238, 43, 140, 0.05),
			rgba(249, 140, 31, 0.05)
		);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	&:hover {
		border-color: rgb(238, 43, 140, 0.2) !important;
		box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1),
			0 8px 10px -6px rgb(0 0 0 / 0.1);
		transform: translateY(-0.25rem);

		&::before {
			opacity: 1;
		}

		.elementor-widget-image {
			img {
				transform: scale(1.1);
			}
		}
		.elementor-widget-button {
			.elementor-button-content-wrapper {
				gap: 10px;
			}
		}
	}

	.elementor-widget-image {
		position: relative;
		overflow: hidden;
		border-radius: 0.75rem;

		img {
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		}
	}

	.elementor-widget-button {
		.elementor-button-content-wrapper {
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		}
	}
}

._btn-1 {
	&:hover {
		transform: scale(1.02);
		box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
			0 8px 10px -6px rgb(0 0 0 / 0.1);
	}
}

.icon-box-1 {
	.elementor-icon-box-icon {
		line-height: 0;
		padding: 10px;
		border-radius: 0.75rem;
		background: rgba(238, 43, 140, 0.1);
	}
}

.tiles-onze-projecten {
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

	@media (min-width: 1366px) {
		background-size: auto 100% !important;
	}
	&:hover {
		&::before {
			opacity: 0.8 !important;
			background-size: auto 110% !important;
		}

		.elementor-widget-icon {
			opacity: 1;
		}
	}

	.elementor-widget-icon {
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	}
}

.contact-icon-tile {
	&:hover {
		.elementor-icon-box-description {
			a {
				color: rgb(238, 43, 140);
			}
		}
	}
	.elementor-icon-box-icon {
		width: 40px;
		height: 40px;
		background: rgb(243, 244, 246);
		border-radius: 0.75rem;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.elementor-icon-box-title {
		margin-top: 0;
	}
	.elementor-icon-box-description {
		span {
			color: rgb(29, 35, 48);
		}
		a {
			color: rgb(29, 35, 48);
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		}
	}
}

.contact-form {
	.elementor-item-index-6 {
		order: 2;

		p {
			color: rgb(98, 109, 132);
			font-size: 12px;
			line-height: 1.2;
			text-align: center;
		}
	}

	.elementor-button {
		background: linear-gradient(90deg, rgb(238, 43, 140), rgb(249, 140, 31));
	}

	textarea {
		resize: none;
	}
}

.footer-social {
	svg {
		stroke: rgb(255, 255, 255);
	}
}

#header-box {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 100;

	&.box-fixed {
		background: #fff;
		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		> .e-con-inner {
			padding-top: 12px;
			padding-bottom: 12px;
		}
	}
	> .e-con-inner {
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
}

.single-post-card {
	position: relative;
	transition: all 0.3s cubic-bezier(0.3, 0, 0.2, 1);

	&:hover {
		transform: translateY(-0.25rem);
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
			0 4px 6px -4px rgb(0 0 0 / 0.1);

		.single-post-card-arrow {
			transform: translateX(5px);
		}

		.elementor-widget-theme-post-title {
			h2 {
				color: rgb(238, 43, 140) !important;
			}
		}

		.elementor-widget-theme-post-featured-image {
			img {
				transform: scale(1.05);
			}
		}
	}
	.single-post-card-link {
		position: absolute;
		inset: 0;
		font-size: 0px !important;
		line-height: 0 !important;
		margin: 0;
		padding: 0;
		z-index: 1;

		a {
			position: absolute;
			inset: 0;
		}
	}

	.single-post-card-arrow {
		transition: all 0.3s cubic-bezier(0.3, 0, 0.2, 1);
	}

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

		img {
			transition: all 0.3s cubic-bezier(0.3, 0, 0.2, 1);
		}
	}
	.elementor-widget-theme-post-title {
		h2 {
			transition: all 0.3s cubic-bezier(0.3, 0, 0.2, 1);
		}
	}
}

#header-whatsapp {
	@media (max-width: 767px) {
		position: fixed;
		bottom: 16px;
		right: 16px;
		z-index: 100;
	}
}