@charset "utf-8";
/* CSS Document */

html, body
{
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #6c6f73;
}


h1,h2,h3,h5
{
	color: #333;
}

h4
{
	color: white;
	
}

h6
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
}

img
{
	max-width: 100%;
}

.blockquote
{
	font-size:	1.6rem;
	color: #333;
	border: none;
	padding: 0;
}

.blockquote-footer
{
	margin: 1rem 0 0;
}


#stage
{
	background: url(../images/ispd_blur.JPG) center center no-repeat;

	background-size: cover;
	color: white;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;		
}

#memberstage
{
	background: url(../images/gilbert.JPG) center center no-repeat;

	background-size: cover;
	color: white;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;		
}

#stage-caption{
	font-size: 1.4rem;
	font-weight: 200;
	max-width: 60rem;
	margin: 0 auto;
	text-align: center;
}


#stage-caption h1
{
	color: white;
	font-weight:  bold;
	text-transform: uppercase;
	
}

.feature-content {
	padding: 8rem 0;
	overflow: hidden;
}

.feature-content-nospacing
{
	padding: 8rem 0;
	overflow: hidden;
}

.feature-content .row img
{
	margin-bottom: -8rem;
}


.feature-content-sponsers
{
	padding: 2rem;
	overflow: hidden;
}


.feature-content-sponsers .row img
{
	margin-bottom: -1rem;
}

.feature-dark
{
	background-color: #121212;
	color: white;	
}

.feature-dark h2
{
	color: white;
}



.feature-blue
{
	background-color: #323994;
	color: white;
}


.feature-blue h2
{
	color: white;
}


.feature-nocolor
{
	
	color: black;	
}

.feature-green h2 
{
	color: black;
}

.feature-grey
{
	background-color: #333C4B;
}


@media screen and (min-width : 991px )
{
	.feature-content.row
	{
		display: flex;
		align-items: center;	
	}
	
}
	
	

@media (max-width: 991px){
	.logo
	{
		display: none;
	}
	
}


.info 
{
	padding: 8rem 0;
	overflow: hidden;
}

/************************* main footer ******************/

#main-footer
{
	background: #333C4B;
	color: white;
	padding: 3rem 0;
	font-size: 0.8rem;
}

#main-footer h6
{
	color: white;
}


#main-footer a
{
	color: white;
}


/***************************parallax scrol effect *************************

.parallax
{
	background: url(../images/linda.JPG) fixed center center no-repeat;
	
	background-size: cover;
	height: 50%;
	width: 100%;
	display: flex;
	align-items: center;
}

.parallax2
{
	background: url(../images/drummers.JPG) fixed center center no-repeat;
	
	background-size: cover;
	height: 50%;
	width: 100%;
	display: flex;
	align-items: center;
}

.parallax3
{
	background: url(../images/bass.JPG) fixed center center no-repeat;
	
	background-size: cover;
	height: 50%;
	width: 100%;
	display: flex;
	align-items: center;
}

.parallax4
{
	background: url(../images/group.jpg) fixed center center no-repeat;
	
	background-size: cover;
	height: 50%;
	width: 100%;
	display: flex;
	align-items: center;
}
.parallax-inner
{
	padding-top: 18%;
	padding-bottom: 18%;

}

************************************************************/



/****************************** Toggle agenda **************/
.underline
{
	 border-bottom: 2px solid #2E7326;
	 width: 90px;
	font-size: 20px;
	font-weight: bold;
}

.lijst
{
	display: none;
}

.klik
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}

.klik:after
{
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}


.klik:hover:after
{
	width: 100%;
	background: #2E7326;
}




/************************ Contact pagina ****************/
.contact
{
	cursor: pointer;
}

#contact
{
	background-color: #333C4B;
	padding: 80px 0;
}

#contact h2
{
	color: white;
	text-align: center;
}

.white
{
	font-size: 16px;
	text-align: center;
	color: white;
}


#contact .btn-secondary
{
	padding: 4px 60px;
	margin: 15px; 
	border: 1px solid #fff;
	border-radius: 0;
	transition: 0.3s;
	
}

#contact .btn-secondary:hover 
{
	color: #fff;
	cursor: pointer;
	background-color: #081f3d;
	transition: 0.3s;
}