/* Menu links */
body div.widget ul.vvog-menu {
  margin-top: 15px !important;
}

div.widget ul.vvog-menu span {
  color: var(--qode-main-color);
}

ul.vvog-menu a {
  position: relative;
  display: flex;
  white-space: normal;
  margin: 0;
  overflow: hidden;
  transition: padding 0.33s ease-in-out;
}

ul.vvog-menu a.active,
ul.vvog-menu a:hover {
  padding-left: 13px;
}

ul.vvog-menu a.active::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  height: 5px;
  width: 5px;
  left: 0;
  background: var(--qode-main-color);
  transition: left 0.33s ease-in-out, right 0.33s ease-in-out;
}

/*Algemeen*/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/*Home*/
div#home-nieuws-lijst div.qodef-grid-inner article:nth-child(-n + 2) {
  display: none;
}

/* Programma/uitslagen */
table.rowclick tbody tr.click:hover {
  cursor: pointer;
}

table tr.eigen {
  font-weight: bold;
  color: #005d22;
}

body .qodef-sportspress table.vvog tr td,
body .qodef-sportspress table.vvog tr th {
  word-wrap: normal !important;
  padding: 10px 10px !important;
}

body .qodef-sportspress table.vvog tr th:first-child {
  padding-left: 10px !important;
}

/* Trainingsschema */
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}

.vvog-grid {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  --qode-columns: 1;
  --qode-columns-col-gap: 1px;
  --qode-columns-row-gap: 1px;
}

.vvog-grid.vvog-grid-template--2-9 > .vvog-grid-inner {
  grid-template-columns: minmax(0, 2fr) minmax(0, 9fr);
}

.vvog-grid .vvog-grid-item {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 1px;
}
.vvog-grid > .vvog-grid-inner {
  column-gap: var(--qode-columns-col-gap);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  row-gap: var(--qode-columns-row-gap);
}
