/* CSS placed here will be applied to all skins */

.frontpageimage {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

new:visited link - #a55858

body h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.card ul {
  margin: 0px;
}

.wssearch--filter-options__combobox .wssearch--checkbox  {
  margin-bottom: 0px !important;
}

.wssearch--hit__pagetitle {
  display: none;
}

.main-search {
}

table.wikitable {
    background: white;
}

table.wikitable.odd {
	background: #ffffff;
}

table.wikitable.even {
	background: #ffffff;
}

table.wikitable th {
    background: white;
}
 
.smwtable-clean.row-even {
    background-color: #fff;
}
.smwtable-clean.row-odd {
    background-color: #fff;
}
/* styling for multilevel navmenu (issue #62) */
.dropdown-menu li {
  position: relative;
}
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}
.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}
ul.dropdown-submenu {
  margin-left: 0px;
}
.dropdown-menu a.dropdown-toggle {
  font-weight: normal; /* submenus moeten niet bold zijn */
}
/* end of styling for multilevel navmenu */

.example-class {
  font-size: 18px;
  color: blue;
}

.mw-collvl0 {
  padding: 0.5em;
  margin-bottom: 3px;
}

.mw-collvl2 {
  border-width: 2px;
  border-style: solid;
  border-color: rgb(255, 237, 0);
  padding: 0.5em;
  margin-bottom: 3px;
}

.mw-collvl3 {
  border-width: 2px;
  border-style: solid;
  border-color: rgb(185, 187, 185);
  padding: 0.5em;
  margin-bottom: 3px;
}

/* TEMP CSS, can be removed after CSP 1.7.7 (or higher) is installed */
/* Sidebar settings - fix new sidebar toggle */
.sidebar-view ~ .sidebar-view-tab,
.sidebar-edit ~ .sidebar-edit-tab {
    display: none;
    opacity: 0;
}
.sidebar-view:checked ~ .sidebar-view-tab,
.sidebar-edit:checked ~ .sidebar-edit-tab {
    display: block;
    opacity: 100;
}
/* fix for turning button widgets into flexform labels */
label.btn {
    margin-bottom: 0px;
}

/*   <style>*/
[type="radio"]#sidebar-edit + *,
[type="radio"]#sidebar-view + * {
   display: none;
}

#sidebar-edit:checked + *,
#sidebar-view:checked + * {
  display: block;
}

.badge-primary a {
  color:white !important;
}

.news-search .wikisearch-result {
    grid-template-columns: repeat(3, 1fr);
}

.news-search .wikisearch-result__item {
    overflow: hidden;
    border-top: 2px solid #FFE615;
}

.news-search .wikisearch-result-property__value--Image {
    width: 100%;
    height: auto;
    transition: transform .2s, -webkit-transform .2s
  
}

.news-search .wikisearch-result-property__value--Image:hover {
   transform: scale(1.3);
}

.news-search [data-header="title"] {
    padding: 0.5em 1em 0 1em;
    background: white;
    margin-top: -2.5em;
    max-width: calc(100% - 3em);
    z-index: 3;
}

.news-search [data-header="title"] a {
  font-size: 1.2em;
}

.news-search [data-header="Omschrijving"] {
  padding: .5em 1em 0 1em;
   z-index: 3;
    background: white;
}

.news-search [data-header="Tags"] {
  padding: 0 1em;
   z-index: 3;
    background: white;
}

.news-search [data-header="Datum"] {
  padding: .5em 1em;
  color: darkgray;
    z-index: 3;
      background: white;
}

.news-search [data-header="snippet"] {
  z-index: 3;
  background: white;
}

.news-search [data-header="snippet"] > span:not(:empty) {
  padding: .5em 1em 0 1em;
  color: darkslategray;
}

.news-search [data-header="snippet"] div:before {
   content: '... '
}

.news-search [data-header="snippet"] div:after {
   content: ' ...'
}

.news-search [data-header="Tags"] label:before {
  content: '\f02b';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: darkgray;
  padding-top: 2px;
}

.news-search [data-header="Tags"] label {
   border: none;
}

.justify-content-end {
  justify-content: flex-end;
}

div.ws-grid {
  grid-template-areas: 'sub-header sub-header' 'main sidebar';
}

body.ns-talk .ws-grid {
    grid-template-areas: 'sub-header' 'main';
    grid-template-rows: auto 1fr;
}

body.ns-talk .cp-sub-header {
    display: block;
}

.tab_page.tab_page_active, 
.tab_talk.tab_talk_active, 
.actiontab_read.actiontab_read_active, 
.actiontab_edit.actiontab_edit_active, 
.actiontab_delete.actiontab_delete_active, 
.actiontab_history.actiontab_history_active {
  border-bottom: 1px solid #036;
}

#pt-notifications-notice {
  display: none;
}
/* end of TEMP CSS */