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

.Megamenu {
    a {
        text-decoration: none !important;
        color: #000;
        cursor: default;

        &:hover {
            color: #000;
        }
    }

    a[href] {
        cursor: pointer;
    }
    /* TopItems */
    ul {
        &.TopItems {
            background-color: #fff;
            padding-left: 0;
            margin: 0;
        }

        &.TopItems li {
            display: inline-block;
        }
    }

    .TopItem {
        display: inline-block;
        padding: 10px 30px;
        min-height: 37px;

        &.EnableHover {
            &:hover {
                background-color: #e0e0e0;
            }
        }
    }

    .topLink {
        display: none;
    }
    /*.fullWidth {
		width: 100%;
	}*/
    /* Foldout */
    .FoldOutContainer {
        position: absolute;
        margin: 0;
        z-index: 1020;
        background-color: #fff;
        @include box-shadow(0 5px 10px rgba(0,0,0,0.127));

        &.fullWidth {
            width: 100%;
            left: 0;

            & table.FoldOut {
                margin-left: 22px;
            }
        }

        .navigationTree {

            h3 {
                display: none;
            }

            & > ul {
                margin: 50px 60px 50px 60px;
            }

            border-top: 1px solid #cdd0d2;
        }


        .navigationTreeV2 {
            display: none;
        }

        /* Column*/
        .Column {
            vertical-align: top;
            float: left;
            margin: 0 60px 0 0;
            /*min-height:150px;*/
            ul {

                li {
                    display: block;
                    /* Items */
                    .Item {
                        display: block;
                        /*padding: 10px 30px;*/
                        color: #282c2e;
                        padding: 2px;

                        &.Link {
                        }

                        &.Html {
                        }

                        &.Heading {
                            font-weight: bold;
                            margin-top: 5px;
                        }
                        /* speciel setting - hover */
                        &.EnableHover {

                            &:hover {
                                background-color: GrayText;
                                color: #282c2e;
                            }
                        }
                    }
                }
            }

            & > ul {
                float: left;
                @include clearfix();
            }
        }
    }
    /* 3 extra styles added to the nem Megamenu with templates */
    .TopElement > div > .Item {
        display: inline-block;
        padding: 10px 30px;
    }

    .TopElement > div > .Item.EnableHover:hover {
        background-color: #e0e0e0;
    }

    .TopElement > div > .Item.Selected {
        background-color: #e0e0e0;
    }
}

/* Make sure Megamenu items are visible in mobile mode - relevant when resized from large window */
@media (max-width : 991px) {
    .m-column {
        display: block !important;
    }
}


/* Configuration styles */
.Megamenu.Settings .Overlay {
	z-index: 1;
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.4;
}

.Megamenu.Settings .Dialog {
	z-index: 2;
	position: fixed;
	height: 90vh;
	width: 90vw;
	top: 5vh;
	left: 5vw;
	border: solid 5px gray;
	background-color: white;
	padding: 10px;
}

.Megamenu .TopItem.Selected,
.Megamenu .TopElement > div > .Item.Selected 
{
	background-color: #e0e0e0;
}

.Megamenu .Item.Selected {
	border: dashed 2px gray;
	padding: 8px 28px;
}

/*Mobile menu*/
/*#wizdomMobileMenu{
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#wizdomMobileMenu, #wizdomMobileMenu ul, #wizdomMobileMenu ul > li {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

#wizdomMobileMenu.navbar {
		z-index: 50;
		display: block;
}


#wizdomMobileMenu ul, #wizdomMobileMenu ul > li {
	width: 100% !important;
	float: left !important;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#wizdomMobileMenu li.staticNav {
	display: block;
	width: 100%;
	float:left;
	text-align: left;
	border-top: 1px solid rgb(232, 232, 232);
}

#wizdomMobileMenu li.staticNav .navLink {
		display: block;
		width: 100%;
		padding: 15px 0 15px 0;
		margin: 0;
}
#wizdomMobileMenu ul.dynamicNav .navLink {
		display: block;
		width: 100%;
		padding: 15px 0 15px 10px;
		margin: 0;
}
#wizdomMobileMenu ul.dynamicNav{
	display:none !important;
}
#wizdomMobileMenu .show ul.dynamicNav{
	display:block !important;
}
   
#wizdomMobileMenu li.staticNav .addBackground::after {
	content: '+';
	height: 15px;
	line-height: 15px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	font-weight: 700;
	float: right;
	font-size: 23px;
}

#wizdomMobileMenu li.staticNav.show .addBackground::after {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	font-weight: 700;
	float: right;
	font-size: 23px;
}*/

/* Mega Menu support for Rich text field ordered and unordered lists */
#s4-titlerow #DeltaTopNavigation .Item.Html.fr-view ul {
    list-style: initial;
    padding-left: 20px;
}

#s4-titlerow #DeltaTopNavigation .Item.Html.fr-view ul li {
    list-style: inherit;
    display: list-item;
}

#s4-titlerow #DeltaTopNavigation .Item.Html.fr-view ol {
    list-style: decimal;
    padding-left: 20px;
}

#s4-titlerow #DeltaTopNavigation .Item.Html.fr-view ol li {
    list-style: inherit;
    display: list-item;
}