SU-SWS/stanford_profile_helper

@charset 'UTF-8';
// This file imports the base styles from decanter so they can be included
// or removed by a theme.
@import '../jumpstart_ui.config';
@import 'decanter/core/src/scss/decanter-no-markup';

.jumpstart-accordion {
  border: 0;
  border-bottom: 1px solid #d2d3d4;
  border-top: 1px solid #d2d3d4;

  summary {
    @include modular-typography(1);
    @include padding(0);
    @include margin(0);
    @include fancy-hover($su-color-black, $su-color-black, 'left', 6px);
    width: 100%;
    font-weight: $su-font-bold;
    position: relative;
    cursor: pointer;

    &::marker,
    &::-webkit-details-marker {
      font-size: 0;
    }

    &::after {
      content: "+";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.5em;
      font-weight: $su-font-regular;
      font-size: 3.6rem;
      line-height: 3.6rem;
      color: $su-color-bright-red;
      text-align: center;
    }

    &:focus,
    &:hover {
      text-decoration: underline;
    }
  }

  &[open] {
    summary {
      &::after {
        content: "\2212";
      }
    }
  }

  .accordion__title {
    @include responsive-spacing('padding', 0);
    display: inline-block;
    width: calc(100% - 70px);
  }

  .contents {
    @include responsive-spacing('padding', 0 0 null);
    height: auto;
  }
}