/* ----- Top Menu -----*/

/* Light color in menu. Only top-menu: #navbar1 */
.mod-menu a.nav-link {
  color: var(--bs-body-color); /* #dee2e6 in dark-mode and #212529 in light mode*/
  border: 1px solid transparent;
}
/* In Light Mode the top menu color should stay white(ish)  */
#navbar1 .mod-menu a.nav-link {
  color: #dee2e6;
}

/* Top menu smaller */ 
.navbar {
  --bs-navbar-padding-y: 0; /* was: 0.5rem */
}
/* Also bold for active, not only for current menu-item */
.mod-menu .nav-item.active>.nav-link{
  font-weight: 700;
}
/* Background color at hover or selection, also for active-not-current */
.mod-menu a.nav-link:hover, 
.mod-menu .nav-item.current>.nav-link,
.mod-menu .nav-item.active>.nav-link{
  border: 1px solid #1b63a2;
  background-color: rgba(19,42,76,0.5);
}


/* ----- Content ----- */
/* images in manual not too big = .img-fluid in template.css */ 
.com-content-article img {
    max-width: 100%;
    height: auto;
    border: 1px solid white;
}


/* ----- Side menu (manual) ----- */


/*HEADING */
.nav-header {
    text-transform: uppercase;
    font-weight: 700;
}

/* Accordeon CK side menu - Main user menu = 114 */
#accordeonck114 li.level1>span a.accordeonck {
  color: var(--bs-body-color);
  padding-left: 25px; 
}

#accordeonck114 li.level2>span a.accordeonck {
  color: var(--bs-link-color);
  padding-left: 40px;
}
#accordeonck114 li.level1:hover>span a.accordeonck {
  color: var(--bs-body-color);
}

#accordeonck114 li.level2:hover>span a.accordeonck {
  color: var(--bs-link-hover-color);
}

#accordeonck114 li.active>span a.accordeonck,
#accordeonck114 li.active>span a.accordeonck.isactive {
  font-weight: 700;
}

#accordeonck114 li.level1.active>span a.accordeonck,
#accordeonck114 li.level1.active>span a.accordeonck.isactive,
#accordeonck114 li.level1.active>span a.accordeonck:hover {
  color: var(--bs-body-color);
}

#accordeonck114 li.level2.active>span a.accordeonck,
#accordeonck114 li.level2.active>span a.accordeonck.isactive,
#accordeonck114 li.level2.active>span a.accordeonck:hover {
  color: var(--bs-link-color);
}

 #accordeonck114 li.parent>span span.toggler_icon {
  width: 10px !important;
  height: 10px !important;
  top: 16px !important;
}

@media (prefers-color-scheme: dark) {
    #accordeonck114 li.parent>span span.toggler_icon {
      background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
     
    }
}

/* Accordeon CK side menu - Main user menu = 126 */
#accordeonck126 li.level1>span a.accordeonck {
  color: var(--bs-body-color);
  padding-left: 25px; 
}

#accordeonck126 li.level2>span a.accordeonck {
  color: var(--bs-link-color);
  padding-left: 40px;
}
#accordeonck126 li.level1:hover>span a.accordeonck {
  color: var(--bs-body-color);
}

#accordeonck126 li.level2:hover>span a.accordeonck {
  color: var(--bs-link-hover-color);
}

#accordeonck126 li.active>span a.accordeonck,
#accordeonck126 li.active>span a.accordeonck.isactive {
  font-weight: 700;
}

#accordeonck126 li.level1.active>span a.accordeonck,
#accordeonck126 li.level1.active>span a.accordeonck.isactive,
#accordeonck126 li.level1.active>span a.accordeonck:hover {
  color: var(--bs-body-color);
}

#accordeonck126 li.level2.active>span a.accordeonck,
#accordeonck126 li.level2.active>span a.accordeonck.isactive,
#accordeonck126 li.level2.active>span a.accordeonck:hover {
  color: var(--bs-link-color);
}

 #accordeonck126 li.parent>span span.toggler_icon {
  width: 10px !important;
  height: 10px !important;
  top: 16px !important;
}

@media (prefers-color-scheme: dark) {
    #accordeonck126 li.parent>span span.toggler_icon {
      background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
     
    }
}

/* Accordeon CK side menu - Main user menu = 120 */
#accordeonck120 li.level1>span a.accordeonck {
  color: var(--bs-body-color);
  padding-left: 25px; 
}

#accordeonck120 li.level2>span a.accordeonck {
  color: var(--bs-link-color);
  padding-left: 40px;
}
#accordeonck120 li.level1:hover>span a.accordeonck {
  color: var(--bs-body-color);
}

#accordeonck120 li.level2:hover>span a.accordeonck {
  color: var(--bs-link-hover-color);
}

#accordeonck120 li.active>span a.accordeonck,
#accordeonck120 li.active>span a.accordeonck.isactive {
  font-weight: 700;
}

#accordeonck120 li.level1.active>span a.accordeonck,
#accordeonck120 li.level1.active>span a.accordeonck.isactive,
#accordeonck120 li.level1.active>span a.accordeonck:hover {
  color: var(--bs-body-color);
}

#accordeonck120 li.level2.active>span a.accordeonck,
#accordeonck120 li.level2.active>span a.accordeonck.isactive,
#accordeonck120 li.level2.active>span a.accordeonck:hover {
  color: var(--bs-link-color);
}

 #accordeonck120 li.parent>span span.toggler_icon {
  width: 10px !important;
  height: 10px !important;
  top: 16px !important;
}

@media (prefers-color-scheme: dark) {
    #accordeonck120 li.parent>span span.toggler_icon {
      background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
     
    }
}

/* Accordeon CK side menu - Main user menu = 123 */
#accordeonck123 li.level1>span a.accordeonck {
  color: var(--bs-body-color);
  padding-left: 25px; 
}

#accordeonck123 li.level2>span a.accordeonck {
  color: var(--bs-link-color);
  padding-left: 40px;
}
#accordeonck123 li.level1:hover>span a.accordeonck {
  color: var(--bs-body-color);
}

#accordeonck123 li.level2:hover>span a.accordeonck {
  color: var(--bs-link-hover-color);
}

#accordeonck123 li.active>span a.accordeonck,
#accordeonck123 li.active>span a.accordeonck.isactive {
  font-weight: 700;
}

#accordeonck123 li.level1.active>span a.accordeonck,
#accordeonck123 li.level1.active>span a.accordeonck.isactive,
#accordeonck123 li.level1.active>span a.accordeonck:hover {
  color: var(--bs-body-color);
}

#accordeonck123 li.level2.active>span a.accordeonck,
#accordeonck123 li.level2.active>span a.accordeonck.isactive,
#accordeonck123 li.level2.active>span a.accordeonck:hover {
  color: var(--bs-link-color);
}

 #accordeonck123 li.parent>span span.toggler_icon {
  width: 10px !important;
  height: 10px !important;
  top: 16px !important;
}

@media (prefers-color-scheme: dark) {
    #accordeonck123 li.parent>span span.toggler_icon {
      background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
     
    }
}

/* Accordeon CK side menu - Main user menu = 124 */
#accordeonck124 li.level1>span a.accordeonck {
  color: var(--bs-body-color);
  padding-left: 25px; 
}

#accordeonck124 li.level2>span a.accordeonck {
  color: var(--bs-link-color);
  padding-left: 40px;
}
#accordeonck124 li.level1:hover>span a.accordeonck {
  color: var(--bs-body-color);
}

#accordeonck124 li.level2:hover>span a.accordeonck {
  color: var(--bs-link-hover-color);
}

#accordeonck124 li.active>span a.accordeonck,
#accordeonck124 li.active>span a.accordeonck.isactive {
  font-weight: 700;
}

#accordeonck124 li.level1.active>span a.accordeonck,
#accordeonck124 li.level1.active>span a.accordeonck.isactive,
#accordeonck124 li.level1.active>span a.accordeonck:hover {
  color: var(--bs-body-color);
}

#accordeonck124 li.level2.active>span a.accordeonck,
#accordeonck124 li.level2.active>span a.accordeonck.isactive,
#accordeonck124 li.level2.active>span a.accordeonck:hover {
  color: var(--bs-link-color);
}

 #accordeonck124 li.parent>span span.toggler_icon {
  width: 10px !important;
  height: 10px !important;
  top: 16px !important;
}

@media (prefers-color-scheme: dark) {
    #accordeonck124 li.parent>span span.toggler_icon {
      background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
     
    }
}

/* -----table ----- */

/* table: take the .table, .table-striped, .table-bordered and .table-hover classes from the joomla-template for all com_content tables */

  /* from .table */
.com-content-article table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.com-content-article table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
  
  /* from .table-striped */
  .com-content-article table > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
  }
  
  /* from .table-bordered */
  .com-content-article table > :not(caption) > * {
    border-width: var(--bs-border-width) 0;
  }
  .com-content-article table > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width);
  }
  
  /* from .table-hover */
  .com-content-article table > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
  }
  
  /* ----- code highlight ----- */
  pre code {
    /*font-size: 0.875em;*/
    color: var(--bs-code-color);
    word-wrap: break-word;
}

/* ----- smart search ----- */
/* in dark mode search suggestions black text instead of white */
.awesomplete ul li, .awesomplete ul li mark {
  color: black;
}