/* ==========================================================================
   Right sidebar styling
   ========================================================================== */

.right-sidebar {
	@include margin-trailer(1);
}

.right-sidebar .widget {
	overflow: hidden;
	text-align: left;
	background: rgba(255,255,255,0.4);
	padding: $base-line-height*2;
	@include margin-trailer(1);
	@include border-radius(7.5px);
	//@include box-shadow(rgba(0,0,0,0.1) 0 0 7px);
	// @include debug-vertical-alignment; // uncomment to reveal grid for baseline debugging
	ul {
		li {
			list-style: none;
			a {
				display: block;
				list-style: none;
				background: #fff;
				padding: 0 15px;
				@include adjust-leading-to(1.5);
				@include border-radius(3px);
				@include margin-trailer(0.25);
				@include transition-duration(0.2s);
				@include transition-timing-function(ease-in);
				&:hover {
					background: $secondary-color;
					color: #fff;
				}
			}
		}
	}
	ul ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		li {
			border-left: none;
			list-style-type: none;
			a {
				background: #eee;
				color: #666;
				&:hover {
					background: #ddd;
					color: #333;
				}
			}
		}
	}
}