/*
Theme Name:     Lambda Child Theme
Description:    Child theme for the Lambda WP Theme
Author:         Oxygenna
Author URI:     http://themeforest.net/user/oxygenna
Template:       lambda
Version:        1.0
*/


/* Homepage bollen achtergrond transparant */
body .featherlight .featherlight-content.lightbox-4298 {
background: transparent;
}

/* Homepage flip images style */
.vc-hoverbox-wrapper .vc-hoverbox-front-inner {
	background: rgba(243, 108, 52) !important;
	background: #F36C34;
	width: fit-content;
    height: fit-content;
    position: absolute;
    top: 0px;
    margin: 10px 0px 0px 10px;
    padding: 5px;
}

.vc-hoverbox-wrapper .vc-hoverbox-front-inner h2 {
	margin: 0px;	
	color: white;
	margin-right: 8px;
	margin-left: 5px;
}

.vc-hoverbox-wrapper .vc-hoverbox-back {
	background: rgba(243, 108, 52) !important;
}
.vc-hoverbox-wrapper .vc-hoverbox-back h2, .vc-hoverbox-wrapper .vc-hoverbox-back p {
	color: white;
}


@media only screen and (min-width: 992px) {
	.col-md-6 {
		padding-left: inherit;
		padding-right: inherit;
	}
	
	/* https://www.vhbptest.nl/data-management/ header iets hoger zodat ze allen gelijk zijn */
	.post-3839 .panel-body .text-normal h3 {
		 height: 54px; 
	}
}
	
/* image card panels clickable style */
.klikbare-paneltjes .panel .panel-body {
	cursor: pointer;
}

/* Remove orange backdrop from circular image */
.inherit-box-background-color .box-round.box-simple .box-inner {
	background-color: inherit;
}
/* And everywhere in small round box-inner's within flex sliders */
.flexslider .box-small.box-round .box-inner {
	background-color: inherit;
}

/* https://www.vhbptest.nl/data-management/ op mobiel, tiles rijtjes van 2 */
@media only screen and (max-width: 992px) {
	/*paneltjes klass als ie generiek moet zijn, post class als het op specifieke pages moet*/

	.post-3839 .paneltjes  .morepadding {
		display: flex;
		flex-wrap: wrap;
	}
	
	.post-3839 .paneltjes .col-md-2-4 {
		width: 50%;		
	}
	
	
}


/* hover boxes on home page in random places */
@media only screen and (min-width: 1344px) {
	.professioneel {
		top: 94px;
		display: flex;
    	position: inherit;
	}
	.professioneel .vc-hoverbox {
    	width: 450px !important;
		margin-right: auto;
	}
	.professioneel .vc-hoverbox-back-inner {
		height: auto;
	}
	.innovatief {
		top: 92px;
    	position: relative;
		width: 720px;
	}
	.persoonlijk .vc-hoverbox {
    	width: 580px !important;
		margin-left: auto;
	}
	.persoonlijk {
		display: flex;
	}
	.betrokken {
		width: 700px;
    	margin-left: auto;
	}
	.betrokken.vc-hoverbox-wrapper {
		width: auto;
    	max-width: 700px;
	}
	.onafhankelijk {
		width: 570px;
    	margin-left: auto;
	}
}

/* Dropdown menu met dubbele kolommen style */
/* dit geld voor alles boven de mobiele schermen breedte */
@media only screen and (min-width: 991px) {
	#menu-item-4655 ul.dropdown-menu, #menu-item-4656 ul.dropdown-menu {
		width: fit-content;
		left: auto !important;
		right: auto !important;
	}
	#menu-item-4655 ul.dropdown-menu li, #menu-item-4656 ul.dropdown-menu li {
		width: 235px;
	}
}

/* dit geld voor alleen voor tablets, achtergrondkleur kloppend maken */
@media only screen and (min-width: 991px) and (max-width: 1200px) {	
	body.custom-background .sticky-wrapper {
		background: #5774ba;
	}
}