/*
Theme Name: Noorderbreedte
Author: IDS internet
Author URI: http://idsinternet.nl
Description: Ontwerp door MAS Outreach
Version: 1.0
*/
@import url('css/editor-style.css');
@import url('css/base.css');
@import url('css/wall.css');
@import url('css/scroll.css');
@import url('css/responsive.css');

span.ff-btn {
  background-color: #d40257 !important;
  padding: 10px 30px 5px !important;
  font-weight: 600 !important;
}
span.ff-btn:active,
span.ff-btn:focus,
span.ff-btn:hover {
  background: #dc3271 !important;
}

#wp-calendar {
  table-layout: fixed;
  width: 100%;
}
#wp-calendar caption {
  color: #d40057;
  border-bottom: none;
  text-align: center;
  font-weight: bold;
}
#wp-calendar th {
  text-transform: uppercase;
  color: #1d1d1b;
}
#wp-calendar th,
#wp-calendar td {
  border: 1px solid #c5c5c5;
  padding-top: 3px;
  line-height: 31px;
  font-size: 16px;
  text-align: center;
}
#wp-calendar td.event:hover {
  background: #d40057;
}
#wp-calendar td.event:hover a {
  color: #ffffff;
}
#wp-calendar td {
  font-size: 16px;
  text-align: center;
}
#wp-calendar td a {
  color: #d40057;
  border: none;
}
#wp-calendar tfoot td {
  border: none;
  text-transform: lowercase;
}

#mega-menu-wrap-menu
  #mega-menu-menu
  > li.mega-menu-megamenu:hover
  > ul.mega-sub-menu:hover
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link {
  visibility: visible;
}

form .input-group input#s {
  display: none;
}
form.active .input-group input#s {
  display: block;
}

.searchbar {
  position: absolute;
  width: 100%;
  left: 50px;
  right: 0;
  top: 17px;
  width: calc(100% - 50px);
  text-align: right;
}
.searchbar button,
.searchbar button:hover,
.searchbar button:focus {
  background: none;
  border: none;
  color: #d40057;
  font-size: 25px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.searchbar form {
  max-width: 100% !important;
}
.searchbar form:before {
  display: none;
}
#menu .searchbar input {
  height: 34px;
  padding: 0 10px !important;
}

.icon-close {
  display: none;
  cursor: pointer;
}
html.mm-opened .icon-menu {
  display: none;
}
html.mm-opened .icon-close {
  display: initial;
}

#menu #mobiel.menu-menu-container,
#mobiel {
  display: none;
}
.wpmm-menu {
  background-color: #d40057 !important;
}

@media (max-width: 992px) {
  i.fa.fa-bars,
  i.fa.fa-times {
    color: #d40057;
    font-size: 25px;
  }
  #menu {
    height: 70px;
    padding: 20px 0;
  }
  a.logo,
  #menu #searchform {
    margin: 0 auto !important;
    max-width: 240px;
  }
  ul.mm-listview li {
    font-size: 23px;
    line-height: normal;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .mm-listview > li > a,
  .mm-listview > li > span {
    padding: 20px 10px 20px 20px;
  }
  .mm-listview > li:not(.mm-divider):after {
    border: none;
  }
  .mm-menu .mm-listview > li > a:hover,
  .mm-menu .mm-listview > li > span:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .mm-menu .mm-btn:after,
  .mm-menu .mm-btn:before,
  .mm-menu .mm-listview > li .mm-arrow:after,
  .mm-menu .mm-listview > li .mm-next:after,
  .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after,
  .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: #fff;
  }
  .mm-listview .mm-next:before {
    border: none;
  }
  .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
  .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    margin: -10px 0;
    padding: 20px;
    background-color: #e1608f;
  }
  .mm-next {
    width: 100% !important;
  }
  .mm-selected .mm-next {
    width: 50px !important;
  }
  .mm-menu .mm-listview .mm-next + a[href] {
    z-index: 2;
    position: relative;
  }
  .mm-prev:before {
    top: 30px;
  }
  .mm-navbar.mm-navbar-top.mm-navbar-top-1.mm-navbar-size-1.mm-hasbtns {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    height: 70px;
    padding: 16px;
    font-size: 25px;
  }
  a.mm-title {
    color: #fff !important;
    font-weight: bold;
  }
  .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 10px;
  }
  .mm-menu.mm-theme-dark .mm-btn:after,
  .mm-menu.mm-theme-dark .mm-btn:before {
    border-color: #fff;
    margin-top: 30px;
  }
}

.btn-nb,
.btn-nb a,
a .btn-nb {
  display: inline-block;
  background: #d40057;
  color: #ffffff !important;
  padding: 15px 20px;
  font: 18px/20px 'ff-kievit-web-pro', sans-serif;
  font-weight: 500;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  border: none;
}

/* Interactieve kaart met locaties */
.interactive-map {
  position: relative;
  display: inline-block;
}

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

.interactive-map .location {
  position: absolute;
  height: 3.5%;
  border-bottom: 2px solid transparent !important;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}

.interactive-map .location:hover {
  border-bottom: 2px solid black !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.interactive-map .location.location--de-stilen {
  top: 14.3%;
  left: 0;
  width: 11%;
}

.interactive-map .location.location--de-parrebeam {
  top: 21%;
  left: 30.4%;
  width: 43%;
}

.interactive-map .location.location--van-harenshuus {
  top: 24.7%;
  left: 30.4%;
  width: 20%;
}

.interactive-map .location.location--meckama-state {
  top: 23.6%;
  left: 75%;
  width: 19%;
}

.interactive-map .location.location--bennema-state {
  top: 38.7%;
  left: 48%;
  width: 19%;
}

.interactive-map .location.location--westerpoort {
  top: 45%;
  left: 26.4%;
  width: 16%;
}

.interactive-map .location.location--nieuw-toutenburg {
  top: 52.8%;
  left: 68%;
  width: 23%;
}

.interactive-map .location.location--de-batting {
  top: 60.8%;
  left: 8%;
  width: 13.2%;
}

.interactive-map .location.location--de-spiker {
  top: 64%;
  left: 8%;
  width: 13%;
}

.interactive-map .location.location--abbingahiem {
  top: 58%;
  left: 41%;
  width: 16.3%;
}

.interactive-map .location.location--erasmus {
  top: 62%;
  left: 41%;
  width: 11%;
}

.interactive-map .location.location--florastate {
  top: 66%;
  left: 41%;
  width: 12%;
}

.interactive-map .location.location--nieuw-mellens {
  top: 70%;
  left: 41%;
  width: 18%;
}

.interactive-map .location.location--revalidatie {
  top: 74%;
  left: 41%;
  width: 33%;
}

.interactive-map .location.location--ymedam {
  top: 77.5%;
  left: 41%;
  width: 11%;
}

.interactive-map .location.location--friesma-state {
  top: 68.3%;
  left: 62.2%;
  width: 17%;
}