/**
 * Theme orange
 *
 * Description: Sets theme color for themeable content.
 * -----------------------------------------------------------------------------
 */

$theme-color: #ff6600;
$theme-color-lightest: #fff7f2;
$theme-color-light: darken($theme-color-lightest, 3%);


.theme-orange {
	@import "themeable-content";

	.nav-tree > ul > li {
		&.has-children.is-active-trail:after {
			color: $grey-darker;
		}

		&.is-active-trail > a,
		&.is-active-trail > a.is-active {
			color: $text-color;
			background-color: lighten($theme-color, 20%);
		}
	}
}