/*	variables   */
/* Mixins */
.homeAgendaSection {
  background-color: #eeece7; }
  .homeAgendaSection .agendaContainer {
    background-image: url("../img/agenda-background.jpg");
    background-size: cover;
    color: white;
    margin: 6.25rem 0rem;
    padding: 1.25rem; }
    .homeAgendaSection .agendaContainer h2 {
      font-family: "Roboto",sans-serif;
      font-weight: 100;
      font-size: 2.6875rem;
      margin-bottom: 1.25rem;
      color: white; }
    .homeAgendaSection .agendaContainer a {
      color: white; }
    .homeAgendaSection .agendaContainer .agenda_link {
      padding: 0.9375rem;
      display: inline-block;
      width: 100%; }
      .homeAgendaSection .agendaContainer .agenda_link:hover {
        background-color: rgba(255, 255, 255, 0.3); }
    .homeAgendaSection .agendaContainer .more_agenda {
      display: inline-block;
      width: 100%;
      text-align: right;
      font-weight: 100; }
    .homeAgendaSection .agendaContainer .img img {
      max-width: 6.25rem; }
    .homeAgendaSection .agendaContainer .post {
      display: flex;
      align-items: center;
      font-size: 1rem; }
      .homeAgendaSection .agendaContainer .post .top {
        font-weight: 100; }
        .homeAgendaSection .agendaContainer .post .top span {
          display: inline-block;
          width: 100%; }
      .homeAgendaSection .agendaContainer .post .head h4 {
        font-size: 1.125rem;
        font-family: "Roboto", sans-serif; }
  .homeAgendaSection .contentBlock {
    display: flex;
    justify-content: center;
    align-items: center; }
    .homeAgendaSection .contentBlock .content {
      margin-left: 1.25rem; }
      .homeAgendaSection .contentBlock .content img {
        margin-bottom: 1.875rem; }

@media screen and (max-width: 992px) {
  .homeAgendaSection .agendaContainer {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    margin-top: 0rem;
    margin-bottom: 0rem; } }
.single-agenda h1, .single-post h1 {
  font-size: 2.5rem;
  text-transform: unset;
  color: #0a1c64;
  font-weight: 100;
  font-family: "Roboto", sans-serif;
  margin-top: 0.625rem;
  margin-bottom: 1.25rem; }
.single-agenda p, .single-post p {
  width: 100%;
  margin-bottom: 0.625rem; }
.single-agenda .postOverview, .single-post .postOverview {
  margin-top: 2.5rem;
  color: #0a1c64;
  display: block; }
  .single-agenda .postOverview:hover, .single-post .postOverview:hover {
    text-decoration: none;
    color: #8087ca; }

.songsContainer {
  background-color: #eeece7;
  padding: 6.25rem; }
  .songsContainer h2 {
    margin-bottom: 3.125rem; }
  .songsContainer .songColumn {
    margin-bottom: 1.875rem; }
  .songsContainer .songContainer {
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .songsContainer .songContainer:hover {
      text-decoration: none; }
      .songsContainer .songContainer:hover i {
        color: #d8d8d8; }
    .songsContainer .songContainer .img {
      position: relative;
      flex: 0 0 auto; }
      .songsContainer .songContainer .img img {
        width: 100%; }
      .songsContainer .songContainer .img .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5rem;
        background-color: rgba(0, 0, 0, 0);
        color: #F1F1F1; }
        .songsContainer .songContainer .img .overlay .lyricsLabel {
          position: absolute;
          top: 0;
          padding: 0.3125rem 1.25rem;
          background-color: #ceac41;
          font-size: 1rem;
          transition: all 0.2s ease-in-out;
          text-align: center;
          color: white; }
          .songsContainer .songContainer .img .overlay .lyricsLabel:hover {
            background-color: #c3a032;
            text-decoration: none; }
    .songsContainer .songContainer .title {
      flex: 1 1 auto;
      background-color: #111;
      color: white;
      text-align: center;
      justify-content: center;
      align-items: center;
      display: flex;
      padding: 0.625rem; }
      .songsContainer .songContainer .title p {
        margin: 0;
        font-size: 0.9375rem; }

.songTekstContainer {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10000; }
  .songTekstContainer .wrapper {
    width: 37.5rem;
    background-color: white;
    box-shadow: 0rem 0rem 1.8125rem 0.0625rem black;
    padding: 1.25rem;
    overflow: scroll;
    height: 100%;
    overflow: auto;
    position: relative; }
    .songTekstContainer .wrapper p {
      width: 100%;
      margin: 0; }
    .songTekstContainer .wrapper .close {
      position: absolute;
      top: 1.25rem;
      right: 1.25rem;
      font-size: 1.875rem;
      cursor: pointer; }

.buyContainer {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
  text-align: center; }
  .buyContainer p {
    display: block;
    width: 100%; }
  .buyContainer span {
    margin: auto; }

.audioPlayerBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: black;
  color: white;
  display: none; }
  .audioPlayerBar .progressbar {
    width: 100%;
    height: 0.9375rem;
    background-color: #d5d5d5;
    cursor: pointer; }
    .audioPlayerBar .progressbar .progressAmount {
      transition: all 0s ease-in-out;
      width: 0%;
      background-color: #ceac41;
      height: 100%; }
  .audioPlayerBar .bar {
    display: flex;
    padding: 10px;
    justify-content: space-between; }
    .audioPlayerBar .bar .songInfo {
      display: flex; }
      .audioPlayerBar .bar .songInfo .image {
        width: 3.75rem; }
        .audioPlayerBar .bar .songInfo .image img {
          width: 100%; }
      .audioPlayerBar .bar .songInfo .title {
        display: flex;
        align-items: center;
        margin-left: 3.125rem;
        width: 12.5rem; }
    .audioPlayerBar .bar .buttons {
      display: flex;
      align-items: center;
      font-size: 2.5rem; }
      .audioPlayerBar .bar .buttons i {
        cursor: pointer; }
    .audioPlayerBar .bar .time {
      display: flex;
      align-items: center; }

.featuredAlbum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5625rem;
  background-color: white; }
  .featuredAlbum p {
    margin: 0;
    font-size: 1.25rem;
    color: #ceac41; }
  .featuredAlbum p, .featuredAlbum .button {
    margin: 0.3125rem; }

@media screen and (max-width: 768px) {
  .featuredAlbum {
    justify-content: center; }

  .songsContainer {
    padding: 0; }
    .songsContainer h2 {
      margin-top: 3.125rem; } }
.contactContainer {
  margin-top: 3.125rem;
  margin-bottom: 6.25rem; }
  .contactContainer.container {
    max-width: 56.25rem; }
  .contactContainer form {
    margin-top: 3.125rem; }
    .contactContainer form input, .contactContainer form textarea {
      width: 100%;
      border: none;
      padding: 0.625rem 0rem;
      position: relative;
      opacity: 0.8;
      border-bottom: solid 0.0625rem #DBDBDB; }
    .contactContainer form .fromMessage {
      text-align: center;
      margin-top: 1.25rem; }
      .contactContainer form .fromMessage.error {
        color: #c80000; }
      .contactContainer form .fromMessage.success {
        color: green; }
    .contactContainer form .inputContainer {
      position: relative;
      margin: 0.625rem 0rem; }
      .contactContainer form .inputContainer:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0.125rem;
        background-color: #ceac41;
        bottom: 0;
        left: 0;
        transition: all 0.5s ease-in-out; }
      .contactContainer form .inputContainer.active input {
        opacity: 1; }
      .contactContainer form .inputContainer.active:after {
        width: 100%; }
    .contactContainer form .submit {
      background-color: #0a1c64;
      color: white;
      transition: all 0.2s ease-in-out;
      width: auto;
      padding: 0.625rem 1.25rem; }
      .contactContainer form .submit:hover {
        background-color: #0f2992; }

.imageGalleries .imageGallery {
  color: black;
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
  .imageGalleries .imageGallery .img img {
    width: 100%;
    height: auto; }
  .imageGalleries .imageGallery .information {
    flex: 1 1;
    padding: 1.25rem;
    background-color: white; }
    .imageGalleries .imageGallery .information h2 {
      font-size: 1rem;
      font-weight: normal; }
  .imageGalleries .imageGallery:hover {
    text-decoration: none; }

.single-gallerij .fullscreenHeader .container {
  height: 100%; }
  .single-gallerij .fullscreenHeader .container .smallHeaderContainer .center h2 {
    margin-top: 1.875rem;
    color: #ceac41; }
  .single-gallerij .fullscreenHeader .container .smallHeaderContainer .center .postOverview {
    margin-top: 2.5rem;
    color: white; }
    .single-gallerij .fullscreenHeader .container .smallHeaderContainer .center .postOverview:hover {
      text-decoration: none;
      color: #8087ca; }
  .single-gallerij .fullscreenHeader .container .smallHeaderContainer .center p {
    color: white; }
    .single-gallerij .fullscreenHeader .container .smallHeaderContainer .center p a {
      color: #ceac41; }

#gallery {
  margin-top: 1.875rem;
  margin-bottom: 6.25rem; }
  #gallery .img {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  #gallery .gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    #gallery .gallery .gallery-item {
      flex: 0 0 24.99999%;
      padding: 0.9375rem;
      margin: 0; }
    #gallery .gallery a {
      display: block; }
    #gallery .gallery p {
      display: none; }

.slick-lightbox .slick-lightbox-close, .slick-lightbox .slick-arrow {
  width: 3.125rem;
  height: 3.125rem;
  z-index: 100; }
  .slick-lightbox .slick-lightbox-close:before, .slick-lightbox .slick-arrow:before {
    font-size: 3.125rem; }
.slick-lightbox .slick-lightbox-close {
  top: 3.125rem;
  right: 3.125rem; }

@media screen and (max-width: 992px) {
  #gallery .gallery .gallery-item {
    flex: 0 0 49.9999%; } }
@media screen and (max-width: 768px) {
  #gallery .gallery .gallery-item {
    flex: 0 0 100%; } }
body {
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  color: #737272; }

h1, h2, h3, h4, h5, h6 {
  display: block;
  width: 100%;
  font-family: "Open Sans", sans-serif; }

h1, .h1 {
  font-size: 5.625rem;
  font-weight: 200;
  text-transform: uppercase;
  color: #ceac41;
  margin-left: -0.3125rem; }

h2, .h2 {
  font-size: 2.625rem;
  font-weight: 100;
  font-family: "Roboto", sans-serif;
  color: #0a1c64; }

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

.button {
  padding: 0.625rem 1.5625rem;
  background-color: #ceac41;
  color: white;
  cursor: pointer; }

body {
  z-index: 100; }

/* actual css starting here */
header {
  padding: 0rem 2.5rem; }
  header a:hover {
    text-decoration: none; }
  header .topbar {
    padding-top: 1.25rem;
    padding-bottom: 0.625rem; }
    header .topbar .wrapper {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      header .topbar .wrapper ul {
        margin: 0; }
        header .topbar .wrapper ul li {
          display: inline-block; }
          header .topbar .wrapper ul li a {
            color: #0a1c64;
            text-decoration: none; }
      header .topbar .wrapper .socials {
        display: flex;
        align-items: center;
        margin-left: 0.625rem; }
        header .topbar .wrapper .socials i {
          width: 1.875rem;
          height: 1.875rem;
          border-radius: 1.875rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #0a1c64;
          background-color: #ecedf7;
          margin: 0rem 0.3125rem;
          transition: all 0.2s ease-in-out; }
          header .topbar .wrapper .socials i:hover {
            background-color: #c8cbe8; }
          header .topbar .wrapper .socials i:last-child {
            margin-right: 0rem; }
  header .nav {
    margin: 0.9375rem 0rem 0rem 0rem; }
    header .nav .logo {
      padding-left: 0; }
      header .nav .logo a {
        display: flex;
        align-items: center;
        height: 100%; }
        header .nav .logo a p {
          font-size: 2.625rem;
          text-transform: uppercase;
          font-weight: 200;
          color: #0a1c64;
          margin: 0;
          padding-bottom: 1.25rem;
          font-family: "Open Sans", sans-serif; }
    header .nav .menuContainer {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0; }
      header .nav .menuContainer .menu, header .nav .menuContainer .menu-header-menu-container {
        height: 100%; }
      header .nav .menuContainer ul {
        padding: 0;
        margin: 0;
        height: 100%; }
        header .nav .menuContainer ul li {
          display: inline-block;
          height: 100%;
          padding: 0rem 1.25rem 1.25rem 1.25rem;
          position: relative; }
          header .nav .menuContainer ul li a {
            font-size: 1.375rem;
            text-transform: uppercase;
            color: #ceac41;
            font-weight: 200;
            font-family: "Open Sans";
            display: flex;
            align-items: center;
            height: 100%; }
          header .nav .menuContainer ul li:last-child {
            padding-right: 0rem; }
          header .nav .menuContainer ul li:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0rem;
            left: 1.25rem;
            width: 0;
            height: 0.3125rem;
            background-color: transparent;
            transition: 0.4s; }
          header .nav .menuContainer ul li:hover:before {
            display: flex;
            width: calc(100% - 40px);
            justify-content: center;
            background-color: #ceac41; }
          header .nav .menuContainer ul li:last-child:hover:before {
            width: calc(100% - 20px); }
      header .nav .menuContainer .mobileMenuToggle {
        display: none;
        color: #ceac41;
        font-size: 2.1875rem;
        padding-bottom: 1.25rem;
        cursor: pointer; }
  header .mobileMenu {
    display: none; }
    header .mobileMenu ul {
      padding: 0;
      list-style-type: none; }
      header .mobileMenu ul li {
        text-align: center;
        font-size: 1.375rem; }
        header .mobileMenu ul li a {
          display: block;
          padding: 1.25rem;
          color: #0a1c64; }
          header .mobileMenu ul li a:hover {
            color: #0f2992; }

.featuredBar {
  margin: 3.75rem auto 6.25rem auto; }
  .featuredBar h2 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.875rem; }
  .featuredBar img {
    width: 100%; }
  .featuredBar a {
    display: inline-block;
    position: relative;
    color: white; }
    .featuredBar a:hover .overlay {
      display: block; }
  .featuredBar .overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 28, 100, 0.5);
    left: 0;
    top: 0;
    padding: 1.25rem; }

footer .bottomBar {
  background-color: #634d38;
  padding: 1.25rem;
  font-family: "Roboto", sans-serif; }
  footer .bottomBar .footerLine {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    color: white;
    margin: 0; }
    footer .bottomBar .footerLine div {
      display: inline-block; }
  footer .bottomBar a {
    color: white;
    margin-left: 0.625rem; }
    footer .bottomBar a:hover {
      color: #ecedf7;
      text-decoration: none; }
  footer .bottomBar ul {
    padding: 0;
    margin: 0rem; }
    footer .bottomBar ul li {
      display: inline-block; }

.fullscreenHeader {
  height: calc(75vh - 133px);
  background-size: cover;
  background-position: top center; }
  .fullscreenHeader.small {
    height: calc(50vh - 133px); }
    .fullscreenHeader.small .container {
      height: 100%; }
  .fullscreenHeader.medium {
    height: calc(60vh - 133px); }
  .fullscreenHeader .row {
    height: 100%; }
    .fullscreenHeader .row .smallHeaderContainer {
      display: flex;
      justify-content: center;
      align-items: center; }
      .fullscreenHeader .row .smallHeaderContainer h1 {
        margin: 0rem 0rem 0rem -0.3125rem; }
    .fullscreenHeader .row .content {
      position: relative;
      width: 100%;
      height: 100%; }
    .fullscreenHeader .row .wrapper {
      position: relative;
      font-family: "Open Sans", sans-serif;
      text-transform: uppercase;
      color: #ceac41;
      height: 100%; }
      .fullscreenHeader .row .wrapper .textWrap {
        margin-top: 21%; }
      .fullscreenHeader .row .wrapper h1 {
        margin-bottom: 0; }
      .fullscreenHeader .row .wrapper p {
        font-size: 1.875rem;
        font-weight: 200; }

.contentBlock {
  padding: 6.25rem 1.25rem; }
  .contentBlock.beige {
    background-color: #eeece7; }
  .contentBlock.blue {
    background-color: #0a1c64;
    color: white; }
    .contentBlock.blue h1, .contentBlock.blue h2, .contentBlock.blue h3, .contentBlock.blue h4, .contentBlock.blue h5, .contentBlock.blue h6, .contentBlock.blue p, .contentBlock.blue a {
      color: white; }
  .contentBlock .center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  .contentBlock .quote {
    margin-top: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 200; }
  .contentBlock .row > div {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }

.horizontalResults {
  background-color: #eeece7;
  padding-top: 3.125rem;
  padding-bottom: 6.25rem; }
  .horizontalResults h2 {
    padding-bottom: 1.25rem;
    text-transform: uppercase; }
  .horizontalResults .horizontalRow {
    padding: 1.875rem;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    color: black;
    margin: 1.875rem 0rem; }
    .horizontalResults .horizontalRow .img {
      width: 9.375rem;
      height: 9.375rem;
      display: flex;
      justify-content: center;
      align-items: center;
      flex: auto 0; }
    .horizontalResults .horizontalRow .content {
      margin-left: 2.5rem;
      display: flex;
      align-items: center;
      flex: 1 1; }
      .horizontalResults .horizontalRow .content .header span.icon {
        margin-right: 1.25rem; }
        .horizontalResults .horizontalRow .content .header span.icon i {
          margin-right: 0.3125rem; }
        .horizontalResults .horizontalRow .content .header span.icon:last-child {
          margin-right: 0; }
      .horizontalResults .horizontalRow .content .title h3 {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        margin-top: 0.625rem; }
    .horizontalResults .horizontalRow:hover {
      color: black;
      background-color: #f2f2f2;
      text-decoration: none; }

.videoGallery {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem; }
  .videoGallery .videoContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    margin: 0.9375rem 0rem; }
  .videoGallery .videoContainer iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
  .videoWrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }

.content iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  margin: 0 auto; }

.mainContent {
  margin-top: 3.125rem; }

.popupContainer {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  display: none; }
  .popupContainer .popup {
    position: absolute;
    margin: auto;
    top: 10vh;
    left: 0;
    right: 0;
    max-width: 1000px;
    height: auto;
    background-color: #FFF;
    color: #000;
    -webkit-transform: translateZ(0);
    margin-bottom: 50px; }
    .popupContainer .popup .wrapper {
      margin: 0 auto;
      position: relative;
      min-width: 300px;
      padding: 1.875rem; }
    .popupContainer .popup .close {
      cursor: pointer;
      position: absolute;
      right: 1.25rem;
      top: 1.25rem;
      z-index: 101; }

.buyPopup .view1 {
  display: block;
  padding-top: 1.875rem; }
  .buyPopup .view1 input {
    width: 100%;
    padding: 0.3125rem 0.625rem;
    border: 1px solid #000;
    margin-bottom: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .buyPopup .view1 input.parsley-error {
      border: 1px solid #8b0000; }
    .buyPopup .view1 input.parsley-success {
      border: 1px solid #006400; }
    .buyPopup .view1 input:focus {
      outline: none; }
  .buyPopup .view1 button {
    float: right;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 0.3125rem 0.625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .buyPopup .view1 button:hover {
      background-color: #000;
      color: #FFF; }
  .buyPopup .view1 .parsley-errors-list {
    padding-left: 0;
    margin-top: -0.9375rem;
    color: #8b0000;
    list-style-type: none;
    font-size: 0.75rem; }
  .buyPopup .view1 .payment {
    font-size: 0.75rem; }
.buyPopup .view2 {
  display: none; }
  .buyPopup .view2 .failed {
    color: #8b0000; }
  .buyPopup .view2 .success {
    color: #006400; }

.single-songtekst p {
  display: block;
  width: 100%; }
.single-songtekst h2 {
  margin-bottom: 1.875rem; }

.page-template-default .mainContent .row {
  flex-wrap: wrap; }
  .page-template-default .mainContent .row p {
    display: block;
    width: 100%; }

@media screen and (max-width: 768px) {
  .contentBlock {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem; }

  h1 {
    font-size: 3.75rem; }

  footer .footerLine span {
    width: 100%;
    margin: 0.4375rem 0rem; }
    footer .footerLine span a {
      margin: 0; }
  footer .footerLine.copyright {
    margin-top: 0.3125rem; } }

/*# sourceMappingURL=primary.css.map */