/*
Theme Name: Go Online
Theme URI: http://www.goonline.nl
Description: Go Online 
Author: Go Online
Author URI: http://www.goonline.nl
Version: 1.0
*/

/** MAIN **/

*{
	box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: '', sans-serif;
	font-weight:300;
	font-size:16px;
}

.container-fluid{
	width: 70%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: '', sans-serif;
	font-weight:700;
}

strong {
	font-weight:800;
}

.button {
	padding:15px 25px;
	cursor:pointer;
}

.responsive-menu {
	display: none;
}

/* == TOPBALK == */

.topbalk {
	position: fixed;
	width:100vw;
	z-index:9999;
	background:#fff;
}

.placeholder {
	height:99px;
	width:100vw;
}

.topbalk .logo {
	padding:10px 0px;
	font-size:22px;
}

.logo a {
	color:#000;
}

.topbalk .menubalk {
	padding:10px 0px;
	/*background:#292a2e;*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.topbalk .menubalk ul {
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
}

.topbalk .menubalk ul li {
	margin:0px 15px;
	display: inline-block;
}

.topbalk .menubalk ul li a {
	color:#fff;
}

.topbalk .menubalk ul li a:hover {
	text-decoration: underline;
	color:#fff;
}

.topbalk .responsive-menubalk {
	display: none;
}

/* == HEADER == */

.header {
	position: relative;
	height:50vh;
}

.header .overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
}

.scroll {
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	z-index:999999;
	background:#1b1b1b;
	transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}


.header-sectie {
	display:inline-block;
	height:130px;
}

.header .header-container {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width:60%; 
}

.header .header-container .header-tekst {
	color:#fff;
	margin-top:10px;
}

.header h1 {
	font-size:50px;
	font-weight:400;
	color:#fff;
}

.header .header-button {
	margin-top:50px;
}

/* == TEKSTVAK MET AFBEELDING == */

.tekstvak-met-afbeelding {
	padding-top:100px;
	padding-bottom:100px;
}

.tekstvak-met-afbeelding h2 {
	margin-bottom:30px;
}

.tekstvak-met-afbeelding figure img {
	width:100%;
	height:auto;
}

/* == BLOG == */

.blog {
	padding-top:100px;
	padding-bottom:100px;
}

.blog-box figure {
	width:100%;
	height:300px;
}

a.blog-box-link {
	text-decoration: none;
}

.blog-box h4 {
	font-size:20px;
}

/* == DIENSTEN BLOKKEN == */

.diensten-blokken {
	padding-top:100px;
	padding-bottom:100px;
}

.diensten-icoon .icoon {
	height:150px;
	width:150px;
	border:1px solid rgba(183, 183, 183, 0.7);
	margin:0 auto;
	margin-bottom:50px;
}

.diensten-icoon .icoon i {
	font-size:60px;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

a.diensten-box-link {
	text-decoration: none;
}

.diensten-box-button {
	margin-top:50px;
}

.diensten-box {
	margin-bottom:70px;
}

/* == TEKSTVAK MET SIDEBAR == */

.tekstvak-met-sidebar {
	padding-top:100px;
	padding-bottom:50px;
}

.sidebar-container {
	border-left:1px solid rgba(183, 183, 183, 0.4);
}

.sidebar {
	width:90%;
	float:right;
}

.sidebar h4 {
	margin-bottom:20px;
}

.tekstvak-met-sidebar-button {
	margin-top:30px;
}

.sidebar-button {
	margin-top:30px;
}

.sidebar-button a {
	display: block;
}

/* == BLOG OVERZICHT == */

.blog-overzicht {
	padding-top:100px;
	padding-bottom:100px;
}

.blog-overzicht h3 {
	margin-bottom:30px;
}

.blog-overzicht .blog-box {
	margin-bottom:30px;
}

.blog-overzicht .blog-box figure {
	height:250px;
}

.blog-overzicht .blog-link {
	margin-top:30px;
}

/* == PARTNERS == */

.partners {
	padding-top:100px;
	padding-bottom:100px;
}

.partners h3 {
	margin-bottom:20px;
}

.partners ul {
	list-style-type:none;
	padding-left:0;
}

/* == CONTACT == */

.contact {
	padding-top:100px;
	padding-bottom:100px;
}

.contact h3 {
	margin-bottom:30px;
}

/* == BLOG ARTIKEL == */

.blog-artikel {
	padding-top:100px;
	padding-bottom:100px;
}

.blog-artikel figure img {
	width:100%;
	height:auto;
}

/* == FORM == */

form input, form textarea {
	width:100%!important;
}

form textarea {
	border:1px solid rgba(183, 183, 183, 0.7)!important;
}

form input {
	border:1px solid rgba(183, 183, 183, 0.7)!important;
	padding:15px;
}

/* == FOOTER == */

footer {
	color:#fff;
	padding-top:100px;
	padding-bottom:100px;
}

footer h3 {
	border-bottom:1px solid rgba(183, 183, 183, 0.7);
	padding-bottom:10px;
	margin-bottom:20px;
}

footer ul {
	list-style-type:none;
	padding-left:0;
}

footer a {
	color:#fff;
}

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

.footer-blog figure {
	width:10%;
	float:left;
	margin:0;
}

.footer-blog figure img {
	width:100%;
	height:auto;
}

.footer-blog .blog-titel {
	width:85%;
	float:right;
}

.footer-blog li {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}