.hidden{

}

#event-detail{
	padding:20px;
}

	#event-detail h2{
		padding:0;
	}
	#event-detail a{
		margin:0;
	}

/************************
Overview
************************/
.members{
	padding:30px;
	border-radius: 5px;
	background:#FFF;
	position: relative;
	top:10px;
}
	.members > .row{
		background: #000;
	}
	.members #search-results{
		background: #FFF;
	}
	.members > h1{
		margin-top:0;
	}

	.members .member{
		position:relative;
		overflow:hidden;
		height: inherit;
		-webkit-transform: translate3d(0, 0, 0);
	}
		.members .member > img{
			width:100%;
			height: auto;
			-webkit-transition: all 300ms;
			transition: all 300ms;
		}

		.members .member .logo{
			position:absolute;
			top:0%;
			display: block;
			margin:0;
			width:100%;
			height: 100%;
			border-radius: 0;
			background: none;
			background: rgba(0,0,0,.4);
			-webkit-transition: all 300ms;
			transition: all 300ms;
		}
			.members .member .logo .text{
				display: none;
			}
			.members .member .logo .link{
				text-decoration: none;
			}
			.members .member .logo img{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: block;
				margin: auto;
				border:none;
			}

		.members .member:hover .logo{
			top:-35%;
			height: 135%;
			background: #000;
			background: rgba(0,0,0,.7);
		}
		.members .member:hover > img{
			-webkit-transform:scale(1.2);
			-ms-transform:scale(1.2);
			transform:scale(1.2);
		}

		.members .member .content{
			position: absolute;
			z-index: 10;
			padding:0 10% 10%;
			width:80%;
			top:100%;
			-webkit-transition: all 300ms;
			transition: all 300ms;
			color:#FFF;
			font-size:13px;
		}
			.members .member .content p{
				margin:0;
			}
				.members .member .content p .icon,
				.members .member .content a .icon{
					position: relative;
					font-size:16px;
					top:2px;
					margin-right:10px;
				}
			
			.members .member .content .url{
				color:#fff;
				text-decoration: none;
			}

			.members .member .content .link{
				margin-top:2em;
				display: block;
				color:#000;
				text-decoration: none;
				background:#FFF;
				width:18px;
				height: 20px;
				border-radius: 20px;
				text-align: center;
				float:right;
				line-height: 22px;
				padding-left:2px;
				overflow: hidden;
			}
				.members .member .content .link .icon{
					top:0;
					margin-right:0;
				}
		.members .member:hover .content{
			top:50%;
		}

.member-filter{
	background: #FFF;
	margin: 10px 0;
	border-radius: 5px;
	padding:7px 10px 14px;
}
	.member-filter h4{
		margin-top:0;
	}
	.member-filter input,
	.member-filter select{
		width:90%;
		display: block;
		max-width:400px;
	}
	.member-filter input{
		margin:10px auto;
	}

	.member-filter .selector{
		display: block;
		margin:10px auto;
	}
	.member-filter #filter-trefwoord{
		width:110px;
		border-radius: 5px;
		padding:5px 10px;
		border: 1px solid grey;
		font-size:12px;
	}

/***************************
SINGLE
***************************/
.member-single{
	padding-top:10px;
}
	.member-single .content{
		background: #FFF;
		border-radius: 5px;
		padding:20px;
	}

.member-details{
	background: #FFF;
	border-radius: 5px;
	padding:20px;
	font-size:14px;
}
	.member-details .url{
		color:#000;
		text-decoration: none;
	}
	.member-details .url:hover{
		color:#bcd632;
	}
	.member-details .case_url,
	.member-details .vacancy_url{
		display: block;
		border-radius: 5px;
		background: #bcd632;
		color:#FFF;
		text-decoration: none;
		font-size:14px;
		padding:10px 20px 10px 40px;
		max-width:160px;
		width:60%;
		margin:20px 0;
		text-align: right;
	}
		.member-details .case_url .icon,
		.member-details .vacancy_url .icon{
			position: relative;
			background: #FFF;
			color:#bcd632;
			width:15px;
			height: 15px;
			border-radius: 15px;
			display: inline-block;
			top:5px;
			margin-left:10px;
		}
			.member-details .case_url .icon:before,
			.member-details .vacancy_url .icon:before{
				font-size:10px;
				position: relative;
				top:-5px;
				left:-2px;
			}
	.member-details .vacancy_url{
		background: #eaeaea;
		color:#000;
	}
		.member-details .vacancy_url .icon{
			background: #000;
			color:#eaeaea;
		}

	.member-details .case_url:hover,
	.member-details .vacancy_url:hover{
		background:#000;
		color:#FFF;
	}
		.member-details .case_url:hover .icon,
		.member-details .vacancy_url:hover .icon{
			background: #FFF;
			color:#000;
		}


@media (min-width: 992px) {
	.member-filter,
	.member-details{
		margin: 10px;
	}
		.member-filter input,
		.member-filter select{
			width:100px;
		}
	.member-details{
		margin-top:0;
	}
}