/*
 * Globals
 */



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

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

/*
 * 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;
  background-color: #000000;
}


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

}


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

} */

/* ------- Across all medias ------- */

/* HEADER V2 */ 

.kb-header {
  height: 10vh;
  position: fixed;
 /* background-color: #26172B; */
  border-bottom-style:solid;
  border-color: #BF2A59; 
  /* border-color: #CD5035; */
  border-width: 3px;
  /*    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; */
}

.kb-header-content {
  height: 100%;
  position: absolute;
  width:100%;
}

.nav-masthead .nav-link , nav-link:active { 
  font-weight: 200;
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  letter-spacing: 1px;

}

.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: 3rem;
} */


@media (min-width:1000px) {
  .nav-link {
      font-size: 30px;
      margin-left: 3rem;
    }
  .kb-header-content {
    top:  20%;
  }
}

@media (min-width:700px) and (max-width:999px) {
  .nav-link {
      font-size: 20px;
      margin-left: 3rem;
    }
  .kb-header-content {
    top:  20%;
  }
}

@media (min-width:100px) and (max-width: 699px) {
  .kb-header-content {
    top:  30%;
  }
  .nav-link {
      font-size: 3vw;
    },
  .nav-masthead .nav-link , nav-link:active {
      padding: .25rem 0; 
    } 
}

.scrolled { 
    background-color: rgba(186,45,15,0.95); 
    -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; 
    -ms-transition: background-color 500ms linear; 
    transition: background-color 500ms linear; 
    border-style: none;
    /* #CD5035 background-color: rgba(0,0,0,0.75); */
  }

/* HEADER V2 END */ 


/* CONTENT V2 */

.kb-main-row {
  margin: 0;
  width:100%;
  margin-top:10vh;

  
}
.kb-main {
    width:100%;
    overflow: hidden;
  }

.kb-content-row {
  margin-top:2vh;
}

.kb-banner-text {
      position: absolute;
      transform: translate(-50%, -50%); /* Center the text perfectly */
     /* background-color: rgba(0,0,0,0.6); */
    /* background: rgba(191, 42, 89, .6);   */
      padding-top: 1.5vh;
     /* border-radius: 25px; */
      border-color: #FFFFFF;
      border-width:2px;
      border-style: none;
    }



.kb-text-main {
    font-family: "Poppins";
}
/* SMALL DESKTOP / TABLET */
@media (min-width:769px) and (max-width: 1099px) {

    .kb-bg-2025
    {
      background-image: url( '../assets/desktop-banner-3.png' );
      background-size: 100%; 
      background-repeat: no-repeat;

    }

    .kb-content-poster {
      width: 30vh;
      margin-top:3vh;
    }

    .kb-main-row 
    {
      height:50vh;
    }

    .kb-banner-text {
      position: absolute;
      width: 70%;
      top: 65%; /* Position from the top */
      left: 50%; /* Position from the left */
      transform: translate(-50%, -50%); /* Center the text perfectly */
    } 
}

/* BIG DESKTOP */

@media (min-width:1100px) and (max-height:1000px) {

    .kb-bg-2025
    {
     /*  background-image: url( '../assets/2025/desktop.png' );  */
      background-image: url( '../assets/desktop-banner-3.png' ); 
      background-size: 100%; 
      opacity: 0.95;
      background-repeat: no-repeat;
    }
    .kb-main-row {
      height:70vh; 
      /*display: block; */
    }
    .kb-content-poster {
      width: 100%;
      margin-top:3vh;
    }

    .kb-banner-text {
      position: absolute;
      width:60%;
      top: 65%; /* Position from the top */
      left: 47%; /* Position from the left */
      transform: translate(-50%, -50%); /* Center the text perfectly */
    } 
}

/* TABLETS */ 

@media (min-width:700px) and (min-height:1001px) {

    .kb-bg-2025
    {
      background-image: url( '../assets/desktop-banner-3.png' );
      background-size: 100%; 
      background-repeat: no-repeat;
    }
    .kb-main-row {
      height:40vh; 
      /*display: block; */
    }
    .kb-content-poster {
      width: 100%;
      margin-top:3vh;
    }

    .kb-banner-text {
      position: absolute;
      width:70%;
      top: 50%; /* Position from the top */
      left: 50%; /* Position from the left */
      transform: translate(-50%, -50%); /* Center the text perfectly */
    } 
}

/* TALL MOBILE PHONES */ 

@media (min-width:100px) and (max-width: 500px) and (min-height:700px) and (max-height:1000px) {

    .kb-main-row {
      margin-bottom: -12vh;
    }
}

/* SMALL MOBILE PHONES */ 

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

   .kb-main-row {
    height:75dvh;
    padding-bottom: 15vh; /* ATTEMPTED FIX FOR MESSENGER BROWSER. This + original height 75vh (not dvh) */

    }

    .kb-content-poster {
      width: 100%;
      margin-top:2vh;
    }

    .kb-bg-2025
    {
     /* background-image: url( '../assets/2025/mobil.png' );  */
    background-image: url( '../assets/banner-mobil-6.png' ); 
    background-size: 100%; 

    /*border-radius: 1%; */
    background-repeat: no-repeat;
   /*  z-index: -1; */
    /*width:100vw; */
    }

    
    .kb-text-main {
    font-size:12px;
   /*  color: #F0E0F9; */
    
    }

    .kb-banner-text {
      width: 90%;
      top: 60%; /* Position from the top */
      left: 45.5%; /* Position from the left */
      }

  .kb-main {
  }

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

  .kb-map{
    /* width:35vh;
    height:35vh; */
    width: 100%;
    display: block;
  }

  h1 {
    font-size: 24px;
  }



}

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

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


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

      }

    .kb-text-header {
  /*  text-decoration: underline; */
   padding-top:3;
   color: #FFFFFF;
   }




  .kb-map{
  width:20vh;
  height:20vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

}
  /* . kb-banner-text {
      position: absolute;
      top: 65%; /* Position from the top */
    /* left: 50%; /* Position from the left */
     /* transform: translate(-50%, -50%); /* Center the text perfectly */
/* }  */
/* 
.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: 1vh;
  font-size:10px;
}



.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: #BF2A59; 
  /* 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; */
 /* CUSTOM FONT  font-family: "passionOne"; */
 /* font-family: "Bebas Neue";
 font-stretch: 100%;
 font-weight: 800;  */ 
/* font-family: "Rubik Mono One";  */
  font-family: "Bungee";  

}



.kb-text-footer {
  font-size:12px;
  padding-left: 5px;
  padding-right:5px;
  font-family: "Poppins";
}

  .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
 */




.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-left:3vh;
    margin-bottom:2vh;
   
}

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


/* BAND CARDS */ 

.kb-card {
  border-color: rgba(191, 42, 89, 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);
  height:100%;
}

.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;
}


/* TABLETS */
/* @media (min-width:700px) and (min-height:1001px) {

width:156;
} */


@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;
  height:auto;

}
.card-body {
  height:40%;
}

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

.kb-card-title-row {

height:5vh;
}

.kb-card-links {
  height:100%;
}


}


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

.kb-card {
    width:80%;
    height:auto;
    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: 2.5vh;
}

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

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

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

}


/* ------ FAQ ------- */
/* Style for the main FAQ container */
.faq-container {
  width: 100%; /* Limit the width for better readability */
}

/* Style for the main title */
.faq-container h1 {
  text-align: center;
  margin-bottom: 40px;
}


/* Style for the question buttons */
.faq-question {
  width: 100%;
  padding: 20px;
  text-align: left;
  border: none;
  outline: none;
  position: relative;
}


/* Style for the answer sections */
.faq-answer {
  max-height: 100; /* Initially hide the answer */
}

/* Style for the answer text */
.faq-answer p {
  padding: 20px;
  line-height: 1.5; /* Increase line height for better readability */
  border-bottom-style:solid;
  border-radius: 5px;
  border-color: #CD5035;
  border-width: 3px;
}