/*
Theme Name:     KnowHow - Fog Creek Child Theme
Theme URI:      http://herothemes.com/
Description:    Child theme for KnowHow 
Author:         Fog Creek
Author URI: 	http://fogcreek.com
Template:       knowhow
Version:        1.0.0
*/

@import url("../knowhow/style.css");
@import url('./wp-safe-bootstrap.css')


/* ------- Insert custom styles below this line ------- */

/* Accomodates for screens too big to show all the content, keeps the footer background showing at the bottom */


/* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*/

html {
	background: #fff;
}
body {
	background: #f9f9f9; 
	font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif !important;
	font-size: 1.2em;
}
.wrapper { 
  text-align: left;
  margin: 0 auto; 
  padding: 0 10px; 
  width: 1200px; 
}
#content {
  padding-right: 0px;
}
h1, h2, h3, h4 {
  font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
}

/* Increase width of the main container */
.container {
	max-width: 1200px;
}

/* Better spacing for Sub-categories widget */
.widget_categories > ul > li > a {
	font-size: 16px;
	font-weight: bold;
}
.widget_categories > ul > li {
	margin: 0 0 50px;
}

/* Category exceptions and formatting in main container */
#homepage-categories .column {
	padding-left: 35px;
}
#homepage-categories .column:before {
	font-size: 22px;
}
#homepage-categories ul {
	line-height: inherit;
}
#homepage-categories .category-folder li {
	margin: 8px 0 8px;
}
#homepage-categories .category-folder li:last-child {
	margin: 8px 0 30px;
}
.category-folder {
	font-weight: bold;
}
.collapse-trigger:hover {
	cursor: pointer;
	text-decoration: underline;
}
#homepage-categories div.category-folder {
	color: #666;
	cursor: pointer;
}
#homepage-categories a {
	color: inherit;
}


/* = Category lists -- /FogBugz and /Kiln
-------------------------------------------------------------- */

/* sizing and spacing for custom fonts */
.category-list li [class^="icon-"] {
	font-size: 1.35em;
	color: #555;
	margin-right: 8px;
	float: left;
}
.icon-folder-close {
	font-size: 1.4em;
	margin-top: 2px !important;
}

/* wtf missing from our fontawesome version??? */
.icon-file-text-alt:before{
    content:"\f0f6"
}

.category-folder {
	list-style:none;
	padding:0 !important;
	margin:0 !important;
}
.category-folder li {
	list-style:none;
	padding:0 0 0 0px !important;
	margin: 10px 0 0 10px !important;
	position:relative;
	/* float:left; */
	/* width:50%; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: inherit;
	width: inherit;
	font: "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
/* Additional indentation for sub-items (first li is the whole list, 
   second is the first level of folders, and the third+ is what actually needs indenting) */
.category-list li li li {
	margin-left: 20px !important;
}
.category-folder h4, .category-folder a {
	color:#666;
}
/* Style doc and folder icons */
.float-right .format-standard {
	margin-left: 30px;
}
.format-standard .post-item {
	display: table;
	font-weight: normal;
	font: "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.category-folder {
	list-style:none;
	padding:0;
	margin:0;
}
.category-list {
	margin: 0 0 40px !important;
}
.category-posts {
	padding: 0 !important;
	margin: 0 !important;
}

.fogbugz-home-page .float-right .category-list {
  display:block !important;
  }
/* Subcategory (below /FogBugz and /Kiln) page custom stylez */
.entry-title a {
	font-size: 26px !important;
}
.post:before {
	font-size: 28px;
	top: -1px;
}

/* Post summary stylying */
.post-summary {
	padding-bottom: 0px;
}
.summary-text {
	color: #666;
}
.summary-text.summary-link:hover {
	background: rgba(0,0,0,.04);
}



/* Category page - Sub Category list styling */
.sub-category-list {
	border-bottom: 2px solid #D1D1D1;
	margin: 0 0 30px;
	padding: 0 0 30px 50px;
	position: relative;
}
.sub-category-list a {
	color: #666 !important;
	margin-left: 8px;
}
.sub-category-list .icon-folder-close {
	font-size: 1em;
}


/* Custom Search Stylez 
------------------------------------------ */

#live-search {
	padding: 30px 0px;
}
#live-search #s {
	padding: 16px 25px;
	font-size: 23px;
	font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
}


/* Adjust margins around search button */
#live-search #searchsubmit {
	margin: 12px 16px 0 0;
}

/* Update colors of the search bar depending on page */
#live-search.all {
	background: #C2D1DA;
}
#live-search.all #searchsubmit {
	background-color: #006592;
}
#live-search #searchsubmit:hover {
	color: #006592;
	background-color:#fff !important;
    border: 1px solid #006592;
    border-radius: 2em;
}
#live-search.fogbugz {
	background: #d3dee9;
}
#live-search.fogbugz #searchsubmit {
	background-color: #006592;
}
#live-search.kiln {
	background: #d8efe2;
}
#live-search.kiln #searchsubmit {
	background-color: #006592;
}

/* Custom font for search auto-predictor */
#search-result li.nothing-here, 
#search-result li.standard a {
	font-family: 'Adelle', Georgia, 'Times New Roman', serif;
	font-size: 0.8em;
}



/* Style Home link under Search */
#search-home {
	color: #375b7a;
}



/* 
* Static Page styles
*/
article.page .entry-content { 
	background: transparent;
	border: none; 
	padding: 0; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 100%;
}

article.page .float-left {
	display: inline;
	float: left;
	margin-bottom: 30px;
}

article.page .float-right {
	display: inline;
	float: right;
	margin-bottom: 30px;
}

article.page .support-page-section {
	position: relative;
	clear: both;
	padding: 20px;
	margin: 0 0 40px 0;
	background-color: #fff;
	border: 1px solid #006592;
	border-radius: 20px;
}

@media (max-width: 690px) {
  article.page .float-left, article.page .float-right {
    width: 100%;
  }
}

@media (min-width: 691px) {
  article.page .float-left, article.page .float-right {
    width: 49%;
  }
}

article.page .button {
	text-align: center;
	position: relative;
	height: 50px;
	clear: both;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #006592;
	border-radius: 20px;
}
article.page .brand {
	margin: auto;
	height: 200px;
	width: 200px;
	border-radius: 100%;
}
article.page .brand a {
	text-align: center;
	margin: 0px;
}
article.page .brand img.aligncenter {
	margin-top: 75px;

}
article.page .brand h1 {
	font-size: 34px;
}
article.page .button:hover {
	background-color: #C2D1DA;
	border: 1px solid #C2D1DA;
}


article.page .contact-service {
	height: 200px;
	clear: both;
	text-align: center;
}
article.page .column-left {
	float: left;
	position: relative;
	clear: none;
}
article.page .column-right {
	float: left;
	position: relative;
	clear: none;
}
article.page .column-center {
	float: left;
	position: relative;
	clear: none;
}

@media (max-width: 600px) {
  .landing-column {
    width:100%;
  }
}

@media (min-width: 601px) {
  .landing-column {
    width:33%;
  }
}

article.page .contact-service i {
	color: #aaa;
}

article.page h2,
article.page h3,
article.page h4,
article.page h5,
article.page h6 {
  	font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;;
	margin-top: 0px;
	margin-bottom: 15px;
	clear: both;
}

article.page a {
	/* most articles should have links underline, remove underline with more targeted css selectors */
	/* text-decoration: none; */ 
	color: #006592;

}

/* Category page - Overrides CSS from homepage */
.category-page .column-container {
	width: 50%;
	float: left;
}
.column-container .column {
	margin-left: 0;
	margin-bottom: 2em;
}


/* Article stylez 
------------------------------------------ */
.single .entry-content {
	margin-left: 4%;
	margin-right: 4%;
}
.entry-content {
	background: #fff;
	padding: 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b3b3b3;
	font-family: 'Adelle', Georgia, 'Times New Roman', serif;
	font-size: 0.85em;
	line-height: 1.5em;
}
.entry-content a {
	text-decoration: underline;
	color: #375b7a;
}
.entry-content .article-date {
	font-style: italic;
}
/* Really hacky override for Category Count style */
.cat-count a, .cat-count a:visited {
	color: #AAA !important;
	font-size: .9em;
}
.entry-content p:last-of-type {
	margin-bottom: 0px;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin: 20px 0 20px;
}

/* style keyboard shortcuts */
kbd {
	padding: 2px 4px;
	white-space: nowrap;
	color: #000;
	background: #eee;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	border-color: #ccc #aaa #888 #bbb;
}
/* Specific styling for xml-api page */
span.code {
	font-family: "Courier New",Courier,mono;
	color: #063;
}
span.code span.comment {
	color: #999;
	font-size: .9em;
}
.indent-1 {
	margin-left: 10px;
}

/* style code tags */
code {
	font-size: inherit;
	line-height: inherit;
	display: inline-block;
	color: #333333;
	word-break: break-word;
	word-wrap: break-word;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	background: #f5f5f5;
	border: 1px solid #ccc;
	padding: 2px 5px;
	margin: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* style pre-formatted blocks */
pre {
	word-break: break-word;
	word-wrap: break-word;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

/* bugmonkey script archive custom stylez */
.monkey {
	overflow-y: scroll;
	max-height: 400px;
	width: 80%;
	margin-bottom: 40px;
}
.monk-head {
	margin-top: 35px !important;
}
.monk-p {
	margin-top: -12px !important;
}

/* Related Articles custom stylez */
#related-posts .entry-title a {
	font-size: 0.95em !important;
}


/* Nav, Headers, Footer 
------------------------------------------ */
						
/* header */

#header-wrapper {
  width:100% !important;
  }

#header { 
  height: 95px;
  position: relative;
  padding: 0px !important;
}

@media (max-width: 800px) {
  	.small-nav-hidden, #nav-try {
    	display:none !important;
    }
  }

  /* branding */
  #header-branding { 
    bottom: 10px;
    float: left; 
    left: 0;
    position: absolute;
  }
  #header-branding h1 { 
    margin: 0; padding: 0;
  }
  #header-branding a { 
    background: transparent 0 0 no-repeat;
    display: block;
    height: 60px;
    text-indent: -99999em;
    width: 200px;
  }

  /* nav */
  #header-nav { 
    bottom: 25px;
    float: right; 
    position: absolute;
    right: 0;
  }
  #header-nav li { 
    display: block;
    float: left;
  }
  #header-nav a { 
    border: 1px solid transparent;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    color: #333;
    display: block;
    font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-size: 16px; 
    margin-left: 10px;
    padding: 5px 10px; 
    text-decoration: none; 
	line-height: 20px;
  }
  #header-nav a:hover,
  #header-nav li.header-nav-active a {
    /* override hover text color */
    color: #333 !important;

  }
  #header-nav li.header-nav-highlight a { 
    background: #006592;
    border: 1px solid #006592;
    border-radius: 2em;
    color: #FFF !important;

  }
  #header-nav li.header-nav-highlight a:hover { 
    background-color: #FFF;
    color: #006592 !important;
  }

/* header and branding for FogBugz and Kiln*/

  #header-branding {
    bottom: 5px;
  }
  #header-branding .branding-fogcreek { 
    margin-bottom: 15px;
  }
  #header-branding .branding-fogcreek a { 

  }

	.fog-creek-logo {
   width: 200px;
  }
  #header-branding .branding-fogbugz a { 
    background: transparent url(/images/fogbugz_logo.gif) 0 0 no-repeat;
    height: 77px;
    width: 185px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
  }
  #header-branding .branding-kiln a { 
    background: transparent url(/images/kiln_logo.gif) 0 0 no-repeat;
    height: 80px;
    width: 167px;
  }
  #header-branding .branding-fogbugz a:hover { 
    background-position: 0 -77px;
  }


  /* nav fogcreek*/
  #header-nav .nav-fogcreek a:hover,
  .home #header-nav .nav-fogcreek li.home a,
  .careers #header-nav .nav-fogcreek li.careers a,
  .about #header-nav .nav-fogcreek li.about a,
  .blog #header-nav .nav-fogcreek li.blog a,
  .contact #header-nav .nav-fogcreek li.contact a,
  #header-nav .nav-fogcreek li.header-nav-active a {
    background: #D1E1E6;
    border-radius: 2em;
  }


  #header-nav .nav-fogbugz a:hover,
  .home #header-nav .nav-fogbugz li.nav-home a,
  .features #header-nav .nav-fogbugz li.nav-features a,
  .plugins #header-nav .nav-fogbugz li.nav-plugins a,
  .extras #header-nav .nav-fogbugz li.nav-extras a,
  .training #header-nav .nav-fogbugz li.nav-training a,
  .support #header-nav .nav-fogbugz li.nav-support a,
  .pricing #header-nav .nav-fogbugz li.nav-pricing a,
  #header-nav .nav-fogbugz li.header-nav-active a {
    background: #d3dee9;
    border-radius: 2em;
  }

  /* nav kiln */
  .home #header-nav .nav-kiln li.nav-home a,
  .features #header-nav .nav-kiln li.nav-features a,
  .training #header-nav .nav-kiln li.nav-training a,
  .pricing #header-nav .nav-kiln li.nav-pricing a,
  #header-nav .nav-kiln a:hover,
  #header-nav .nav-kiln li.header-nav-active a {
    background: #d8efe2;
    border-radius: 2em;
  }


/* Page Title Custom Stylez */

/* Front page */
#page-header .page-title.main {
	font-size: 28px;
	text-align: center;
	font-family: 'Adelle', Georgia, 'Times New Roman', serif;
	font-weight: normal;
	font-style: italic;
}
.home #page-header,
.page #page-header {
	border-bottom: 0px;
}
/* don't underline links in the big div elements, it looks funny*/
.no-link-underline a {
	text-decoration: none;
}


/* Category and search pages */
#page-header .page-title.product {
  	font-size: 34px;
  	line-height: 40px;
}
.archive #page-header:before {
	font-size: 34px;
}
.search-results .entry-title, .category-results .entry-title {
	margin: 0;
}
.summary-link {
	color: #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0 10px 0;
}
.search-results #breadcrumbs, .category-results #breadcrumbs {
	font-size: .9em;
}
/* Turn off the styling that we use for top-of-page breadcrumbs (oh god, this is getting so hacky...) */
.search-results .breadcrumb-subcats span.delimiter:last-of-type,
.category-results .breadcrumb-subcats span.delimiter:last-of-type {
	display: inline !important;
}
/*
.search-results #breadcrumbs a:nth-of-type(1),
.category-results #breadcrumbs a:nth-of-type(1) {
	display: none;
}
*/
/* Don't show article breadcrumbs on category page, they will always match the top breadcrumb */
.category-results #breadcrumbs {
	display: none;
}



/* Override folder icon on search page */
.search #page-header:before {
  	content: "";
}
.search #page-header {
  	padding-left: 0px;
}

/* Custom article icon size for article title */
.single #page-header:before {
    font-size: 32px;
}

/* Single post page */
.single #page-header {
	padding-left: 40px;
	border-bottom: 0px;
	margin-bottom: 5px;
}

/* Widget labels, override background CSS */
.widget .widget-title span {
	background: inherit;
}


/* Breadcrumb custom stylez */
#breadcrumbs a {
	color: #375b7a !important;
}
#breadcrumbs>a:first-of-type~a:last-of-type,
#breadcrumbs .post-categories a:last-of-type {
    color: #808080 !important;
}
body.category #breadcrumbs span.delimiter:last-of-type {
	display: none;
}

/* There is an extra delimiter at the beginning of the first row of breadcrumbs, so hide it */
#breadcrumbs .post-categories li:first-child span:first-child {
	display: none;
}
/* The rest of the delimiters leading breadcrumb rows we want to see, and position correctly */
#breadcrumbs .post-categories li + li span:first-child {
	margin-left: -14px;
}
#breadcrumbs .post-categories li:first-child {
	display: inline;
}
#breadcrumbs .post-categories li {
	display: block;
	margin-right: 50px;
}
#breadcrumbs .post-categories {
	display: inline;
	padding: 0px;
}
.breadcrumb-subcats {
	display: inline-table;
}		




/* footer */
footer {
  padding: 2em 3%;
  background-color: #f4f4f4;
  font-size: 0.9rem;
  margin: 0 auto;
  font: 100% lato,'Helvetica Neue',Arial,sans-serif;
  color: #191919;
  line-height: 1.4285;
}

footer ul li {
    font-size: .8em;
    line-height: 1.2em;
  }
footer a, footer a:visited {
    color: #19749c;
    transition: all .125s;
    cursor: pointer;
  }

footer .col-2 {
  width: 16.66%;
  }

footer [class*=col-] {
    float: left;
}

footer .adr {
    margin-top: 1em;
  }

footer address {
      font-style: normal;
  	font-size: .8em;
  }

footer .email {
    margin-bottom: 1em;
  }
footer  a:hover {
    text-decoration: underline;
  }
footer .made-in-ny {
    margin-top: 2em;
    color: @color-lightgray;
}

footer .made-in-ny img {
      vertical-align: baseline;
      margin-right: 4px;
  }

.footer-row{
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
}

.footer-row ul {
  padding-left:0;
}

@media (max-width: 992px) {
  .footer-company-col,
  .footer-fogbugz-col,
  .footer-kiln-col,
  .footer-support-col {
    float: left;
    margin-right: 3%;
    width: 22%;
  }
}

@media (max-width: 1300px) {
    .footer-contact-col {
    clear: both;
    padding-top: 1em;
  }
}

@media (max-width: 768px) {
  .footer-company-col,
  .footer-fogbugz-col,
  .footer-kiln-col,
  .footer-support-col {
    margin-right: 0;
    width: 45% !important;
  }
}

footer ul {
  list-style-type:none
}




/* Misc stylez
------------------------------------------ */

/* Tweak branding on home page */
img.aligncenter.home {
	margin-bottom: 0px;
}

/* Custom error stylez for 404 page */
.error404 #page-header h1 {
	font-size: 34px;
}
.error404 #page-header p {
	font-size: 24px;
}

/* Infobar at top of page (when redirected from a FBSE article) */
#info-bar {
	position: fixed;
	left: 50%;
	z-index: 200;
	background: #006592;
	font-family: 'Proxima-Nova', 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	min-width: 100px;
	border: 1px solid #006592;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-width: 0 1px 1px 1px;
	
    animation: slideup;
    -moz-animation: slideup;
    -webkit-animation: slideup;
    -o-animation: slideup;

}
#info-bar a {
	text-decoration: underline;
	color: #fff;
}

/* Custom TOC Stylez */
#toc_container a {
	color: #416A90;
	line-height: 1.25em;
}

/* Fix paging nav link sizes */
.nav-previous, .nav-next {
	font-size: 1em;
}


/* Style video link on Kiln category page */
.support-page-section .video-link {
	padding-top: 10px;
	padding-left: 10px;
}
.support-page-section .video-link h3 {
	font-size: 20px;
}

/* Table styles introduced in article 8970 */
table.support-table {
	border-style: none; 
	font-size: 1em; 
	margin-left: 40px; 
	color: #000000;
}

table.support-table td {
	border-style: none; 	
}

.button.support-page-section {
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  }


/* API Page Styles */

@media (min-width: 992px) { 
  #api-content {
    margin:3%;
	}  
}

.api-doc-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;	
}

#api-sidebar {
 max-width:310px;	
 margin:0%;
 display: inline-block;
 float:left;
 position:relative;
 min-height:800px;
 font-size: .85em;
}

#api-sidebar-directory {
  margin-top: 20px;
  }

#api-sidebar, .api-side-by-side-header {
 border: 1px solid  #bfbfbf;
 background-color: #eff3f5;
 padding: 5px;
}

#api-main {
 margin: 0%;
 display: inline-block;
}

ul.list-pages-shortcode.sibling-pages {
	list-style-type: none !important;
	padding-left:0;
}

.list-pages-shortcode a {
	text-decoration:none;
}

.api-side-by-side {
 display:inline-block;
}
	
.api-code-example, .api-side-by-side-header {
 position:inline-block;
 height:100%;
}

.api-code-example-3, .api-side-by-side-header-3 {
 position:inline-block;
}

#api-sidebar #toc_container {
  margin:auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position:relative;
  font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  background-color:inherit;
  border: none
}

#api-sidebar .toc_title {
 font-family: 'Proxima-Nova', 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
}

#api-sidebar .toc_toggle {
  display:none;
}

@media (max-width: 992px) { 
	.api-side-by-side-header {
    font-size:1em;
    }
}

@media (min-width: 993px) AND (max-width: 1310px){
	.api-side-by-side-header {
    font-size:.8em
    }
}

@media (min-width: 1310px) { 
	.api-side-by-side-header {
    font-size:1em;
    }
}

.api-side-by-side-header {
 font-weight: 900;
 text-align: center;
 margin-bottom:15px;
}
		
.parameters-table-cell {
	text-align:center;
}

.api-extended-response {
  overflow-y:scroll;
  max-height: 400px;
  display:inline-block;
  width:100%;
  }

.basics-cmd-section, .api-parameters-section {
  background-color: white;
  border: 1px solid #bfbfbf;
  margin-bottom: 30px;
  padding: 1%;
  }

@media (min-width: 992px) {

.basics-parameters {
  	padding: 15px;
    width: 33%;
   	float: left;
  	display:block
  }

.basics-example {
    padding: 15px;
    width: 33%;
    float: left;
    display:block
  }

.basics-response {
    padding: 15px;
    width: 33%;
    float: left;
    display:block
  }
}

.api-parameters-section > ul, .api-lp-section > ul {
  list-style-type: none;
  }

.api-parameters-section > ul > li > ul, .api-lp-section > ol > li > ul {
  margin-top: -2px;
  list-style-type: disc;
  }

.api-parameters-section > ul > li, .api-lp-section > ol > li {
  margin-top: 5px;
  }

#api-main > #toc_container {
  display:none;
  }
			
.api-lp-section, .api-guidelines-section {
  border: 1px solid #bfbfbf;
  background-color: #eff3f5;
  padding: 2%;
  font-size: .9em;
  margin-top: 5%;
  }

#api-sidebar-directory {
	padding: 5%;
  }

#api-sidebar-directory > ul{
   list-style-type: none;
  padding: 0%;
  }

.cat-count{
  display:none;
  }