/*
 * Css for single page layout on a desktop device
 *
 * This file is part of templates developed by Yolknet Internetservices
 * www.yolknet.nl
 */

body,
body .container,
body .container .middle,
body .container .middle .column-content,
body .container .middle .column-content .item-page,
body .container .middle .column-content .item-page div[itemprop="articleBody"] {
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}

body .header a.logo {
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 11;
}

body.desktop.singlepage .backimage {
	background-size: cover;
}

/* Hamburger menu on desktop */

div.hamburger {
	left: 80px;
	position: absolute;
	top: 6%;
	z-index: 10;
}

	div.hamburger nav.navbar {
		background-color: transparent;
		border-color: transparent;
	}

		div.hamburger nav.navbar .container {
			display: inline;
			padding-left: 0;
			padding-right: 0;
		}

			div.hamburger nav.navbar .container .navbar-header {
				float: none;
			}

				div.hamburger nav.navbar .container .navbar-header .navbar-toggle {
					display: block;
					float: none;
				}

				div.hamburger nav.navbar .container .navbar-collapse.collapse {
					display: none !important;
				}

					div.hamburger nav.navbar .container .navbar-collapse.collapse.in {
						display: inline-block !important;

					}

						div.hamburger nav.navbar .container .navbar-collapse ul li {
							display: inherit;
							background-color: rgba(255, 255, 255, 0.7);
							border-top: 1px solid transparent;
							box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
						}
						div.hamburger nav.navbar .container .navbar-collapse ul li a {
							display: inline-block;
							padding-left: 15px;
							padding-right: 15px;
						}

body .container .middle {
	position: relative;
	z-index: 5;
}

	body .container .middle .item-page .page-header {
		margin-top: 120px;
	}

/* Itempage discipline */

body.disciplines .item-page div[itemprop="articleBody"] div.discipline {
	display: none;
}

body.disciplines .item-page div[itemprop="articleBody"] {
	background-color: rgba(255, 255, 255, 0.8);
	background: -moz-linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 0%);
	background: -webkit-linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 0%);
	background: linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 0%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1);
	padding: 0 30px;
	height: 100%;
	position: relative;
}

	body.disciplines .item-page div[itemprop="articleBody"] .bedrijfsprofiel {
		bottom: 60px;
		position: absolute;
		left: 80px;
		text-align: left;
		width: 348px;
	}

/* Itempage event */

body.evenementen .row div[class^="column-"] {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

body.evenementen .row .column-left,
body.evenementen .row .column-right {
	float: left;
	width: 16.6667%;
}

body.evenementen .row .column-content {
	float: left;
	width: 66.6667%;
}

/* Login page */

body.inloggen .column-content,
body.beheer .column-content,
body.bedankt .column-content {
	margin: auto;
	padding-top: 130px;
	width: 66.6666667%;
}

/* Beheerpagina's */

body.beheer,
body.beheer-evenementen,
body.mijn-pagina,
body.beheer-paginas,
body.mijn-profiel {
	height: auto;
}

	body.beheer div > .middle,
	body.beheer-evenementen div > .middle,
	body.mijn-pagina div > .middle,
	body.beheer-paginas div > .middle,
	body.mijn-profiel div > .middle {
		clear: both;
		display: block;
	}

		body.beheer div > .middle .column-left,
		body.beheer-evenementen div > .middle .column-left,
		body.mijn-pagina div > .middle .column-left,
		body.beheer-paginas div > .middle .column-left,
		body.mijn-profiel div > .middle .column-left {
			float: left;
			min-height: 1px;
			width: 16.667%;
		}

		body.beheer .column-content,
		body.beheer-evenementen .column-content,
		body.mijn-pagina .column-content,
		body.beheer-paginas .column-content,
		body.mijn-profiel .column-content {
			float: left;
			margin-top: 70px;
			width: 66.667%;
		}

		body.beheer div > .middle .column-right,
		body.beheer-evenementen div > .middle .column-right,
		body.mijn-pagina div > .middle .column-right,
		body.beheer-paginas div > .middle .column-right,
		body.mijn-profiel div > .middle .column-right {
			float: left;
			min-height: 1px;
			width: 16.667%;
		}

body.mijn-profiel form#member-profile .control-group > .control-label {
	padding-left: 0;
	padding-top: 0;
	width: 35%;
}

body.mijn-profiel form#member-profile .control-group > .controls {
	width: 65%;
}

.moduletable_beheer {
	border: 1px solid #c6c6c6;
	padding: 20px;
	width: 200px;
}

	.moduletable_beheer h3 {
		background: #0e71b8;
		border: 1px solid transparent;
		border-radius: 4px;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.42857;
		margin-bottom: 0;
		margin-top: 0;
		padding: 6px 12px;
		text-align: center;
		vertical-align: middle;

	}

		.moduletable_beheer h3:hover {
			background-color: #e09b06;
			border: 1px solid #e09b06;
			color: #ffffff;
		}

	.moduletable_beheer ul.nav {
		display: none;
	}

/* i-icon achter kalender bij Evenementen (in beheer) plaatsen */
.f2c_Begin .input-append,
.f2c_Eind .input-append {
	display: inline-flex;
}

body.mijn-profiel form#member-profile {
	margin-bottom: 36px;
}

	body.mijn-profiel form#member-profile legend {
		display: none;
	}

/* Aanpassing voor Desktop Ruud van Zuidam */

body.disciplines.desktop.singlepage .item-page div[itemprop="articleBody"] .bedrijfsprofiel {
	overflow-x: hidden;
    height: 85%;
	bottom: 30px;
}
div.hamburger{
	top: 20px;
}