/*
    Description: 	Menu Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Body & Container
	-------------------------------------------------- */

	body {
	}

/*	--------------------------------------------------
	:: Menu Default Color Blue 
	-------------------------------------------------- */
	
	.menu-default.menu-blue-default .menu-wrapper .menu-item > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label{
		border:1px solid transparent;
    }
	
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label{
		background-color:#a43b45;
		border:1px solid #a43b45;
    }
	
	.menu-default.menu-blue-default .menu-wrapper .menu-item > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-blue-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#ffffff; //Farbe Menü
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Green 
	-------------------------------------------------- */
	
	.menu-default.menu-green-default .menu-wrapper .menu-item > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label {
		background-color:#25a650;
		border:1px solid #32bf61;
    }
	
	.menu-default.menu-green-default .menu-wrapper .menu-item > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-green-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#696969;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Red 
	-------------------------------------------------- */
	
	.menu-default.menu-red-default .menu-wrapper .menu-item > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label {
		background-color:#c92f41;
		border:1px solid #dd3c4f;
    }
	
	.menu-default.menu-red-default .menu-wrapper .menu-item > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-red-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Orange 
	-------------------------------------------------- */
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label{
		background-color:#d54343;
		border:1px solid #ea5d5d;
    }
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-orange-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Purple 
	-------------------------------------------------- */
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label {
		background-color:#993597;
		border:1px solid #b647b4;
    }
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-purple-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}


/*	--------------------------------------------------
	:: Menu Default Dark Version
	-------------------------------------------------- */

	/* BACKGROUND & BORDER OF MENU  */
    .menu-default.menu-dark-default {
		background-color:#362640; // Menü Hintergrund
		border:1px solid #362640;
	}
	
	/* BACKGROUND & COLOR OF TOGGLE FONT */
	.menu-default.menu-dark-default .togglel {
		background-color:#262c35;
        color:#fff;
	}
	
    /* BORDER RIGHT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item {
		border-right:1px solid #ffffff;
	}
	
	/* ADD BORDER 1PX SOLID #CCC IF YOU NEED YOUR WRAPPER 100% */
	.menu-default.menu-dark-default .menu-wrapper .menu-item:first-child {
		border-left:none;
	}
	
	/* ADD BORDER 1PX SOLID #CCC IF YOU NEED YOUR WRAPPER 100% */
	.menu-default.menu-dark-default .menu-wrapper .menu-item:last-child {
		border-right:none;
	}
	
	/* ADD HERE YOUR BORDER IF YOU HAVE A LEFT ELEMENT LIKE LOGO */
	.menu-default.menu-dark-default .menu-wrapper .menu-item.left {
		border-right:0px solid #848484;
	}
	
	/* ADD HERE YOUR BORDER IF YOU HAVE A RIGHT ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item.right {
		border-left:0px solid #848484;
	}
	
	/* BACKGROUND OF SECTIONS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section {
		background-color:#362640; //Hintergrund Untermenü
    }
	
	/* BORDER BOTTOM OF LI ELEMENTS OF SECTION */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li {
		border-bottom:1px solid #eee;
    }
	
	/* NO BORDER OF LAST LI ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li:last-child{
		border-bottom:none;
    }
	
	/* BACKGROUND OF LI ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li:hover {
		background-color:#a43b45;
    }
	
	/* COLOR OF <A> ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li a {
		color:#ffffff; // Farbe Untermenü
    }
	
	/* COLOR OF <A> ELEMENT ON HOVER */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li a:hover {
		color:#ffffff; //Hover Untermenü
    }
	
	/* TRINGLE OF SECTION ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section:before {
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		border-bottom:8px solid #362640;  //Hintergrund Menüpfeil
	}
	
	/* SPACE IN TRINGLE OF SECTION ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section:after {
		background-color:#fff;
		opacity:0;
	}