/* Container styling (optional) */
.accordion-item {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: #eeded3;
}

/* Summary (clickable header) */
.accordion-item > summary {
  list-style: none;            /* remove default marker space */
  display: flex;               /* title left, arrow right */
  align-items: center;
  gap: 0.75rem;
  padding: 0.1rem 1rem;
  font-weight: 600;
  background: var(--summary-bg);
  color: var(--text);
  cursor: pointer;
}

/* Remove native marker in Safari/Firefox */
.accordion-item > summary::-webkit-details-marker { 
  display: none; 
}

/* Custom chevron on the right */
.accordion-item > summary::after {
  content: "";
  margin-left: auto;           /* push arrow to the right */
  inline-size: 0.5rem;         /* width */
  block-size: 0.5rem;          /* height */
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);    /* right/down chevron by default */
  transition: transform 700ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Rotate arrow when open (points up) */
.accordion-item[open] > summary::after {
  transform: rotate(-135deg);
}

/* Panel content — slower, smoother open */
.accordion-item .panel {
  padding: 0 1rem;
  overflow: hidden;
  max-height: 0;

  /* Slow down and soften the animation */
  transition:
    max-height 700ms cubic-bezier(0.25, 0.8, 0.25, 1),
    padding    700ms cubic-bezier(0.25, 0.8, 0.25, 1),
    opacity    500ms ease,
    transform  2000ms ease;

  /* Optional: start slightly faded & lifted for perceived smoothness */
  opacity: 0;
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-item .panel { 
    transition: none; 
  }
}

/* When open, reveal the panel */
.accordion-item[open] .panel {
  padding: 0.75rem 1rem 1rem;
  max-height: 1000px;          /* keep larger than typical content */
  opacity: 1;
  transform: translateY(0);
}

/*Code utilize the team widget to make a pop-up form*/
.popup-form .uu-team-member-widget-modal-body{
	width: 900px!important;
}

.popup-form .uu-team-member-widget-card.flat-design .uu-team-member-widget-body{
	padding:1% 0px!important;
}

.popup-form .uu-team-member-widget-view-bio-btn{
	background-color: #000000!important;  
  color: #fff!important;                 
  border-color: #000000!important;
}
/* Hover style for popup form btn to match theme behavior */

.popup-form .uu-team-member-widget-view-bio-btn:hover{
	background-color:#be0000!important;
}

.popup-form .uu-team-member-widget-modal-close{
width:auto!important;
}

/* New variant: HTM dark brown */
a.uu-btn.brown {
  background-color: #621C0F;  
  color: #fff;                 
  border-color: #621C0F;
}

/* Hover/active/focus states to match theme behavior */
a.uu-btn.brown:hover,
a.uu-btn.brown:focus-visible {
  background-color: #7b3813;
  border-color: #7b3813;
}

a.uu-btn.brown:active {
  background-color: #7B3813;
  border-color: #7B3813;
}