body{
	color:#2B65AE;
	background-color:white;
	min-height: 100vh;
	position: relative;
	margin: 0;
	padding-top: 91px; 		/* nav spacer */
	padding-bottom: 80px; 	/* footer spacer */
	background: white url("../img/korfbal-transparent.png") no-repeat fixed center;
	background-position: 50% -10%;
	background-size: 100%;
}

p{color:#2B65AE;}

/* header */
.koru-header{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	height:60vh;
	color:#eee;
}
.koru-header:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	background: linear-gradient(to bottom, rgba(43,101,174,0.2)30%,rgba(43,101,174,1) 98%);
}
.koru-header:before{
	content:"";
	width:100%;
	height:200%;
	position:absolute;
	top:0;
	left:0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0); backface-visibility: hidden;
	scale(1.0, 1.0);
	transform: translateZ(0);
	background:#1B2030 url('../img/koru-hero.jpg') no-repeat;
	background-position: center;
	background-size:cover;
	background-attachment:fixed;
	animation: grow 34s  linear 2000ms infinite;
	transition:all 0.1s ease-in-out;
	z-index:-2
}

.koru-header-info{
	position:absolute; 
	bottom:10%; 
	text-shadow:0 2px 3px rgba(0,0,0,0.5);
}

@keyframes grow{
	0% { transform: scale(1) translateY(0px)}
	50% { transform: scale(1.1) translateY(-50px)}
}

/* news */
.koru-news-header{
	border:1px solid #2B65AE;
	width:100%;
	height:405px;;
	background-repeat: no-repeat;
	background-size: cover;
}

.koru-news-card{
	width:350px;
}

/* footer */
.koru-footer {
	position: absolute;
	bottom: 0;
	height:80px;
	width:100%;
	background-color: #2B65AE;
	
}
.koru-footer-row{
	background: #2B65AE url("../img/korfbal-transparent.png") no-repeat fixed center;
	background-position: 50% -10%;
	background-size: 100%;
}

/* koru background colors */
.bg-koru-blue{
	background-color: #2B65AE !important;
}
.bg-koru-yellow{
	background-color: #F0E613 !important;
}

/* koru text colors */
.txt-koru-blue{
	color: #2B65AE !important;
}
.txt-koru-yellow{
	color: #F0E613 !important;
}
.txt-koru-white{
	color: #FFFFFF !important;
}

/* sponsoren */
.koru-sponsor-card{
	width:250px;
}

.koru-sponsor-container{
	background-color:#F0E613;
	color:#2B65AE;
	background: #F0E613 url("../img/korfbal-transparent.png") no-repeat fixed center;
	background-position: 50% -10%;
	background-size: 100%;
}
	
.koru-sponsor-slider{max-width:1140px; }
.koru-sponsor-logo{
		height:150px; 
		background-color:white;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: scroll;
		background-size: cover;
}
.koru-sponsor-body{
	height:170px;
}
.koru-sponsor-footer{
		height:65px;
}
.koru-hoofdsponsor{
	transform: scale(1.01);
}
.koru-normal-sponsor{
	transform: scale(0.95);
}
.slick-next {
	right: 100px;
	background: #2B65AE; /*to notice it, is white*/
	position:absolute;
	right: 6px;
	top: 60%;
	z-index:1001;
	padding:18px;
	color:#F0E613;
	border-radius: 50%;
	box-shadow: 5px 5px 5px grey;
	border:2px solid white;
}
.slick-prev {
	background: #2B65AE; /*to notice it, is white*/
	position:absolute;
	left: 6px;
	top: 60%;
	z-index:1001;
	padding:18px;
	color:#F0E613;
	border-radius: 50%;
	box-shadow: 5px 5px 5px grey;
	border:2px solid white;
}
.zoom { 
	transition: all .2s ease-in-out; 
}
.zoom:hover { 
	transform: scale(1.05); 
	box-shadow: 5px 5px 5px grey; 
	z-index:2;
}


/* profiel */
.koru-profile-thumb{
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

/* links */
a.lnk-koru-yellow:link {
	text-decoration: none;
	color: #F0E613;
}

a.lnk-koru-yellow:visited {
	text-decoration: none;
	color: #F0E613;
}

a.lnk-koru-yellow:hover {
	text-decoration: underline;
	color: white;
}

a.lnk-koru-yellow:active {
	text-decoration: underline;
	color: #F0E613;
}

.koru-commissie-header{
	cursor:pointer;
}

.koruhide{
	display:none;
}

.koru-td-icon{
	width:30px;
}

.man-nav-item{
	color: #2B65AE !important;
}