@import "../../../../Base/Content/sass/compass";
@import "../../../../Base/Content/sass/bootstrap/variables";

// non-global - inside wizdom-bootstrap-wrapper

#contentBox {

	@media (max-width:$screen-desktop) {
		@include single-transition(margin-left, 1s);
		margin-left:0;
	}
	@media (min-width:$screen-desktop) {
		.contentPage, .webpartPage & {
			margin-left:245px;
		}
	}

	.hideLeftNavigation & {
		margin-left:10px;
	}
	.hideLeftNavigation.contentPage & {
		margin-left:0;
	}

}


#sideNavBox {

	@include opacity(1);
	
	margin:50px 0 0 0;
	padding-left:30px;
	padding-right: 10px; 
	padding-bottom: 50px;
	width:220px; // try to implement width for both wizdom and system pages.

	@media (max-width:$screen-md) {
		
		@include opacity(0);
		/*@include single-transition(all, 1s);*/
		/*width:0;*/
		margin-left:-260px;
	}
	
	.hideLeftNavigation & {
		margin-left:-260px;
        display: none;
	}

	.ms-core-sideNavBox-removeLeftMargin {
		margin-left: 0;
	}

	.ms-tv-box {
		margin-left:0;
		margin-bottom:10px;
	}

	ul, li {
		margin: 0;
		padding: 0;
	}

	.ms-core-listMenu-verticalBox {
		&  .ms-core-listMenu-item {
			padding: 0;
		}


		& > ul {
			& > li {
				
				& > a {
					display:block;
					margin-bottom:10px;
					/*font-size:14px;*/
					font-size:1.1em;
					font-weight:normal;
					color:#282c2e;
					
				}
				& .selected {
					font-weight:bold;
				}
			}
		}

		ul {
			ul {
				&.static {
					li {
						span.menu-item-text {
							display:block;
							@include opacity(0.7);
							color:#282c2e;
							font-size:12px;
							margin-bottom:8px;
						}
					}
				}
				margin-top:15px;
				margin-bottom:15px;
			}
		}
			
		li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
		li > a.ms-core-listMenu-item:hover,
		li > a.ms-core-listMenu-item:active
		{
			background-color: transparent;
		}

		.ms-core-listMenu-selected:link, 
		.ms-core-listMenu-selected:visited, 
		.ms-core-listMenu-selected {
			background-color: transparent;
		}

	
	}

	/* Editmode */
	.ms-core-listMenu-verticalBox li.static > .ms-core-listMenuEdit, .ms-core-listMenu-verticalBox li.static > .ms-navedit-titleBoxListItem {
		table-layout: fixed;
		margin-left: 0;
	}

	.ms-core-listMenu-verticalBox li.static > ul.static > li.static > table.ms-core-listMenuEdit {
		padding-left: 0;
	}

	/* Blog */
	.ms-blog-listMenu-root {
		width: inherit;
	}


}