@import 'variables.less';
@import 'mixins.less';
@import 'config.less';
@import 'typography.less';
@import 'reset.less';
@import 'fonts.less';
@import 'base.less';
@import 'helper.less';
@import 'layout.less';
@import 'icons.less';
@import 'template.less';
@import 'buttons.less';
@import 'brand.less';
@import 'code.less';
@import 'api.less';
@import 'sidebar.less';
@import 'guides.less';
@import 'ie.less';

@import 'bithub.less';
@import 'carousel.less';
@import 'color-bars.less';
// @import 'community.less';
@import 'download.less';
@import 'example.less';
// @import 'ff.less';
@import 'forms.less';
@import 'hero.less';
@import 'tooltip.less';
@import 'wizard.less';
@import 'about.less';

.search-wrapper {
	position:relative;
	visibility: hidden;
	display: none;
}

.twitter-follow-button {
    margin-bottom: 20px;
    visibility: hidden;
}

iframe.twitter-follow-button {
    visibility: visible;
}

.sidebar .api {
	a,
	a:hover,
	.heading span {
		color: @brand-color-8;	
	}

	.sidebar-title,
	li.active>a.sidebar-title,
	li.active:nth-child(2)>a.sidebar-title,
	li.active:nth-child(3)>a.sidebar-title,
	li.active:nth-child(4)>a.sidebar-title,
	li.active:nth-child(5)>a.sidebar-title{
		background-color: @brand-color-8;
	}

	li li.active>a:before{
		border-left: 4px solid @brand-color-8;
	}

	&.cascading>.active:before, 
	&.cascading>.active:nth-child(2):before, 
	&.cascading>.active:nth-child(3):before, 
	&.cascading>.active:nth-child(4):before, 
	&.cascading>.active:nth-child(5):before{
		border-top: 20px solid @brand-color-8;
	}
}