/* 

Bootstrap Custom Colors CSS
Override Bootstrap colors using Stylesheets

Customize your colors by setting :root variables and then including this file

<style>
:root {
  --theme-color: #ff5733;
  --theme-color-rgb: 255, 87, 51;
  --select-color: var(--theme-color); 
  --select-text-color: white;
}
</style>
<link href="bootstrap.custom.colors.css" />

*/


a {
  color: var(--theme-color);
  
}

a:hover {
  color: rgba(var(--theme-color-rgb), 0.9);
}

a:active {
  color: rgba(var(--theme-color-rgb), 0.8);
}

.btn-primary {
  --bs-btn-bg: var(--theme-color);
  --bs-btn-border-color: var(--theme-color);
  --bs-btn-hover-bg: rgba(var(--theme-color-rgb), 0.9);
  --bs-btn-hover-border-color: rgba(var(--theme-color-rgb), 0.9);
  --bs-btn-active-bg: rgba(var(--theme-color-rgb), 0.8);
  --bs-btn-active-border-color: rgba(var(--theme-color-rgb), 0.8);
}

.btn-outline-primary {
  --bs-btn-bg: transparent;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--theme-color);
  --bs-btn-hover-bg: rgba(var(--theme-color-rgb), 0.9);
  --bs-btn-hover-border-color: rgba(var(--theme-color-rgb), 0.9);
  --bs-btn-active-bg: rgba(var(--theme-color-rgb), 0.8);
  --bs-btn-active-border-color: rgba(var(--theme-color-rgb), 0.8);
}

.color-primary, .text-primary
{color: var(--theme-color) !important;}

.text-bg-primary
{background-color: var(--theme-color) !important;}

/* Accordion header button default state */
.accordion-button {
  --bs-accordion-button-bg: #f8f9fa; /* New background color */
  --bs-accordion-button-color: #343a40;            /* New text color */
  --accordion-border-color: #ced4da;     /* Optional: new border color */
}

/* Accordion header button when expanded */
.accordion-button:not(.collapsed) {
  background-color: #e9ecef; /* New expanded background */
  color: #212529;            /* New expanded text color */
  border-color: #adb5bd;
}

/* Accordion body */
.accordion-body {
  background-color: #ffffff; /* New background for the body */
  color: #495057;            /* New text color */
}