@import url("reset.less");

body {
	color:#fff;
	font-size:15px;
	line-height:25px;
	font-family:Helvetica, Arial;
	background:#f3f4f5;
}

header {
	padding:25px 0;
	border-bottom:1px solid @gray;
	
	.menu_toggle {
		display:none;
	}
	
	.menu-hoofdmenu-container {
		text-align:right;
		
		ul {
			margin:0;
			padding:0;
			list-style:none;
			
			li {
				display:inline-block;
				padding:0;
				margin:0;
				
				&.current-menu-item {
					
					a {
						color:#fff;
						background:@yellow;
					}
				}
				
				a {
					margin:0 5px;
					padding:10px 20px;
					display:block;
					color:#2d3438;
					font-size:20px;
					font-weight:bold;
					border-radius:3px;
					
					&:hover {
						color:#fff;
						background:#2d3438;
					}
				}
			}
		}
	}
}

.page_content {
	padding:75px 0;
	color:#2d3438;
	background:#f3f4f5;
	
	&.front_page {
		padding:75px 0 0 0;
	}
	
	.title {
		margin:0 0 30px 0;
		font-size:40px;
		line-height:40px;
		.bold;
		
		&:after {
			content:'.';
			color:@yellow;
		}
	}
	
	.content {
		
		a {
			color:@yellow;
			text-decoration:underline;
		}
		
		.gform_wrapper {
			
			.gform_title {
				margin:0 0 30px 0;
				font-size:30px;
				line-height:30px;
				.bold;
				
				&:after {
					content:'.';
					color:@yellow;
				}
			}
		}
		
		.videoframe {
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%; /* The height of the item will now be 56.25% of the width. */
			
			iframe {
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
			}
		}
	}
}

footer {
	padding:50px 0;
	color:#2d3438;
	background:#969fa2;
	
	.social {
			
		a {
			width:35px;
			display:inline-block;
			margin:0 10px 0 0;
			padding:5px 0;
			color:#2d3438;
			font-size:15px;
			text-align:center;
			background:@yellow;
			border-radius:50px;
			-webkit-border-radius:50px;
			
			&:hover {
				color:#fff;
				background:#2d3438;
			}
		}
	}
}

/*------------------------------------------------------------------------ Global ------------------------------------------------------------------------*/

input[type="text"], input[type="number"], input[type="email"], textarea, select {
	width:100%;
	margin:4px 0;
	padding:8px;
	font-size:13px;
	line-height:22px;
	background:#fff;
	border:1px solid @yellow;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:none !important;
	border-radius:none !important;
	.transition;
	
	&:focus {
		
	}
}

select {
	height:40px;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="submit"] {
	padding:12px;
	font-size:15px;
	line-height:15px;
	color:#fff;
	text-transform:uppercase;
	background:@yellow;
	border:none;
	-webkit-appearance:none;
	.transition;
}

.button {
	padding:7px 20px;
	display:inline-block;
	color:#fff;
	background:@yellow;
	.transition;
}

.grecaptcha-badge {
	 transform: scale(0.6) translateX(-50px);
	 
	 &:hover {
		 transform:scale(1) translateX(0);
	 }
 }

/*---------------------------------------------------------------------- Responsive ----------------------------------------------------------------------*/

@media only screen and (min-width: 960px) and (max-width: 1199px) {


header {
	
	.menu-hoofdmenu-container {
		
		ul {
			
			li {
				
				a {
					margin:0 5px;
					padding:10px 10px;
				}
			}
		}
	}
}


}


@media only screen and (max-width: 959px) {

header {
	padding:10px 0;
	
	&.toggled-on {
		
		.menu-hoofdmenu-container {
			display:block;
			text-align:left;
		}
	}
	
	.grid_3, .grid_9 {
		margin:0 2.5%;
	}
	
	.logo {
		width:150px;
		display:inline-block;
	}
	
	.menu_toggle {
		display:inline-block;
		float:right;
	}
	
	.menu-hoofdmenu-container {
		display:none;
		
		ul {
			
			li {
				display:block;
				
				a {
					margin:5px 0;
					padding:5px 10px;
					font-size:15px;
				}
			}
		}
	}
}

.page_content {
	padding:50px 0;
	
	&.front_page {
		padding:50px 0 0 0;
	}
	
	.title {
		margin:0 0 30px 0;
		font-size:30px;
		line-height:30px;
	}
	
	.content {
		
		.gform_wrapper {
			
			.gform_title {
				font-size:20px;
				line-height:20px;
			}
		}
	}
}

footer {
	padding:25px 0;
	text-align:center;
	
	.logo {
		width:150px;
	}
	
	.text-right {
		text-align:center;
	}
}


}


@media only screen and (max-width: 768px) {



}	 


@media only screen and (max-width: 480px) {


img.alignleft, img.alignright{margin:12px 0; display:block;}


}