* {
   font-family: 'Josefin', sans-serif;
   font-weight: 300;
   text-transform: uppercase;
   text-shadow: 1px 1px 2px #808080;
}

p, li {
   font-family: 'Poppins', sans-serif;
   text-transform: none;
   text-shadow: none;
   font-weight: normal;
}

.faqContainer h4 {
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   text-shadow: none;
}

.faqContainer span {
   font-family: 'Poppins', sans-serif;
   text-decoration: underline;
}

.faqContainer .facebook-link {
   font-family: 'Poppins', sans-serif;
   text-decoration: underline !important;
}

/*
Green: rgb(46, 87, 43)
Red  : rgb(113, 2, 34)
*/

body {
   padding: 0px;
   margin: 0px;
   overflow-x: hidden;
   background: black; /*green*/ 
}

.parallax {
  /* background-image: url("../img/gambling.jpg"); */
  min-width: 100vw;
  height: 40vh;
  z-index: 5;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2{
  /* background-image: url("../img/gambling.jpg"); */
}

.Banner
{
  /* background: url('../img/banner_background.png'); */
  width: 100vw;
  height: 100vh;
  z-index: -100;
  background-size: cover;
  text-align: center;
  animation: fadein 4s;
}
.socialButton
{
  position: absolute;
  right: 5px;
  z-index: 1;
  height: 50px;
}

.socialButton:nth-of-type(1){
  top: 30px;
}

#particles{
  width: 100vw;
  height: 100vh;
  z-index: 0;
  position: absolute;
  animation: fadein 7s;
}

/* #goudkoortsFirstRow {
    border-bottom: solid 1px white;
} */


.Logo{
    max-width: 54vw;
    margin-top: 20vh;
    margin-bottom: 30px;
    max-height: 60vh;
    position: relative;
    z-index: 3;
    animation: fadein 4s;
}

@media only screen and (max-width: 600px) {
  .Logo {
    max-width: 80vw;
    margin-top: 30vh;
    margin-bottom: 20px;
  }
}

.row h1{
  text-align: center;
}


.video-bg {
  height: 50vh;
  padding-bottom: 50px;
  padding-top: 50px;
}

.active {
  background-color: black;
}

.faqContainer
{
  background: rgba(0,0,0,0);    /*black*/
}

.faqContainer a{
  color: rgba(255,255,255,.9);
  cursor: pointer;
  text-decoration: none;
}
.faqContainer a:hover{
    color: rgb(255,255,255);
}

.faqCollapse p
{
  margin-left: 20px;
}
.faqButton
{
  width: 100%;
  text-decoration: none;
  color: #8b0000;
}

.Bannertext{
  font-family: 'Josefin', sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  margin-top:20px;
  color: #FFFFFF;
}

.Column{
  background: black; /*Black*/
  width: 100vw;
}
.columnText
{

  color: rgb(255,255,255);
  margin: 20px;
    margin-bottom: 45px; /* 'vo */
}

.columnTitle{
  font-family: 'Josefin', sans-serif;
  font-weight: 300;
  color: rgba(255,255,255,1);
  text-align: center;
}

.columnText .col
{
  padding: 15px;

}
.navbar{
  background: black; /*Black*/
  z-index:100;
  color: white;

}

.navbar-right{
background:black; /*Black*/
color:white;

}


#navli a{
color:white;

}

.navbar-default .navbar-brand{

color:white;

}

.navbar-nav a{
color:white;

}

.menulist a{
color:white;

}
.navbar ul {
  list-style: none;
  text-align: center;
}
.navbar li{
    color: white;
font-size: 2em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #888;
}

.navbar-nav .navbar-text{
color: white;

}

#goudkoortsFirstRow a {
    font-family: 'Poppins', sans-serif;
    text-decoration: underline;
    text-shadow: none;
    font-weight: bold;
    color: white;
    text-transform: none;
}

#goudkoortsFirstRow a:hover {
    color: white;
}

.navbar a {
  text-decoration: none;

  color: white;
  display: block;
  transition: .3s background-color;
}

.navbar a:hover {

  background-color: #F29100;
}

.navbar a.active {
  color: #fff; 
  border-top:0px;
  cursor: default;
  background: #000 !important;
}

/*.navbar-toggle
{
  color: white;
}*/

@media screen and (min-width: 600px) {
  .navbar li {
    float: right;
    width: 120px;
    height: 50px;
    line-height: 50px;
  }

  /* Option 1 - Display Inline */
  .navbar li {
    display: inline-block;
    margin-right: 4px;
        font-size: 1.4em;

  }
}
.orderTickets
{
  text-align: middle;
}

.orderTicketButton{
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /* background-color: #b18140; */
  color: #FFF;
  background:black;
  /* background-blend-mode: multiply; */
  border: 1px solid #fbc902;
}

.orderTicketButton:hover{
  /* background-color: #b18140; */
  color: #FFF;
  border: 1px solid #fbc902;
}

#themaBekendmaking {
    margin-bottom: 20px;
}

path {
  fill: transparent;
}

text {
  fill: white;
}

 .dark{
  background-color: #212121;
  color: white;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
   from {opacity: 1;}
   to   {opacity: 0;}
}

@keyframes introFade {
   0% {opacity: 0;}
   20%{opacity: .05;}
   70%{opacity: .95;}
   100%   {opacity: 1;}
}


.galleryImage{
  margin:0px;
}

.morePics{
  text-align: center;
  border: 1px solid white;
}

.morePicsButton{
  position: absolute;

}

.groupPic{
  width: 100%;
}

.program
{
  text-align: center;
  border-left: 1px solid rgba(0,0,0,.5);
}

.last{
  border-right:  1px solid rgba(0,0,0,.5);;
}

div.circle-avatar{       /*artist pictures*/
/* make it responsive */
  max-width: 100%;
  width:100%;
  height:auto;
  display:block;
  /* div height to be the same as width*/
  padding-top:100%;

  /* make it a circle */
  border-radius:50%;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimension to fill div */
  background-size: cover;
  display: inline-block;
}

.imageText /*NaamS artiest */
{
  background: #b18140; 
  color: #d9d9d9;
}

.footer{

  color: rgba(255,255,255,.6);
}



.footer a{
    text-decoration: none;
    color: rgba(255,255,255,.9);
}



@media screen and (min-width: 600px) /*  */ {
  .footer{
    margin: 10px;
    margin-left: 50px;
  }
}
@media screen and (max-width: 769px) /* Mobile */ {
  .footer{
    margin: 10px;
    text-align: center;
  }

  #themaBekendmaking .columnTitle {
        font-size: 1.4em;
    }
}

.video {
  position: fixed;
  top: 60%;
  left: 50%;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-60%);
  /* background: url(polina.jpg) no-repeat; */
  background-size: cover;
}

#contact a {

color: #ffffff;

}