Compass Help CSS

helpscout-custom.css

.navbar .navbar-inner {
	background-color: #fff;
	color: #333;
	padding-top: 10px;
	padding-bottom: 20px;
}

.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
	color: #333;
}

#docsSearch {
	height: 250px;
	background: linear-gradient(to bottom right, #3197d1,#8344cf);
	border-bottom: none;
	padding-top: 75px;
	position: relative;
	background-size: cover;
	top: -1px;
}

#docsSearch h1 {
	color: white;
}

#searchBar .search-query {
	background: #fff;
	border-color: transparent;
	box-shadow: none;
	color: #777;
}
#searchBar button {
	background: #444;
	border-color: transparent;
	color: #fff;
}
#searchBar button:hover {
	background: #333;
	border-color: transparent;
	color: #fff;
}

body:after {
background: #fff;
}

.category-list .category {
	background-color:#f8f8f8;
	border-bottom: none;
	border-radius: 8px;
	border-left:0;
	border-right:0;
	border-top:0;
	height: 220px;
}

.category-list .category:hover {
	background-color: #f5f5f5;
}

.category-list .category h3 {
	padding-top: 20px;
}


.contentWrapper {
	border: none;
}
.twoCol .collection, .threeCol .collection {
	background: #FFFFFF;
	border-color: #DBDBDB;
}



body {
       font-family: "proxima-nova",'Helvetica', sans-serif;
       color: #333;
}

#fullArticle dt {
  background: #8344cf;
	min-width: 0.6em;
}

.articleFoot time.lu {
    display:none;
}

#fullArticle img {
    border: 0;
    padding: 0;
    border-radius: 0;
	margin: 0 auto;
}


#fullArticle img.small {
	width: 500px;
	max-width: 100%;
}

#fullArticle img.xsmall {
	width: 300px;
	max-width: 100%;
}

#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    font-size: 17px;
}

#fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {
	margin-top: 2em;
}

.related {
	border: none;
}

.articleFoot {
    font-size: 16px;
}

[class^=icon-], [class*=" icon-"], .featherlight-close-icon {
    font-size: 20px;
	}

	.brand img {
		width: 263px;
		max-width: 100%;
	}