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

/*	--------------------------------------------------
	:: Menu Widget Blue 
	-------------------------------------------------- */
	
	.menu-widget-minimal.menu-widget-blue .menu-widget-wrapper .menu-widget-item:hover > a,
	.menu-widget-minimal.menu-widget-blue .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-blue .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-blue .menu-widget-wrapper .menu-widget-item:hover#menu-widget-right-arrow > .menu-widget-label:after{
		color: #e00070; /* 메인 메뉴의 hover color */
    }
	
	.menu-widget-minimal.menu-widget-blue .menu-widget-wrapper .menu-widget-item .menu-widget-section:before {
		border-bottom:0px solid white;
	}
	
/*	--------------------------------------------------
	:: Menu Widget Green 
	-------------------------------------------------- */
	
	.menu-widget-minimal.menu-widget-green .menu-widget-wrapper .menu-widget-item:hover > a,
	.menu-widget-minimal.menu-widget-green .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-green .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-green .menu-widget-wrapper .menu-widget-item:hover#menu-widget-right-arrow > .menu-widget-label:after{
		color:#47c871;
    }
	
	.menu-widget-minimal.menu-widget-green .menu-widget-wrapper .menu-widget-item .menu-widget-section:before {
		border-bottom:4px solid #47c871;
	}
	
/*	--------------------------------------------------
	:: Menu Widget Red 
	-------------------------------------------------- */
	
	.menu-widget-minimal.menu-widget-red .menu-widget-wrapper .menu-widget-item:hover > a,
	.menu-widget-minimal.menu-widget-red .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-red .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-red .menu-widget-wrapper .menu-widget-item:hover#menu-widget-right-arrow > .menu-widget-label:after{
		color:#e76258;
    }
	
	.menu-widget-minimal.menu-widget-red .menu-widget-wrapper .menu-widget-item .menu-widget-section:before {
		border-bottom:4px solid #e76258;
	}
	
/*	--------------------------------------------------
	:: Menu Widget #e00070 
	-------------------------------------------------- */
	
	.menu-widget-minimal.menu-widget-#e00070 .menu-widget-wrapper .menu-widget-item:hover > a,
	.menu-widget-minimal.menu-widget-#e00070 .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-#e00070 .menu-widget-wrapper .menu-widget-item:hover > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-#e00070 .menu-widget-wrapper .menu-widget-item:hover#menu-widget-right-arrow > .menu-widget-label:after{
		color:#ec8f3c;
    }
	
	.menu-widget-minimal.menu-widget-#e00070 .menu-widget-wrapper .menu-widget-item .menu-widget-section:before {
		border-bottom:4px solid #ec8f3c;
	}
	
	
/*	--------------------------------------------------
	:: Menu Widget Light
	-------------------------------------------------- */

    .menu-widget-minimal.menu-widget-light {
		background-color:#fdfdfd;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-togglel {
		background-color:#fdfdfd;
        color:black;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-togglel i {
        color:black;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item > a,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item > .menu-widget-label,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow > .menu-widget-label:after{
		color:black;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper > .menu-widget-item {
		border-right:1px solid #f1f1f1;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper > .menu-widget-item:first-child {
		border-left:none;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper > .menu-widget-item:last-child {
		border-right:none;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper > .menu-widget-item.menu-widget-left {
		border-right:1px solid #f1f1f1;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper > .menu-widget-item.menu-widget-right {
		border-left:1px solid #f1f1f1;
	}
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left {
		background-color:#fdfdfd;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section > li,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li {
		border-bottom:1px solid #f6f7f9;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section > li:last-child,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li:last-child,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li:last-child{
		border-bottom:none;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section > li:hover,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li:hover,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li:hover {
		background-color:#f9f9f9;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section > li a,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li a,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li a {
		color:#92a3b0;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section > li a:hover,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li a:hover,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li a:hover {
		color:black;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section li > .menu-widget-label,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right li > .menu-widget-label,
    .menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section li > .menu-widget-label:after,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section-right li > .menu-widget-label:after {
		color:#92a3b0;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section li:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-section-right li:hover > .menu-widget-label {
		background-color:#f9f9f9;
		color:black;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section li:hover > .menu-widget-label:after,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section-right li:hover > .menu-widget-label:after {
		color:black;
    }
	
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item > a:before,
	.menu-widget-minimal.menu-widget-light .menu-widget-wrapper .menu-widget-item .menu-widget-label:before {
		background-color: white;
		opacity:0;
	}

/*	--------------------------------------------------
	:: Menu Widget Dark - 유틸적용 부분
	-------------------------------------------------- */

    .menu-widget-minimal.menu-widget-dark {
		background-color: none; /* 메뉴박스 래퍼 래퍼 배경컬러 */
		align-content: center;/* 메뉴박스 래퍼의 수직정렬 */
		justify-items: center;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-togglel {
		background-color:#f3f2ef;
        color:black;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-togglel i {
        color:black;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item > a,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item > .menu-widget-label,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item > .menu-widget-label i,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow > .menu-widget-label:after{
		color: white; /* 메인메뉴의 color */
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper > .menu-widget-item {
		border-right:none;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper > .menu-widget-item:first-child {
		border-left:none;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper > .menu-widget-item:last-child {
		border-right:none;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper > .menu-widget-item.menu-widget-left {
		border-right:1px solid #353e48;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper > .menu-widget-item.menu-widget-right {
		border-left:1px solid #353e48;
	}
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left {
		background-color:rgba(255, 255, 255, 0.7); /* 첫째메뉴 배경 */
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section > li,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li {
		border-bottom:1px solid #DDDDDD;
		
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section > li:last-child,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li:last-child,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li:last-child{
		border-bottom:1px solid #DDDDDD;
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section > li:hover,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li:hover,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li:hover {
		background-color:#f5f5f5;
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section > li a,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li a,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li a {
		color:#555555;
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section > li a:hover,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right > li a:hover,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-left > li a:hover {
		color:black;
    }
	

	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section li > .menu-widget-label,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right li > .menu-widget-label,
    .menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section li > .menu-widget-label:after,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section-right li > .menu-widget-label:after {
		color:#555555;
    }



	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section li:hover > .menu-widget-label,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-section-right li:hover > .menu-widget-label {
		color:black;
    }
	



	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section li:hover > .menu-widget-label:after,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item#menu-widget-right-arrow .menu-widget-section-right li:hover > .menu-widget-label:after {
		color:black;
    }
	
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item > a:before,
	.menu-widget-minimal.menu-widget-dark .menu-widget-wrapper .menu-widget-item .menu-widget-label:before {
		background-color: white;
		opacity:0;
	}