a.link-color {
  color: #34b6d7;
}
a.link-color:hover {
  color: #34b6d7;
}
.link-color svg {
  fill: #34b6d7;
}
.link-color:hover svg {
  fill: #34b6d7;
}
.show-more {
  background-color: #34b6d7;
}
.search-bg-color {
  background-color: #8f5de7;
}
.header-text-color * {
  color: #ffffff;
}
.header-bg-color {
  background-color: #8353e3;
}
.bg-color {
  background-color: #ffffff;
}
.page-text-color {
  color: #342768;
}
.logged-in .login-link,
.logged-out .logout-link {
  display: none
}
a.link-color {
  color: #3366bb;
}
a.link-color:hover {
  color: #3366bb;
}
.link-color svg {
  fill: #3366bb;
}
.link-color:hover svg {
  fill: #3366bb;
}
.show-more {
  background-color: #3366bb;
}
.search-bg-color {
  background-color: #ef4123;
}
.header-text-color * {
  color: #ffffff;
}
.header-bg-color {
  background-color: #ef4123;
}
.bg-color {
  background-color: #ffffff;
}
.page-text-color {
  color: #15404b;
}
.logged-in .login-link,
.logged-out .logout-link {
  display: none
}
/*  */

.related-articles {
  display: none;
}

/* Index */

.index .category-section {
  position: relative;
  text-align:center;
  border-radius: 60px;
  background: #f6f8fb;
  color: #8353e3;
  margin:10px 0;
  transition: background 0.25s ease;
}
.index .category-section:hover {
  background: #e5e8ed;
  transition: background 0.25s ease;
}

.index .category-section:after {
  content: '';	
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 96%;
  height: 85%;
  border: 1px solid #8353e3;
  opacity: 0.4;
  border-radius: 60px;
  pointer-events: none;
}

.index .category-section h4 {
  margin-bottom:0px;
  font-weight: 400;
}

.index .subcategory-link {
  display:none;
}

.index .article-link {
  display:none;
}

.index .show-more {
  display:none;
}


/* footer */

.footer {
  text-align: center;
  width: 100%;
  position: fixed
}

.custom-kb_footer {
  text-align: center
}
/* header */

.search-bg-color {
  background:transparent;
}

.search-container {
  position:relative;
  width:100%;
  padding: 20px 0 20px 0;
}

.container.index {
    padding:10px 0;
}

.searchRoot .searchIconContainer,
.searchRoot .searchInput {
  background-color: #f6f8fb;
}

.searchRoot .searchIconContainer {
  position: relative;
  border-radius: 25px 0 0 25px;
}
.searchRoot .searchInput {
  padding-left: 30px;
  border-radius: 0 25px 25px 0;
}

.searchRoot .searchIconContainer:before {
	content: '';
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate3d(-30%, -50%, 0);
  	width: 30px;
  	height: 30px;
  	background: #08dabe;
  	border-radius: 50%;
}

.searchRoot .searchIconContainer svg {
	position: relative;
  	left: -4px;
  	fill: #fff;
}

.searchRoot.isOpen .searchIconContainer svg {
  fill: #fff;
}

/* Sidebar */

.sidebar-fixed {
  overflow: visible;
}

/* Back Link */

.back-link a {
  border: none;
  position: relative;
}

.back-link a svg {
  position: relative;
  fill: #fff;
}

.back-link a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 45px;
  height: 45px;
  background: #08dabe;
  border-radius: 50%;
}

/* links */

a.link-color {
  transition: color 0.25s ease;
} 

a.link-color:hover {
  color: #8353e3;
  transition: color 0.25s ease;
}

.category-title a {
  color: #4d4d61;
}

.article-link,
.subcategory-link {
  margin-bottom: 12px;
}

.article-link a.active {
	color: #8353e3;
}

.feedbackRoot .reaction.up {
  border-color:#08dabe;
  background-color: #fff;
}

.feedbackRoot .reaction.up svg {
  fill: #08dabe;
}

.feedbackRoot .reaction:hover .up {
  background-color: #08dabe;
}

.feedbackRoot .reaction.down {
  border-color: #9DA6D9;
  background-color: #fff;
}

.feedbackRoot .reaction.down svg {
  fill: #9DA6D9;
}

.feedbackRoot .reaction:hover .down {
  background-color: #9DA6D9;
}

/* article body */
.articleBody blockquote {
  display: inline-block;
  margin: 5px 0;
}


/* Media Queries */

@media only screen and (min-width: 900px) {
  .search-container {
    padding: 0 0 20px 0;
    top: -25px;
  }
}
