/* files/themore/assets/scss/contao/accordion.css */

/* [start] accordion  */	
		
	.ce_accordion {
	
		border: 1px solid #ddd;
		margin-bottom:15px;
		
	}

	.ce_accordion .toggler,
	.ce_accordion .ui-accordion-content{
        padding: 20px 60px 20px 30px;
        position:relative;
	}
	
	.ce_accordion .ui-accordion-header-active {
		border-bottom: 1px solid #ddd;
	}
		
	.ce_accordion .toggler::after,
	.ce_accordion .toggler::before {
		content: "";
		position: absolute;
		right: 30px;
		width: 20px;
		height: 2px;
		background-color: var(--main-color);
		top: 50%;
		transform: translateY(-50%);
	}
	
	.ce_accordion .toggler::before {
		right: 39px;
		width: 2px;
		height: 20px;
		transition-duration:.3s;
	}
	
	.ce_accordion .ui-accordion-header-active::before {
		height: 0;
		transition-duration:.3s;
	}
	
	.ce_accordion .toggler:hover {
		cursor: pointer;
	}
	
	.ce_accordion .toggler:not(.ui-accordion-header-active):hover {
		box-shadow: 0 0 5px #0001;
	}
	
/* [end] accordion  */