/* BLOCK TYPE 3 - text + image */
/* BLOCK TYPE 3 - text + image */
/* BLOCK TYPE 3 - text + image */

.block_type_3 {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10vw;
	background-color: lightgray;
	padding: 10vw 18vw;
}
.block_type_3::before {
	content: '3';
	background-color: #84de02;
}
/* THEME */
.block_type_3.theme_licht {
	background-color: var(--bg-light);
	color: var(--txt-light);
}
.block_type_3.theme_donker {
	background-color: var(--bg-dark);
	color: var(--txt-dark);
}

.block_type_3 .left {
	color: inherit;
	display: flex;
	align-items: stretch;
	flex-direction: column;

	opacity: 0;
	transform: translateX(-150px);
	transition: 0.5s ease-in-out;
}
.block_type_3 .left .link a {
	/* color: inherit; */
}
.block_type_3 .left .link a:hover {
	/* color: lightgray; */
}
.block_type_3 .right {

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

	opacity: 0;
	transform: translateX(150px);
	transition: 0.5s ease-in-out;
	transition-delay: 0.25s;
}
.block_type_3 .right .gallery {
	width: 24vw;
	padding-bottom: 100%;

	position: relative;
}
.block_type_3 .right .gallery img {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.block_type_3 .right .gallery::before {
	content: '';
	display: block;
	position: absolute;
	left: 32%;
	top: 32%;
	width: 75%;
	height: 75%;
	background-color: lightgray;
}
/* .block_type_3 .link a::after {
	content: url(/assets/img/arrow_white.svg);
	background-color: lightgray;
	border-color: lightgray;
} */

.block_type_3.into-view .left,
.block_type_3.into-view .right {
	transform: translateX(0px);
	opacity: 1;
}

/* COLOR */
/* .block_type_3.color_magenta .left .link a:hover {
	color: var(--clr-magenta-100);
}
.block_type_3.color_blauw .left .link a:hover {
	color: var(--clr-blue-100);
}
.block_type_3.color_groen .left .link a:hover {
	color: var(--clr-green-100);
}
.block_type_3.color_oranje .left .link a:hover {
	color: var(--clr-orange-100);
} */
.block_type_3.color_magenta .right .gallery::before {
	content: '';
	background-color: var(--clr-magenta-90);
}
.block_type_3.color_blauw .right .gallery::before {
	content: '';
	background-color: var(--clr-blue-90);
}
.block_type_3.color_groen .right .gallery::before {
	content: '';
	background-color: var(--clr-green-90);
}
.block_type_3.color_oranje .right .gallery::before {
	content: '';
	background-color: var(--clr-orange-90);
}
/* .block_type_3.color_magenta .link a::after {
	background-color: var(--clr-magenta-100);
	border-color: var(--clr-magenta-100);
}
.block_type_3.color_blauw .link a::after {
	background-color: var(--clr-blue-100);
	border-color: var(--clr-magenta-100);
}
.block_type_3.color_groen .link a::after {
	background-color: var(--clr-green-100);
	border-color: var(--clr-green-100);
}
.block_type_3.color_oranje .link a::after {
	background-color: var(--clr-orange-100);
	border-color: var(--clr-orange-100);
} */

@media (max-width: 1000px) {
	.block_type_3 {
		flex-direction: column;
	}

	.block_type_3 .left {
		order: 1;
	}
	.block_type_3 .right {
		order: 0;
		width: 100%;
		padding: 5vw 10vw;
	}
	.block_type_3 .right .gallery{
		width: 100%;
	}
}

@media (max-width: 600px) {
	.block_type_3 {
		padding: 10vw 10vw;
	}
}