/*	Theme Name: Onebite Template
	Theme URI: http://html5blank.com
	Description: Onebite template
	Version: 1.0.2
	Author: Onebite
	Author URI: http://onebite.nl
	Tags: Onebite, blank, html5, css3
	Lees voor Info over het gebruik van de template README.txt
	*/
h1 {
  font-family: "Abel", sans-serif;
  font-size: 45px;
  color: #0E0E0E;
}

h2 {
  font-family: "Abel", sans-serif;
  font-size: 28px;
  color: #0E0E0E;
}

h3 {
  font-family: "Abel", sans-serif;
  font-size: 24px;
  color: #0E0E0E;
}

h4 {
  font-family: "Abel", sans-serif;
  font-size: 20px;
  color: #0E0E0E;
}

.nav {
  visibility: visible;
  margin-bottom: 0;
  color: #0E0E0E;
  text-decoration: none;
  float: left;
  font-family: "Abel", sans-serif;
  color: #0E0E0E;
  text-align: right;
}

.nav > li {
  display: inline-block;
}

.nav > li > a {
  padding: 15px 20px;
}

.nav > li li {
  display: block;
}

.navbar-default {
  background-color: transparent;
  border: 0px;
  margin-bottom: 0;
  margin-top: 5px;
}

.navbar-default > li > a {
  color: #0E0E0E;
}

.navbar-default > li:hover {
  background-color: transparent;
}

.navbar-header {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.navbar-default .navbar-nav > .active >, .navbar-default .navbar-nav > .active > :hover, .navbar-default .navbar-nav > .active > :focus {
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > :hover a, .navbar-default .navbar-nav > .active > :focus a {
  color: #e47703;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: 0px;
}

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children .dropdown-menu {
  top: 90%;
  position: absolute;
  width: initial;
  left: 0;
  float: left;
}

.menu-item-has-children .dropdown-menu .checked a {
  color: #0E0E0E;
}

.menu-item-has-children .dropdown-menu .checked ul a {
  color: white;
}

.menu-item-has-children .dropdown-menu .menu-item-has-children .dropdown-menu {
  top: 0;
}

.sub-header > :first-child {
  color: #e47703;
  font-weight: bold;
  padding-top: 10px;
}

.dropdown-menu {
  border: none;
  box-shadow: none;
  padding: 0px;
}

.dropdown-menu .active a {
  background-color: transparent;
  color: black;
  font-weight: 700;
}

.caret {
  width: 10px;
  border-color: black transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dropdown-menu .item-has-children .caret {
  border-left-color: white;
}

.menu-item-has-children:active > a:after {
  border-left-color: #E3EBEE;
}

.menu-item-has-children.pull-left {
  float: none;
}

@media (max-width: 767px) {
  .navbar {
    float: left;
    width: 100%;
  }
  .nav {
    width: 100%;
  }
  .nav .menu-item {
    width: 100%;
    float: left;
  }
  .nav .menu-item a {
    position: initial;
    clear: both;
    width: 70%;
    text-align: left;
  }
  .nav .menu-item .dropdown-menu {
    position: relative;
    width: 100%;
    left: 0;
    float: left;
  }
  .nav .menu-item .dropdown-menu .checked {
    background-color: white;
  }
  .nav .menu-item .dropdown-menu .checked .caret {
    border-color: black transparent transparent;
    bottom: auto;
    top: 10px;
  }
  .nav .menu-item .dropdown-menu .checked a {
    color: black;
  }
  .nav .menu-item .dropdown-menu .checked ul a {
    color: black;
  }
  .nav .menu-item.dropdown.checked > a .caret {
    top: 20px;
    bottom: auto;
  }
  .menu-item-has-children > .dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
}

@media (min-width: 768px) {
  .active a {
    color: #2F444B;
  }
  .nav {
    float: right;
  }
  .nav li > a {
    font-size: 16px;
  }
  .nav li.menu-item > ul.dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    padding: 15px;
    background-color: white;
    color: black;
    box-shadow: none;
  }
  .nav li.menu-item > ul.dropdown-menu li {
    display: inline-block;
    width: 100%;
    float: left;
  }
  .nav li.menu-item > ul.dropdown-menu li ul.dropdown-menu {
    display: block;
    position: relative;
    width: 100%;
    box-shadow: none;
    left: 0;
    padding: 0;
    background-color: white;
  }
  .nav li.menu-item > ul.dropdown-menu a:hover {
    color: #459ABA;
    background-color: transparent;
  }
  .nav li.menu-item > ul.dropdown-menu a:focus {
    background-color: transparent;
  }
  .nav li.menu-item > ul.dropdown-menu .topic-header > :first-child {
    font-weight: 700;
    font-size: 18px;
    pointer-events: none;
  }
  .nav li.col-2 > ul.dropdown-menu {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .container-nav {
    z-index: 10;
    position: relative;
    background-color: white;
  }
}

@media (max-width: 767px) {
  .placeholder-menu-item {
    display: none !important;
  }
  #mega-menu .mega-menu {
    position: relative;
    top: 0;
    padding: 0;
    display: block !important;
  }
  #mega-menu .mega-menu li {
    width: 100%;
  }
  #mega-menu .menu-item-has-children > .dropdown-menu .menu-item-has-children .caret {
    border-color: #000000 transparent;
    bottom: auto;
    top: 5px;
  }
}

.header {
  width: 100%;
  float: left;
  margin-bottom: 1%;
}

.container-banner {
  background-color: #0E0E0E;
}

.logo {
  z-index: 99;
}

.top-menu {
  font-family: "Open Sans", sans-serif;
  color: #4C4C4C;
  font-size: 13px;
  line-height: 18px;
  display: inline-block;
  margin-top: 30px;
  z-index: 7;
}

.top-menu ul {
  float: right;
  margin-top: 4px;
}

.top-menu ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0 5px;
  float: left;
  width: 50%;
  text-align: center;
}

.top-menu ul li a {
  color: inherit;
  font-size: 11px;
}

.top-menu ul li a:hover {
  color: #e47703;
}

.top-menu ul li.menu-item-392 {
  background-color: #459ABA;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.top-menu ul li.menu-item-392 a {
  color: white;
}

.top-menu ul li.menu-item-392:hover {
  background-color: #e47703;
}

.top-menu ul li.menu-item-392:hover a {
  color: white;
}

.top-menu .social {
  float: right;
}

.top-menu .social i {
  color: white;
  background: #459ABA;
  font-size: 18px;
  width: 27px;
  padding: 5px;
  text-align: center;
}

.top-menu .search-form {
  display: inline;
}

.top-menu .search-form .search-field {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid #A1A1A1;
  font-weight: 300;
  min-width: 200px;
  padding-bottom: 5px;
}

.top-menu .search-form .search-field:focus {
  border-top: 0px solid white;
  border-left: 0px solid white;
}

.top-menu .search-form .search-submit {
  background-color: transparent;
  padding: 0 5px 5px;
  padding-right: 20px;
  margin-left: -25px;
}

.top-menu .search-form .search-submit .fa {
  color: #A1A1A1;
}

.top-menu-search {
  text-align: right;
  display: none;
}

.banner {
  height: 400px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.banner .caption {
  top: 70px;
  position: relative;
  max-width: 300px;
}

.banner .caption .caption-block {
  position: relative;
  float: left;
  width: auto;
  margin: 10px;
}

.banner .caption .tagline {
  color: white;
  transform: rotate(-4deg);
}

.banner .caption .title {
  background-color: white;
  min-width: 250px;
  padding: 15px 15px 15px;
  position: relative;
  z-index: 1;
  transform: skew(0deg, -5deg);
}

.banner .caption .button {
  height: 50px;
  background-color: #e47703;
  width: 100%;
  position: absolute;
  bottom: -21px;
  z-index: 0;
}

.banner .caption .button .btn {
  height: 100%;
}

.banner .caption .button .btn p {
  line-height: 50px;
}

.banner .caption .button .blue-caption {
  background-color: #459ABA;
  height: 100%;
  width: 100px;
}

.container-breadcrumbs {
  position: relative;
}

.container-breadcrumbs .breadcrumbs {
  bottom: 0px;
  color: white;
  text-shadow: 1px 1px 6px #000;
  position: absolute;
  width: auto;
}

.container-breadcrumbs .breadcrumbs p {
  margin: 0;
}

.container-breadcrumbs .breadcrumbs a {
  color: white;
}

@media (min-width: 768px) {
  .top-menu ul li {
    width: auto;
    float: right;
    text-align: right;
  }
  .top-menu ul li a {
    color: #656565;
    font-size: 14px;
  }
  .top-menu-search {
    display: inline-block;
  }
}

.cookie_box {
  border: 1px solid #E42E2E;
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 15px;
  background-color: #E3EBEE;
  margin: 5px 0px;
}

.twitterfeed h2 {
  text-align: center;
}

.twitterfeed h2 a {
  font-weight: 500;
}

.twitterfeed p {
  font-size: 13px;
  padding: 5px;
  line-height: 18px;
}

.twitterfeed p:nth-child(2n+1) {
  background: #E3EBEE;
}

.twitterfeed p a {
  color: #2e8552;
}

.twitterfeed p:before {
  content: "NTB";
  font-weight: 500;
  line-height: 11px;
  display: block;
}

.footer {
  float: left;
  margin-top: 50px;
  left: 0;
  bottom: 0;
  border-top: 1px solid #E3EBEE;
  width: 100%;
  color: #2F444B;
}

.footer a {
  color: inherit;
  text-decoration: inherit;
}

.footer a:hover {
  color: #e47703;
}

.footer-skew:after {
  content: '';
  position: absolute;
  left: 0;
  margin-top: -25px;
  width: 100%;
  height: 50px;
  background: white;
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  transform: skewY(-1deg);
  z-index: 1;
}

.footer-a {
  margin-top: 50px;
  margin-bottom: 20px;
}

.footer-b {
  color: white;
  font-family: "Abel", sans-serif;
}

.footer-b a {
  color: inherit;
  padding: 0px 5px;
}

.footer-b a:hover {
  color: #0E0E0E;
}

.footer-b .row {
  margin: 0px;
}

.footer-b-left {
  background-color: #e47703;
  height: auto;
  min-height: 80px;
}

.footer-b-right {
  background-color: #459ABA;
  height: auto;
  min-height: 80px;
}

.footer-b-right .footer-rechts {
  width: 100%;
}

.footer-rechts, .footer-links {
  margin-top: 40px;
}

.contact-sidebar {
  background-color: #E3EBEE;
}

.contact-sidebar h3 {
  color: #e47703;
}

.contact-sidebar:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 44px;
  background: #E3EBEE;
  -webkit-transform: skewY(-2.5deg);
  -moz-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
}

.skew-inner {
  padding-bottom: 20px;
}

.footer-form {
  margin-top: 50px;
}

.footer-form p {
  display: inline-block;
  font-size: 14px;
  font-family: "Abel", sans-serif;
}

.footer-form h4 {
  color: #2F444B;
}

.footer-form .form form p {
  width: 5%;
  float: left;
}

.footer-form .form form p:nth-child(1) {
  width: 44%;
  margin-right: 1%;
}

.footer-form .form form p:nth-child(1) input {
  padding: 3px 15px;
  height: 32px;
  border: 1px solid #E3EBEE;
}

.footer-form .form form p:nth-child(2) {
  width: 44%;
  margin-right: 1%;
}

.footer-form .form form p:nth-child(2) input {
  border: 1px solid #E3EBEE;
  padding: 3px 15px;
  height: 32px;
}

.footer-form .form .footer-btn-inschrijven {
  background-color: #E3EBEE;
  color: #459ABA;
  padding: 3px 15px;
  border: 0px;
  height: 32px;
  position: relative;
}

.back-to-row {
  display: none;
  position: relative;
}

.back-to-row .back-to-top {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 40;
  width: 30px;
}

.back-to-row .back-to-top i:before {
  color: #e47703;
  font-size: 28px;
  transition: .3s;
}

.back-to-row .back-to-top:hover i:before {
  color: #459ABA;
}

@media screen and (max-width: 768px) {
  .back-to-row {
    display: block;
  }
  .footer-menu {
    display: none;
  }
  .contact-sidebar {
    margin: 20px 0px !important;
  }
  .footer-form p {
    display: block;
  }
  .footer-rechts {
    margin-top: 30px;
  }
}

html, body, .wrapper {
  height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 28px;
  font-weight: 300;
}

a {
  color: #0E0E0E;
}

a:hover {
  color: #e47703;
  text-decoration: none;
}

a:view-article {
  font-weight: 500;
}

ul {
  padding: 0;
  list-style: none;
}

article ul {
  padding: 0 0 0 20px;
  list-style: square;
}

i {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

img.qazy {
  opacity: 0;
  transition: opacity 1s;
}

img.qazy.active {
  opacity: 1;
}

.side-bottom-innner {
  padding-bottom: 20px;
}

.right {
  float: right;
}

.right.top-menu-search {
  text-align: right;
  padding-right: 0;
}

.left {
  float: left;
}

.nop {
  padding: 0px !important;
}

.nom {
  margin: 0px !important;
}

.wrapper {
  max-width: 1280px;
  width: 95%;
  position: relative;
  margin: 0 auto;
}

.container-main-content {
  margin-bottom: 100px;
}

.logo {
  float: left;
  margin: 25px 0px 0px;
}

.logo img {
  max-width: 160px;
  margin: 0px auto;
  display: block;
}

main, .site-main {
  float: left;
  width: 100%;
}

.sidebar {
  float: left;
}

.sidebar .row {
  margin-bottom: 20px;
}

.sidebar .search-form input {
  border-width: 0px;
  height: 34px;
}

.sidebar .search-form .search-submit {
  margin-bottom: 4px;
}

.copyright {
  float: left;
  width: 100%;
}

#primary {
  margin-bottom: 50px;
}

#primary h2 {
  color: #2F444B;
}

#primary .widget h3 {
  color: #2F444B;
}

#primary > .post {
  width: 100%;
}

.pagination {
  background-color: #E3EBEE;
}

.pagination .current {
  background-color: #459ABA;
}

.pagination span {
  padding: 5px;
}

.addthis_toolbox {
  position: relative;
  display: inline-block;
}

.post, .content, .title {
  float: left;
}

.thumbnail {
  border: none;
  margin: 0;
  padding: 0;
}

.archive .thumbnail {
  margin-right: 1%;
}

.archive .thumbnail img {
  max-width: 100%;
}

.archive .content, .archive .title {
  margin-left: 1%;
  float: right;
}

.pagination {
  float: left;
  width: 100%;
}

input, textarea {
  outline-color: #E3EBEE;
  outline-width: medium;
}

.btn-terug {
  padding-top: 15px;
}

.btn-terug p {
  display: inline-block;
  padding: 0px 5px;
}

.page-template-contact .sidebar .row {
  margin-bottom: 30px;
}

.page-template-contact .sidebar .row .btn-red {
  position: absolute;
  bottom: -38px;
  right: 5px;
}

.page-template-contact .wpcf7 input[type="submit"] {
  float: right;
}

.page-template-contact .wpcf7 div {
  float: left;
}

.page-template-contact .wpcf7 .wpcf7-form-control-wrap {
  padding-bottom: 16px;
  float: left;
  width: 100%;
}

.page-template-contact .wpcf7 .wpcf7-text {
  height: 32px;
}

aside {
  margin-top: -100px;
}

aside .teamfeed-row {
  margin: 30px 0px;
}

@media (max-width: 768px) {
  aside {
    margin-top: 0px;
  }
}

.side-top {
  background-color: #459ABA;
  color: white;
  padding-bottom: 40px;
}

.side-top a {
  color: white;
}

.side-top a:hover {
  color: #fece9c;
  text-decoration: none;
}

.side-top .download-item {
  color: white;
  float: left;
}

.side-top li {
  float: left;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}

.side-top h2, .side-top h3 {
  color: white;
}

.side-top:before {
  content: '';
  position: absolute;
  left: 0;
  top: -22px;
  width: 100%;
  height: 44px;
  background: #459ABA;
  -webkit-transform: skewY(-2.5deg);
  -moz-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
}

.side-top .voordelen-extra {
  display: none;
}

.side-inschrijven {
  background-color: #e47703;
  color: white;
  z-index: 2;
  margin-bottom: 20px;
}

.side-inschrijven a {
  color: white;
}

.side-inschrijven a:hover {
  color: #e47703;
}

.side-inschrijven h2 {
  color: #FFFFFF;
}

.side-contact h3 {
  color: white;
}

.side-archief {
  color: white;
}

.side-archief li {
  list-style: none;
}

.side-archief a {
  color: white;
}

.aside-btn-inschrijven {
  background-color: #2F444B;
  margin-bottom: -15px;
  margin-right: -15px;
}

.aside-btn-downloads, .aside-btn-album-aanmelden, .aside-btn-nieuws-sturen {
  background-color: #E3EBEE;
  margin-top: -15px;
  position: relative;
  color: #2F444B;
  padding-left: 5px;
  padding-right: 5px;
}

.quick-nav {
  color: #0E0E0E;
}

.quick-nav a {
  background-color: #E3EBEE;
  padding: 10px 18px;
  color: inherit;
  text-decoration: none;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
  margin-top: 5px;
}

.quick-nav a:hover {
  color: #e47703;
}

.side-newsfeed {
  background-color: #E3EBEE;
  margin-bottom: 50px;
}

.side-newsfeed h2 {
  color: #e47703;
}

.side-newsfeed .entry-date {
  color: #459ABA;
}

.side-newsfeed:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 44px;
  background: #E3EBEE;
  -webkit-transform: skewY(-2.5deg);
  -moz-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
}

.container-newsfeed {
  background-color: #E3EBEE;
}

.docenten-container {
  padding-left: 0;
}

.newsfeed {
  padding: 20px 0px 50px;
}

.newsfeed-skew:after {
  content: '';
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 50%;
  height: 100px;
  background: white;
  -webkit-transform: skewY(-2.5deg);
  -moz-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
}

.newsfeed-skew:before {
  content: '';
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 50%;
  height: 100px;
  background: white;
  -webkit-transform: skewY(2.5deg);
  -moz-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  -o-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}

.muziekwereld, .versgeperst {
  padding: 20px 0px;
  color: #2F444B;
}

.muziekwereld .col-md-3.col-sm-3.col-xs-6:nth-child(4n+2), .versgeperst .col-md-3.col-sm-3.col-xs-6:nth-child(4n+2) {
  clear: left;
}

.muziekwereld img, .versgeperst img {
  transition: 0.2s all;
}

.muziekwereld img:hover, .versgeperst img:hover {
  opacity: 0.4;
}

.muziekwereld a, .versgeperst a {
  color: inherit;
}

.muziekwereld h2, .versgeperst h2 {
  color: inherit;
  padding: 0px 15px;
}

.muziekwereld {
  padding-right: 20px;
}

.muziekwereld h4 {
  font-size: 16px;
}

.muziekfeed .container-thumbnail {
  min-height: 310px;
}

.muziekfeed .container-thumbnail:nth-child(2n-1) {
  clear: left;
}

.single-muziekwereld .site-main ul li a {
  text-decoration: underline;
}

.single-muziekwereld .issuuembed {
  width: 100% !important;
  height: 600px !important;
}

.versgeperst {
  padding-right: 20px;
}

.versgeperst h4 {
  font-size: 16px;
}

.extra-footer {
  padding: 5% 0;
}

.category-link {
  color: white;
  float: left;
}

.news-items h2 {
  color: #e47703;
}

.news-items .entry-date {
  color: #459ABA;
  font-size: 14px;
}

.blog .muzieknieuwsfeed .news-item:nth-child(3n+1), .category .muzieknieuwsfeed .news-item:nth-child(3n+1) {
  clear: left;
}

.blog .muzieknieuwsfeed .news-item .content, .category .muzieknieuwsfeed .news-item .content {
  margin-top: 30px;
}

.news-item {
  min-height: 465px;
}

.recent-news .news-item {
  min-height: 0px !important;
}

.nav-block {
  margin-bottom: 45px;
}

.nav-block .block {
  background-color: #E3EBEE;
  float: left;
  width: 100%;
  position: relative;
}

.nav-block .block .thumb {
  width: 60%;
  float: left;
}

.nav-block .block .link {
  width: 100%;
  text-align: center;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  padding-top: 20%;
  padding-bottom: 20%;
  float: left;
}

.nav-block .block .link a {
  color: #0E0E0E;
}

.nav-block .block .link a:hover, .nav-block .block .link a:active {
  color: #e47703;
}

.nav-block .block .btn-holder {
  position: absolute;
  right: 30px;
  bottom: -15px;
}

.side-album-zoeken form {
  float: left;
  border-bottom: 2px solid #E3EBEE;
}

.side-album-zoeken form label {
  font-weight: 300;
}

.side-album-zoeken form .search-field {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  outline: none;
}

.side-album-zoeken .btn {
  background-color: transparent;
}

.albumfeed {
  padding: 50px 0px;
}

.albumfeed .container-thumbnail .album-thumbnail {
  width: 100%;
  text-align: center;
}

@media (min-width: 992px) {
  .albumfeed {
    padding: 50px 0px;
  }
  .albumfeed .container-thumbnail:nth-child(7) {
    clear: left;
  }
}

@media (max-width: 991px) {
  .albumfeed .container-thumbnail {
    clear: none;
  }
  .albumfeed .container-thumbnail:nth-child(3n+1) {
    clear: left;
  }
}

@media (max-width: 767px) {
  .muziekwereld, .versgeperst {
    padding: 20px 0px;
    color: #2F444B;
  }
  .muziekwereld .col-xs-6:nth-child(2n+2), .versgeperst .col-xs-6:nth-child(2n+2) {
    clear: left;
  }
  .albumfeed .container-thumbnail {
    clear: none !important;
  }
  .albumfeed .container-thumbnail:nth-child(2n+1) {
    clear: left !important;
  }
}

.album-thumbnail {
  padding-bottom: 15px;
}

.thumbnail-sub-blue {
  color: #459ABA;
}

.container-muziekfeed-content {
  background-color: #E3EBEE;
  position: relative;
}

.container-muziekfeed-content .nop {
  float: left;
  height: 100%;
  top: 0;
  display: block;
  left: 0;
}

.container-muziekfeed-content .nop .thumb {
  width: 100%;
  height: 100%;
}

.container-muziekfeed-content .nop .thumb a {
  display: block;
  width: 100%;
  height: 100%;
}

.muziekfeed-content {
  padding: 20px;
}

article .album {
  color: #459ABA !important;
}

.album-info {
  background-color: #e47703;
  padding: 20px 0px;
}

.album-info span {
  display: block;
  color: white;
}

.btn-cdrecensies p {
  display: inline-block;
  padding: 0px 5px;
}

.single-post .caption-block {
  display: none;
}

.btn-muziekfeed {
  height: 30px;
  color: white;
}

.btn-muziekfeed .popover-content {
  color: #0E0E0E;
}

.btn-muziekfeed a {
  color: inherit;
}

.btn-muziekfeed .btn-muziekfeed-left {
  padding: 3px 20px;
  background-color: #459ABA;
  margin-top: -15px;
}

.btn-muziekfeed .btn-muziekfeed-right {
  background-color: #2F444B;
  margin-top: -15px;
}

.download-item {
  font-size: 14px;
  font-weight: 400;
}

.teamfeed-row {
  padding: 30px 0px;
  color: white;
}

.team-naam {
  background-color: #459ABA;
  line-height: 60px;
  height: 50px;
  padding: 5px 10px;
}

.team-naam:after {
  content: '';
  position: absolute;
  left: 0;
  margin-top: -15px;
  width: 100%;
  height: 30px;
  background: white;
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  transform: skewY(-1deg);
  z-index: 1;
}

.team-functie {
  background-color: #E3EBEE;
  padding: 5px 10px;
  height: 30px;
  line-height: 15px;
  color: #0E0E0E !important;
}

.team-item {
  margin: 10px 0px;
}

.container-cursusfeed-content {
  background-color: #E3EBEE;
}

.btn-cursusfeed {
  color: white;
}

.btn-cursusfeed a {
  color: inherit;
}

.btn-cursusfeed .btn-cursusfeed-content {
  background-color: #459ABA;
  margin-top: -15px;
}

.masonry {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1em;
  padding: 0 15px;
}

.masonry .download-col {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.masonry .download-col .inner {
  background-color: #E3EBEE;
  padding: 25px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.masonry .download-col .inner .download-item {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  float: left;
}

.masonry .download-col .inner .fa {
  padding-right: 5px;
}

.btn-muziekfeed {
  height: 30px;
  color: white;
}

.btn-muziekfeed a {
  color: inherit;
}

.btn-muziekfeed-left {
  padding: 0px 20px;
  background-color: #459ABA;
  margin-top: -15px;
}

.btn-muziekfeed-right {
  background-color: #2F444B;
  margin-top: -15px;
}

.muzieknieuws-meta {
  height: 50px;
  background-color: #E3EBEE;
}

.muzieknieuws-meta:after {
  content: "";
  position: absolute;
  left: 0;
  margin-top: 30px;
  width: 100%;
  height: 25px;
  background: white;
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  transform: skewY(-1deg);
  z-index: 1;
}

.muzieknieuws-meta .muzieknieuws-date {
  background-color: #459ABA;
  height: inherit;
  color: white;
  font-size: 12px;
}

.muzieknieuws-meta .muzieknieuws-cat {
  font-size: 12px;
  font-weight: 400;
}

.muzieknieuws-meta .muzieknieuws-date-notlogged {
  background-color: #2F444B;
}

.btn-muzieknieuws p {
  display: inline-block;
  padding: 0px 5px;
}

.search .sidebar {
  float: right;
}

.search .search-block {
  float: left;
  width: 100%;
  min-height: 300px;
  margin-bottom: 20px;
  padding: 15px;
}

.search .search-block h3 a {
  width: 100%;
  float: left;
  text-align: center;
}

.search .content-area .col-md-4 {
  margin-bottom: 60px;
}

.search.post-type-archive-cd_recensies .nop, .search.post-type-archive-cd_recensies .tumb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.search.post-type-archive-cd_recensies h3 {
  position: absolute;
  bottom: -60px;
}

.search.post-type-archive-cd_recensies h3:hover h3 a {
  color: #e47703;
}

.news-container #buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #0E0E0E;
}

.news-container #next-news {
  color: inherit;
  float: right;
  text-align: right;
}

.news-container #next-news i:before {
  font-size: 30px;
}

.news-container #prev-news {
  color: inherit;
  float: left;
  position: relative;
  left: -30px;
}

.news-container #prev-news i:before {
  font-size: 30px;
}

.carousel {
  width: 100%;
  height: auto;
  margin: 0px auto;
  overflow: hidden;
}

.carousel #slides-news, .carousel #slides-button {
  position: relative;
}

.carousel #slides-news ul, .carousel #slides-button ul {
  margin: 0px;
  float: left;
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  width: 400%;
}

.carousel #slides-news ul li, .carousel #slides-button ul li {
  height: auto;
  float: left;
  width: 25%;
}

.carousel #slides-button {
  width: 100%;
}

.carousel #slides-button ul {
  width: 200%;
  display: flex;
  display: -webkit-flex;
  lex-direction: row;
  -webkit-flex-direction: row;
}

.carousel #slides-button ul li {
  height: 175px;
  background-size: cover;
  background-position: center center;
  width: 25%;
}

.carousel #slides-button ul li a, .carousel #slides-button ul li h3 {
  position: relative;
  display: block;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel #slides-button ul li a h3, .carousel #slides-button ul li h3 h3 {
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.carousel #slides-button ul li a h3 span, .carousel #slides-button ul li h3 h3 span {
  transition: 0.3s;
}

.carousel #slides-button ul li:hover h3 span {
  padding: 5px 0px;
}

.carousel #slides-button ul li:hover h3 span .carousel #buttons a {
  position: absolute;
  font-size: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 2;
}

#mapsie {
  position: relative;
}

#mapsie .form-group {
  margin-bottom: 10px;
}

#mapsie .bottom-controls {
  padding-left: 0;
  right: 0;
  top: 23px;
}

#mapsie .bottom-controls a {
  float: right;
}

@media (max-width: 768px) {
  #mapsie .bottom-controls {
    top: 210px;
  }
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
}

#myWizard .navbar {
  background-color: #E3EBEE;
}

#myWizard .progress-bar-success {
  background-color: #459ABA;
}

#myWizard .nav-pills {
  background-color: #E3EBEE;
}

#myWizard .nav-pills li.active > a {
  background-color: #2F444B;
}

#myWizard .radio {
  width: 100%;
}

.wpcf7-form p {
  font-size: 14px;
  font-weight: 600;
}

.wpcf7-form input, .wpcf7-form textarea {
  font-family: inherit;
  font-weight: 300;
}

.wpcf7-submit {
  background-color: #2F444B;
  border: none;
  outline: none;
  color: white;
  font-size: 16px;
  padding: 5px 20px;
}

.wpcf7-text {
  outline: none;
  border-bottom: 2px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
}

.wpcf7-textarea {
  outline: none;
  border-top: 0px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: none;
  border-right: none;
  width: 100%;
}

.socialmedia-icon {
  font-size: 15px;
  color: white;
  background: #459ABA;
  font-size: 18px;
  width: 27px;
  padding: 5px;
  text-align: center;
}

.btn {
  border-radius: 0;
  color: white;
  transition: 0.2s all;
  font-family: "Abel", sans-serif;
}

.btn:hover {
  color: #0E0E0E;
}

.btn-red {
  background-color: #e47703;
}

.btn-red:hover {
  background-color: #7f4202;
}

.btn-dblue {
  background-color: #2F444B;
  color: white;
}

.btn-dblue:hover {
  background-color: #080b0c;
  color: white;
}

.btn-blue {
  background-color: #459ABA;
}

.btn-blue:hover {
  background-color: #295c70;
}

.btn-lblue {
  background-color: #E3EBEE;
  color: #0E0E0E;
}

.btn-lblue:hover {
  background-color: #a4bec7;
}

.btn-black {
  background-color: #2F444B;
  color: white;
}

.btn-black:hover {
  background-color: #080b0c;
  color: white;
}

.notitie {
  margin-top: -17px;
  float: left;
  margin-left: 14px;
  font-size: 12px;
  color: red;
}

p.message {
  background-color: rgba(0, 255, 0, 0.5);
  border: 1px solid green;
  text-align: center;
  color: green;
  font-family: "Abel", sans-serif;
}

p.error {
  background-color: rgba(255, 0, 0, 0.5);
  border: 1px solid red;
  text-align: center;
  color: red;
  font-weight: 700;
  font-family: "Abel", sans-serif;
}

#your-profile .profile, .login {
  width: 100%;
  float: left;
  position: relative;
}

#your-profile .profile .user-pass1-wrap td, .login .user-pass1-wrap td {
  position: relative;
}

#your-profile .profile .user-pass1-wrap td input, #your-profile .profile .user-pass1-wrap td span, #your-profile .profile .user-pass1-wrap td div, .login .user-pass1-wrap td input, .login .user-pass1-wrap td span, .login .user-pass1-wrap td div {
  margin-top: 12px;
}

#your-profile .profile .user-pass1-wrap td button, .login .user-pass1-wrap td button {
  margin-top: 0px;
}

#your-profile .profile label, .login label {
  font-family: "Abel", sans-serif;
}

#your-profile .profile input, .login input {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

#your-profile .profile .button-primary, .login .button-primary {
  margin-top: 20px;
  margin-left: 10px;
}

#your-profile .profile table tbody tr th, .login table tbody tr th {
  padding-left: 10px;
}

#your-profile .profile table tbody tr td .regular-text, .login table tbody tr td .regular-text {
  min-width: 50%;
  font-size: 14px;
}

#your-profile .profile table tbody tr td .checkbox, .login table tbody tr td .checkbox {
  float: left;
}

#your-profile .profile table tbody tr td .description, .login table tbody tr td .description {
  font-size: 14px;
}

#your-profile .profile table tbody tr td .radio, .login table tbody tr td .radio {
  float: left;
  width: 14px;
}

#your-profile .profile table tbody tr td .radio, #your-profile .profile table tbody tr td .checkbox, .login table tbody tr td .radio, .login table tbody tr td .checkbox {
  margin-right: 10px;
  margin-left: 30px;
}

#your-profile .profile table tbody tr td .radio:first-child, #your-profile .profile table tbody tr td .checkbox:first-child, .login table tbody tr td .radio:first-child, .login table tbody tr td .checkbox:first-child {
  margin-top: 0px;
}

#your-profile .profile .form-table, .login .form-table {
  width: 100%;
}

#your-profile .profile .form-table tbody, .login .form-table tbody {
  width: 100%;
}

#your-profile .profile .form-table tbody tr, .login .form-table tbody tr {
  padding: 5px 0px;
  border: 1px solid rgba(161, 161, 161, 0.3);
  border-left: 0px;
  border-right: 0px;
}

#your-profile .profile .form-table tbody tr:nth-child(odd), .login .form-table tbody tr:nth-child(odd) {
  border-bottom: 0px;
}

#your-profile .profile .form-table tbody tr:nth-child(even), .login .form-table tbody tr:nth-child(even) {
  border-top: 0px;
}

#your-profile .profile .form-table tbody tr th, .login .form-table tbody tr th {
  width: 30%;
  padding-top: 20px;
  padding-bottom: 0px;
  min-width: 150px;
}

#your-profile .profile .form-table tbody tr td, .login .form-table tbody tr td {
  padding-bottom: 20px;
  font-size: 14px;
}

#your-profile .profile .form-table tbody tr td .regular-text, .login .form-table tbody tr td .regular-text {
  min-width: 50%;
}

#your-profile .profile .form-table tbody tr td .checkbox, .login .form-table tbody tr td .checkbox {
  float: left;
}

#your-profile .profile .form-table tbody tr td .description, .login .form-table tbody tr td .description {
  font-size: 14px;
}

#your-profile .profile .form-table tbody tr td .radio, .login .form-table tbody tr td .radio {
  float: left;
  width: 14px;
}

#your-profile .profile .form-table tbody tr td .radio, #your-profile .profile .form-table tbody tr td .checkbox, .login .form-table tbody tr td .radio, .login .form-table tbody tr td .checkbox {
  margin-right: 10px;
  margin-left: 15px;
}

#your-profile .profile .form-table tbody .checkboxtr, .login .form-table tbody .checkboxtr {
  border-bottom: 0px !important;
}

#your-profile .profile #pass1-text, .login #pass1-text {
  display: none;
  content: '';
}

.checkbox, .radio {
  float: left;
}

.ex-inf {
  float: left;
}

.extra-info {
  position: relative;
  left: 15px;
}

.well {
  float: left;
  width: 100%;
}

.well h3 {
  float: left;
}

.group-container {
  float: left;
  width: 100%;
}

.contributie-info dfn, .voorwaarden-info dfn {
  display: none;
  opacity: 0;
  transition: .3s;
  background: white;
  position: absolute;
  width: 300px;
  height: auto;
  z-index: 10;
}

.contributie-info:hover dfn, .voorwaarden-info:hover dfn {
  display: block;
  transition: .3s;
  opacity: 1;
}

.login {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.login input {
  background-color: white;
}

.login input[type="submit"] {
  background-color: #459ABA;
  border: 0px;
  color: #fff;
  padding: 5px 10px;
}

.login input[type="submit"]:hover {
  background-color: #295c70;
}

.login ul {
  padding: 0;
}

.login li {
  list-style: none;
  float: left;
  margin-right: 10px;
}

.login li a {
  
  background-color: #fff;
  position: relative;
  color: rgb(51, 51, 51);
  padding: 5px 10px;
  
  
  outline-color: #E3EBEE;
  outline-width: medium;
  
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
}

.login li a:hover {
  background-color: #e7e7e7;
}

.popover {
  border-radius: 0px;
  z-index: 999;
  position: absolute;
  border: 1px solid #2F444B;
}

.popover .popover-content {
  font-size: 13px;
  line-height: 18px;
  color: #459ABA;
  border-radius: 0px;
}

.popover .popover-title {
  background: #459ABA;
  color: white;
  border-radius: 0px;
  float: none;
}

#wp_pass_reset * {
  float: left;
  position: relative;
}

#wp_pass_reset span {
  margin-right: 10px;
}

#wp_pass_reset .text {
  padding: 0px 5px;
}

#wp_pass_reset #submitbtn {
  float: right;
}

#wp_pass_reset #result, #wp_pass_reset .success {
  float: left;
  width: 100%;
}

#wp_pass_reset #result, #wp_pass_reset .success {
  float: left;
  color: #E4032E;
  width: 100%;
}

#result .success {
  float: left;
  clear: both;
  width: 100%;
  color: #E4032E;
}

#reset-pass-success {
  float: left;
  clear: both;
  width: 100%;
  color: #E4032E;
}

@media (max-width: 992px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) {
  .btn-holder-absolute {
    top: 17px;
    bottom: auto;
    right: auto;
  }
  .container {
    width: 1180px;
    max-width: 95%;
  }
}

@media only screen and (min-width: 300px) {
  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media only screen and (min-width: 700px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media only screen and (min-width: 992px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1050px) {
  .caret {
    background-color: transparent;
  }
}

@media only screen and (min-width: 1100px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}


/* Added by Go2People Websites */

.downloadfeed.masonry .inner {
    padding: 20px;
}
    
.download-container a {
    float: none !important;
}

    .download-container a.download-info {
        margin-left: 5px;
    }

.download-container .info-box {
    background-color: #fff;
    color: #0E0E0E;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 10px;
}

@media only screen and (max-width: 991px) {
    .download-container .popover {
        display: none !important;
    }
}