.spillover-tag-faq{
  max-width:100%;
}

.spillover-tag-faq-item{
  margin-bottom:1rem;
  background:var(--color-2);
  border:1px solid rgba(79,49,86,.18);
  border-radius:12px;
  box-shadow:rgba(60,64,67,.15) 0 1px 3px 0,rgba(60,64,67,.1) 0 1px 2px 0;
  overflow:hidden;
}

.spillover-tag-faq-item:last-child{
  margin-bottom:0;
}

.spillover-tag-faq-question {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.15rem 3.75rem 1.15rem 1.25rem;
    font-family: var(--headers-font);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--color-1);
    background: var(--color-2);
    cursor: pointer;
    list-style: none;
    transition: background-color .3s ease, color .3s ease;
}

.spillover-tag-faq-question::-webkit-details-marker{
  display:none;
}

.spillover-tag-faq-question::before,
.spillover-tag-faq-question::after{
  content:"";
  position:absolute;
  top:50%;
  right:1.25rem;
  width:16px;
  height:2px;
  background:currentColor;
  transform:translateY(-50%);
  transition:transform .3s ease,opacity .3s ease,background-color .3s ease;
}

.spillover-tag-faq-question::after{
  transform:translateY(-50%) rotate(90deg);
}

.spillover-tag-faq-item[open] .spillover-tag-faq-question{
  background:var(--color-1);
  color:var(--color-2);
}

.spillover-tag-faq-item[open] .spillover-tag-faq-question::after{
  opacity:0;
}

.spillover-tag-faq-item:not([open]) .spillover-tag-faq-question:hover,
.spillover-tag-faq-item:not([open]) .spillover-tag-faq-question:focus{
  background:var(--color-1-opacity-darker);
  color:var(--color-1);
}

.spillover-tag-faq-answer{
  padding:1.25rem;
  background:var(--color-2);
  border-top:1px solid rgba(79,49,86,.12);
}

.spillover-tag-faq-answer p:last-child{
  margin-bottom:0;
}

.spillover-tag-faq-answer p{
  line-height:1.8;
  color: var(--color-4);
}

.spillover-tag-faq-answer a{
  color:var(--links);
  text-decoration:underline;
  text-underline-offset:2px;
  overflow-wrap:anywhere;
}

.spillover-tag-faq-answer a:hover,
.spillover-tag-faq-answer a:focus{
  color:var(--color-1);
}

@media (max-width:767px){
  .spillover-tag-faq-question{
    padding:1rem 3.25rem 1rem 1rem;
    font-size:.95rem;
  }

  .spillover-tag-faq-answer{
    padding:1rem;
  }

  .spillover-tag-faq-question::before,
  .spillover-tag-faq-question::after{
    right:1rem;
  }
}
.spillover-tag-social-links i {
  font-size: 25px;
}