/*
Theme Name: WestBrabant 
Version: 1.0
Author: Sil Online
Author URI: https://sil-online.nl
template: bb-theme
*/

/* Add your custom styles here... */ 

.verloop-grijs26 {
 background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(244,244,244,1) 26%); }
.verloop-grijs {
 background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(244,244,244,1) 26%); }


.verlooproodwit { background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(217,0,35,1) 50%, rgba(217,0,35,1) 100%); }
.paars {color:#874ac7;}
.groen {color:#43b17a;}
.oranje  {color:#ee772a;}
.blauw   {color:#439ccf;}
.txtrood   {color:#d90023;}
ul#opsomming li {margin-left:-25px;}

span.info { display:inline-block; width:110px;}


h4 span.witblok { background-color:#FFF; color:#d90023; padding: 4px 20px;font-size: 16px; letter-spacing: 0.6px;margin:40px 0 20px;}
h4 {margin:40px 0 20px;}
#actueelgrid h4.pp-content-grid-title {       min-height: 71px;}

body.single-post p a, .fl-rich-text a {/*text-decoration: underline;*/ border-bottom: solid 1px; padding-bottom: 0px;}
body.single-post p a:hover, .fl-rich-text a:hover {text-decoration: none;}
#blogtalent .pp-content-post.pp-post-title {
    background-color: #c1c1c1!important;
    top: 6px!important;
    position: absolute!important;
    z-index: 99!important;
    padding: 5px 25px 15px 5px!important;
}

.fl-node-5f8e9d3d1d966 .pp-content-post .pp-post-title, .fl-node-5f991540a8ea8 .pp-content-post .pp-post-title {padding-left: 8px!important; min-height: 94px!important;
padding-right: 20px; }
/*h4.pp-content-grid-title.pp-post-title*/


/*.fl-col.kolom-talent-image { padding-left: 50px; padding-right: 60px;}
.fl-col.kolom-talent-tekst {  padding-right: 80px;}*/

/*.fl-builder-content[data-shrink="1"] img {
    width: 128px;
}*/

body.page-id-655 #nieuwsbriefformulier { display: none;}
body.page-id-715 #contactbutton { display: none;}

#contactbutton { position: fixed; right:-1px; top:45%; height:146px; width: 59px; z-index: 999; border: solid 1px #fff;}


/* Formulier algemeen */
/*.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border:none!important;   }*/
.wpcf7 form .wpcf7-response-output {     margin:0!important;     padding: 0!important;     border:none!important; background-color: rgba(255, 0, 0, 0.0)!important;}

/* projecten*/
.project-label-basis {    background-position: bottom right;    background-size: cover;	background-color: aqua;    height: 50px;    width: 50px;}
.benutten {background-image: url("https://westbrabantwerkt.nl/wp-content/uploads/2021/06/talent-benutten.svg");}
.aantrekken {background-image: url("https://westbrabantwerkt.nl/wp-content/uploads/2021/06/talent-aantrekken.svg");}
.behouden {background-image: url("https://westbrabantwerkt.nl/wp-content/uploads/2021/06/talent-behouden.svg");}
.ontwikkelen {background-image: url("https://westbrabantwerkt.nl/wp-content/uploads/2021/06/talent-ontwikkelen.svg");}
.pp-content-grid-post-image {position: relative;}
.pp-content-grid-post-image .project-label-basis{    position: absolute;    bottom: 0;    right: 0;    z-index: 10;}

/*  Partners hover blokken */
#partnerblokken .pp-hover-card-container {        background-size: auto 70%;    background-position: center center;}
#partnerblokken div.pp-hover-card-container:nth-child(4n+1) {background-color: #d7d7d7;}
#partnerblokken div.pp-hover-card-container:nth-child(4n+2)  {background-color: #f4f4f4;}
#partnerblokken div.pp-hover-card-container:nth-child(4n+3) {background-color: #f4f4f4;}
#partnerblokken div.pp-hover-card-container:nth-child(4n+4)  {background-color: #d7d7d7;}
#partnerblokken .pp-hover-card-container.style-3:hover .pp-hover-card::after { opacity: 0;}

/*#partnerblokken .pp-hover-card-inner { padding: 46px 53px!important;}
#partnerblokken .pp-hover-card-container.style-3 .pp-hover-card-inner {display: inherit;}*/
span.partners {color: #999;/*display: inline-block;width: 118px;*/}


.fl-rich-text ul li {margin-left: -25px; padding-left:8px;}


.pp-content-grid-post-text {min-height: 150px;}

/*------------------------------------------------------------------
[# Phone Portrait and Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 959px) { 

	.fl-col.kolom-talent-image { padding-left: 20px; padding-right: 20px;}
.fl-col.kolom-talent-tekst {  padding-right: 20px;}
	.fl-col.kolom-talent-tekst .fl-module-content { margin-top: 0px; margin-bottom: 30px;}
	.fl-col.kolom-talent-image .fl-module-content { margin-top: 0px; margin-bottom: 0px;}
	.fl-node-5f8b2281dc13f .pp-cf7-content { padding:0px;}
	
	#hoofdmenu-top .fl-menu li {padding-bottom: 10px;padding-top: 10px;}
#contactbutton {  height:114px; width: 45px; }
	.verlooproodwit  { background: none !important; padding-bottom: 20px; }
	.rood { background-color:#d90023;}
	.wit { background-color:#FFFFFF;}
	
#partnerblokken div.pp-hover-card-container:nth-child(2n+1) {background-color: #d7d7d7;}
#partnerblokken div.pp-hover-card-container:nth-child(2n+2)  {background-color: #f4f4f4;}
	
	
}