/* Very Simple Knowledge Base stylesheet */

/* Link styles */
#vskb-four a, #vskb-three a, #vskb-two a, #vskb-one a {text-decoration:none;}
#vskb-four a:hover, #vskb-three a:hover, #vskb-two a:hover, #vskb-one a:hover {text-decoration:none;}

/* Remove border bottom from links in Twenty Fifteen and Twenty Sixteen */
#vskb-four a, #vskb-three a, #vskb-two a, #vskb-one a {border-bottom:0; box-shadow:none;}

/* Paragraph tag */
#vskb-four p, #vskb-three p, #vskb-two p, #vskb-one p {margin:0 0 10px; padding:0;}

/* Category image */
.vskb-cat-image {max-width:100%; clear:both; height:auto; margin:0 0 10px; padding:0; border:0;}

/* Category description */
.vskb-cat-description {clear:both;}

/* Category and post name */
.vskb-cat-name {list-style:none; margin:0 0 10px; padding:0 0 10px; font-size:1.2em; line-height:1.2em; font-weight:bold; border-bottom:1px solid #333;}
.vskb-post-name {margin:0 0 0 20px; padding:0; border:0;}

/* Post count */
.vskb-post-count {font-weight:normal;}

/* Post meta */
.vskb-post-meta {list-style:none; margin:0 0 0 20px; padding:0; border:0; font-size:0.8em;}
.vskb-post-meta-date {}
.vskb-post-meta-author {}
.vskb-post-meta-sep {}

/* Four columns */
#vskb-four {width:100%; clear:both; float:left;}
#vskb-four .vskb-cat-list {width:23.5%; margin:0 2% 20px 0; padding:0; float:left; background:none;}
#vskb-four ul:nth-of-type(4n+1) {clear:left;}
#vskb-four ul:nth-of-type(4n+4) {margin:0 0 20px 0;}

/* Three columns */
#vskb-three {width:100%; clear:both; float:left;}
#vskb-three .vskb-cat-list {width:32%; margin:0 2% 20px 0; padding:0; float:left; background:none;}
#vskb-three ul:nth-of-type(3n+1) {clear:left;}
#vskb-three ul:nth-of-type(3n+3) {margin:0 0 20px 0;}

/* Two columns */
#vskb-two {width:100%; clear:both; float:left;}
#vskb-two .vskb-cat-list {width:48%; margin:0 4% 20px 0; padding:0; float:left; background:none;}
#vskb-two ul:nth-of-type(2n+1) {clear:left;}
#vskb-two ul:nth-of-type(2n+2) {margin:0 0 20px 0;}

/* One column */
#vskb-one {width:100%; clear:both; float:left;}
#vskb-one .vskb-cat-list {width:100%; margin:0 0 20px 0; padding:0; float:left; background:none;}

/* Widget wrapper */
.vskb-widget {}
.vskb-widget:after {content:''; display:block; height:0; clear:both;}

/* Widget text */
.vskb-widget-text {clear:both;}

/* Change ul and li markup in Twenty Seventeen widget */
.vskb-widget .vskb-cat-list {list-style:inherit;}
.vskb-widget .vskb-post-name {margin:0 0 0 20px; padding:0; border-top:0; border-bottom:0;}
.vskb-widget .vskb-post-meta {margin:0 0 0 20px; padding:0; border-top:0; border-bottom:0;}

/* Mobile */
@media screen and (max-width:767px) { 
	/* Four columns */
	#vskb-four ul:nth-of-type(4n+1) {clear:none;}
	#vskb-four ul:nth-of-type(4n+4) {margin:0 4% 10px 0;}
	#vskb-four ul:nth-of-type(2n+1) {clear:left;}
	#vskb-four ul:nth-of-type(2n+2) {margin:0 0 10px 0;}
	#vskb-four .vskb-cat-list {width:48%; margin:0 4% 10px 0;}

	/* Three columns */
	#vskb-three ul:nth-of-type(3n+1) {clear:none;}
	#vskb-three ul:nth-of-type(3n+3) {margin:0 4% 10px 0;}
	#vskb-three ul:nth-of-type(2n+1) {clear:left;}
	#vskb-three ul:nth-of-type(2n+2) {margin:0 0 10px 0;}
	#vskb-three .vskb-cat-list {width:48%; margin:0 4% 10px 0;}

	/* Two columns */
	#vskb-two .vskb-cat-list {margin:0 4% 10px 0;}

	/* One column */
	#vskb-one .vskb-cat-list {margin:0 0 10px;}
}
