/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root {
    --grijs: #666;
    --groen: #3aaa35;
}

#menu-menu {
	max-height: max-content !important;
}

a.laborator-btn.btn-type-standard.btn-primary.btn-normal {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.75px;
    padding: 0px;
    border-radius: 30px;
    background-color: transparent;
    border: none;
    color: #3aaa35;
    margin-left: 0px;
}

.laborator-btn.btn-type-outlined.btn-primary.btn-normal {
    font-size: 15px;
    letter-spacing: 0.75px;
    padding: 10px 15px;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #cbcbcb;
    color: #666;
}

.laborator-btn.btn-type-outlined.btn-secondary.btn-normal {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.75px;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn.btn-type-outlined.btn-primary:hover {
    border-color: rgba(2, 110, 166, 0.5);
	color: rgba(2, 110, 166, 1);
}

.wpb_wrapper .laborator-btn.btn-type-outlined.btn-primary:hover {
    border-color: rgba(58, 170, 53, 0.5);
}

.btn.btn-type-outlined.btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.wpb_wrapper .laborator-btn.btn-type-outlined.btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.wpb_wrapper .laborator-btn {
    margin-bottom: 20px;
}

.menu-button a span {
    border-radius: 50px;
    border: black solid 1px;
    padding: 3px 14px;
}

.letterspacing a span {
    letter-spacing: 0.75px;
    position: relative;
}


.nav-tabs li.active {
    border-right: 2px solid #3aaa35;
    z-index: 9;
}


.nav-tabs li a {
    padding: 14px 20px 14px 0 !important;
    border: 0 !important;
}

.nav-tabs li a h4 {
    font-size: 15px !important;
    color: rgba(0,0,0,0.82) !important;
}


.groen h2 {
    color: #3aaa35 !important;
}

.wit h2, .wit h6, .wit h4 {
    color: white !important;
}
.wit .groot h2{
	font-weight: 700 !important;
}

.ACF-title h1 {
}

.ACF-sub-title {
    margin-bottom: 0 !important;
}

.ACF-sub-title h1 {
    color: #3aaa35 !important;
    font-size: 24px !important;
}

.groen .nav .active h4 {
    color: rgba(0,0,0,0.82) !important;
}

.no-margin p {
    margin-bottom: 0 !important;
}

.a-size h6 {
    font-size: 21px !important;
    line-height: 27.8px !important;
    letter-spacing: 0.8px !important;
}

.groen h1 {
    color: #3aaa35 !important;
    font-size: 21px;
}

.groen h5 {
    color: #3aaa35 !important;
}

.fontsize p {
    font-size: 16px !important;
}

.groen p, .groen li {
    font-weight: 200;
}

.team-member > div > div {
    height: 100% !important;
}

.size h1 {
    font-size: 26px !important;
    line-height: 41.6px;
    letter-spacing: 1px;
    font-weight: 400;
}

.groen h4 {
    color: #3aaa35 !important;
    font-weight: 300;
}

.light p {
    font-weight: 200 !important;
}

.weight h1 {
    font-weight: 400;
}

.weight p {
    font-size: 21px;
    line-height: 37.8px;
    font-weight: 300;
}


.usp .fusion-column-wrapper div {
    flex-direction: row !important;
    flex-wrap: nowrap;
    width: 80%;
}

.usp .fusion-column-wrapper .fusion-column-wrapper div:nth-child(1) {
    margin-right: 30px;
    max-width: clamp(75px, 10vw, 120px);
}

.size {
    font-weight: 400 !important;
}

.none {
    opacity: 0;
    font-weight: 400;
}

.zichtbaar h4 {
    transition: all 0.3s ease;
}

.zichtbaar::after {
    content: ' ';
    background-color: white;
    position: absolute;
    transition: all 0.3s ease;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
}

.zichtbaar:hover h4 {
    color: #3aaa35;
}

.zichtbaar:hover .none {
    opacity: 1;
    transition: all 0.3s ease;

}

.zichtbaar:hover::after {
    content: ' ';
    background-color: white;
    color: white;
    transition: 0.7s;
    height: 100%;
    opacity: 1;
}

.sub-page-header::after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        background: radial-gradient(circle at left bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        top:0;
        left:0;
    }

@media only screen and (min-width: 800px) {
	
	.home-page-header{
		background-position: 24% center !important;
	}
	
    .fusion-tabs.vertical-tabs.clean .nav {
        width: 23.5% !important;
    }
	
    .nav-tabs:after {
        content: '';
        position: absolute;
        top: 0;
        right: 1px;
        width: 1px;
        height: 100%;
        background: #f0f0f0;
        /*z-index: -1;*/
    }
	
	.home-page-header:after {
		content: '';
		background-image: url(https://www.melapensioen.nl/wp-content/uploads/2023/01/MKF-LR-Mela-46-2-2-scaled.jpg);
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	right: 0;
    	top: 0;
    	background-repeat: no-repeat;
    	background-color: transparent;
		background-size: cover;
	}
	.letterspacing li:not(.menu-button) a span:after,
	.current-menu-item a span:after {
		content: '';
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: -1.5px;
		display: block;
		height: 1px;
		width: 0;
		background-color: black;
		-webkit-transition: all .1s cubic-bezier(.175, .885, .32, 1.075);
		-moz-transition: all .1s cubic-bezier(.175, .885, .32, 1.075);
		-o-transition: all .1s cubic-bezier(.175, .885, .32, 1.075);
		transition: all .1s cubic-bezier(.175, .885, .32, 1.075);
	}
	
	.letterspacing li:not(.menu-button):hover a span:after, .current-menu-item a span:after {
		width: 100% !important;
	}
	
	.knop{
	font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.75px;
    padding: 10px;
    border-radius: 30px;
    background-color: transparent;
    border: #3aaa35 solid 1px;
    color: #3aaa35;
    margin-left: 0px;
	}
	
	.knop:hover{
		border-color: rgba(0, 150, 65,0.3)
	}
	
	.kleine-knop:hover{
		border-color: rgba(0, 150, 65,0.3)
	}
	
	.knop2:hover{
		border-color: rgba(0, 150, 65,0.3)
	}
	
	.logo{
	width: 60%;
}

}



@media only screen and (max-width: 800px) {	
    .home-page-header {
        background-position: 25% center !important;
        background-image:radial-gradient(circle at right center, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6) 100%), url('https://www.melapensioen.nl/wp-content/uploads/2023/01/MKF-LR-Mela-46-2-2-scaled.jpg')!important;
    }
	.knop{
	font-size: 11px;
	font-weight: 500;
    letter-spacing: 0.75px;
    padding: 8px;
    border-radius: 30px;
    background-color: transparent;
    border: #3aaa35 solid 1px;
    color: #3aaa35;
    margin-left: 0px;
	}
}
.margin-bottom{
	margin-bottom: 60px;
}
.linkje p a {
    transition: all 0.3s ease;
	position: relative;
}

.linkje a::after {
    content: '';
    background-color: #3aaa35;
	position: absolute;
    transition: all 0.1s ease;
    height: 1px;
    width: 0%;
	left: 0;
	bottom: -2px;
}

.linkje a:hover::after {
    width: 100%
}
.grote-text h6{
	font-size: 21px !important;
	line-height: 38.8px;
	letter-spacing: 0.8px;
}
.fontsizeje h6{
	font-size: 21px !important;
	line-height: 37.8px !important;
	letter-spacing: 0.8px !important;
}
.grotere-text h6{
	line-height: 37.8px !important;
	font-weight: 300;
}
.text-align {
	text-align: right;
}
.text-align a{
	color: rgba(0,0,0,0.82);
}
.lijndikte h1{
	font-weight: 500 !important;
}
.fab{
	margin-right: 8px;
}
.weight{
	font-weight: 100!important;
}
.zwart{
	margin: 0;
	color: rgba(0,0,0,0.82) !important;
}
.knop2{
	font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.75px;
    padding: 13px;
    border-radius: 30px;
    background-color: transparent;
    border: #3aaa35 solid 1px;
    color: #3aaa35;
    margin-left: 0px;
}
.kleine-knop{
	font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.75px;
    padding: 13px;
    border-radius: 30px;
    background-color: transparent;
    border: #3aaa35 solid 1px;
    color: #3aaa35;
    margin-left: 0px;
}