Save

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

@@ -108,3 +108,103 @@ p {
 		background: rgba(238, 43, 140, 0.1);
 	}
 }
+
+.tiles-onze-projecten {
+	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+	background-size: auto 100% !important;
+
+	&:hover {
+		background-size: auto 110% !important;
+
+		&::before {
+			opacity: 0.8 !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);
+	}
+}