/*********************
	General
*********************/

html {
	overflow-y: scroll;
}

body {
	font-size: 1.4em;
}

a {
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

a:hover,
a:active,
a:focus {
	opacity: 0.6;
}

*:focus {
	outline: 0!important;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	margin-top: 0;
}

img {
	max-width: 100%;
	height: auto;
}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
	padding: 0.5rem 1.0rem;
	border-radius: 2px;
	box-shadow: none;
	border: 1px solid #aaa;
	width: 100%;
	vertical-align: middle;
}

table {
	width: 100%;
}
table td {
	padding: 3px;
	border-bottom: 1px solid #ddd;
}

.fa-groot {
	font-size: 3.0rem;
}

.stretch-child {
	height: auto!important;
}

/* Buttons */

.button,
button,
input[type="submit"] {
	-webkit-appearance: none!important;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.35);
	background: rgba(190,70,0,1.0);
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 1.0rem 1.0rem;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	line-height: 1;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

	.button:hover,
	.button:active,
	.button:focus {
		color: #fff;
		opacity: 1;
	}

	.button:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		left: 0;
		top: 0;
		background: rgba(255,255,255,0.2);
		-webkit-transition: -webkit-transform 250ms ease;
		transition: transform 250ms ease;
		pointer-events: none;
	}

	.button:hover:after,
	.button:active:after,
	.button:focus:after {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	
/* Welcome Modal */

.welcome-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	text-align: center;
}

.welcome-modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.welcome-modal-inner {
	display: inline-block;
	position: relative;
	overflow-y: auto;
	width: 80%;
	max-width: 800px;
	max-height: 95%;
	background: #fff;
	padding: 10px;
	border-radius: 3px;
	vertical-align: middle;
	text-align: left;
}

.welcome-modal-buttons {
	padding-bottom: 10px;
	border-bottom: 1px dashed #aaa;
}

.welcome-modal-content {
	padding-top: 10px;
}

.welcome-modal-content img {
	margin: 0!important;
}

.welcome-modal-content:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.welcome-modal-content p:last-child {
	margin-bottom: 0;
}

.welcome-modal-buttons:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.welcome-modal-logo {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.0rem;
}

.welcome-modal-logo img {
	width: 100px;
}

.welcome-modal-buttons-left {
	float: left;
}

.welcome-modal-buttons-right {
	float: right;
}

/* Header */

.site-header {
	background-image: url(../img/header-default.jpg);
	background-color: rgba(60,100,160,1.0);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}

	.site-header a {
		color: #fff;
	}

	.site-header-overlay {
		background: -webkit-linear-gradient(top, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
		background: linear-gradient(to bottom, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
	}

	.home-page .site-header-overlay {
		background: -webkit-linear-gradient(top, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
		background: linear-gradient(to bottom, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
	}

.header-navigation {
	font-size: 1.6rem;
	padding-top: 5.0rem;
	position: relative;
}

	.navigation-list {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline-block;
	}

		.navigation-list li {
			float: left;
			text-transform: uppercase;
			padding: 0 1.5rem;
			position: relative;
		}

			.navigation-list li:after {
				content: '';
				position: absolute;
				width: 0.8rem;
				height: 0.8rem;
				background: #fff;
				right: -0.4rem;
				top: 0.8rem;
				-webkit-transform: rotate(-23deg);
				-ms-transform: rotate(-23deg);
				transform: rotate(-23deg);
			}

			.navigation-list li:last-child:after {
				display: none;
			}

		.navigation-list a {
			padding: 0.5rem 1.0rem;
			-webkit-transition: background 250ms ease;
			transition: background 250ms ease;
		}

			.navigation-list .current-menu-item > a,
			.navigation-list .current-menu-ancestor > a,
			.navigation-list .current-menu-parent > a,
			.navigation-list a:hover {
				background: rgba(255,255,255,0.2);
				opacity: 1;
				border-radius: 2px;
			}
	
	.navigation-list .menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	
	.navigation-list li > .sub-menu {
		display: none;
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 1.0rem;
		left: 50%;
		top: 3.4rem;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		border-radius: 2px;
		background: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 10%, rgba(255,255,255,0.95));
		background: linear-gradient(to bottom, rgba(255,255,255,1.0) 10%, rgba(255,255,255,0.95));
		z-index: 999;
		box-shadow: 0 0 2px rgba(0,0,0,0.35);
		text-shadow: none;
		min-width: 20.0rem;
	}
	
		.navigation-list li > .sub-menu:before {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 0.8rem;
			top: -0.8rem;
			left: 0;
		}
	
		.navigation-list li > .sub-menu:after {
			content: '';
			display: block;
			position: absolute;
			width: 1.0rem;
			height: 1.0rem;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			background: #fff;
			top: -0.5rem;
			left: 50%;
			margin-left: -0.5rem;
		}
	
			.navigation-list li > .sub-menu li {
				padding: 0;
				float: none;
			}
	
				.navigation-list li > .sub-menu li:after {
					display: none;
				}
				
			.navigation-list li > .sub-menu a {
				color: #333;
				display: block;
			}
			
				/*.navigation-list li > .sub-menu .current-menu-item > a,*/
				.navigation-list li > .sub-menu a:hover {
					background: rgba(0,0,0,0.1);
				}

	.navigation-member {
		margin: -0.5rem 0 0;
		padding: 0;
		list-style: none;
		position: absolute;
		right: 0;
		top: 5.0rem;
		font-size: 1.4rem;
	}

		.navigation-member li {
			display: inline-block;
		}

	.login-form-checkbox,
	.login-form {
		display: none;
	}

	.login-form-checkbox:checked ~ .navigation-member .login-form {
		display: block;
		position: absolute;
		background: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 10%, rgba(255,255,255,0.95));
		background: linear-gradient(to bottom, rgba(255,255,255,1.0) 10%, rgba(255,255,255,0.95));
		color: #333;
		text-shadow: none;
		right: 0;
		border-radius: 2px;
		box-shadow: 0 0 2px rgba(0,0,0,0.35);
		padding: 1.0rem;
		margin: 0.5rem;
		width: 260px;
		font-size: 1.4rem;
		top: 3.7rem;
		z-index: 9;
	}

		.login-form:after {
			content: '';
			display: block;
			position: absolute;
			width: 1.0rem;
			height: 1.0rem;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			background: #fff;
			top: -0.5rem;
			right: 1.0rem;
		}
		
		.login-form-links {
			float: left;
			text-align: left;
			margin-top: -0.6rem;
		}

		.login-form a {
			color: #333;
			font-size: 1.2rem;
		}

		.login-form input[type="submit"] {
			float: right;
		}

		.login-form-submit {
			margin: 0;
		}

		.login-form-submit:after {
			clear: both;
			content: '';
			display: block;
			height: 0;
		}

	.navigation-mobile-checkbox,
	.navigation-mobile-label {
		display: none;
	}

.header-logo {
	display: inline-block;
	float: left;
	width: 170px;
	height: 43px;
	background-image: url(../img/logo-dynamic.php?style=%23subtitle{display:none});
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 1;
	margin-top: 4rem;
	margin-right: -100%;
}

.header-title {
	display: inline-block;
	position: relative;
	margin: 7.0rem 0 8.0rem;
	font-size: 3.8rem;
	min-width: 200px;
}

	.header-title:after {
		content: '';
		position: absolute;
		bottom: -0.9rem;
		left: 25%;
		width: 50%;
		height: 0;
		border-bottom: 1px solid;
	}
	
	.header-title-search:before {
		content: 'Resultaten voor';
		position: absolute;
		top: -2.0rem;
		font-size: 1.4rem;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	
	.header-title-author {
		position: absolute;
		left: 0;
		width: 100%;
		top: 100%;
		margin-top: 1.5rem;
		font-size: 1.8rem;
		text-transform: none;
	}

.home-header-logo {				/* Home Logo */
	display: inline-block;
	margin: 14.0rem 0;
	width: 400px;
	height: 102px;
	background-image: url(../img/logo-dynamic.php);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-indent: -9999px;
}

.header-feed {
	border-top: 1px solid #fff;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.0), rgba(0,0,0,0.45) 20%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0.0));
	background: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.45) 20%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0.0));
}

	.feed-list {
		margin: 0;
		padding: 0;
		list-style: none;
		white-space: nowrap;
		overflow: hidden;
	}

		.feed-list li {
			white-space: nowrap;
			margin: 0 2.0rem;
			padding: 1.0rem 0;
			display: inline-block;
		}
		
/* Footer */

.site-footer {
	background: #333;
	color: #fff;
}

	.footer-moreinfo {
		padding-top: 7.0rem;
		padding-bottom: 7.0rem;
	}

		.footer-moreinfo a {
			color: #fff;
			text-decoration: underline;
		}

	.footer-copyright {
		padding-top: 1.0rem;
		padding-bottom: 1.0rem;
		font-size: 1.2rem;
		color: #999;
		border-top: 1px solid #777;
	}

		.footer-copyright a {
			color: #999;
		}
		
	.social-buttons a {
		font-size: 4.8rem;
		margin-right: 1.0rem; 
	}

	.social-feed {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 1.2rem;
	}
	
		.social-feed-text {
			margin-bottom: 0;
		}
		
		.social-feed-date {
			color: #999;
		}
		
		.social-feed-date a {
			color: #999;
			text-decoration: none;
		}
		

/*********************
	Front page
*********************/

/* Main */

.site-main {
	
}

.main-section {
	padding: 10.0rem 0;
}

	.section-title {
		display: inline-block;
		position: relative;
		margin-bottom: 2.0rem;
	}

		.section-title:after {
			content: '';
			position: absolute;
			bottom: -0.9rem;
			left: 25%;
			width: 50%;
			height: 0;
			border-bottom: 1px solid;
		}
		
		.section-title-artikel {
			margin-bottom: 6.0rem;
		}

/* Magazine */

.section-magazine {
	
}

.magazine-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}

	.magazine-list li {
		width: 45%;
		padding: 0 15px;
		text-shadow: 0 0 2px rgba(0,0,0,0.35);
	}

.magazine-cover {
	display: block;
	border-radius: 2px;
	background-color: rgba(60,100,160,1.0);
	background-size: cover;
	background-position: center;
	color: #fff;
	position: relative;
}

	.magazine-cover-overlay {
		/*background: -webkit-linear-gradient(top, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
		background: linear-gradient(to bottom, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));*/
		border-radius: 2px;
		padding: 2.0rem;
		height: 35.0rem;
		overflow: hidden;
	}
	
	.magazine-cover-overlay * {
		visibility: hidden;
	}
	
	.magazine-cover-archive .magazine-cover-overlay {
		background: -webkit-linear-gradient(top, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
		background: linear-gradient(to bottom, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 50%, rgba(60,100,160,0.1));
	}
	
	.magazine-cover-archive .magazine-cover-overlay * {
		visibility: visible;
	}

	.magazine-cover:hover,
	.magazine-cover:focus,
	.magazine-cover:active {
		color: #fff;
		opacity: 1;
	}

	.magazine-cover:hover .magazine-cover-overlay {
		background: -webkit-linear-gradient(top, rgba(190,70,0,1.0), rgba(190,70,0,0.7) 50%, rgba(190,70,0,0.1));
		background: linear-gradient(to bottom, rgba(190,70,0,1.0), rgba(190,70,0,0.7) 50%, rgba(190,70,0,0.1));
	}
	
	.magazine-cover:hover * {
		visibility: visible;
	}

	.magazine-cover-edition {
		margin-bottom: 0;
		font-size: 2.4rem;
	}

	.magazine-cover-title {
		text-transform: none;
		margin-bottom: 0.5rem;
		font-size: 2.4rem;
		line-height: 1.1;
		font-weight: bold;
	}

.magazine-latest:after {
	content: attr(data-latest);
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	right: -5px;
	font-size: 1.2rem;
	padding: 0.1rem 0.5rem;
	background: rgba(190,70,0,1.0);
	border-radius: 2px;
	text-shadow: none;
}

.magazine-latest:hover:after {
	background: #fff;
	color: rgba(190,70,0,1.0);
}

/* Studievereniging */

.section-studievereniging {
	background-color: rgba(60,100,160,1.0);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
	padding: 0;
}

.section-studievereniging-overlay {
	padding: 10.0rem 0;
	background: -webkit-linear-gradient(right, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 70%, rgba(60,100,160,0.1));
	background: linear-gradient(to left, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 70%, rgba(60,100,160,0.1));
}

.studievereniging-agenda .section-title {
	color: #fff;
}

.agenda-list {
	margin: 0;
	padding: 15px;
	list-style: none;
	background: rgba(0,0,0,0.45);
	border-radius: 2px;
}

.agenda-list-widget {
	padding: 0;
	background: none;
}

.widget-agenda .widget-title {
	color: #333;
}

.agenda-item {
	margin-bottom: 1.0rem;
	padding-bottom: 1.0rem;
	/*overflow: hidden;*/
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.agenda-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.agenda-item:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.agenda-item a {
	color: #fff;
}

.agenda-list-widget .agenda-item a {
	color: #333;
}

.agenda-item a:hover {
	opacity: 1;
}

.agenda-date {
	float: left;
	background: rgba(190,70,0,1.0);
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2px;
	width: 50px;
	padding: 0.5rem 0;
	line-height: 1;
	overflow: hidden;
	position: relative;
	color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.35);
}

.agenda-date:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.2);
	-webkit-transition: -webkit-transform 250ms ease;
	transition: transform 250ms ease;
}

.agenda-item a:hover .agenda-date:after {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.date-day {
	font-size: 2.2rem;
}

.agenda-details {
	padding: 0 0 0 60px;
	/*white-space: nowrap;*/
}

.agenda-details-time-extra {
	opacity: 0.9;
	font-size: 80%;
}

/* USPS */

.section-usps {
	
}

/* Sponsoren */

.section-bedrijven {
	background: #f0f0f0;
	padding: 7.0rem 0;
}

.bedrijven-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

/*.bedrijven-list:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 10%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to right, rgba(240,240,240,1.0), rgba(240,240,240,0.0));
}

.bedrijven-list:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 10%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to left, rgba(240,240,240,1.0), rgba(240,240,240,0.0));
}*/

.bedrijven-list .bedrijf {
	width: 100%;
	padding: 0 0.2rem;
	display: inline-block;
}

.bedrijven-list .bedrijf-link {
	display: block;
	padding: 2.0rem;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.bedrijven-list .bedrijf-logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 10.0rem;
}

.bedrijven-list-footer {
	margin: 0 -15px;
}

.bedrijven-list-footer .bedrijf {
	width: 30.0rem;
}

.bedrijven-list-footer .bedrijf-logo {
	height: 15.0rem;
}

/* Page */

.section-page {
	padding: 7.0rem 0;
}

.section-page p {
	text-align: justify;
}

.section-page .text-center p {
	text-align: center;
}

/* Sidebar */

.sidebar-left {
	padding-right: 4.0rem;
}

.widget-socialbuttons.fixed {
	position: fixed;
	top: 20px;
}

.widget-socialbuttons.absolute {
	position: absolute;
}

.sidebar-right {
	padding-left: 4.0rem;
}

.widget {
	background: #f0f0f0;
	padding: 15px;
	border-radius: 2px;
	margin-bottom: 2.0rem;
}

.widget-orange {
	background: rgba(190,70,0,1.0);
	color: #fff;
}

.widget-clear {
	background: none;
}

.widget-title {
	text-align: center;
	position: relative;
	margin-bottom: 2.0rem;
}

.widget-title:after {
	content: '';
	position: absolute;
	bottom: -0.4rem;
	left: 35%;
	width: 30%;
	height: 0;
	border-bottom: 1px solid;
}

/* Related Widget */

.widget-related {
	background: #fff;
	padding: 0;
}

.widget-related ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-related li {
	margin-bottom: 0.2rem;
}

.widget-related a {
	color: #333;
	display: block;
	padding: 0.4rem 0.5rem 0.5rem 3.7rem;
	background: #f0f0f0;
	position: relative;
	border-radius: 2px;
}

.widget-related a:before {
	content: '\f105';
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3.0rem;
	padding: 0.5rem 0 0 0.2rem;
	height: 100%;
	text-align: center;
	background: #BE4600;
	color: #fff;
	border-radius: 2px 0 0 2px;
}

.widget-related .menu-return a {
	background: #E0E0E0;
}

.widget-related .menu-return a:before {
	content: '\f104';
	padding: 0.5rem 0.2rem 0 0;
}

.widget-related .menu-current a:before {
	content: '\f10c';
	padding-top: 0.8rem;
	font-size: 0.9rem;
}

.widget-related {
	/*margin-top: -11.0rem;*/
	/*border-radius: 0 0 2px 2px;*/
	/*padding-top: 6.5rem;*/
/*	box-shadow: 0 0 2px rgba(0,0,0,0.35);*/
}

/*.widget-related ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-related li {
	border-top: 1px solid #ddd;
}

.widget-related li:first-child {
	border: 0;
}

.widget-related a {
	display: block;
	color: #333;
	padding: 0.5rem;
}

.widget-related a:before {
	content: '\f054';
	float: left;
	font-family: 'FontAwesome';
	margin: 0.1rem 1.0rem 0 0;
	padding: 0.1rem 0 0 0.2rem;
	font-size: 1.2rem;
	width: 2.0rem;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	background: rgba(190,70,0,1.0);
	box-shadow: 0 0 2px rgba(0,0,0,0.35);
}*/

/* Categories Widget */

.widget-categories > ul {
	padding-left: 2.0rem;
	margin: 0;
}

.widget-categories .current-cat {
	font-weight: bold;
}

.widget-categories a {
	color: #333;
}

/* Social Buttons Widget */

.widget-socialbuttons {
/* 	padding-left: 0; */
/* 	padding-right: 0; */
}

.widget-socialbuttons ul {
	margin: 0 -0.5rem;
	padding: 0;
	list-style: none;
}

.widget-socialbuttons ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.widget-socialbuttons li {
	display: block;
	float: left;
	width: 33.333%;
	padding: 0 0.5rem;
}

.widget-socialbuttons span {
	padding: 1.0rem 0;
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.widget-socialbuttons a {
	width: 100%;
	font-size: 21px;
	text-align: center;
}

.widget-agenda .agenda-item {
	border-color: #bbb;
}

.widget-agenda .agenda-details-time {
	font-size: 1.2rem;
}

/* Magazine Archive Template */

.section-magazine-latest .magazine-cover-overlay {
	height: 40.0rem;
}

.section-magazine-latest .magazine-cover {
	margin-right: 4.0rem;
}

.section-magazine-latest .magazine-cover-edition,
.section-magazine-latest .magazine-cover-title {
	font-size: 3.0rem;
}

.section-magazine-archive {
	
}

.magazine-archive-list {
	margin: 0 -1.5rem;
	padding: 0;
	list-style: none;
}

.magazine-archive-list li {
	display: block;
	float: left;
	width: 25%;
	padding: 1.5rem;
}

.section-magazine-search {
	background: #f1f1f1;
}

.section-magazine-search input[type="text"] {
	width: 300px;
	margin: 0 0.5rem;
}

/* Articles archive */

.articles-list {
	margin-top: 7.0rem;
}

.articles-list .grid-sizer {
	width: 25%;
}

.articles-item {
	height: 200px;
	float: left;
	width: 25%;
	border: 1px solid #fff;
	overflow: hidden;
	color: #333;
	position: relative;
}

.articles-item-prio-2 {
	width: 50%;
}

.articles-item-special {
	width: 50%;
	height: 400px;
}

.articles-item-special-header {
	background: #fff;
	color: #333;
	margin: -13px -13px 15px -13px;
	padding: 13px;
}

.articles-item-special-overlay {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
}

.articles-item-special-header img {
	height: 50px;
	width: auto;
}

.articles-item > a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	padding: 15px;
	background-color: #f0f0f0;
}

.articles-item-special > a {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.articles-item > a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-image: linear-gradient(to bottom, rgba(240,240,240,0.0), rgba(240,240,240,1.0) 85%);
}

.articles-item-special > a:after {
	display: none;
}

.articles-item > a:hover {
	opacity: 1;
	background-color: #e0e0e0;
}

.articles-item-special > a:hover {
	opacity: 0.9;
}

.articles-item-title {
	font-size: 2.4rem;
	line-height: 1.1;
	font-weight: bold;
	text-transform: none;
	margin: 0;
}

.articles-item-special .articles-item-title {
	font-size: 3.5rem;
}

.articles-item-special h2,
.articles-item-special h3,
.articles-item-special h4 {
	text-transform: none;
}

.articles-item-meta {
	margin-bottom: 1.5rem;
	color: #777;
}

.articles-item-more {
	position: absolute;
	bottom: 15px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 1;
}

/* Bedrijven */

.archive-bedrijven-intro {
	margin-bottom: 5.0rem;
}

.archive-bedrijven h2 {
	margin: 0 0 2.0rem;
}

.archive-bedrijven-row {

}

.archive-bedrijf {
	padding-top: 15px;
	padding-bottom: 15px;
}

.archive-bedrijf-link {
	display: block;
	padding: 2.0rem;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.archive-bedrijf-logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 15.0rem;
}

.col-sm-6 .archive-bedrijf-logo {
	height: 22.5rem;
}

.col-sm-4 .archive-bedrijf-logo {
	height: 17.5rem;
}

.bedrijven-group {
	margin-bottom: 10.0rem;
}

.bedrijven-group:last-child {
	margin-bottom: 0;
}


/* Agenda */

.agenda-archive-list {
	list-style: none;
	padding: 0;
	margin: 2.0rem 0 0;
}

.agenda-archive-list .agenda-item:first-child {
	border: 0;
}

.agenda-archive-list .agenda-item {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	margin: 0;
}

.agenda-archive-list .agenda-item a {
	color: #333;
}

.agenda-details-location {
	margin-left: 1.0rem;
}

.single-agenda-informatie {
	list-style: none;
	margin: 0 0 2.0rem;
	padding: 0;
	text-align: center;
	font-size: 1.6rem;
}

.single-agenda-informatie .button {
	font-size: 1.4rem;
}

.single-agenda-informatie li {
	padding: 0.5rem 0;
}

.single-agenda-deelnemers {
	width: 100%;
}

.single-agenda-deelnemers th,
.single-agenda-deelnemers td {
	padding: 0.5rem;
}

.single-agenda-deelnemers th {
	border-bottom: 1px solid #333;
	text-align: left;
}

.single-agenda-deelnemers td {
	border-bottom: 1px solid #ddd;
}

/* Afstudeerverslagen */

.verslagen-archive-list {
	list-style: none;
	padding: 0;
	margin: 2.0rem 0 0;
}

.verslagen-archive-list .verslagen-item:first-child {
	border: 0;
}

.verslagen-archive-list .verslagen-item {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	margin: 0;
}

.verslagen-archive-list .verslagen-item a {
	color: #333;
}

.single-verslag-informatie {
	list-style: none;
	margin: 0 0 2.0rem;
	padding: 0;
	text-align: center;
	font-size: 1.6rem;
}

.single-verslag-informatie li {
	padding: 0.5rem 0;
}

/* Vacatures */

.archive-vacatures-category {
	margin-top: 3.0rem;
}

.archive-vacatures-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.archive-vacatures-list li {
	border-bottom: 1px solid #ddd;
	padding: 0.5rem 0;
}

.archive-vacatures-list li a {
	color: #333;
	display: block;
}

.archive-vacatures-list li:last-child {
	border: 0;
}

/* Search page */

.search-form {
	text-align: center;
}

.search-form input[type="text"] {
	max-width: 200px;
}

.search-page-form input[type="text"] {
	max-width: 300px;
}

.search-result-row {
	border-top: 1px solid #ddd;
	padding-top: 4.0rem;
	margin-top: 4.0rem;
	max-height: 30.0rem;
	min-height: 10.0rem;
	overflow: hidden;
	position: relative;
}

.search-result-row:first-child {
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

.search-result-row:after {
	content: '';
	display: block;
	width: 100%;
	height: 80%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.8) 60%, rgba(255,255,255,1.0));
}

.search-result-type {
	position: absolute;
	right: 100%;
	margin: 0.8rem 1.0rem;
	color: #fff;
	font-size: 1.2rem;
	padding: 0.1rem 0.5rem;
	background: rgba(190,70,0,1.0);
	border-radius: 2px;
}

.search-result-more {
	position: absolute;
	z-index: 1;
	bottom: 2.0rem;
}

/* Blog posts */

.blog-post {
	padding-bottom: 8.0rem;
	margin-bottom: 4.0rem;
	border-bottom: 1px solid #ddd;
}

div > .blog-post:last-child {
	border-bottom: 0;
}

.blog-post .blog-post-title-link {
	color: #333;
}

.blog-post p .more-link {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);	
}

.blog-post .post-meta {
	margin-top: -0.5rem;
	font-style: italic;
}

.blog-post-single .post-meta {
	text-align: right;
	font-style: italic;
	border-top: 1px solid #ddd;
	color: #aaa;
	margin-top: 2.0rem;
}

/* Pagination */

.pagination-row,
.pagination-links {
	padding-top: 2.0rem;
	text-align: center;
}

.pagination-row .page-numbers,
.pagination-links .page-numbers {
	padding: 0.5rem 1.0rem;
	color: #333;
}

.pagination-row .current,
.pagination-links .current {
	background: #ddd;
	border-radius: 2px;
}


@media screen and (max-width: 1199px) {
	
	.header-logo {
		width: 150px;
	}
	
	.header-navigation {
		font-size: 1.4rem;
	}
	
	.navigation-list a {
		padding: 0.5rem 0.5rem;
	}
	
	.magazine-list li {
		width: 55%;
	}
	
	.magazine-archive-list li {
		width: 33.333%;
	}
	
}

@media screen and (max-width: 991px) {
	
	.header-navigation {
		text-align: left;
	}
	
	.navigation-list li {
		padding: 0 1.0rem;
	}
	
	.header-logo {
		margin-top: 1.6rem;
	}
	
	.login-form-checkbox:checked ~ .navigation-member .login-form {
		margin: 0;
		top: 6.1rem;
	}
	
	.home-header-logo {
		margin: 7.0rem 0;
	}
	
	.main-section,
	.section-studievereniging-overlay {
		padding: 5.0rem 0;
	}
	
	.section-studievereniging {
		padding: 0;
	}
	
	.magazine-list li {
		width: 80%;
	}
	
	.footer-moreinfo {
		padding-top: 4.0rem;
		padding-bottom: 2.0rem;
	}
	
	/* Collapsed navigation */
	
	.header-navigation {
		float: right;
		padding-top: 2.0rem;
	}
	
	.navigation-list {
		display: none;
		position: absolute;
		background: #fff;
		margin: 0 -8rem 0 0;
		right: 100%;
		top: 6.1rem;
		border-radius: 2px;
		box-shadow: 0 0 2px rgba(0,0,0,0.35);
		text-shadow: none;
		z-index: 9;
		min-width: 75%;
	}
	
	.navigation-list:after {
		content: '';
		display: block;
		position: absolute;
		width: 1.0rem;
		height: 1.0rem;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
		top: -0.5rem;
		right: 3.4rem;
	}
	
	.navigation-list li {
		float: none;
		display: block;
		border-bottom: 1px solid #ddd;
	}
	
	.navigation-list li:after {
		display: none;
	}
	
	.navigation-list a {
		color: #333;
		display: block;
	}
	
	.navigation-list li > .sub-menu {
		display: block;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0,0,0,0.1);
		padding: 0;
		margin-bottom: 1.0rem;
		box-shadow: none;
	}
	
	.navigation-list li > .sub-menu:after,
	.navigation-list li > .sub-menu:before {
		display: none;
	}
	
	.navigation-list li > .sub-menu li:last-child {
		border: 0;
	}
	
	.navigation-mobile-label {
		float: left;
		display: block;
		padding: 1.0rem;
		margin-right: 0.4rem;
		min-width: 4.0rem;
	}
	
	.navigation-mobile-label:before {
		content: '\f0c9';
		display: inline-block;
		font-family: 'FontAwesome';
		width: 14px;
		text-align: center;
	}
	
	.navigation-mobile-checkbox:checked ~ .navigation-mobile-label:before {
		content: '\f00d';
	}
	
	.navigation-mobile-checkbox:checked ~ .navigation-list {
		display: block;
	}
	
	.navigation-member {
		float: left;
		position: static;
		margin: 0;
	}
	
	.navigation-member li > .button {
		min-width: 4.0rem;
	}
	
	.articles-list .grid-sizer {
		width: 50%;
	}

	.articles-item {
		width: 50%;
	}

	.articles-item-prio-2 {
		width: 100%;
	}
	
	.articles-item-special {
		width: 100%;
	}
	
	.sidebar-left,
	.sidebar-right {
		margin-top: 5.0rem;
	}
	
}

@media screen and (max-width: 767px) {
	
	.welcome-modal-buttons {
		text-align: center;
	}
	
	.welcome-modal-buttons-left,
	.welcome-modal-buttons-right {
		float: none;
		margin-top: 5px;
	}
	
	.welcome-modal-logo {
		position: static;
	}
	
	.container {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.navigation-list {
		margin: 0;
		right: 0;
	}
	
	.navigation-list:after,
	.login-form:after {
		display: none;
	}
	
	.header-logo {
		
	}
	
	.home-header-logo {
		width: 80%;
		margin: 3.0rem 0 4.0rem 0;
	}
	
	.header-feed {
		font-size: 1.0rem;
	}
	
	.header-title {
		margin: 2.0rem 0 4.0rem;
		font-size: 2.8rem;
	}
	
	.magazine-info,
	.studievereniging-info,
	.usps-service,
	.usps-bedrijven {
		margin-bottom: 4.0rem;
	}
	
	.usps-service,
	.usps-bedrijven {
		padding-bottom: 4.0rem;
		border-bottom: 1px solid #ccc;
	}
	
	.magazine-list li {
		width: 100%;
	}
	
	.magazine-archive-list li {
		width: 100%;
	}
	
	.section-studievereniging-overlay {
		background: -webkit-linear-gradient(top, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 70%, rgba(60,100,160,0.1));
		background: linear-gradient(to bottom, rgba(60,100,160,1.0), rgba(60,100,160,0.7) 70%, rgba(60,100,160,0.1));
	}
	
	.site-footer {
		text-align: center;
	}
	
	.sidebar-left,
	.sidebar-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.sidebar-right {
		margin-top: 0;
	}
	
	.widget-socialbuttons {
		width: 100%!important;
	}
	
	.widget-socialbuttons.fixed {
		position: static;
	}
	
	.section-magazine-latest .magazine-cover {
		margin: 5.0rem 0 0;
	}
	
	.articles-list .grid-sizer {
		width: 100%;
	}

	.articles-item {
		width: 100%;
		height: auto;
		max-height: 200px;
	}

	.articles-item-prio-2 {
		width: 100%;
	}
	
	.articles-item-special {
		width: 100%;
		max-height: 400px;
	}
	
}

@media screen and (max-width: 480px) {
	
	.header-logo {
		background-image: url(../img/logo-dynamic.php?style=%23title,%23subtitle{display:none});
	}
	
}

.widget .button,
.widget input[type="submit"] {
	font-size: 12px;
}
.clear {
	clear: both;
}
.related-editions .magazine-list li {
	width: 25%;
	margin: 40px 0;
}
section .tab {
	display: none;
	padding: 10px 0 0;
}
.tab p {
	text-align: left;
	font-size: 12px;
}
.tab-section input {
	display: none;
}
.tab-section label {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 5px 25px;
	text-align: center;
	color: #bbb;
	border-bottom: 1px solid #cacaca;
}
.tab-section label:hover {
	color: #888;
	cursor: pointer;
}
.tab-section input:checked+label {
	color: #555;
	border-bottom: 1px solid #000;
}
#tab1:checked~#content1, #tab2:checked~#content2 {
	display: block;
}
.widget input[type="text"] {
	width: 65%;
}
p.author-description {
	text-align: left;
	padding: 0;
	font-size: 1rem;
}
.author-name {
	font-weight: 600;
}
.author {
	padding: 15px;
	background: #f0f0f0;
	margin-bottom: 2rem;
	border-radius: 2px;
	margin-bottom: 2.0rem;
	margin-left: 0;
	margin-right: 0;
}
.article-recap {
	font-style: italic;
	margin-bottom: 15px;
	font-weight: 600;
}
.article-img img {
	width: 100%;
}
.article-img {
	background: #f0f0f0;
	text-align: right;
	display: block;
}
.article-img-desc {
	font-style: italic;
}
.article-img-src {
	font-weight: 600;
}
.article-img-details {
	padding: 10px 15px;
	font-size: 1.2rem;
}
.article-quote .fa {
	color: #b5b5b5;
	font-size: 1.5rem;
}
.article-quote-details {
	text-align: center;
	position: relative;
	display: block;
	margin-bottom: 15px;
}
.article-quote-details .fa {
	padding: 0 10px;
}
.article-quote {
	font-size: 2.2rem;
	font-weight: 600;
}
.article-quote-src {
	font-style: italic;
	font-size: 1rem;
}
.articles {
	margin-top: 25px;
}
.public-date {
	font-style: italic;
	font-size: 1.25rem;
}
section.related-posts {
	text-align: center;
	margin: 40px 0;
}
@media screen and (max-width: 991px) {
	section.related-posts {
		display: none;
	}
}
section.related-posts .posts {
	margin: 10px 0;
}
.related-post .inner {
	background: #f0f0f0;
	border-radius: 4px;
	padding: 20px;
}
.related-post .related-content-img {
	margin-bottom: 15px;
}
.inner h5 {
	font-weight: 600;
}
.inner .related-content {
	min-height: 125px;
}
.edition-posts .inner {
	background: #f0f0f0;
	padding: 20px;
}
.edition-posts {
	margin-bottom: 20px;
}
.edition-posts .button {
	font-size: 11px;
	font-weight: 600;
	background: #426aa3;
}
.edition-posts .post-content p {
	font-size: 1.25rem;
	text-align: left;
	color: #000;
}
.edition-posts .post-content h5 {
	color: #000;
}
.post-content-img {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.sidebar-right {
		margin-top: 40px;
	}
}
.term-description {
	padding-left: 15px;
	padding-right: 15px;
}
.advert .inner {
	padding: 3px;
}
.advert h2 {
	font-weight: 600;
}
.advert-logo {
	background: #ffffff;
	padding: 10px 20px;
}
.advert-logo img {
	max-width: 195px;
	max-height: 75px;
}
.advert-content {
	padding: 30px 20px;
	background-size: cover;
	min-height: 300px;
	background-repeat: no-repeat;
	background-position: center;
}