/* Update below HEX and RGB color code to your primary color for light mode */
[data-bs-theme="light"] {
  --bs-primary: #f39200 !important;
  --bs-primary-rgb: 243, 146, 0 !important;
  --bs-secondary: #666666 !important;
  --bs-secondary-rgb: 0, 99, 108 !important;
  --bs-link-color: #f39200 !important;
  --bs-link-hover-color: #cc5a1a !important;
  --bs-link-color-rgb: 243, 146, 0 !important;
  --bs-link-hover-color-rgb: 136, 5, 5;
  --bs-dropdown-link-active-color: #f39200 !important;
  --bs-nav-pills-link-active-bg: #f39200 !important;
  --bs-dropdown-link-hover-color: #f39200 !important;
  --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.06);
  --bs-secondary-color: rgba(0, 99, 108, 0.75);
  --bs-secondary-color-rgb: 0, 99, 108;
  --bs-info-rgb: 0, 161, 154;
  --bs-info: #00a19a !important;
  --bs-tertiary-bg-rgb: 180, 216, 142;
  --bs-tertiary-rgb: 180, 216, 142;
  --bs-cw-bp: #24344b !important;
  --bs-cw-fs: #4d858f !important;
  --bs-cw-ii: #bf6dc7 !important;
  --bs-cw-ue: #8bd5e3 !important;
  --bs-cw-el: #ea5906 !important;
  --bs-cw-sk: #3c5d97 !important;
  --bs-dark: #3c3c3c;
  --bs-dark-rgb: 60, 60, 60;
}

/* Update below HEX and RGB color code to your primary color for dark mode */
[data-bs-theme="dark"] {
  --bs-primary: #f39200 !important;
  --bs-primary-rgb: 243, 146, 0 !important;
  --bs-secondary: #666666 !important;
  --bs-secondary-rgb: 0, 99, 108 !important;
  --bs-link-color: #f39200 !important;
  --bs-link-hover-color: #cc5a1a !important;
  --bs-link-color-rgb: 243, 146, 0 !important;
  --bs-link-hover-color-rgb: 136, 5, 5;
  --bs-nav-pills-link-active-bg: #f39200 !important;
  --bs-dropdown-link-active-color: #f39200 !important;
  --bs-secondary-color: rgba(0, 99, 108, 0.75);
  --bs-secondary-color-rgb: 0, 99, 108;
  --bs-info-rgb: 0, 161, 154;
  --bs-info: #00a19a !important;
  --bs-tertiary-bg-rgb: 180, 216, 142;
  --bs-dark: #3c3c3c;
  --bs-dark-rgb: 60, 60, 60;
  /*
  --bs-cw-bp: #a5da8b !important;
  --bs-cw-fs: #f39200 !important;
  --bs-cw-ii: #ffdd00 !important;
  --bs-cw-ue: #8bd5e3 !important;
  --bs-cw-el: #ea5906 !important;
  --bs-cw-sk: #3c5d97 !important;
  */
  --bs-cw-bp: #24344b !important;
  --bs-cw-fs: #4d858f !important;
  --bs-cw-ii: #bf6dc7 !important;
  --bs-cw-ue: #8bd5e3 !important;
  --bs-cw-el: #ea5906 !important;
  --bs-cw-sk: #3c5d97 !important;

  /* --bs-primary: #f0ac19 !important;
  --bs-primary-rgb: 240, 172, 25  !important; 
  --bs-link-color:#f0ac19 !important;
  --bs-link-hover-color:#c48a0b !important;
  --bs-link-color-rgb: 240, 172, 25 !important;
  --bs-link-hover-color-rgb: 196, 138, 11;
  --bs-nav-pills-link-active-bg: #f0ac19 !important; */
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--bs-secondary);
}

.bg-cw-bp {
  background-color: var(--bs-cw-bp);
}
.bg-cw-fs {
  background-color: var(--bs-cw-fs);
}
.bg-cw-ii {
  background-color: var(--bs-cw-ii);
}
.bg-cw-ue {
  background-color: var(--bs-cw-ue);
}
.bg-cw-el {
  background-color: var(--bs-cw-el);
}
.bg-cw-sk {
  background-color: var(--bs-cw-sk);
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

li.list-group-item.bg-hover:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), 0.5) !important;
  padding-left: 1rem;
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

.header-slider-bg-secondary-opacity {
  --bs-bg-opacity: 0.9;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
@media (min-width: 992px) {
  .header-slider-bg-secondary-opacity {
    --bs-bg-opacity: 0.9;
    background-color: rgba(
      var(--bs-secondary-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
}

/* CSS for overriding primary colors */
.navbar {
  /*--bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
    */
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
}

.navbar-dark {
  --bs-navbar-hover-color: var(--bs-primary) !important;
  --bs-navbar-active-color: var(--bs-primary) !important;
}
.navbar-nav {
  /*--bs-nav-link-color: var(--bs-primary) !important;
  --bs-nav-link-hover-color: var(--bs-primary);
  */
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #f39200 !important;
}

.header-sticky-on .navbar-nav,
.header-sticky.header-absolute.subpage-white .navbar-nav {
  --bs-nav-link-color: var(--bs-dark) !important;
  --bs-nav-link-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary) !important;
}

@media (min-width: 1200px) {
  /*.navbar-nav {
    --bs-nav-link-color: var(--bs-secondary) !important;
    --bs-nav-link-hover-color: var(--bs-primary);
  }
    */
}

/*}*/
.dropdown-menu {
  --bs-dropdown-link-hover-color: var(--bs-primary) !important;
  --bs-dropdown-link-active-color: var(--bs-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  --bs-dropdown-link-hover-color: var(--bs-primary) !important;
  /*background-color: var(--bs-dropdown-link-hover-bg);*/
}

.dropdown-item.active,
.dropdown-item:active {
  --bs-dropdown-link-active-color: #f39200 !important;
}

.btn-cw-bp {
  border: var(--bs-btn-border-width) solid var(--bs-cw-bp);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-bp);
  color: #fff;
}
.btn-outline-cw-bp {
  color: var(--bs-cw-bp);
  border-color: var(--bs-cw-bp);
  background: none;
}
.btn-outline-cw-bp:hover {
  color: #ffffff;
  border-color: var(--bs-cw-bp);
  background: var(--bs-cw-bp);
}

.btn-cw-fs {
  border: var(--bs-btn-border-width) solid var(--bs-cw-fs);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-fs);
  color: #fff;
}
.btn-outline-cw-fs {
  color: var(--bs-cw-fs);
  border-color: var(--bs-cw-fs);
  background: none;
}
.btn-outline-cw-fs:hover {
  color: #ffffff;
  border-color: var(--bs-cw-fs);
  background: var(--bs-cw-fs);
}

.btn-cw-ii {
  border: var(--bs-btn-border-width) solid var(--bs-cw-ii);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-ii);
  color: #fff;
}
.btn-outline-cw-ii {
  color: var(--bs-cw-ii);
  border-color: var(--bs-cw-ii);
  background: none;
}
.btn-outline-cw-ii:hover {
  color: #ffffff;
  border-color: var(--bs-cw-ii);
  background: var(--bs-cw-ii);
}

.btn-cw-ue {
  border: var(--bs-btn-border-width) solid var(--bs-cw-ue);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-ue);
  color: #fff;
}
.btn-outline-cw-ue {
  color: var(--bs-cw-ue);
  border-color: var(--bs-cw-ue);
  background: none;
}
.btn-outline-cw-ue:hover {
  color: #ffffff;
  border-color: var(--bs-cw-ue);
  background: var(--bs-cw-ue);
}

.btn-cw-el {
  border: var(--bs-btn-border-width) solid var(--bs-cw-el);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-el);
  color: #fff;
}
.btn-outline-cw-el {
  color: var(--bs-cw-el);
  border-color: var(--bs-cw-el);
  background: none;
}
.btn-outline-cw-el:hover {
  color: #ffffff;
  border-color: var(--bs-cw-el);
  background: var(--bs-cw-el);
}

.btn-cw-sk {
  border: var(--bs-btn-border-width) solid var(--bs-cw-sk);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-cw-sk);
  color: #fff;
}
.btn-outline-cw-sk {
  color: var(--bs-cw-sk);
  border-color: var(--bs-cw-sk);
  background: none;
}
.btn-outline-cw-sk:hover {
  color: #ffffff;
  border-color: var(--bs-cw-sk);
  background: var(--bs-cw-sk);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-tertiary {
  --bs-btn-bg: var(--bs-info-rgb);
  --bs-btn-border-color: var(--bs-info-rgb);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: var(--bs-scondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);

  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: rgb(var(--bs-info-rgb));
  color: var(--bs-secondary);
}

.btn-tertiary:hover {
  color: var(--bs-white);
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-tertiary:focus-visible {
  color: var(--bs-white);
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-info {
  --bs-btn-bg: rgb(var(--bs-info-rgb), 1);
  --bs-btn-border-color: rgb(var(--bs-info-rgb), 0);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn-link {
  --bs-btn-color: var(--bs-primary);
  --bs-link-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-active-color: var(--bs-link-hover-color);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-primary-soft {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.btn-primary-soft.active,
.btn-primary-soft:focus,
.btn-primary-soft:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary-shadow {
  background-color: var(--bs-primary);
  box-shadow: 0 0 0 10px rgba(var(--bs-primary-rgb), 0.4);
}
.btn-primary-shadow:hover {
  background-color: var(--bs-link-color);
  box-shadow: 0 0 0 10px rgba(var(--bs-primary-rgb), 0.4);
}
.btn-primary-shadow:focus {
  background-color: var(--bs-link-color);
  box-shadow: 0 0 0 10px rgba(var(--bs-primary-rgb), 0.4);
}
.btn-primary-shadow.active {
  background-color: var(--bs-link-color);
  box-shadow: 0 0 0 10px rgba(var(--bs-primary-rgb), 0.4);
}

.fill-primary {
  fill: var(--bs-primary) !important;
}
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

/* .form-select:focus,
.form-control:focus{
  border-color: var(--bs-primary);
} */
.text-bg-primary {
  background-color: rgba(var(--bs-primary-rgb), 1) !important;
}

.bg-primary {
  background-color: rgba(var(--bs-primary-rgb), 1) !important;
}

.page-item.active .page-link,
.page-link:hover,
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.bg-primary-linear-overlay {
  background: linear-gradient(
    to top,
    rgba(var(--bs-primary-rgb), 0.5) 10%,
    rgba(var(--bs-primary-rgb), 0.5) 59%,
    rgb(var(--bs-primary-rgb)) 100%
  );
}

/* SVG inline colors */

/* "%23" is the encoding of '#' so place your color code immediately after "%23" in fill attribute. For example, if you want to replace any fill color with red then code will be like:
fill='%23ff0000' so it interprets like in HEX code: #ff0000; */

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cc4f07'%3e%3cpath 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'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cc4f07'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.team-akkordeon
  .accordion.accordion-icon
  .accordion-header
  .accordion-button:hover {
  /*background-color: rgb(var(--bs-tertiary-rgb), 0.3) !important;*/
  background-color: none !important;
}

.akkordeon .accordion.accordion-icon .accordion-header .accordion-button:after,
.akkordeon
  .accordion.accordion-icon
  .accordion-header
  .accordion-button:before {
  background: var(--bs-primary) !important;
  background: none !important;
}

.akkordeon
  .accordion.accordion-icon
  .accordion-header:hover
  .accordion-button:after,
.akkordeon
  .accordion.accordion-icon
  .accordion-header:hover
  .accordion-button:before {
  background: var(--bs-white) !important;
  background: none !important;
}

.akkordeon .accordion.accordion-border .accordion-button {
  border: 1px solid var(--bs-primary) !important;
  color: var(--bs-primary);
}

.akkordeon .accordion.accordion-border .accordion-button:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.akkordeon .accordion.accordion-border .accordion-button[aria-expanded="true"] {
  color: var(--bs-secondary);
  background-color: var(--bs-info-rgb);
  border: 1px solid var(--bs-info-rgb) !important;
}

.akkordeon
  .accordion.accordion-border
  .accordion-button[aria-expanded="true"]:after {
  background: var(--bs-secondary) !important;
  background: none !important;
}