/*
Theme Name: Spring Talentbegeleiding
Description: Op maat gemaakt child theme op basis van Avada framework
Author: 19 Peaks
Author URI: https://19peaks.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.spring-header-scrolled,
#spring-header-scrolled {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-100%);
	transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.spring-has-scrolled .spring-header-default,
.spring-has-scrolled #spring-header-default {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.spring-has-scrolled .spring-header-scrolled,
.spring-has-scrolled #spring-header-scrolled {
	display: flex;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

body.admin-bar .spring-header-scrolled,
body.admin-bar #spring-header-scrolled {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .spring-header-scrolled,
	body.admin-bar #spring-header-scrolled {
		top: 46px;
	}
}

.fusion-post-cards.awb-swiper-masked {
	overflow: hidden !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
}

.fusion-post-cards.awb-swiper-masked::before,
.fusion-post-cards.awb-swiper-masked::after {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 5;
	width: 15%;
	content: "" !important;
	pointer-events: none;
}

.fusion-post-cards.awb-swiper-masked::before {
	left: 0;
	background: linear-gradient(to right, var(--awb-color4, #fff), rgba(255, 255, 255, 0));
}

.fusion-post-cards.awb-swiper-masked::after {
	right: 0;
	background: linear-gradient(to left, var(--awb-color4, #fff), rgba(255, 255, 255, 0));
}

.fusion-post-cards.awb-swiper-masked .awb-swiper-button-prev,
.fusion-post-cards.awb-swiper-masked .awb-swiper-button-next {
	z-index: 20;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.spring-leaves {
	width: min(100%, 220px);
	pointer-events: none;
}

.spring-leaves--small {
	width: min(100%, 120px);
}

.spring-leaves--large {
	width: min(100%, 360px);
}

.spring-leaves--align-left {
	margin-right: auto;
}

.spring-leaves--align-center {
	margin-right: auto;
	margin-left: auto;
}

.spring-leaves--align-right {
	margin-left: auto;
}

.spring-leaves__svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.spring-leaves__leaf {
	opacity: 0;
	transform-box: fill-box;
	transform-origin: 50% 92%;
	transition:
		opacity 360ms ease,
		transform 980ms cubic-bezier(0.18, 0.82, 0.22, 1);
	will-change: opacity, transform;
}

.spring-leaves__leaf path {
	vector-effect: non-scaling-stroke;
}

.spring-leaves__leaf--blue {
	fill: var(--spring-leaf-blue, #7390c4);
	transform: translate(165px, -120px) rotate(28deg) scale(0.52);
}

.spring-leaves__leaf--green {
	fill: var(--spring-leaf-green, #a7c500);
	transform: translate(68px, 110px) rotate(-34deg) scale(0.5);
	transition-delay: 90ms;
}

.spring-leaves__leaf--purple {
	fill: var(--spring-leaf-purple, #4c4f99);
	transform: translate(-128px, 142px) rotate(-58deg) scale(0.48);
	transition-delay: 180ms;
}

.spring-leaves--in-view .spring-leaves__leaf {
	opacity: 1;
	transform: translate(0, 0) rotate(0deg) scale(1);
}

.spring-leaves--in-view .spring-leaves__leaf--blue {
	animation: spring-leaf-rustle-blue 5.8s ease-in-out 1.15s infinite;
}

.spring-leaves--in-view .spring-leaves__leaf--green {
	animation: spring-leaf-rustle-green 6.4s ease-in-out 1.35s infinite;
}

.spring-leaves--in-view .spring-leaves__leaf--purple {
	animation: spring-leaf-rustle-purple 6.1s ease-in-out 1.55s infinite;
}

@keyframes spring-leaf-rustle-blue {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg) scale(1);
	}

	35% {
		transform: translate(-5.4px, 2.2px) rotate(-4.1deg) scale(1.011);
	}

	68% {
		transform: translate(4.3px, -2.2px) rotate(3.1deg) scale(0.995);
	}
}

@keyframes spring-leaf-rustle-green {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg) scale(1);
	}

	32% {
		transform: translate(3.3px, -5.4px) rotate(3.8deg) scale(1.009);
	}

	72% {
		transform: translate(-3.3px, 3.2px) rotate(-2.8deg) scale(0.996);
	}
}

@keyframes spring-leaf-rustle-purple {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg) scale(1);
	}

	38% {
		transform: translate(-3.3px, -4.3px) rotate(-3.2deg) scale(1.008);
	}

	74% {
		transform: translate(5.4px, 3.3px) rotate(4deg) scale(0.995);
	}
}

@media (prefers-reduced-motion: reduce) {
	.spring-leaves__leaf {
		opacity: 1;
		transform: none;
		animation: none !important;
		transition: none;
	}
}

.spring-leaf-mark {
	display: inline-block;
	width: 1.15em;
	height: 1.1em;
	margin: 0 0.12em;
	vertical-align: -0.12em;
	pointer-events: none;
	perspective: 260px;
}

.spring-leaf-mark--small {
	width: 28px;
	height: 27px;
}

.spring-leaf-mark--medium {
	width: 46px;
	height: 44px;
}

.spring-leaf-mark--large {
	width: 72px;
	height: 69px;
}

.spring-leaf-mark__svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.spring-leaf-mark__leaf {
	fill: var(--spring-leaf-green, #a7c500);
	opacity: 0;
	transform: translate(-7px, 5px) rotate(-45deg) rotateY(-92deg) rotate(45deg) rotate(-14deg) scale(0.62);
	transform-box: fill-box;
	transform-origin: 50% 50%;
	will-change: opacity, transform;
}

.spring-leaf-mark--in-view .spring-leaf-mark__leaf {
	animation: spring-leaf-mark-unfold 1580ms cubic-bezier(0.18, 0.82, 0.22, 1) forwards;
}

@keyframes spring-leaf-mark-unfold {
	0% {
		opacity: 0;
		transform: translate(-7px, 5px) rotate(-45deg) rotateY(-92deg) rotate(45deg) rotate(-14deg) scale(0.62);
	}

	24% {
		opacity: 0.35;
	}

	38% {
		opacity: 0.72;
		transform: translate(1px, -1px) rotate(-45deg) rotateY(70deg) rotate(45deg) rotate(-8deg) scale(1.04);
	}

	62% {
		opacity: 1;
		transform: translate(0, 0) rotate(-45deg) rotateY(252deg) rotate(45deg) rotate(-4deg) scale(0.98);
	}

	84% {
		transform: translate(0, 0) rotate(-45deg) rotateY(336deg) rotate(45deg) rotate(2deg) scale(1.02);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0) rotate(-45deg) rotateY(360deg) rotate(45deg) rotate(0deg) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.spring-leaf-mark__leaf {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
}

.spring-h3-leaf-title {
	position: relative;
}

.spring-h3-leaf-text {
	position: relative;
	display: inline-block;
}

.spring-h3-leaf-text > .spring-leaf-mark--heading-decoration {
	position: absolute;
	top: -0.45em;
	left: -0.48em;
	width: 0.62em;
	height: 0.6em;
	margin: 0;
	transform: rotate(-8deg);
	transform-origin: center;
}

.spring-tarieven {
	width: 100%;
	overflow-x: auto;
}

.spring-tarieven__table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.spring-tarieven__table th,
.spring-tarieven__table td {
	padding: 14px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	vertical-align: top;
}

.spring-tarieven__table tr:first-child th,
.spring-tarieven__table tr:first-child td {
	padding-top: 0;
}

.spring-tarieven__table tr:last-child th,
.spring-tarieven__table tr:last-child td {
	padding-bottom: 0;
	border-bottom: 0;
}

.spring-tarieven__table th {
	width: 70%;
	font-weight: 400;
	text-align: left;
}

.spring-tarieven__table td {
	width: 30%;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.spring-tarieven__table th,
	.spring-tarieven__table td {
		display: block;
		width: 100%;
		text-align: left;
	}

	.spring-tarieven__table td {
		padding-top: 0;
	}
}