/********************************************************

		Code for Kunena
		
********************************************************/


/*************** 		COLORS 		****************/


#kunena h2, #kunena h2 > a, span.icon {
color: #428bca;
}

#kunena h2 > a:hover, #kunena h2 > a:hover span {
color: #428bca;
}

#kunena h3, #kunena h3 > a {
color:#428bca;
}

#kunena h3 > a:hover {
color:#428bca;
text-decoration:none;
}

#kunena a {
color:#428bca;
}

#kunena a:hover {
color:#428bca;
}

#kunena a.btn-primary, #kunena a.btn-primary:hover, #kunena a.btn-success, #kunena a.btn-success:hover,
#kunena a.btn-info, #kunena a.btn-info:hover, #kunena a.btn-warning, #kunena a.btn-warning:hover,
#kunena a.btn-danger, #kunena a.btn-danger:hover,
.btn-primary span.icon {
color:#fff;
}

#kunena a.label, #kunena a.badge {
color:#fff;
}

#kunena a, #kunena a:hover {
transition:none;
}

/***********************			Title H1												***************************/

#kunena.layout h1, #kunena.layout .js-forum-head {
background: #354159 ;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15) inset;
color: #fff;
line-height: 50px;
font-size:20px;
margin: 0;
padding: 0 18px;
border:none;
}

#kunena.layout .js-forum-head {
position:relative;
border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}

#kunena.layout .js-forum-head h1 {
box-shadow:none;
padding:0;
}

#kunena h1, #kunena h1 > a, #kunena.layout h1 small {
color:#fff;
}

#kunena h1 > a:hover {
color:#fff;
}

#kunena.layout h1 > .icon-topic {
color:#fff;
font-size: 20px;
margin-right: 16px;
margin-top: 16px;
}

#kunena h1.pull-left {
float:none !important;
}

#kunena.layout h1 small {
font-size: 14.25px;
margin: 0 8px;
}

#kunena.layout .js-forum-head .header-desc {
position:relative;
font-size:14px;
line-height:26px;
padding:0 0 10px 0;
font-weight:bold;
}

#kunena.layout .js-forum-head .btn-toolbar.pull-right {
float:none;
position:absolute;
right:2px;
top:-5px;
z-index:10;
}

/*************				*****/

#kunena.layout > form, #kunena.layout > h2, #kunena.layout > .clearfix {
margin:20px 0;
}

#kunena .kfrontend {
position: relative;
background-color: rgba(255,255,255,0.14);
clear: both;
margin: 20px 0;
}

#kunena.layout .kfrontend .section {
margin-bottom: 40px;
}

#kunena h2 {
background: rgba(0, 0, 0, 0.05) ;
border: 1px solid #d5d5d5;
box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05) inset;
line-height: 50px;
font-size:20px;
margin: 0;
padding: 0 15px;
}

#kunena h2.pull-right, #kunena .pull-right > h2 {
background: transparent ;
border:none;
box-shadow: none;
line-height: inherit;
font-size:14px;
margin: 0;
padding: 0;
}

#kunena .kfrontend > h2 {
padding: 3px 15px 0 20px;
}

#kunena h2:hover {
text-decoration:none;
}

#kunena .kfrontend > h2 span.icon {
margin: 0 16px 0 0;
}

#kunena.layout > .pull-right > .btn {
background: #bbb ;
box-shadow:none;
color: #fff;
font-size: 12px;
line-height: 24px;
margin: 13px 11px 0 0;
padding: 0 7px;
}

#kunena.layout > .pull-right > .btn:hover {
background:	#aaa;
}

#kunena .kfrontend h1 + div table {
background: transparent ;
border-top:none;
}

#kunena .kfrontend h2 + div {
background: transparent ;
border: 1px solid #d5d5d5;
border-top:none;
padding: 15px;
}


/**			Big icons on the left side of title widget		**/



/**		move folder icons in Category 		**/
#kunena.layout [class*="category"] i.icon-big {
margin-top: 20px;
}

/*******************************************************************

		Main Forum

*********************************************************************/

#kunena.layout .table {
float: none;
}

#kunena .table, #kunena .table-bordered {
border: 2px solid #fff;
box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.1);
margin: 20px 0;
}

#kunena .kfrontend .table {
margin:0;
}

#kunena.layout .kfrontend .table td {
padding: 10px 16px;
}

#kunena .table > thead > tr > th, #kunena .table > thead > tr > td,
#kunena .table > tbody > tr > th, #kunena .table > tbody > tr > td,
#kunena .table > tfoot > tr > th, #kunena .table > tfoot > tr > td {
border: 1px solid #d5d5d5;
}

#kunena .table thead .header-desc {
padding:13px 0;
}

#kunena.layout #ktopicsform {
clear:both;
margin-top:20px;
}

#ktopicsform ul.inline li a {
margin-right:8px;
}

/**		border color for new category 		**/

#kunena .table > tbody > tr > td.js-knewchar {
border-left:3px solid #48a348;
}

/***************** 		Background color inside each part 			****************/

#kunena .table, #kunena .table-bordered,
#kunena.layout .pagination ul > li > a, #kunena.layout .pagination ul > li > span,
#kunena.layout .search-query {
background-color: rgba(0,0,0,0.05);
}

/*****************		Breadcrumb			***************/

/**		remove the home icon before the breadcrumb from JoomSpirit template 		**/
#kunena .breadcrumb li:first-child::before {
content: "";
width: 0;
}

#kunena.layout .breadcrumb {
position:relative;
background: #f5f5f5 ;
border: 1px solid #d5d5d5;
margin: 20px 0;
padding: 6px 10px;
}

#kunena.layout .breadcrumb li {
line-height:26px;
}

#kunena.layout .breadcrumb .icon-home {
margin-left: -4px;
}

#kunena.layout .breadcrumb li a, #kunena.layout .breadcrumb span.icon {
color: #555;
}
	
#kunena.layout .breadcrumb li.active, #kunena.layout .breadcrumb li.active a {
color: #3a87ad;
}

@media screen and (min-width: 980px) {
	
	#kunena.layout .breadcrumb {
	padding:0;
	}
	
	#kunena.layout .breadcrumb .icon-home {
	margin: 0 10px 0 -5px;
	}
	
	#kunena.layout .breadcrumb li {
	position: relative;
	display:inline-block;
	font-size: 100%;
	line-height: 44px;
	margin: 0 0 -1px 0;
	padding: 0 15px 0 22px;
	border-bottom:1px solid #d5d5d5;
	}
	
	#kunena.layout .breadcrumb li a {
	color: #555;
	}
	
	#kunena.layout .breadcrumb li.active {
	background: #f1f6fc;
	color: #3a87ad;
	}
	
	#kunena.layout .breadcrumb li.active a, #kunena.layout .breadcrumb li a:hover {
	color: #3a87ad;
	text-decoration:none;
	}
	
	#kunena.layout .breadcrumb li.divider {
	position:relative;
	padding:0;
	}
	
	#kunena.layout .breadcrumb li .icon-chevron-right {
	position:absolute;
	top:-29px;
	right:-14px;
	display:block;
	background:transparent;
	border:23px solid transparent;
	border-right:0;
	border-left:14px solid rgba(0,0,0,0.10);
	z-index:20;
	height:auto;
	margin:0;
	width:auto;
	}
	
	#kunena.layout .breadcrumb li .icon-chevron-right:before {
	position:absolute;
	top:-24px;
	right:2px;
	display:block;
	border:24px solid transparent;
	border-right:0;
	border-left:13px solid #f5f5f5;
	content:"";
	}
	
	#kunena.layout .breadcrumb li.active + li .icon-chevron-right:before {
	border-left-color: #f1f6fc;
	}

}

/*************		Navbar 							*******************/

#kunena.layout .navbar {
position: relative;
margin: 0 0 15px 0;
}

.navbar-inner::before, .navbar-inner::after {
content: "";
display: table;
line-height: 0;
}

.navbar-inner::after {
clear: both;
}

#kunena .navbar .nav {
position: relative;
display: block;
left: 0;
margin: 0 10px 0 0;
padding:0;
}

#kunena .navbar .nav.pull-right > li:first-child > a {
border-radius: 0 4px 4px 0;
}

/*** 		SEARCH  		**/

#kunena.layout #search > h2 {
background: rgba(0, 0, 0, 0.05) ;
border: 1px solid #d5d5d5;
box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05) inset;
line-height: 50px;
font-size:20px;
margin: 0;
padding: 0 15px;
}

#kunena label > input {
margin-left:6px;
}

#kunena.layout select#mode {
margin-left: 0;
}

#kunena #search fieldset {
margin-bottom:30px;
}

#kunena #search .form-control {
width:90%;
margin:10px 0;
}

#kunena #search label {
display:block;
}

#kunena.layout .btn-toolbar .btn.btn-small, #kunena.layout #search .btn.btn-small, #kunena.layout #search .btn.btn-small.pull-right {
background: #fff;
border-radius:4px;
border:1px solid #ccc;
padding:5px 9px;
margin:10px 10px 0 0;
line-height:18px;
font-size:14px;
}

#kunena.layout .btn-toolbar .btn.btn-small:hover, #kunena.layout #search .btn.btn-small:hover {
box-shadow: -1px -1px 3px rgba(0,0,0,0.25) inset;
}

#kunena.layout .btn-toolbar .btn.btn-small:active, #kunena.layout #search .btn.btn-small:active {
box-shadow: 1px 1px 3px rgba(0,0,0,0.25) inset;
}

/***	search calendar 		**/

#kunena #search #searchatdate .input-group-addon {
display:inline-block;
margin-left: -1px;
padding: 10px;
width: auto;
background:rgba(255,255,255,0.4);
border:1px solid rgba(0,0,0,0.16);
}

/****		Members section 		**/

#kwho > div > ul > div {
margin:8px 0;
}

#kwho span.kwho-admin, #kwho span.kwho-globalmoderator, #kwho span.kwho-moderator,
#kwho span.kwho-banned, #kwho span.kwho-blocked, #kwho span.kwho-user,
#kwho span.kwho-guest {
display:inline-block;
margin-right:0 7px;
}

.kwho-admin .icon-user {
color: #ff0000;
}
.kwho-globalmoderator .icon-user {
color: #800000;
}
.kwho-moderator .icon-user {
color: #0000ff;
}
.kwho-banned .icon-user, .kwho-blocked .icon-user {
color: #a39d49;
}
.kwho-user .icon-user {
color: #5388b4;
}
.kwho-guest .icon-user {
color: #666666;
}


/**  	center button 		**/

#kunena .center button {
margin: 30px 6px;
}


/************************************************************************

		Profile
		
**************************************************************************/

#kunena a.btn > i {
font-size:15px;
vertical-align:middle;
margin-right:4px;
}

#kunena a.btn > i.icon-envelope {
font-size:24px;
}

/************************************************************************

		User edit
		
**************************************************************************/

div#KunenaUserEdit {
margin-top:30px;
}

/**		H2 title 		**/

#kunena.layout > h2 > .btn.pull-right {
margin: 9px 0 0 0 ;
padding:0 7px;
font-size:13px;
}


/*************		Navbar 							*******************/

#kunena .navbar {
position: relative;
margin: 0 0 20px 0;
}

#kunena ul.nav.nav-tabs, #kunena .navbar-inner {
background-color: rgba(0,0,0,0.03);
border: 1px solid rgba(0,0,0,0.12);
box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05) inset;
border-radius:4px;
padding:0;
margin-bottom:30px;
}

#kunena ul.nav.nav-tabs::before, #kunena ul.nav.nav-tabs::after {
content: "";
display: table;
line-height: 0;
}

#kunena ul.nav.nav-tabs::after {
clear: both;
}

#kunena ul.nav.nav-tabs li, #kunena .navbar .nav li {
float: left;
margin:0 1px 0 0;
}

#kunena ul.nav.nav-tabs li > a, #kunena.layout .navbar .nav > li > a {
border-radius: 0;
border:none;
color: #444444;
display: block;
line-height: 50px;
padding: 0 15px;
margin:0 0 -1px 0;
transition:none;
}

#kunena.layout .navbar .nav.pull-right > li > a {
border-right:none;
border-left:1px solid rgba(0, 0, 0, 0.14);
}

#kunena ul.nav.nav-tabs li:first-child > a, #kunena .navbar .nav li:first-child > a {
border-radius:4px 0 0 4px;
}

#kunena ul.nav.nav-tabs a:hover, #kunena ul.nav.nav-tabs a:focus, ul#KunenaUserEdit .active > a,
#kunena ul.nav.nav-tabs .active > a,
#kunena.layout .navbar ul[class="nav"] > li > a:hover, #kunena.layout .navbar ul[class="nav"] > li > a:focus,
#kunena.layout .navbar ul[class="nav"] > li.active > a {
background: #354159 ;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15) inset;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
border:none;
}




/**		search in category		**/

#kunena #search select#categorylist {
width:90%;
}

/************************		Topics 															****************************/

#kunena.layout > #history {
margin:40px 20px;
}

#kunena.layout .message {
margin: 40px 0;
padding: 50px 20px;
border: 2px solid #fff;
box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.1);
}

/**		avatar if not circle 		**/

#kunena.layout .profilebox .img-normal, #kunena.layout .profilebox .img-polaroid, #kunena.layout .profilebox .img-rounded {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
padding: 3px;
}

/**		small pagination in topics	**/

#kunena.layout .pagination ul {
box-shadow:none;
}

#kunena.layout .pagination ul > li {
display:inline-block;
}

#kunena.layout .pagination-small li {
margin-right:3px;
}

.kmessage-thankyou {
margin:10px 0 14px 0;
font-size:90%;
}

#kunena.layout .ksig {
margin:28px 0 3px 0;
min-height:0;
}

#kunena.layout .ksig hr {
display: block;
border-top: 1px dotted rgba(0, 0, 0, 0.2);
margin: 0 0 7px 0;
}

#kunena.layout .ksignature {
margin:0;
font-style:italic;
font-size:90%;
}



/************************			Wysiwyg editor 												***************************/

#kbbcode-preview-real div {
clear:both;
}

#kunena.layout .markItUpEditor {
min-height:200px;
padding:20px;
margin:20px 0;
}

#kunena.layout .markItUpHeader ul li {
padding:5px;
height:17px;
margin-bottom:12px;
}

#kunena.layout .markItUpHeader ul .markItUpSeparator {
height: 17px;
margin:0 8px 0 12px;
}


/***		Profilebox 		**/

#kunena.layout .profilebox li {
margin-bottom:12px;
}


/***		recent posts 		**/

#kunena.layout .viewsnum, #kunena.layout .repliesnum {
float: none;
margin-left: 5px;
}

/**		Others 		**/

#kunena .row-fluid {
box-sizing: border-box;
}

#kunena .pull-right + h2 {
clear:none;
}

#kunena input[type="radio"], #kunena input[type="checkbox"] {
margin: 4px 8px 0 0;
}

#kunena .input-append i, #kunena .input-prepend i {
font-size:14px;
}

.main_component #kunena img {
background: transparent;
border-radius: 0;
border:none;
box-shadow:none;
margin: 0;
padding: 0;
}

.no-bg .btn {
background-color: transparent;
box-shadow: none;
}

#kunena h3 {
clear:both;
}

#kunena .table > thead > tr > th, #kunena .table > tbody > tr > th,
#kunena .table > tfoot > tr > th, #kunena .table > thead > tr > td,
#kunena .table > tbody > tr > td, #kunena .table > tfoot > tr > td {
vertical-align: middle;
}

#kunena.layout h2 form {
font-size:14px;
}

#kunena .input-append .add-on, #kunena .input-append .btn, #kunena .input-append .btn-group > .dropdown-toggle,
#kunena .input-prepend .add-on, #kunena .input-prepend .btn, #kunena .input-prepend .btn-group > .dropdown-toggle {
vertical-align: middle;
}

#kunena .collapse {
overflow: initial;
}

#kunena .alert.kfrontend h1 {
border:none;
}

#kunena.layout #topic-actions {
margin: 20px 0;
}

#topic-actions .btn-group {
margin-right:8px;
}

#kunena.layout form#jumpto {
margin: 30px 0;
}

#kunena [class^="icon-"], #kunena [class*=" icon-"] {
background:transparent;
}

#kunena .pull-left.thumbnail {
margin-right:12px;
}

#kunena .table-condensed > thead > tr > th, #kunena .table-condensed > tbody > tr > th, #kunena .table-condensed > tfoot > tr > th,
#kunena .table-condensed > thead > tr > td, #kunena .table-condensed > tbody > tr > td, #kunena .table-condensed > tfoot > tr > td {
padding: 10px;
}

/**		size big icons  	**/

#kunena.layout .fa-big, #kunena.layout .icon-big {
font-size:24px;
}

/**		Thumbnails 		**/

#kunena .thumbnails a img {
height:auto !important;
max-height:none !important;
width:auto !important;
}

#kunena .thumbnails a.btn {
background:transparent;
margin:0;
padding:0;
box-shadow:none;
}

/**		dropdown login box 		**/

#kunena .caret {
vertical-align:middle;
}

#kunena .dropdown-menu {
left:initial;
right:0;
}




@media screen and (max-width: 979px) {
	
	#kunena.layout .navbar .nav {
    padding: 5px 0;
    }
    
    #kunena.layout .mobile-user {
    margin-top: 0 !important;
	}

	#kunena.layout .navbar .navbar-inner .nav.pull-right {
    float: none;
    left: auto;
    position: absolute;
    right: -12px;
    top: -8px;
    width: auto;
	}
	
	/**		Messages 		**/
	
	#kunena.layout .message {
    padding: 25px 20px 0 20px;
	}
	
	#kunena.layout .message > .span2 {
	padding-bottom:20px;
	}
	
	#kunena.layout [class*="badger-left"] {
	clear:both;
	}
	
	.message-published small.text-muted {
	margin-bottom:20px;
	}
	
	#kunena .btn-toolbar .btn {
	margin-top:5px;
	margin-bottom:5px;
	}
	

}