/* Enqueued via index.php */

#kbe_container {
  background: #fff;
  width: initial;
  margin-top: 20px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

#kbe_container .kbe_footer {
  clear: both;
  text-align: center;
  margin: 10px 0;
}


/* Knowledgebase Home Page */

#kbe_container h1 {
  margin: 0 0 10px;
}

.kbe_categories {
  display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-evenly;
	-ms-flex-pack: justify;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-webkit-align-items: start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  margin: 10px 0;
}

.kbe_category {
  width: 300px;
  margin: 10px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

@media (max-width: 1199px){
  .kbe_category {
    width: 280px;
  }
}

#kbe_content .kbe_category h2 {
    padding-left: inherit;
    padding-bottom: inherit;
    margin-bottom: inherit;
    border-bottom: none;
}

#kbe_content .kbe_category span.switch {
    display: none;
}

.kbe_category .kbe_category_title {
    cursor: pointer;
}

.no_js .kbe_category .kbe_category_title {
    cursor: inherit;
}

.kbe_category .kbe_category_title .kbe_category_title_center {
    display: table;
    margin: 0 auto;
}

#kbe_content .kbe_category .kbe_category_title_text h2 {
    text-align: center;
}

#kbe_content .kbe_category .kbe_category_title_text h2 a {
    padding-top: 50px;
    padding-bottom: 50px;
}

#kbe_content .kbe_category .kbe_category_title_image+.kbe_category_title_text h2 a {
    padding-top: inherit;
    padding-bottom: inherit;
}

.kbe_category .kbe_category_title img {
    display: block;
    margin: 0 auto;
}

#kbe_content .kbe_category h2 a,
#kbe_content .kbe_child_category h3 a,
#kbe_content .kbe_child_category h4 a {
    width: auto;
}

#kbe_content .kbe_child_category h4 a {
    color: #73bb44;
}

#kbe_content .kbe_child_category h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
}

#kbe_content .kbe_category .kbe_child_category {
    list-style: none;
    margin: initial;
    width: auto;
    margin-top: 20px;
}

#kbe_content .kbe_category .kbe_child_category li {
    margin-bottom: 15px;
}

#kbe_content .kbe_category .kbe_child_category h3 {
    border-bottom: none;
}


/* Category/Article List Icons */

#kbe_container .kbe_widget li,
#kbe_container .kbe_articles li.kbe_child_category {
    background: none;
    padding-left: 0;
}

#kbe_container .kbe_widget .kbe_category_widget_icon,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon {
    position: relative;
    float: left;
} 

#kbe_container .kbe_widget .kbe_category_widget_icon:before,
#kbe_container .kbe_widget .kbe_category_widget_icon::before,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon:before,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/angle-right.svg) no-repeat;
    background-position: left top;
    background-size: 18px auto;
    transition: all .5s ease;
}

#kbe_container .kbe_widget li.expanded > .kbe_category_widget_icon:before,
#kbe_container .kbe_widget li.expanded > .kbe_category_widget_icon::before,
#kbe_container .kbe_articles li.kbe_child_category.expanded > .kbe_article_icon:before,
#kbe_container .kbe_articles li.kbe_child_category.expanded > .kbe_article_icon::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.kbe_category_widget ul ul,
.kbe_articles ul ul {
    display: none;
}

.kbe_category_widget .expanded > ul,
.kbe_articles .expanded > ul {
    display: block;
}


/* Knowledgebase Category Page */

.kbe_articles ul li {
    padding-left: 0;
}

.kbe_articles ul li a{
    padding-left: 30px;
}

.kbe_articles ul li.kbe_child_category > a{
    padding-left: 0;
}

#kbe_container .kbe_articles li.kbe_child_category ul {
    margin-left: 30px;
    
}

#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon:before,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon::before {
    width: 30px;
    height: 35px;
}

#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon:before,
#kbe_container .kbe_articles .kbe_child_category .kbe_article_icon::before {
    background-position: -2px 8px;
}

#kbe_container .kbe_articles li.kbe_child_category.expanded > .kbe_article_icon:before,
#kbe_container .kbe_articles li.kbe_child_category.expanded > .kbe_article_icon::before {
    left: -8px;
    top: 8px;
}


/* Category Widget */

#kbe_container .kbe_widget li ul {
    margin-left: 25px !important; /* !important to override ".kbe_widget ul" rules */ 
}

#kbe_container .kbe_widget .kbe_category_widget_icon,
#kbe_container .kbe_widget .kbe_category_widget_icon:before,
#kbe_container .kbe_widget .kbe_category_widget_icon::before {
    width: 25px;
    height: 25px;
}

#kbe_container .kbe_widget .kbe_category_widget_icon:before,
#kbe_container .kbe_widget .kbe_category_widget_icon::before {
    background-position: left 1px;
}

#kbe_container .kbe_widget li.expanded > .kbe_category_widget_icon:before,
#kbe_container .kbe_widget li.expanded > .kbe_category_widget_icon::before {
    left: -6px;
}

.kbe_category_widget ul ul {
    margin-top: 8px !important; /* !important to override ".kbe_widget ul" rules  */
}

.kbe_category_widget .is_ancestor > ul {
    display: block;
}

/* Search Bar & Ajax Results */

.kbe_search_field input[type=text] {
  width: 100%;
}

#search-result {
  width: 100%;
}

#search-result li {
    background: url(images/article.svg) no-repeat scroll left 16px top 25px rgb(255,255,255);
    background-size: 14px auto;
}

#search-result li.kbe_category_result {
    background: url(images/angle-right.svg) no-repeat scroll left 16px top 13px rgb(255,255,255);
    background-size: 18px auto;
}

#search-result li a {
    padding-left: 40px;
}

#search-result .result_title:after,
#search-result .result_title::after,
#search-result .result_category:after,
#search-result .result_category::after {
    content: "";
    display: block;
    white-space: pre;
}

#search-result .result_category {
    font-size: 12px;
    line-height: 16px;
}

#search-result .result_category:not(:last-child):after,
#search-result .result_category:not(:last-child)::after {
    margin-bottom: 5px;
}

/* Search Results Page */

#kbe_content .kbe_articles_search .result_category {
    font-size: 12px !important; /* !important to override "#kbe_content .kbe_leftcol .kbe_articles_search ul li span" rules */
    line-height: 16px;
}

#kbe_content .kbe_articles_search .result_category:not(:last-child) {
    margin-bottom: 5px;
}

#kbe_content .kbe_articles_search li {
    background: url(images/article.svg) no-repeat left 4px top 22px;
    background-size: 14px auto;
    padding-bottom: 14px;
    padding-left: 0;
}

#kbe_content .kbe_articles_search li a {
    display: block;
    padding-left: 30px;
}

#kbe_content .kbe_articles_search li.kbe_category_result {
    background: url(images/angle-right.svg) no-repeat left 6px top 10px;
    background-size: 18px auto;
    padding-bottom: 14px;
}

/* Breadcrumbs */

.kbe_breadcrum {
    margin-bottom: 15px;
}

.kbe_breadcrum .kbe_breadcrum_run {
    float: none;
    display: block;
    padding: 0;
}

.kbe_breadcrum .kbe_breadcrum_run ul {
    display: inline-block;
}