/* custom */

/* derived from https://forum.joomla.org/viewtopic.php?t=1000149 */
.site-grid, .grid-child.container-nav {
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 16.96rem)) [main-end] minmax(0, 1fr) [full-end];
}

/* align lang flags */
img, svg {
  vertical-align: unset;
}

/* align right flag including active bckgnd */
div.mod-languages ul {
  margin: 4px 8px;
}
div.mod-languages li {
  margin-left: 4px;
  margin-right: 4px;
}

.container-header .container-nav {
  padding-bottom: 0.5em;
}
.container-header .grid-child {
  /* padding: 0.5em 0.5em 0em 0.5em; */
  max-width: 1170px;
}
.container-header nav {
  margin-top: unset;
}

/* footer vertical size to match the header */
.footer .grid-child {
  padding: 2rem 0.5em 1rem 1.1em;
  max-width: 1170px;
}

:root {
  --cassiopeia-color-primary: #000000ff;
  --cassiopeia-color-hover: #cc0000ff;
}

body {
  background: #f6f6f6;
}

.widgetkit-only-en {
  background-color: #f8f8db;
  color: #3a87ad;
}

.wk-slideshow-default .nav, .wk-slideshow-screen .nav, .wk-slideset-default .nav.icon, .wk-slideset-default .nav.text {
  justify-content: center;
}

.sets {
  height: unset !important;
}

h2 {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

/* supress border bottom and right */
.wk-slideshow-tabs .nav, .wk-slideshow-tabsbar .nav, .wk-slideshow-list .nav {
  overflow: unset;
}

/* prevent popup image resize & realign */
#lightbox-close, #lightbox-content, #lightbox-img, #lightbox-wrap {
  box-sizing: unset;
}

/* enable sidemenu submenu display which gets hidden due an unknown aria behaviour */
.mod-menu__sub {
  display: block;
}

/* make underscore of active menu items more visible */
@media (width >= 992px) {
  .container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    opacity: 0.8;
  }
}


.footer a {
  text-decoration: none;
  /* color: #ff3333 !important; */
}
.footer a:hover {
  text-decoration: underline;
  background: #f2f2f2;
  color: #ff3333 !important;
}


.text-comment {
  color: #531717;
  background-color: #fef8e1;
  border: 1px solid #faebca;
}
.text-info {
  color: #004085 !important;
  background-color: #dbe7f8;
  border: 1px solid #aee3ee;
}
.text-tip {
  color: #531717;
  background-color: #ffffd5;
  border: 1px solid #feebab;
}

.text-comment,
.text-info,
.text-tip {
  padding: 1.2em 1em 1.2em 1em;
  margin-bottom: 0;
  transition: 0.3s ease-in-out;
}

.text-comment:hover {
  background-color: #fef8f0;
}
.text-info:hover {
  background-color: #e4eaf8;
}
.text-tip:hover {
  background-color: #ffffed;
}