/* acme-regular - latin */
@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/acme-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/acme-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kumbh-sans-regular - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/kumbh-sans-v1-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/kumbh-sans-v1-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* calistoga-regular - latin */
@font-face {
  font-family: 'Calistoga';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/calistoga-v3-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/calistoga-v3-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* gugi-regular - latin */
@font-face {
  font-family: 'Gugi';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/gugi-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/gugi-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Balthazar';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/balthazar-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/balthazar-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* adamina-regular - latin */
@font-face {
  font-family: 'Adamina';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/adamina-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/adamina-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kameron-regular - latin */
@font-face {
  font-family: 'Kameron';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/kameron-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/kameron-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* kameron-700 - latin */
@font-face {
  font-family: 'Kameron';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/kameron-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/kameron-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
  --search-input-padding: 5px;
}

body {
  font-family: 'Kumbh Sans';
}

.left_block {
  display: block;
  text-align: left;
}

.left_block.hide {
  display: none;
}

.search {
  width: 200px;
  display: inline-block;
  position: relative;
  transition: all 0.6s linear;
  opacity: 0.5;
  text-align: left;
}

.search a:link, .search a:visited {
  color: black;
}

.search input {
  width: 100%;
  padding: var(--search-input-padding);
  font-family: 'Kumbh Sans';
}

.search:hover {
  opacity: 1;
}

.search.selected,
.search.alway_selected {
  width: calc(100% - 10px);
  opacity: 1;
}

.search .searchButton {
  position: absolute;
  content: '\1F50E';
  right: -5px;
  top: calc(50% - 12px);
  cursor: pointer;
  opacity: 0.5;
  display: inline-block;
  transition: all 0.4s linear;
}

.search input:hover ~ .searchButton,
.search.selected .searchButton,
.search.alway_selected span {
  opacity: 1;
}

.search:not(.selected):not(.alway_selected)  .foundItems {
  visibility: hidden;
}

.search .foundItems {
  --border-width: 1px;
  position: absolute;
  top: 100%;
  width: calc(100% + var(--search-input-padding) * 2);
  background: white;
  border: var(--border-width) solid black;
  max-height: 50vh;
  overflow: auto;
  transition: all 0.4s linear;
  z-index: 998;
}

.search .foundItems .item {
  display: block;
  z-index: 998;
}

.search .foundItems .item:not(.noresult) {
  cursor: pointer;
  border-top: 1px dashed #DDDDDD;
}

.search .foundItems .item.noresult {
  user-select:none;
}

.search .foundItems .item:not(.noresult):hover {
  background-color: #3366AA;
  color: white;
}

.search .foundItems .item img {
  width: 32px;
  height: 32px;
  padding-left: 4px;
  padding-top: 4px;
}


.search .foundItems .item span {
  position: relative;
  top: -7px;
}

.search .foundItems .item.noimage span {
  height: 32px;
  display: inline-block;
  top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.search .foundItems .item.noresult span {
  height: 32px;
  display: inline-block;
  color: gray;
  top: 0px;
}

.menu:not(.first) a:first-child {
  margin-top: 20px;
}

.menu a {
  display: block;
  border-bottom: 1px solid silver;
  padding: 5px;
  padding-right: 0px;
}

.menu a:link, .menu a:visited {
  border-color: black;
  color: black;
  text-decoration: none;
}

.menu a:hover {
  border-color: silver;
  color: silver;
}

.menu a:active {
  color: #808080;
}

.menu a.highlight:before {
  content: "\23E9";
}
.menu a.fav:before {
  content: "\2B50";
}

.menu .copyright {
  display: block;
  margin-top: 20px;
}

.logo.title {
  font-family: 'Calistoga';
  display: inline-block;
  padding-bottom: 5px;
}

.general_title {
  font-family: 'Gugi';
  font-size: 32px;
  text-align: center;
  display: block;
}

.general_title:before {
  content: '-';
  padding-right: 10px;
}

.general_title:after {
  content: '-';
  padding-left: 10px;
}

.showMenu {
  position: relative;
  transition: all 5s linear;
}

input[id="showMenu"] {
  visibility: hidden;
  position: absolute;
}
input.valued {
    background: #F5F5F5;
}

.titleh2 {
  font-family: 'Calistoga';
  font-size: 20px;
  text-align: left;
  display: block;
}

.titleh2.margintop {
  margin-top: 10px;
}

.left {
  display: inline-block;
  width: calc(20vw - 20px);
  position: absolute;
  left: 5px;
  top: 5px;
}

.middle {
  display: inline-block;
  width: calc(50vw - 20px);
  position: absolute;
  left: 20vw;
  top: 5px;
  text-align: center;
}

.right {
  display: inline-block;
  width: 25vw;
  position: absolute;
  left: 70vw;
  top: 5px;
}

.error:not(.date_input),
.info_block {
  display: block;
  background: red;
  padding: 10px;
  color: white;
  margin-bottom:5px;
}
.info_block {
  background: mediumseagreen;
}

.share {
  text-align: left;
  display: inline-block;
  margin-top: 5px;
  border-radius: 25px;
}
.share img {
  width: 32px;
  margin-right: 2px;
}
.share span {
  display: inline-block;
  vertical-align: super;
  padding-right: 10px;
  padding-left: 5px;
  font-weight: 900;
  color: #333333;
  font-family: 'Balthazar';
  font-size: 19px;
}

.orderby,
.add_date_filter,
.add_omschrijving_filter,
.add_title_filter,
.add_type_filter {
  display: inline-block;
  cursor: pointer;
  /*text-decoration: underline 1px solid darkblue;*/
  text-decoratoin: none;
  color: darkblue;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
  top: 6px;
  font-weight: 900;
}

.add_date_filter,
.add_omschrijving_filter,
.add_type_filter,
.add_title_filter{
  margin-right: 10px;
}
.add_date_filter.closed::before,
.add_omschrijving_filter.closed::before,
.add_type_filter.closed::before,
.add_title_filter.closed::before { 
    content: '[+] ';
}
.add_date_filter.opened::before,
.add_omschrijving_filter.opened::before,
.add_type_filter.opened::before,
.add_title_filter.opened::before {
    content: '[-] ';
}
a:link, a:visited
a.orderby:link,
a.add_date_filter:link,
a.add_omschrijving_filter:link,
a.add_title_filter:link,
a.add_type_filter:link,
a.orderby:visited,
a.add_date_filter:visited,
a.add_omschrijving_filter:visited,
a.add_title_filter:visited,
a.add_type_filter:visited {
  color: darkblue;
}

.orderby:not(.asc):not(.desc) {
  height: 1em;
}

.orderby.asc:before,
.orderby.desc:before {
  --border:2px solid blue;
  content: '\25BD';
  width: 1em;
  display: inline-block;
  height: 1em;
  margin-right: 5px;
}

.orderby.asc:before {
  content: '\25B3';
}

.dateblock:not(.show),
.omschrijvingblock:not(.show),
.titleblock:not(.show),
.typeblock:not(.show) {
  display: none;
}

.omschrijvingblock input,
.titleblock input {
  display: inline-block;
  border: 1px solid black;
  padding: 10px;
  margin-top: 10px;
  position: relative;
  width: 300px;
}

.omschrijvingblock span,
.titleblock span {
  position: relative;
  top: 10px;
  font-weight: 900;
}

.steminfo {
  display: inline-block;
  border: 1px solid black;
  padding: 20px;
  padding-top: 35px;
  position: relative;
  text-align: left;
}

.steminfo .important {
  font-weight: 900;
}

.steminfo a:link, .steminfo a:visited {
  color: darkblue;
  font-weight: 900;
  text-decoration: none;
}

.steminfo a:hover {
  color: red;
}

.steminfo .close {
  position: absolute;
  left :5px;
  top: 5px;
}

.menu .info {
  display: block;
  margin-top: 20px;
  /*max-width: 150px;*/
}

.menu .info .laatstestemronde {
  background: red;
  color: white;
  padding: 5px;
  display: inline-block;
}

  .right {
    display: none;
  }

  .middle {
    width: calc(75vw - 20px);
  }

#warningbox.hidden {
  display: none;
}

#warningbox a, #warningbox a:link, #warningbox a:visited, #warningbox a:active {
  display: block;
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  color: #000;
  width:100%;
  background: #FFFFE1;
  border-bottom: 1px outset;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#warningbox a {
  /* Create more space for touch screens*/
  padding-top: 0px;
  padding-bottom: 0px;
}

#warningbox a:hover {
  color: #FFF;
  background: #3169B6;
  text-decoration: none;
}

#warningbox p{
  margin:0px;
  padding: 3px 10px 3px 10px;
  font-size:11px;
}

#warningbox img{
  width: 16px;
  height: 16px;
  border: 0px outset;
}

@media only screen and (max-width: 800px) {
  .showMenu:before {
    content: '\2630';
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
    font-size: 32px;
  }
  
  .left, .middle, .right {
    width: 100vw;
    position: static;
  }
  @-moz-document url-prefix() {
    .left, .middle, .right {
      width: calc(100vw + 2px);
    }
  }

  .left {
    margin-bottom: 15px;
    display: none;
  }
  
  input[id="showMenu"]:checked ~ .left  {
    display: block;
  }
  
  input[id="showMenu"]:checked ~ .showMenu:before  {
    content: '\26CC';
  }
  
  .middle {
  }
  
  .right {
  }

  .right.hideSmallScreen {
    display: none;
  }
}