/*
Block Name: Accordion
Description: A simple accordion.
*/


body.wp-admin section.block-accordion { border: 1px solid #ccc; }
body.wp-admin section .container .grid:empty:before { color: red; font-weight: 600; content: "This is an empty *block* - add content"; padding: 2rem 0; display: block;}
body.wp-admin section .container .grid .col:empty:before { color: red; font-weight: 600; content: "This is an empty *column* - add content"; padding: 2rem 0; display: block;}


.accordion-tab {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.accordion-tab-header {
  background-color: var(--brand-2);
	color: #fff;
  padding: 10px;
  cursor: pointer;
}

.accordion-tab.active .accordion-tab-header { background-color: var(--brand-1); }

.arrow {
  float: right;
  transition: transform 0.3s;
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/themes/toast/assets/images/plus.svg');
  background-repeat: no-repeat;
  background-size: contain;
	 margin-top: 0.5rem;

}

.accordion-tab-content {
  display: none;
  padding: 2rem;
}

body.wp-admin .accordion-tab-content {
  display: block;
  padding: 2rem;
	margin-bottom: 2rem;
}

.active .arrow {
  background-image: url('/wp-content/themes/toast/assets/images/minus.svg');
	  transform: rotate(180deg);

}

.accordion-tab-content p:last-of-type { margin-bottom: 0; }