html body, input, button, select, textarea {
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* General */

.icon-article-doc {
	display: none;
}

/* Nav */

.navbar {

}

.navbar-inner {
	min-height: 70px;
}

.navbar .nav {
	position: relative !important;
	float: right;
}

.navbar .nav>li>a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 18px 15px;
}

.navbar .brand {
	padding: 0;
	position: relative;
	left: -20px;
}



.navbar .nav > li > a:hover, .navbar-nav > li > a:focus {
    background-color: #2c7f62;
}


.navbar .nav > li > a {
	transition: all .15s linear;
	line-height: 20px;
    padding: 5px 10px;
    margin-top: 20px;
    margin-left: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
}

.navbar .nav > li > a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
}

.navbar .nav > li#home {
	display: none;
}





/* Headings */

.contentWrapper h1,
.contentWrapper h2,
.contentWrapper h3,
.contentWrapper h4,
.contentWrapper h5 {
	font-weight: 400;
}


.contentWrapper h1,
#fullArticle h1 {
	font-size: 34px;
	line-height: 40px;
}

.contentWrapper h2,
#fullArticle h2 {
	font-size: 24px;
	line-height: 32px;
	margin: 32px 0 8px;
}

.contentWrapper h3,
#fullArticle h3 {
	font-size: 20px;
	line-height: 28px;
	margin: 24px 0 8px;
}

.contentWrapper h4,
#fullArticle h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 20px 0 4px;
}

.contentWrapper h5,
#fullArticle h5 {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	margin: 16px 0 4px;
}

@media (max-width: 768px) {

	.contentWrapper h1,
	#fullArticle h1 {
		font-size: 24px;
	}

	.contentWrapper h2,
	#fullArticle h2 {
		font-size: 20px;
	}

	.contentWrapper h3,
	#fullArticle h3 {
		font-size: 16px;
	}

	.contentWrapper h4,
	#fullArticle h4 {
		font-size: 14px;
	}

	.contentWrapper h5,
	#fullArticle h5 {
		font-size: 12px;
	}
		
}

#main-content h1 .jump-link,
#main-content h2 .jump-link,
#main-content h3 .jump-link,
#main-content h4 .jump-link,
#main-content h5 .jump-link,
#main-content h6 .jump-link {
	color: #666;
	text-decoration: none;
}

#main-content h1 .jump-link:hover,
#main-content h2 .jump-link:hover,
#main-content h3 .jump-link:hover,
#main-content h4 .jump-link:hover,
#main-content h5 .jump-link:hover,
#main-content h6 .jump-link:hover {
	text-decoration: underline;
}

#main-content {
	padding: 2px 0 0 28px;
	background: transparent;
}

#main-content .contentWrapper {
	margin-top: 30px;
	border: 0;
	/*border-top: 2px solid #78ae62;*/
	padding: 40px;
	min-height: 300px;
	background: #fff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
	#main-content .contentWrapper {
		padding: 30px;
	}
	
	#fullArticle .printArticle {
	    top: 42px;
	}
}

#main-content a {
	text-decoration: underline;
}

/*
#fullArticle blockquote.info {
    border-left-color: #337ab7;
}

#fullArticle blockquote.danger {
    border-left-color: #d9534f;
}*/

#fullArticle p.info {
	border-left: 5px solid #337ab7;
	padding: 5px 20px;
	color: #337ab7;
}

#fullArticle p.danger {
	border-left: 5px solid #d9534f;
	padding: 5px 20px;
	color: #a94442;
}

#fullArticle li > ol,
#fullArticle li > ul {
	margin-top: 10px;
}

body #fullArticle li>figure, body #fullArticle li>p {
    display: block;
}

#fullArticle li>figure img,
#fullArticle li>p img {
    width: auto !important;
    max-width: 100% !important;
    margin-top: 1em !important;
}

#fullArticle img {
    width: auto !important;
}

#fullArticle a.external-link:after {
	content: " ";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBkYXRhLXRhZ3M9ImV4dGVybmFsLWxpbmsiPjxnIGZpbGw9IiM0NDQiPjxwYXRoIGQ9Ik0xOCAxMmMtLjYgMC0xIC40LTEgMXY2YzAgLjYtLjQgMS0xIDFINWMtLjYgMC0xLS40LTEtMVY4YzAtLjYuNC0xIDEtMWg2Yy42IDAgMS0uNCAxLTFzLS40LTEtMS0xSDVDMy4zIDUgMiA2LjMgMiA4djExYzAgMS43IDEuMyAzIDMgM2gxMWMxLjcgMCAzLTEuMyAzLTN2LTZjMC0uNi0uNC0xLTEtMXoiLz48cGF0aCBkPSJNMjEuOSAyLjZjLS4xLS4yLS4zLS40LS41LS41LS4xLS4xLS4zLS4xLS40LS4xaC02Yy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDMuNmwtOS4zIDkuM2MtLjQuNC0uNCAxIDAgMS40LjIuMi40LjMuNy4zcy41LS4xLjctLjNMMjAgNS40VjljMCAuNi40IDEgMSAxczEtLjQgMS0xVjNjMC0uMSAwLS4zLS4xLS40eiIvPjwvZz48L3N2Zz4=);
	background-size: 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    top: 3px;
    margin-left: 2px;
}


#main-content .related {
	border: 0;
	background: transparent;
}


footer p,
footer p a,
footer p a:hover {
	color: #ccc;
	font-size: 1em;
}

/* Homepage */

#docsSearch {
	background: #379f7a url(https://s3.amazonaws.com/helpscout.net/docs/assets/592f849f2c7d3a074e8af8cc/images/592f891c2c7d3a074e8af8ee/file-YSqGY771f4.png) repeat center center; /* https://i.imgur.com/UGmDcX5.png */
	background-size: 640px;
	margin-top: -70px;
	color: #fff;
	border-bottom: 0;
	padding-top: 100px;
	padding-bottom: 50px;
}

#docsSearch h1 {
	display: none;
	font-weight: 200;
}

#docsSearch #searchBar {
	margin: 10em auto;
	padding: 0;
}

@media (max-width: 768px) {
	#docsSearch #searchBar {
		margin: 6em auto 2em;
	}
}

#docsSearch #searchBar .search-query {
	border: 0;
	font-size: 20px;
	height: 60px;
}

#docsSearch #searchBar button[type=submit] {
	background: #fff;
	border: 0;
	height: 60px;
	text-shadow: none;
	top: 0;
}

#docsSearch #searchBar button[type=submit] .icon-search {
	display: inline;
	font-size: 24px;
}

#docsSearch #searchBar button[type=submit] span {
	display: none;
}


#docsSearch #searchBar .search-query {
	padding-left: 21px;
}

#docsSearch #searchBar .search-query,
#sidebar input[name=query] {
	transition: box-shadow linear .2s;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0);
	box-shadow: 0 10px 20px rgba(0,0,0,0);
}

#docsSearch #searchBar .search-query:focus,
#sidebar input[name=query]:focus {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

#docsSearch #serp-dd {
	top: 70px;
	border-radius: 5px;
	border: 0;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.category-list .category {
	background: #fff;
	border-radius: 5px;
}

/* Sidebar */

#sidebar .nav-list a {
	font-size: 1.3em;
}

/* Footer */

.articleFoot {
	text-align: center;
}

.articleFoot p.lu, .articleFoot time.lu {
	float: none;
}

.articleFoot p, .articleFoot time {
    font-family: inherit;
}

/* Category page */

.articleList li {
	margin: 0;
	margin-bottom: 0.5em;
}

#categoryHead .sort {
	display: none;
}

/* Search page */

#serp .articleList > li {
	padding-left: 0;
}

#serp .articleList > li a {
	margin-left: 0;
}

#serp ul.articleList li p:last-child:after {
	content: "...";
}

/* Mobile */

@media (max-width: 768px) {
	body #main-content {
		padding: 0 20px;
	}
}



/* Test new look */


/* orig  url(https://s3.amazonaws.com/helpscout.net/docs/assets/592f849f2c7d3a074e8af8cc/images/592f88f02c7d3a074e8af8ec/file-7HTehNnS35.gif) */

body {
	background: #f7f7f7 url('data:image/gif;base64,R0lGODlhAQCQAYAAADefev///yH5BAAHAP8ALAAAAAABAJABAAIRhI+py+0Po5y02ouz3rz7rxUAOw=='); /* https://i.imgur.com/UV7f83f.gif */
	background-repeat: repeat-x;
}

html.home-page body {
	background: #f7f7f7;
}

.navbar-inner {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#main-content .contentWrapper {
	border-top: 0;
	border-radius: 0;
}

#sidebar form .search-query {
	border: 0;
}

#sidebar h3 {
	color: #fff;
	letter-spacing: 0.6px;
	line-height: 20px;
}

#sidebar .nav-list a {
	color: #fff;
	opacity: 0.8;
	text-shadow: none;
	transition: opacity 0.2s;
}

#sidebar .nav-list a:hover,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list a:active,
#sidebar .nav-list .active a:active,
#sidebar .nav-list a:focus,
#sidebar .nav-list .active a:focus {
	color: #fff;
	opacity: 1;
}

#sidebar .nav-list .active a {
	color: #fff;
	opacity: 1;
}

#sidebar .nav-list .active a .icon-arrow:before {
	color: #fff;
}

#sidebar form.sm .search-query,
#sidebar form.sm button {
	height: 36px;
}

#sidebar #searchBar.sm {
	margin-bottom: 20px;
}

#sidebar #serp-dd.sb {
	top: 36px;
}

@media (max-width: 768px) {
	/* Black text as it shows beneath article*/
	#sidebar h3,
	#sidebar .nav-list a,
	#sidebar .nav-list a:hover,
	#sidebar .nav-list .active a:hover,
	#sidebar .nav-list a:focus,
	#sidebar .nav-list .active a:focus,
	#sidebar .nav-list .active a,
	#sidebar .nav-list .active a .icon-arrow:before {
		color: #333;
	}

	#sidebar form .search-query {
		border: 1px solid #ccc;
	}

}


/*Homepage*/

#docsSearch #searchBar {
	margin: 8em auto;
}