@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/accordion.css

multitheme Front-end code based on Randstad Human Forward components

.accordion .link-list__link {
  font-family: Montserrat-SemiBold, arial, sans-serif;
  font-size: 20px;
  text-transform: none;
  line-height: 30px;
  cursor: pointer;
  padding-right: 50px; }
  @media (min-width: 941px) {
    .accordion .link-list__link {
      font-family: Montserrat-SemiBold, arial, sans-serif;
      font-size: 26px;
      text-transform: none;
      line-height: 30px; } }

.accordion .collapsible__content,
.accordion .collapsible__content p {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px; }
  @media (min-width: 941px) {
    .accordion .collapsible__content,
    .accordion .collapsible__content p {
      font-family: Montserrat, arial, sans-serif;
      font-size: 18px;
      text-transform: none;
      line-height: 30px; } }

.accordion .collapsible__content--wrapper {
  margin-bottom: 20px; }

.accordion .toggle-arrow {
  pointer-events: none;
  top: 20px; }
  .data-table .accordion .toggle-arrow,
  .navigation-accordion .accordion .toggle-arrow {
    right: 0; }

.accordion--s .link-list__link {
  font-family: Montserrat, arial, sans-serif;
  font-size: 18px;
  text-transform: none;
  line-height: 30px; }

@media (max-width: 940px) {
  .accordion .collapsible__button, .accordion .collapsible__button::before, .accordion .collapsible__button::after {
    width: 18px; } }

@media (min-width: 941px) {
  .accordion .link-list__link {
    padding-right: 75px; }
  .accordion .collapsible__trigger .toggle-arrow.icon {
    top: 22px; }
  .accordion .collapsible__button {
    height: 30px;
    top: 26px; }
    .accordion .collapsible__button, .accordion .collapsible__button::before, .accordion .collapsible__button::after {
      width: 26px; }
  .accordion .collapsible__content {
    padding-right: 75px; }
    .accordion .collapsible__content--wrapper {
      margin-bottom: 30px; }
  .accordion .toggle-arrow.icon {
    color: #ff661a; }
  .accordion .link-list__link {
    color: #ff661a; }
    .filter .accordion .link-list__link {
      color: #2e2e2e; }
  .bg-brand--dark-grey .accordion .link-list__link,
  .bg-brand--gradient-orange .accordion .link-list__link,
  .bg-brand--gradient-blue .accordion .link-list__link,
  .bg-brand--gradient-purple .accordion .link-list__link, .bg-brand--dark-grey
  .accordion .toggle-arrow.icon,
  .bg-brand--gradient-orange
  .accordion .toggle-arrow.icon,
  .bg-brand--gradient-blue
  .accordion .toggle-arrow.icon,
  .bg-brand--gradient-purple
  .accordion .toggle-arrow.icon {
    color: #fff; }
  .bg-brand--gradient-orange .accordion .link-list__item,
  .bg-brand--gradient-blue .accordion .link-list__item,
  .bg-brand--dark-grey .accordion .link-list__item,
  .bg-brand--gradient-purple .accordion .link-list__item, .bg-brand--gradient-orange
  .accordion .toggle-arrow.icon,
  .bg-brand--gradient-blue
  .accordion .toggle-arrow.icon,
  .bg-brand--dark-grey
  .accordion .toggle-arrow.icon,
  .bg-brand--gradient-purple
  .accordion .toggle-arrow.icon {
    border-color: rgba(255, 255, 255, 0.5); } }

/*# sourceMappingURL=accordion.css.map */