/**
 * Webstar Accordion
 */

.webstar-accordion {
  max-width: 876px;
}

.webstar-accordion .hidden {
  display:none;
}


.webstar-accordion button {

  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%;
  color: #000;

}

.webstar-accordion button:after {
  background-color: #f6e737;
    background-position: 61% 52%;
    background-size: .7rem auto;
    border-radius: 50%;
    content:"";
    height:24px;
    flex-shrink: 0;
    width: 24px;
    background-position-x: 53%;
    background-position-y: 52%;
    background-size: 11.2px;
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
  }


.webstar-accordion button:not(.collapsed):after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M.293 1.294a1 1 0 0 1 1.414 0L5 4.587l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414' clip-rule='evenodd'/%3E%3C/svg%3E");


}

.webstar-accordion button:not(.collapsed) {
  color: #000;
  }
  


  .webstar-accordion button[aria-expanded="true"]::after {
    transform: rotate(-180deg );
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M.293 1.294a1 1 0 0 1 1.414 0L5 4.587l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414' clip-rule='evenodd'/%3E%3C/svg%3E");
  }


.webstar-accordion button:hover::after {
  background-color: #000;

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.293 1.294a1 1 0 0 1 1.414 0L5 4.587l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414' clip-rule='evenodd'/%3E%3C/svg%3E");

}


.webstar-accordion button span {
  font-weight:700;
  font-family: proxima-nova, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:16px;
}


.webstar-accordion .webstar-accordion__inner {
  background-color: #fff;
  border-bottom: 1px solid rgb(211, 211, 211);
  color: #000;
}

.webstar-accordion .webstar-accordion__inner h4 {
  margin:0;
  padding:0;
}


 .webstar-accordion {
    margin-top: 1rem;
    margin-bottom: 1rem;
  border-left:3px solid rgb(246, 231, 55);
    font-size:.875rem;
  }

  .webstar-accordion svg {
display:none;
  }

  .webstar-accordion svg path {
    fill:#000 !important;
  }

  .webstar-accordion .webstar-accordion-button {
      display: flex;
    }
  
  .webstar-accordion .webstar-accordion-button {
      width: 100%;
    }
  
  .webstar-accordion .webstar-accordion-button {
      align-items: center;
    }
  
  .webstar-accordion .webstar-accordion-button {
      gap: 1rem;
    }
  
  .webstar-accordion .webstar-accordion-button {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
  
  .webstar-accordion .webstar-accordion-button {
      padding: 1.25rem;
    }
  
  .webstar-accordion .webstar-accordion-button {
      text-align: left;
    }
  
  .webstar-accordion .webstar-accordion-button {
      font-weight: 500;
    }
  
  .webstar-accordion .webstar-accordion-button {
      --tw-text-opacity: 1;
      color: rgb(31 41 55 / var(--tw-text-opacity));
    }
  
  .webstar-accordion .webstar-accordion-button {
      color: #2A3038;
    }
  
  .webstar-accordion .webstar-accordion-header {
      flex-grow: 1;
    }
  
  .webstar-accordion .webstar-accordion-content {
      padding: 1.25rem;
    }