﻿.accordion {
  --bs-accordion-padding-y: 1rem;
  --bs-accordion-padding-x: 1.25rem;
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-color: #ffffff;
  --bs-accordion-border-radius: --border-radius;
  --bs-accordion-inner-border-radius: subtract(--bs-accordion-border-radius, --bs-accordion-border-width);
  --bs-accordion-body-padding-y: --bs-accordion-padding-y;
  --bs-accordion-body-padding-x: --bs-accordion-padding-x;
  --bs-accordion-button-padding-y: --bs-accordion-padding-y;
  --bs-accordion-button-padding-x: --bs-accordion-padding-x;
  --bs-accordion-transition: --btn-transition, border-radius .15s ease;
  --bs-accordion-button-active-bg: tint-color(--component-active-bg, 90%);
  --bs-accordion-button-active-color: shade-color(--primary, 10%);
  /*--bs-accordion-btn-focus-border-color: @ThemeBackgroundColor03;*/
  --bs-accordion-btn-focus-border-color: #ffffff;
  --bs-accordion-button-focus-border-color: --input-focus-border-color;
  --bs-accordion-button-focus-box-shadow: --btn-focus-box-shadow;
  --bs-accordion-icon-width: 1.25rem;
  --bs-accordion-icon-color: --bs-accordion-color;
  --bs-accordion-icon-active-color: --bs-accordion-button-active-color;
  --bs-accordion-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-icon-transform: rotate(-180deg);
  --bs-accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  --bs-accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  /* -Change these valeus below to style the accordion btn */
  --bs-accordion-bg: #ffffff;
  --bs-accordion-button-bg: --bs-accordion-bg;
  /* --bs-accordion-active-bg: #e7f1ff; */
  /*--bs-accordion-active-bg: @ThemeBackgroundColor03;*/
  --bs-accordion-active-bg: #808080;
  --bs-accordion-color: #ffffff;
  /* --bs-accordion-active-color: #0c63e4; */
  --bs-accordion-active-color: #ffffff;
  /*--bs-accordion-button-color: --bs-accordion-color;*/
  --bs-accordion-button-color: #ff0000;
  --bs-accordion-btn-color: #ff0000;
  --bs-accordion-btn-bg: #808080;
  /* --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(191, 191, 191, 0.25); */
  /*--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(175, 175, 175, 0.25);*/
  /*--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);*/
  --bs-accordion-btn-focus-box-shadow: none;
  /*--bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");*/
  /*--bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");*/
}
.accordion-item-style {
  border: none !important;
  border-width: 0px !important;
  /*border-color: rgba(92, 99, 115, 0.50) !important;*/
  border-color: #ffffff !important;
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  transition: all 0.5s;
}
/*
.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
}
*/