/* version 1.0.3 */
	
	/* copy all this css and adapt it to your style - then add this line
	
	add_theme_support( 'fkws-elements-css' );
	
	to your themes style.css - so this file won't get loaded.
	*/
	
	
/* reset - because of chaplin */
body.m2g .wp-block-group.fkws-elements .wp-block-group__inner-container .wp-block-group,
body.m2g .wp-block-group.fkws-elements .wp-block-group__inner-container .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
	max-width: unset;
	margin-top: 0;
	margin-bottom: 0;
}

	
	
:root {
	--elements-border-color: #d8d8d8;
	--elements-low-bg-color: #fdfdfd;
	--elements-high-bg-color: #e9e9e9;
	--elements-neutral-bg-color: #fff;
	--elements-low-text-color: #111;
	--elements-high-text-color: #000;
}
	
/* .fkws-box ----------------------------------------------------------------- */
.fkws-box {
	border: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	margin: 2em 0;
}
	
.fkws-box .wp-block-group__inner-container { 
	padding: 1.5em;
	padding-top: 1.25em;
}
.fkws-box .wp-block-group__inner-container>:first-child {
	margin-top:0!important;
}
.fkws-box .wp-block-group__inner-container>:last-child {
	margin-bottom:0!important;
}
	
	@media (max-width: 579px) {
.fkws-box .wp-block-group__inner-container {
	  padding: 0.8em;
}
}
	
	
	
	
/* .fkws-toggle ----------------------------------------------------------------- */
.fkws-toggle {
	border: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	margin: 2em 0;
	overflow: hidden;
	background-color: #fdfdfd;
	background-color: var(--elements-low-bg-color);
}
.fkws-toggle + .fkws-toggle {
	margin-top: -0.5em;
}
.fkws-toggle > div > h3 {
	margin: 0 !important;
	font-size: 1.2em;
	padding: 0.8em 1em;
	background-color: #fdfdfd;
	background-color: var(--elements-low-bg-color);
	color: #000;
	color: var(--elements-low-text-color);
	cursor:pointer;
}
.fkws-toggle > div > h3:hover,
.fkws-toggle > div > h3:focus,
.fkws-toggle > div > h3:active {
	background-color: #e9e9e9;
	background-color: var(--elements-high-bg-color);
	color: #000;
	color: var(--elements-high-text-color);
}
	
.fkws-toggle > div > h3:before {
	content: '+ ';
	display: inline-block;
	min-width: 0.8em;
	font-size: 1.4em;
	font-weight: 800;
	line-height: 1;
	vertical-align: text-bottom;
}
	
.fkws-toggle > div > h3.active:before {
	content: '– ';
}
	
.fkws-toggle .toggle-content {
	border-top: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	padding: 1.5em;
	padding-top: 1.25em;
	background: #fff;
	background: var(--elements-neutral-bg-color);
}
	
.fkws-toggle .toggle-content > .wp-block-group__inner-container > :first-child {
	margin-top: 0 !important;
}
.fkws-toggle .toggle-content > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0 !important;
}
	
	
	
	
	
	
/* .fkws-accordion --------------------------------------------------------------- */
.fkws-accordion {
	border: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	border-bottom: 0;
	margin: 2em 0;
	overflow: hidden;
	background-color: #fdfdfd;
	background-color: var(--elements-low-bg-color);
}
.fkws-accordion .accordion-item.active > div > h3 {
	background-color: #e9e9e9;
	background-color: var(--elements-high-bg-color);
	color: #000;
	color: var(--elements-high-text-color);
}
.fkws-accordion .accordion-item > div > h3 {
	border-bottom: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	margin: 0 !important;
	font-size: 1.2em;
	background-color: #fdfdfd;
	background-color: var(--elements-low-bg-color);
	color: #000;
	color: var(--elements-low-text-color);
	padding: 0.8em 1em;
}
.fkws-accordion .accordion-item > div > h3:active,
.fkws-accordion .accordion-item > div > h3:focus,
.fkws-accordion .accordion-item > div > h3:hover {
	background-color: #e9e9e9;
	background-color: var(--elements-high-bg-color);
	color: #000;
	color: var(--elements-high-text-color);
}
	
.fkws-accordion .accordion-item > div > h3:before {
	content: '+ ';
	display: inline-block;
	min-width: 0.8em;
	font-size: 1.4em;
	font-weight: 800;
	line-height: 1;
	vertical-align: text-bottom;
}
	
.fkws-accordion .accordion-item.active > div > h3:before {
	content: '› ';
	padding-left: 0.5rem;
}
	
.fkws-accordion .accordion-content {
	border-bottom: 1px solid #d8d8d8;
	border-color: var(--elements-border-color);
	background: #fff;
	background: var(--elements-neutral-bg-color);
	padding: 1.5em;
}
.fkws-accordion .accordion-content > .wp-block-group__inner-container > :first-child {
	margin-top: 0 !important;
}
.fkws-accordion .accordion-content > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0 !important;
}