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


body.wp-admin section { 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 { width: 50%; margin: 0 auto; }

.accordion-tab {
  /*border: 1px solid #ccc;*/
}
.accordion-tab-header p { margin-bottom: 0; padding: 0 2rem 0 0; margin-left: 0; }
.accordion-tab-header {
 /* background-color: var(--brand-2);
	color: #fff;*/
  cursor: pointer;
	border-bottom: 1px solid var(--brand-1);
	display: flex; 
	align-items: center;
	    justify-content: space-between;
	padding: 1rem 0;
	text-transform: uppercase; 
}

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

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

}

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

.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; }


@media (max-width: 768px) {
.accordion { width: 100%; margin: 0 auto; }

}

@media (max-width: 576px) {
 
}