/*
Welkom bij aangepast CSS.

Om te zien hoe CSS in elkaar steekt, ga je naar http://wp.me/PEmnE-Bt
*/
body {background: url(https://maanisch.com/wp-content/uploads/2016/08/pattern.jpg) repeat top center!important;
background-size: cover;}

#wrapper #page {
    margin-top: -60px;
}

article {
    max-width: 90%;
    margin: 0 auto;
}

.search-expand,
#nav-topbar.nav-container { background-color: #cc3366; }
@media only screen and (min-width: 720px) {
	#nav-topbar .nav ul { background-color: #cc3366; }
}

.col-3cm .main {
	background: url(https://maanisch.com/wp-content/themes/hueman-child-theme-best/assets/front/img/sidebar/s-right-s2.png) repeat-y right 0;
}

.col-3cm .main-inner {
	background: url(https://maanisch.com/wp-content/themes/hueman-child-theme-best/assets/front/img/sidebar/s-left.png) repeat-y left 0;
	padding-left: 340px;
	padding-right: 260px;
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 480px) and (max-width: 1200px) {
	.s2-expand .s2 {
		background: none;
		background-color: #ff66ff;
	}
	
	/* s2 3 column, content middle */
	.col-3cm .main {
		background: url(https://maanisch.com/wp-content/themes/hueman-child-theme-best/assets/front/img/sidebar/s-right-collapse.png) repeat-y right;
	}
	
	.col-3cm .main-inner {
		padding-right: 50px;
	}
	
	.col-3cm .s2 {
		margin-right: -50px;
	}
	
	.col-3cm.s2-expand .s2 {
		right: 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
	.s1-expand .s1 {
		background: none;
		background-color: #ffcc33;
	}
	
	.col-3cm.s1-expand .s1 .icon-sidebar-toggle:before,
			.col-3cr.s1-expand .s1 .icon-sidebar-toggle:before {
		content: "\f100";
	}
	
	/* 3 column, content middle */
	.col-3cm .main-inner {
		background-position: -290px 0 !important;
		padding-left: 50px;
	}
	
	.col-3cm .s1 {
		margin-left: -50px;
	}
	
	.col-3cm .s2 {
		margin-right: -50px;
	}
	
	.col-3cm.s1-expand .s1 {
		left: 0;
	}
	
	.col-3cm.s2-expand .s2 {
		right: 0;
	}
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.sidebar {
		background: none;
		background-color: transparent;
	}
	
	.s1 {
		background: none;
		background-color: #ffcc33;
	}
	
	.s2 {
		background: none;
		background-color: #ff66ff;
	}
}