﻿/*************************************************
partAccordionMenu-5
*************************************************/

/* accordion navigation menu */
.partAccordionMenuNavigation 																            {}
.partAccordionMenuNavigation ul li.active > ul 												  			{display: block;}
.partAccordionMenuNavigation ul ul 															        	{display: none;}

	/* level 1 */
	.partAccordionMenuNavigation ul 															        {font-size:18px;}
	.partAccordionMenuNavigation ul li															        {border-bottom: 1px solid #ccc;}

		.partAccordionMenuNavigation ul li .accordionMenuDropdown 							    			{display: flex;}
			
			.partAccordionMenuNavigation ul li a, 
			.partAccordionMenuNavigation ul li span.linkTrigger												{padding:17px 20px; display:block; flex:1 1 auto; color:#fff; text-decoration:none; line-height:1.6em;}
			
			.partAccordionMenuNavigation ul li.selected > a, 
			.partAccordionMenuNavigation ul li.selected > .accordionMenuDropdown a,
			.partAccordionMenuNavigation ul li.selected > .accordionMenuDropdown span.linkTrigger   				{font-weight:700;}

			.partAccordionMenuNavigation ul li span.buttonTrigger 										    		{width: 50px; cursor:pointer; border-left: solid 1px #ccc; display:flex; justify-content:center; align-items:center; flex:0 0 auto; fill: #fff;}

			.partAccordionMenuNavigation ul li > .accordionMenuDropdown span.buttonTrigger svg              {width: 12px; transition: transform 0.3s;}
			.partAccordionMenuNavigation ul li.active > .accordionMenuDropdown span.buttonTrigger svg		{transform: scaleY(-1);}

	/* level 2 */
	.partAccordionMenuNavigation ul ul															            {background-color: #fff; font-size:14px;}
	.partAccordionMenuNavigation ul ul li														            	{border-bottom:none; border-top:solid 1px #ccc;}
        .partAccordionMenuNavigation ul ul li a                                              						{padding:10px 20px 10px 40px; color: #000;}
        .partAccordionMenuNavigation ul ul li .linkTrigger                                              			{padding:10px 20px 10px 40px; color: #000;}
		.partAccordionMenuNavigation ul ul li .buttonTrigger                                              			{fill: #000;}
		.partAccordionMenuNavigation ul ul li.selected > a, 
		.partAccordionMenuNavigation ul ul li.selected > .accordionMenuDropdown > a,
		.partAccordionMenuNavigation ul ul li.selected > .accordionMenuDropdown span.linkTrigger   				{font-weight:700;}

	/* level 3 */									
	.partAccordionMenuNavigation ul ul ul 	 													            {background-color:#fff;}
	.partAccordionMenuNavigation ul ul ul li													               	{}
		.partAccordionMenuNavigation ul ul ul li a                                          						{padding:10px 20px 10px 60px;}
		.partAccordionMenuNavigation ul ul li.selected > a                                  						{font-weight:700;}

/* accordion content menu */
.partAccordionMenuContent 																	    			{}
.partAccordionMenuContent ul li.active > ul 												    			{display: block;}
.partAccordionMenuContent ul li > ul 															    			{display: none;}

	/* level 1 */
	.partAccordionMenuContent ul li .accordionMenuDropdown 								      				{display:flex; background-color:#f0f0f0; margin:0px; margin-top: 10px;}
		.partAccordionMenuContent ul li span.linkTrigger														{color: #000; padding: 15px 20px 15px 0px; display: block; cursor: pointer; line-height: 1.6em; flex: 1 1 auto;}
		.partAccordionMenuContent ul li span.buttonTrigger 										        		{width: 50px; cursor:pointer; display:flex; justify-content:center; align-items:center; flex: 0 0 auto;}

	.partAccordionMenuContent ul li > .accordionMenuDropdown span.buttonTrigger svg              			{width: 12px; transition: transform 0.3s;}
	.partAccordionMenuContent ul li.active > .accordionMenuDropdown span.buttonTrigger svg       			{transform: scaleY(-1);}

	/* level 2 */
	.partAccordionMenuContent ul ul li .accordionMenuDropdown 								      			{background-color:#ccc; margin:0px;}
		.partAccordionMenuContent ul ul li span.linkTrigger											    		{padding: 10px 20px 10px 0px;}
			.partAccordionMenuContent .accordionMenuContentContainer 												{padding:0px;}