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

multitheme Front-end code based on Randstad Human Forward components

.accordion .link-list__link {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  cursor: pointer;
  padding-right: 50px; }
  @media (min-width: 941px) {
    .accordion .link-list__link {
      font-size: 26px;
      letter-spacing: -1px;
      line-height: 30px; } }

.accordion .collapsible__content,
.accordion .collapsible__content p {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px; }
  @media (min-width: 941px) {
    .accordion .collapsible__content,
    .accordion .collapsible__content p {
      font-size: 18px;
      letter-spacing: 0;
      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-size: 18px;
  letter-spacing: 0;
  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; }
  .bg-variant-brand-primary .accordion .link-list__item {
    border-bottom-color: var(--color-white-alpha-30); }
  .bg-variant-brand-secondary .accordion .link-list__item {
    border-bottom-color: var(--color-white-alpha-30); }
  .bg-variant-brand-tertiary .accordion .link-list__item {
    border-bottom-color: var(--color-gray-20); }
  .bg-variant-white .accordion .link-list__item {
    border-bottom-color: var(--color-gray-20); }
  .bg-variant-brand-quaternary .accordion .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-quinary .accordion .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-variant-brand-senary .accordion .link-list__item {
    border-bottom-color: var(--color-brand-secondary-alpha-30); }
  .bg-brand--off-white .accordion .icon {
    color: #2175d9; }
  .bg-brand--blue .accordion .link-list__link,
  .bg-brand--dark-blue .accordion .link-list__link, .bg-brand--blue
  .accordion .icon,
  .bg-brand--dark-blue
  .accordion .icon {
    color: #fff; }
  .bg-brand--yellow .accordion .link-list__link,
  .bg-brand--turquoise .accordion .link-list__link, .bg-brand--yellow
  .accordion .icon,
  .bg-brand--turquoise
  .accordion .icon {
    color: #0f1941; }
  .bg-brand--red .accordion .link-list__link, .bg-brand--red
  .accordion .icon {
    color: #03050d; }
  .bg-brand--yellow .accordion .link-list__link,
  .bg-brand--turquoise .accordion .link-list__link, .bg-brand--yellow
  .accordion .icon,
  .bg-brand--turquoise
  .accordion .icon {
    color: #0f1941; }
  .bg-brand--red .accordion .link-list__link, .bg-brand--red
  .accordion .icon {
    color: #03050d; } }

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