/*
 * Globals
 */



@font-face {
  font-family: 'passionOne'; /* Name your font family */
  src: url('../fonts/impact-font/impact.ttf'); /* Locate the .ttf file within your directory*/
}

/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0);
  height: auto;
}


@media (max-height: 759px) {
   .nav-link {
      font-size: 10px;
    }

}


@media (min-height: 760px) {
   .nav-link {
      font-size: 15px;
    }

}


@media (min-width:100px) and (max-width: 768px) {
  .kb-bg {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/kb_mobil_2.png' );
    background-size: cover;
    height:80vh;
    }

    .kb-bg-2025
    {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/2025/mobil.png' );
    background-size: cover;
    height:70vh;
    /*width:100vw; */
    }

    .kb-bg-temp {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/KB_FB.png' ); 
    background-size: cover;
    height:50vh;
    }
    
    .kb-text-main {
    font-family: "Poppins";
    font-size:12px;
   /*  color: #F0E0F9; */
    
    }

  .kb-main {
    max-width:100%;
    height:100em;
  }
    .kb-main-row {
      margin-top:5%;
    }

    .kb-text-header {
  /*  text-decoration: underline; */
   color: #FFFFFF;
   position:sticky;

    } 

  .kb-map{

  width:35vh;
  height:35vh;
  display: block;
}

  h1 {
    font-size: 24px;
  }

  .kb-header {

    /*  padding-top:1vh; */
   /* position: fixed;
    display: block;
    z-index: 10;
overflow:visible; 
   top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    text-align: center;
    letter-spacing: -0.32em;
    white-space: nowrap */
   
  }

  .kb-header-fix{
    margin-top:5vh;
  }

  .kb-banner-text {
  /* display: table; */
  margin-top:45vh;
  }

.scrolled { 
  background-color: rgba(0,0,0,0.75); 
  -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; 
  -ms-transition: background-color 500ms linear; 
  transition: background-color 500ms linear; 
}


}

@media (min-width:769px) {
  .kb-bg {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/KB_2024.png' ); 
    background-size: cover;
    height:80vh; 
    }

       .kb-bg-2025
    {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/2025/desktop.png' );
    background-size: cover;
    height:80vh;
    /*width:100vw; */
    }

      .kb-bg-temp {
    padding-bottom: 37.5%; 
    background-image: url( '../assets/KB_FB.png' ); 
    background-size: cover;
    /*height:30vh; */
    width:100vw;
    }


    .kb-main {
    max-width:100%;
    height:100em;
  }

    .nav-link {
      font-size: 20px;
    }

    .kb-text-main {
      font-family: "Poppins";
     
      font-size:14px; 
    /*  color: #F0E0F9; */

      }
    .kb-main-row {
      margin-top:2%;
      
    }
    .kb-text-header {
  /*  text-decoration: underline; */
   padding-top:3;
   color: #FFFFFF;
   }


.kb-header {
    padding-top: 1vh;
    margin-top: 0;
}

   .nav {
      margin-right:-10vh;
    }



  .kb-map{
  width:20vh;
  height:20vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .kb-banner-text {
  /* display: table; */
  margin-top:54vh;
  }
} 
/* 
.kb-bg {
    padding-bottom: 37.5%;
    background-image: url( 'assets/KB_2024.png' );
    background-size: cover;
    height:80vh; 
    } */

h1, h2, h3, h4, h5, h6 { 
  /* text-shadow: 1px 1px #F0E0F9; */
 /*  letter-spacing: .1rem; */
}


.kb-list-item {
  margin-bottom: 2vh;
}

.kb-header {
  margin-bottom: 1%;
  padding-right: 10%;
  padding-left: 10%;
}

.kb-banner-text {
  /* display: table; */
  margin-left:2vh;
  margin-right:2vh;
  text-shadow: 1px 1px #000000;
}



.kb-border {
  border-bottom-style:solid;
  border-radius: 5px;
  /* border-color: #F0E0F9; */
  border-color: #CD5035;
  border-width: 3px;
}

.kb-banner-button {
  /* display: table; */
   color: #FFFFFF; 
   margin-top:5vh;
   border-color: #FFFFFF; 
   opacity: 1;
   background: rgba(0, 0, 0, 0.3);
}



.kb-banner-button:hover,
.kb-banner-button:focus {
  color: #FFFFFF;
  text-shadow: none; /* Prevent inheritance from `body`  */
  border-color: #FFFFFF;
  background: rgba(205, 80, 53, 1);

} 

.kb-content {
  background: rgba(198, 132, 231, .1)
  height:500em;
  margin-bottom:3vh;
}

.kb-left-col {
  width:5vh;
}

.kb-right-col {
  width:5vh;
}

.kb-text {
 /* font-family: bevan; */
 font-family: "passionOne";
}



.kb-text-footer {
  font-size:12px;
}

  .kb-text-center
  {
    text-align: center;
  }

.kb-row {
  margin-bottom: 3vh;
}

.kb-list {
  font-size:15px;
  font-weight:500;
}
.kb-spelschema {
  text-align: left;
}

.kb-ticket-link {
    border-bottom-color: rgba(205, 80, 53, 1);
    color: rgba(205, 80, 53, 1);
    font-weight: bold;

}
  .kb-ticket-link:hover,
  .kb-ticket-link:focus {
    border-bottom-color: rgba(205, 80, 53, 1);
    color: rgba(205, 80, 53, 1);
    font-weight: bold;
  }


/*
 * Header
 */

.nav-masthead .nav-link , nav-link:active {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, 1);
 /*  color: rgba(240, 224, 249, 1); */
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  letter-spacing: 0.5px;

}

.nav-masthead .nav-link:hover {
  border-bottom-color: rgba(205, 80, 53, 1);
  color: rgba(205, 80, 53, 1);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}


.icon {
  color:#FFFFFF;
  width: 25px;
  height:25px;
  text-align: center;
  font-size: 15px;
  border-radius: 50%;
  line-height: 25px;

}

a.icon:hover, a.icon:active, a.icon:focus
    {
        text-decoration: none;
        background-color: #f2f0e1;
        color: #3e3d43;

    }

@media (min-width:100px) and (max-width: 768px) {

  #simple-modal .modal-dialog {
    max-width: 800px;
    margin: 20vh auto;
    /* display:block; */
  }

  #simple-modal .modal-body {
    position: relative;
    padding-top: 0px;
    min-height: 400px;
    background: #ccc;
  }

  #simple-modal .btn-close {
    position: absolute;
    right: -60px;
    top: -24px;
    font-size: 1rem;
    font-weight: normal;
    opacity: 1;
  }

  #image {
    width: 100%;
    padding-top: 5vh;
  }

    #volonteer-modal .modal-dialog {
    max-width: 800px;
    margin: 5vh auto;
    min-height: 50vh;
    /* display:block; */
  }

  #volonteer-modal .modal-body {
    position: relative;
    /*padding-top: 0px;*/
    min-height: 60vh;
     background-image: url( '../assets/2025/mobil.png' );
    background-size: cover;
  }

  #volonteer-modal .btn-close {
    position: absolute;
    right: -60px;
    top: -24px;
    font-size: 1rem;
    font-weight: normal;
    opacity: 1;
  }

  .volonteer-iframe {
    height:80vh; 
    width:85vw;
    padding-left:1vh;
    
  }

}

@media (min-width:769px) {

  #simple-modal .modal-dialog {
    max-width: 800px;
    margin: 8vh auto;
    width: 80vh;
    height:80vh;

    /* display:block; */
  }

  #simple-modal .modal-body {
    position: relative;
    padding-top: 20px;
    min-height: 400px;
    background: #ccc;
  }

  #simple-modal .btn-close {
    position: absolute;
    right: -60px;
    top: -24px;
    font-size: 1rem;
    font-weight: normal;
    opacity: 1;
  }

  #image {
    width: 100%;
  }

  #volonteer-modal .modal-dialog {
    max-width: 800px;
    margin: 5vh auto;
    min-height: 80vh;
    
    /* display:block; */
  }

  #volonteer-modal .modal-body {
    position: relative;
    /*padding-top: 0px;*/
    min-height: 80vh;
   /*  background-color: rgba(240, 224, 249, 1) */
    background-image: url( '../assets/2025/mobil.png' );
    background-size: cover;
  }

  #volonteer-modal .btn-close {
    position: absolute;
    right: -60px;
    top: -24px;
    font-size: 1rem;
    font-weight: normal;
    opacity: 1;
  }

 .volonteer-iframe {
    height:80vh;
    width:40vw;
    padding-left:12vh;

  }



}

.kb-sponsor-div
{
  margin-bottom: 3vh;
}
.img-sponsor {

    width:90px;
    height:45px;
    margin-right:3vh;
    margin-bottom:2vh;
   
}

.img-sponsor2 {
    height:90px;
    width:90px;
    margin-right:3vh;
    margin-bottom:2vh;
   
}


/* BAND CARDS */ 

.kb-card {
  border-color: rgba(205, 80, 53, 1);
  border-width: 2px;
  background: rgba(0,0,0,0.5);
   color: rgba(255,255,255, 0.5);
  
   margin-right: 4px;
   margin-top:2px;
}

.kb-card-h {
  color:rgba(255, 255, 255, 1);
  text-align: center
}
.kb-card-img {
  border-bottom-width:11px;
  border-color: rgba(205, 80, 53, 1);
}

.kb-card-links {
  margin: 0 auto;
}

.schedule-time {
  font-size:10px;
  margin-right:10px;

}

.schedule-span {

  height:30px;
}

.schedule-list {
  list-style-type: none;
  list-style-position: outside;
    margin-left: auto; 
  margin-right: auto; 
     text-align: left;
}


@media (min-width:769px) {

.kb-card {
  width:10rem;
  margin: 0 auto; /* Added */
  float: none; /* Added */
  margin-top: 1vh;
  margin-bottom: 1vh;
    max-height: 249;
   width:156;

}
.card-body {
  max-height: 89px;
}

.kb-card-header {
  max-height:156px;
  min-height:156px;
}

}


@media (min-width:100px) and (max-width: 768px) {

.kb-card {
    width:80%;
    height:302px;
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-top: 1vh;
    margin-bottom: 1vh;
  }

  .kb-card-h {
  color:rgba(255, 255, 255, 1);
  text-align: center;
  font-size: 14px;
}

.kb-card-links{
  padding:auto;
  text-align:center; display:block;
}
.kb-card-header {
   min-height:215px;
  }

  .kb-card-img {
  max-height:215px;
}

.kb-spelschema {
  text-align: center;
}





}