.c-widget-accordion {
  @include accordion-container;
  background: $light-gray;
}

.c-widget-accordion + .c-widget-accordion {
  margin-top: 1rem;
}

.c-widget-accordion-link {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  background-color: $medium-gray;
  overflow: hidden;
  @include headerStyle('h3', alt);

  &:before {
    display: none;
  }

  &--nofill {
    background: $body-background;
    padding-left: 0;

    @include headerStyle('h2', alt);
  }
}

.c-widget-accordion .c-widget-accordion-item {
  &.is-active .c-widget-accordion-link:before {
    content: '\f147';
  }

  .c-widget-accordion-link.c-widget-accordion-link--fb {
    background: $facebook-color;

    .c-widget-accordion__title {
      color: $white;
    }
  }

  .c-widget-accordion-link.c-widget-accordion-link--cal {
    background: #df3a3f;

    .c-widget-accordion__title {
      color: $white;
    }
  }
  
  .c-widget-accordion-link.c-widget-accordion-link--yt {
    background: #cc181e;

    .c-widget-accordion__title {
      color: $white;
    }
  }
}

.c-widget-accordion .c-widget-accordion__title {
  color: $primary-color;
  white-space: nowrap;
}

.c-widget-accordion span:last-child {
  white-space: nowrap;
  width: 100%;
}

.c-widget-accordion .c-widget-accordion-content {
  padding: 1rem;

  &.c-widget-accordion-content--nopad {
    padding: 0;
  }
}

.c-widget-accordion .c-widget-accordion-link {
  border: 0;
  border-bottom: 0;
}

.c-widget-accordion .c-widget-accordion-content__cta {
  margin-top: 1rem;
}

.c-widget-accordion .c-widget-accordion-list {
  margin-left: 0;
  margin-bottom: 1rem;

  &:last-child {
    margin-bottom: 0;
  }
}

// Colors
.c-widget-accordion.c-widget-accordion--alert {
  background: $alert-color;
}

.c-widget-accordion.c-widget-accordion--alert
 .c-widget-accordion-link {
  background: $alert-color !important;
}

.c-widget-accordion.c-widget-accordion--dark
 .c-widget-accordion-link {
  background: $dark-gray !important;
}