.accord-group{
	border-radius: 20px;
	overlay: hidden;
}

.acc-head{
	display: flex;
	position: relative;
	text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
    position: relative;
	width: calc(100% - 42px);
	padding: 15px 20px 14px 20px;
	background-color: #252525;
	border-style: solid;
    border-width: 1px;
    border-color: #4e4e4e;
    font-size: 12px;
    letter-spacing: 0.25em;
    //transition: all 0.5s;
    color: #efefef;
	cursor: pointer;
}

.acc-head:hover{
	background-color: #101010;
}

.acc-head:last-child{
	display: none !important;
	border-width: 0 1px 1px 1px;
}

.acc-head.active{
	background-color: #323232;
}

.acc-head svg{
	height: 16px;
	width: 24px;
	fill: #999;
	transition: all 0.5s;
}

.acc-head .toggle-on{
	display: none;
}

.acc-head.active .toggle-off{
	display:none;
}

.acc-head.active .toggle-on{
	display: block;
}

.wp-site-blocks .acc-body{
	box-sizing: border-box;
	max-height: 0;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	padding: 0 20px 0 20px;
	border-style: solid;
    border-width: 0;
    border-color: #333;
    color: #000;
    margin-top: 0;
	transition: all 0.5s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	overflow: hidden;
}

.acc-body p{
	color: #efefef;
	margin-bottom: 20px;
}

.acc-body p:last-child{
	padding-bottom: 0;
}

.acc-body .block-editor-inner-blocks{
	position: relative;
	clear: both;
	width: 100% !important;
}

.acf-block-preview .acc-body{
	display: flex !important;
}

.acc-body.active{
	display: block;
	border-width: 0 0 0 0;
	max-height: 500px;
	padding: 20px;
	overflow-y: auto;
}

.acc-body p{
	line-height: 2em;
}

.acc-body p:first-child{
	margin-top: 0 ;
}