﻿/*************************************************
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:#000; 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;}

			.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: #f0f0f0; 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;}
		.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  {background-color: #fff; border-radius: 8px; border: solid 1px rgba(0,0,0, 0.1); margin:0px; margin-top: 10px;}
	.partAccordionMenuContent ul li:first-child {margin-top: 0;}

	.partAccordionMenuContent ul li .accordionMenuDropdown 								      				{display:flex; overflow: hidden; font-weight: 700;}
		.partAccordionMenuContent ul li span.linkTrigger														{color: #000; padding: 15px 20px 15px 20px; display: block; cursor: pointer; line-height: 1.6em; flex: 1 1 auto;}
		.partAccordionMenuContent ul li span.buttonTrigger 										        		{width: 50px; background-color: var(--green-light); border-right: solid 1px rgba(0,0,0, 0.1); 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; fill: #000;}
	.partAccordionMenuContent ul li.active > .accordionMenuDropdown span.buttonTrigger svg       			{transform: scaleY(-1);}

		.partAccordionMenuContent .accordionMenuContentContainer 												{padding:25px 25px 1px 25px; border-top: solid 1px rgba(0,0,0, 0.1);}