```css
/* ScreenKey Help Scout Docs Theme — Conservative v3 */

/* ---------- Base ---------- */

html,
body {
  background: #000 !important;
  color: #fff !important;
  font-family: Roboto, Arial, sans-serif !important;
}

h1 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;	
	margin-bottom: 48px;
}

h2, h3, h4, h5 {
	color: #fff !important;	
}

/* ---------- Header ---------- */

#mainNav,
#mainNav .navbar-inner {
  background: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

#mainNav .brand img {
  max-height: 64px !important;
  width: auto !important;
}

/* ---------- Home Page ---------- */

#docsSearch {
	padding-bottom: 0 !important;
	background: none;
	border: none;
}

#docsSearch h1 {
	margin-bottom: 0;
}


#docsSearch #searchBar input {
	background: #1a1a1a !important;
}

#docsSearch #searchBar button, #searchBar button:hover {
	background: none !important;
}

#docsSearch #searchBar button .icon-search {
	display: inline !important;
}

#docsSearch #searchBar button span {
	display: none !important;
}

.sep {
	display:none;
}

.most-pop-articles h2 {
	font-size: 18px;
	font-weight: 700;
}

.popArticles li {
	font-size: 14px;
	font-weight: 300;
	color: #c9c9c9 !important;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #222222;
}



.popArticles li a span, .popArticles li a .icon-article-doc {
	color: #c9c9c9 !important;
}


.popArticles li a:hover span, .popArticles li a:hover .icon-article-doc {
	color: #fff !important;
	text-decoration: none !important;
}


.category-list {
	margin-top: 80px;
}

@media (max-width: 600px) {
	.category-list {
		margin-top: 40px;
	}

	.category {
		margin-bottom: 10px !important;
	}
}

.category {
	border-radius: 16px;
	background: #1a1a1a !important;
	border: 0 !important;
}

.category:hover {
	background: #222 !important;
	border: 0 !important;
}

.category h3 {
	font-size: 18px;
	font-weight: 700;
}

.category .article-count {
	color: #9999A6 !important;
	margin-top:0 !important;
}


/* ---------- Sorting Field ---------- */

#categoryHead .sort {
	top: 0;
}

#categoryHead .sort select {
	color:#a3a3a3;
	background: #222;
	border: none;
	font-size:12px;
	padding: 5px;
}

.sort form selectfocus {
	border: none;
}

/* ---------- Article Panel ---------- */

.contentWrapper {
  background: #111 !important;
  border: 1px solid #222 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

#fullArticle {
  background: #111 !important;
  color: #fff !important;
  padding-top: 40px;
  padding-bottom: 40px;
}

#fullArticle .title {
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin-bottom: 24px !important;
}

#fullArticle strong {
	color: #c9c9c9 !important;
}

#fullArticle p,
#fullArticle li {
  color: #c9c9c9 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#fullArticle a {
  color: #4684ff !important;
}

#fullArticle a:hover {
  color: #6c59df !important;
}

.articleList li a span {
	color: #c9c9c9 !important;
}

.articleList li a:hover span {
	color: #fff !important;
	text-decoration: none !important;
}

.icon-article-doc {
	color: #fff !important;
}

/* ---------- Print Article ---------- */

.printArticle.active {
	text-decoration: none !important;
}

/* ---------- Article Images ---------- */
#fullArticle img {
	border: 1px solid #6C59DF;
}

/* ---------- Admin Button ---------- */

#fullArticle .admin-edit.btn {
  background: #b41428 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  padding: 8px 12px !important;
}

#fullArticle .admin-edit.btn:hover {
  background: #c2162b !important;
}

/* ---------- Feedback Box ---------- */

.articleRatings {
  background: #1a1a1a !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #a3a3a3 !important;
}

.articleRatings-question {
  color: #a3a3a3 !important;
}

.articleRatings .rateAction {
  background: #222 !important;
  border: 1px solid #444 !important;
  box-shadow: none !important;
}

.articleRatings .rateAction:hover {
  background: #6c59df !important;
  border-color: #6c59df !important;
}

.articleRatings .rating-face svg path {
  fill: #fff !important;
}

.rating-face { /* adam add */
	left: 1px !important;
	top: 1px !important;
}

.rateAction--negative .sr-only .rating-face { /* adam add */
	top: 0 !important;
}

/* ---------- Last Updated ---------- */

.articleFoot .lu {
  color: #757575 !important;
}


/* ---------- Sidebar ---------- */

#sidebar h3 {
  display: none; /*adam add to hide the "CATEGORIES" */
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#sidebar .nav-list a {
  font-size: 16px !important;
  color: #a3a3a3 !important;
  background: transparent !important;
  text-shadow: none !important;
  font-weight: 400 !important;
}

#sidebar .nav-list a:hover,
#sidebar .nav-list .active a {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  background: transparent !important;
}

#sidebar .nav-list .active a {
  font-weight: 700 !important;
}

.nav .icon-arrow {
	color: #fff !important;
}

/* ---------- Search ---------- */


#searchBar .search-query {
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

#searchBar .search-query::placeholder {
  color: #a3a3a3 !important;
}

#searchBar .search-query:focus {
  border-color: #6c59df !important;
  box-shadow: 0 0 0 1px #6c59df !important;
}

#searchBar button {
  border: none !important;
  border-radius: 0 6px 6px 0 !important;
  box-shadow: none !important;
}

#searchBar button:hover {
  background: none !important;
}

/* ---------- Footer ---------- */

footer,
footer p,
footer span,
footer a {
  color: #757575 !important;
}

footer a:hover {
  color: #fff !important;
}

/* ---------- Related Articles ---------- */

.related {
	background: none;
	border: none;
}

.related li a span, .popArticles li a .icon-article-doc {
	color: #c9c9c9 !important;
}


.related li a:hover span, .popArticles li a:hover .icon-article-doc {
	color: #fff !important;
	text-decoration: none !important;
}


/* ---------- Print Article Icon ---------- */

.printArticle {
	display:none;
}

```