/* GLOBAL */
#container {
	background: #fff; 
}
div.cleaner, div.clear, div.divider {
	height:0;
}
#main {
	padding-bottom: 0;
	padding-top: 68px; 
}
#dynamic-to-top {
	top: 64px !important; 
	font-size: 4.2em !important; 
}
#dynamic-to-top:hover {
    color: #ff5c00;
}
::selection {
    background: #ff5c00;
    color: #fff;
}

/* HEADER */
header {
	background: #f17316; 
	border-bottom: 1px solid #f1f1f1; 
	box-shadow: 0 1px 6px #f1f1f1; 
	left: 0; position: fixed; 
	top: 0; 
	width: 100%; 
	z-index: 999;
}
#logo h1 {
	padding: 0; 
	width: 125px;
}
#logo h1 a {
	background: url('https://www.koobits.com/wp-content/uploads/2020/05/k20logw.min_.png') transparent 0 15px no-repeat !important; 
	background-size: 80% !important;
	height: auto !important; 
	padding: 12px 55px; 
	float: left;
}
.header-tagline {
	color: #fff; 
	font-size: 13px; 
	font-weight: normal; 
	margin: 0; 
	padding: 24px 0 0; 
	line-height: 1.6em;
}
.navheader {
	margin: 0; 
	width: auto;
}
.h-menu {
    float: left;
}
.h-menux ul li {
	float: left;
    padding: 0;
}
.h-menux ul li a {
    border-bottom: 1px solid #ffa100; 
	color: #fff;
	display: block; 
	font-family: Roboto, sans-serif;
	font-size: 16px; 
	padding: 27px 20px; 
}
.h-menux ul li a:hover {
	background: #ffa100; 
	border-color: #fff; 
	text-decoration: none; 
}
.navheader a#headLogin {
	background: #fff; 
	border: 1px solid #ffa100; 
	box-shadow: none; 
	border-radius: 3px; 
	color: #ffa100; 
	float: right; 
	font-family: Roboto, sans-serif;
	font-size: 16px; 
	font-weight: 400; 
	margin: 20px 0 0 24px; 
	padding: 6px 27px; 
	text-transform: uppercase;
}
.navheader a#headLogin:hover {
	background: #ffa100; 
	border-color: #fff; 
	color: #fff;
}
/* SCROLL EFFECT */
header.tiny #logo h1 a {
	background-position: 0 2px !important;
	padding: 9px 55px; 
}
header.tiny #logo h1 {
	line-height: 0.6em; 
}
header.tiny .header-tagline {
	padding-top: 11px; 
}
header.tiny .h-menux ul li a {
	padding: 15px 20px;
	transition-duration: .5s; 
	-webkit-transition-duration: .5s; 
}
header.tiny .navheader a#headLogin {
	margin-top: 9px; 
}
/* MAIN */
div.wrapper-main {
}
div.wrapper-content {
	padding: 0;
}
div.single-post #content {
}
.full-width .post-content {
	margin: 0; 
	max-width: 100%;
}
h1.title {
	font-size: 32px; 
	line-height: 1.2em;
    margin: .75em 0;
	text-transform: capitalize; 
}
header.fyre-comment-head {
	border: inherit;
    box-shadow: inherit;
    left: inherit;
    position: inherit;
    right: inherit;
    width: inherit;
    z-index: inherit;
}
/* SIDEBAR */
aside {
	margin-top: 32px; 
}
aside .search-form {
	background: transparent;
    margin-top: 12px;
	width: auto;
}
aside #setop {
    margin: 9px 5px;
	padding: 5px 12px; 
	max-width: 180px;
}
aside #searchsubmittop {
	right: 9px; 
}
aside div#categories-2 li {
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1.8em; 
	list-style-type: disc; 
}
aside ul li a {
	color: #515151; 
}
/* FOOTER */
.kb15-explore {
	background: #555; 
	margin: 0; 
	padding: 32px 0;
	text-align: left; 
}
.kb15-explore h3 {
	color: #fff; 
	font-family: Roboto, sans-serif; 
	font-size: 32px; 
	font-weight: 300; 
	line-height: 1.6em; 
	margin: 0 auto; 
	text-align: left; 
	text-transform: uppercase; 
	max-width: 960px;
}
.kb15-explore li strong {
	color: #ff8400; 
	font-family: Roboto, sans-serif; 
	font-size: 16px; 
	font-weight: 400; 
	line-height: 1.6em; 
	text-transform: uppercase;
}
.kb15-explore ul.kb15-xp {
	margin: 24px auto 0; 
	overflow: auto; 
	max-width: 960px;
}
.kb15-explore ul.kb15-xp li {
	border: 0; 
	color: #b6b6b6; 
	float: left; 
	font-size: 12px; 
	list-style: outside none; 
	margin: 0px 1%; 
	padding: 12px 0; 
	width: 22.5%;
}
.kb15-explore ul.kb15-xp li.kb15-xpx {
	margin-right: 3%; 
	width: 45%;
}
.kb15-explore li.kb15-xpx li {
	padding: 6px 0; 
	width: 100%;
}
.kb15-explore li.kb15-xpx ul.posts-side p.postmetadata {
	
}
.kb15-explore li a{
	color: #b6b6b6; 
	font-size: 14px; 
	line-height: 1.6em; 
}
.kb15-explore li a:hover {
	color: #fff; 
	text-decoration:underline;
}
.kb15-explore li.kb15-xpx a {
	color: #fff; 
	font-size: 14px;
	line-height: 1.2em; 
}
.kb15-explore li.kb15-xpx a:hover {
	color: #fff; 
	text-decoration: underline;
}
.kb15-explore li.kb15-xpx li img {
	border: 1px solid #b6b6b6; 
	margin: 0;
}
.kb15-explore li.kb15-xpx a:hover img {
	border-color: #fff; 
}
.kb15-explore li.kb15-xpx ul {
	margin: 0;
}
.kb15-explore li.kb15-xpx ul.posts-side h2.title {
	font-weight: 400; 
	line-height: 1.2em; 
}
.kb15-explore li.kb15-xpx ul.posts-side div.cover {
	margin-top: 0;
}
footer {
	background: #555; 
	padding: 0 0 42px;
}
footer div.wrapper {
	border-top: 1px solid #b6b6b6;
	padding: 0; 
	max-width: 960px;
}
footer div.column {
	margin: 0 12px; 
}
footer div.column a {
	color: #b6b6b6; 
	font-size: 14px; 
}
footer div.column a:hover {
	color: #fff; 
	text-decoration: underline; 
}
footer p.copyright {
	color: #b6b6b6; 
	float: right; 
	font-size: 14px;
	margin: 8px 0;
}
/* RESPONSIVE */
@media screen and (max-width: 1020px) {
	div.wrapper-main {
		padding: 0; 
	}
	div.single-post #content {
		margin-left: 2%; 
		width: 68%; 
	}
	.post-content img.alignnone, .post-content img.aligncenter, .post-content img.alignleft, .post-content img.alignright {
		max-width:480px; 
		height: auto;
	}
}
@media screen and (max-width: 959px) {
	header, footer {
		padding-left: 2%; 
		padding-right: 2%; 
		width: 96%; 
	}
	div.wrapper {
		padding: 0; 
		width: 100%; 
	}
	#logo {
		width: 100%; 
	}
	.h-menux ul li a, header.tiny .h-menux ul li a {
		border: 0; 
		padding-left: 5%; 
		padding-right: 5%; 
	}
	div.navheader {
		padding-right: 2%; 
	}
	.kb15-explore h3 {
		padding-left: 9px;
	}
	.kb15-explore ul.kb15-xp {
		padding-left: 2%; 
		padding-right: 2%; 
		width: 96%; 
	}
	.fyre .fyre-comment-footer {
		width: auto; 
	}
}
@media screen and (max-width: 800px) {
	.header-tagline {
		display: none; 
	}
	.h-menux ul li a, header.tiny .h-menux ul li a {
		padding-left: 12%; 
		padding-right: 12%; 
	}
	div.single-post #content {
		width: 65%; 
	}
	.post-content img.alignnone, .post-content img.aligncenter, .post-content img.alignleft, .post-content img.alignright {
		max-width: 100%; 
	}
}
@media screen and (max-width: 767px) {
	div.single-post #content {
		width: 60%; 
	}
	#logo {
		width: 420px; 
	}
	#logo h1 {
		float: none; 
		margin: 0 auto; 
	}
	header.tiny #logo h1 {
		line-height: 40px;
	}
	#logo h1 a {
		float: none; 
	}
	header.tiny #logo h1 a {
		background-position: 0 12px !important;
	}
	div.navheader {
		float: none; 
		margin: 0 auto; 
		padding: 0; 
		position: relative; 
		right: auto; 
		max-width: 420px; 
	}
	header.tiny .navheader {
		margin-top: 0;
	}
	.h-menu {
		float: none; 
		min-height: 32px; 
		max-width: 420px;
	}
	.h-menux ul li, header.tiny .h-menux ul li {
		width: 20%; 
	}
	.h-menux ul li a, header.tiny .h-menux ul li a {
		padding: 8% 0;
	}
	.navheader a#headLogin, header.tiny .navheader a#headLogin {
		float: none; 
		font-size: 15px; 
		margin: 0; 
		padding: 3px 6px; 
		position: absolute; 
		right: 12px; 
		top: -32px; 
	}
}
@media screen and (max-width: 640px) {
	div.single-post #content, aside {
		width: 95%; 
	}
	aside div.search-form {
		display: inline;
	}
	aside p.title {
		padding-left: 12px; 
	}
	.post-content {
		padding-right: 9px; 
	}
}
@media screen and (max-width: 479px) {
	div.single-post #content, aside {
		width: 92%; 
	}
	#logo, div.navheader {
		width: 360px; 
	}
	#logo h1, header.tiny #logo h1 {
		line-height: .75em; 
	}
	#logo h1 a, header.tiny #logo h1 a {
		background-size: 80% !important;
		padding: 0 35px; 
		background-position: 0 12px !important; 
	}
	.h-menu {
		max-width: 360px; 
	}
	.h-menux ul li a, header.tiny .h-menux ul li a {
		font-size: 12px; 
		padding: 11% 0; 
	}
	.navheader a#headLogin, header.tiny .navheader a#headLogin {
		top: -19px; 
	}
	.kb15-explore ul.kb15-xp li.kb15-xpx {
		width: 96%; 
	}
	footer div.column, footer p.copyright {
		margin: 0 1%; 
		width: 30%; 
	}
	div.post-actions div.column {
		width: 100%; 
	}
}
@media screen and (max-width: 419px) {
	#logo, div.navheader, .h-menu {
		max-width: 100%;
	}
	.navheader a#headLogin {

	}
	.h-menux ul li {
		width: 20%; 
	}
	.kb15-explore ul.kb15-xp li {
		width: 48%; 
	}
	.kb15-explore ul.kb15-xp li.kb15-xpx {
		width: 96%; 
	}
	.kb15-explore ul.kb15-xp li.kb15-xpx li {
		width: 100%; 
	}
}
@media screen and (max-width: 320px) {
	.kb15-hb a {
		font-size: 1.6em; 
		padding: 9% 12%; 
		width: 60%; 
	}
	.kb15-explore ul.kb15-xp li, footer div.column, footer p.copyright {
		width: 98%; 
	}
}