/*togglebox*/
.togglebox{position: relative;margin-block-start: 1em;margin-block-end: 1em;}

.toggleHead button:not(.wp-element-button) {cursor:pointer; -webkit-appearance: none; appearance: none; font: inherit; color:inherit; text-align: inherit; background: transparent; border: none; margin: 0; padding: 0; width: 100%}
.togglebox:not(.showicon) .toggleHead i{display: none}
.toggleHead button>:first-child{margin-top: 0;}
.toggleHead button>:last-child{margin-bottom: 0;}
.showicon .toggleHead button>:nth-last-child(2){margin-bottom: 0;}

.toggleHead, .togglebox.showicon .toggleHead i svg{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.toggleHead>:last-child, .toggleHead>.wp-block-group__inner-container>:last-child{margin-bottom: 0}
.toggleHead.has-background{padding:var(--wp--preset--spacing--30) var(--padding-h) }
.togglebox.showicon .toggleHead {padding-left:3rem; position: relative;}
.togglebox.showicon .toggleHead i{ display: block; position: absolute; left: 0; top: -0.25em; background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); /*border-radius: 50%;*/ overflow: hidden; margin: 0}
.togglebox.showicon .toggleHead button:hover i{ background-color:  var(--wp--preset--color--tertiary); color: var(--wp--preset--color--primary); /*border-radius: 50%;*/ overflow: hidden; margin: 0}
.togglebox.showicon .toggleHead.wp-element-button i{top:calc(0.667rem + 2px - 0.25rem); left:calc(1.333rem + 2px - 1rem)}
.togglebox.showicon .toggleHead.wp-element-button .baseicon{margin: 0; background: transparent; }
.togglebox.showicon .toggleHead i svg{color: inherit; background-color: transparent; font-size: 1em}
.togglebox.showicon .toggleHead.has-background{padding-left:calc(var(--wp--preset--spacing--30) + 3rem)}
.togglebox.showicon .toggleHead.has-background i{left:var(--wp--preset--spacing--30); top:var(--padding-h);}
.togglebox.showicon.icon-right .toggleHead {padding-right:2rem; padding-left:0}
.togglebox.showicon.icon-right .toggleHead i{right: 0; left: auto;}

.togglebox.showicon.icon-right .toggleHead.has-background{padding-right:calc(var(--wp--preset--spacing--30) + 3rem); padding-left:var(--wp--preset--spacing--30) }
.togglebox.showicon.icon-right .toggleHead.has-background i{right: var(--wp--preset--spacing--30); left: auto; }

.togglebox.showicon:not(.init):hover .toggleHead i svg,.togglebox.on.showicon .toggleHead i svg{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}

/*.togglebox .toggleCont>:first-child::before{content:'';display: block;height:1px;}*/

.togglebox .toggleCont, .togglebox .toggleCont.has-background, .togglebox .toggleCont.extrapadding, .togglebox .toggleCont.has-background.extrapadding {
	display:block;
	max-height:0px;
	overflow:hidden;
	padding-top:0;
	padding-bottom: 0;
	-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-moz-transition: all 0.8s cubic-bezier(0,1,0,1);
	-ms-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);
}
.togglebox:not(.init):hover .toggleCont, .togglebox.on .toggleCont, .togglebox.on .toggleCont.has-background{
	max-height:6000px;
	padding-top:var(--wp--preset--spacing--30);
	padding-bottom:var(--wp--preset--spacing--30);
	-webkit-transition: all 0.8s cubic-bezier(1,0,1,0);
	-moz-transition: all 0.8s cubic-bezier(1,0,1,0);
	-ms-transition: all 0.8s cubic-bezier(1,0,1,0);
	-o-transition: all 0.8s cubic-bezier(1,0,1,0);
	transition: all 0.8s cubic-bezier(1,0,1,0);
}
.togglebox.on .toggleCont.extrapadding, .togglebox.on .toggleCont.has-background.extrapadding{
	padding-top:calc(2 * var(--wp--preset--spacing--50));
	padding-bottom:calc(2 * var(--wp--preset--spacing--50));
}
[class*="editor"] .toggleCont{max-height:6000px !important; padding-top:var(--wp--preset--spacing--30);	padding-bottom:var(--wp--preset--spacing--30);}
[class*="editor"] .togglebox.showicon .toggleHead::before{content: ''; background-color: var(--wp--preset--color--secondary);display: block; position: absolute; left: 0; top:0; border-radius: 50%; width:2em; height: 2em; overflow: hidden; margin: 0 }
[class*="editor"] .togglebox.showicon .toggleHead::after{content: '+'; color: var(--wp--preset--color--white); display: block; position: absolute; font-size: 2em; left: 0; top: 0; font-weight: 100; font-family: auto; line-height: 1em; width: 1em; text-align: center;}
[class*="editor"] .togglebox.showicon.icon-right .toggleHead::before{left:auto; right:0}
[class*="editor"] .togglebox.showicon.icon-right .toggleHead::after{left: auto; right:0}
[class*="editor"] .togglebox.showicon.icon-right .toggleHead {padding-left:0rem; padding-right: 3rem; position: relative;}