/*
Theme Name: Nuklearni Hovada
Template: bootscore
Description: Child theme of Bootscore
Author: Vaše jméno
Version: 1.0.0
Text Domain: nuklearni-hovada
*/
body.wp-child-theme-nuklearni-hovada{
    background-color:black;
}

header .navbar-brand img {
    transition: all 0.3s ease;
    max-height: 300px; /* původní velikost loga */
}

header.scrolled .navbar-brand img {
    max-height: 220px; /* zmenšené logo po scrollu */
}

header .navbar-nav {
    opacity: 0;
    transition: opacity 0.3s ease;
}

header.scrolled .navbar-nav {
    opacity: 1;
}

header, 
header .container, 
header .navbar {
    overflow: visible !important;
    max-height: 65px;
    background:#F6EB11;
}

.custom-logo {
    position: relative;
    bottom: -60px; /* upravte podle potřeby */
    z-index: 100;
    max-height:300px; /* upravte podle velikosti loga */
    display: block;
}

header {
    margin-bottom: 40px; /* zvětšit podle výšky přesahující logo */
    
}

.main-menu {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.main-menu.hidden {
    opacity: 0;
    pointer-events: none;
}

.submenu{
    padding-top:150px;
}

.slogan h1{
  font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3em;
  color:#F6EB11;
}

.zluta{
    background:#F6EB11;
    
       h2{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: left;
  color:black;
}
}

.cerna{
    background:black;
    color:white;
    
       h2{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: left;
  color: #F6EB11;
}

}

#diskografie{
   h2{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: center;
}
    
.carousel-inner{
    text-align: center;
    img{
        text-align: center;
        margin-left:auto;
        margin-right: auto;
    }
}
    
}

#koncerty, #videografie{
   h2{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: left;
  color:#F6EB11;
}

h2::first{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: center;
  color:#F6EB11;
}

a{
    text-align: left;
    text-decoration: none;
}

.datum-koncertu-left{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:2.5em;
  color:#F6EB11;
}

   h3{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3em;
  text-align: left;
  color:#F6EB11;
}
a{color:#F6EB11; 
text-align: left !important;}  
    
}

.koncert-nejbliz{ 
    
  
    
}


.koncert-datum{ 
    border:1px solid white !important;
    display: block;
    border-radius: 50%;
     font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:2em;
  text-align: center;
  color:#F6EB11;
    
    a{ 
    color:#F6EB11;
    
  
    
}

    
}

.koncert-datum {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 3px solid #F6EB11;
  background: transparent;
  color: #F6EB11;
  font-family: "Pirata One", system-ui;
  font-size: 2.5rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  box-shadow: 0 0 8px rgba(246, 235, 17, 0.7); /* volitelné */
}

/* Zajištění, že odstavce i odkazy mají správné zarovnání a bez marginů */
.koncert-datum p,
.koncert-datum p a {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}


.koncert a {
    color: white;
    text-decoration: none;
    display: inline-block;
    text-align: center; 
    
}
.koncert-row{
    margin-bottom: 1em;
    
}

.merch{
    h2{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:3.7em;
  text-align: center;
}

}

.merch-item{
    background: none !important;
    border:none !important;
}

.merch{
    .card-title{
     font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size:2em;
  text-align: center;
  color:black;
  
  a{color:black;}
  
  
}

.btn-primary{color:black;
  background: none !important;
  border:1px solid black !important;}
}

.submenu{
    .navbar-nav{
     font-family: "Pirata One", system-ui !important;
  font-weight: 400;
  font-style: normal;
  font-size:2em;
  
  .active{
      color:#F6EB11;
  }
  a:hover{
      color:#F6EB11;
  }
}

}


section h1{
         font-family: "Pirata One", system-ui !important;
  font-weight: 400;
  font-style: normal;
  
    color:#F6EB11;
    text-align: center;
    
    }
.zl_hd{
         font-family: "Pirata One", system-ui !important;
  font-weight: 400;
  font-style: normal;
  font-size:2em;
    color:#F6EB11;
    text-align: center;
    
    }
    
.headline-border{
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.headline-border::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75%;
  height: 3px; /* tloušťka čáry */
  background-color: currentColor; /* použije barvu textu */
  left: 50%;
transform: translateX(-50%);
}

.header-category{
    font-size:4.44em; 
}

.pirata{
    font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  color: #F6EB11;
  font-size:1.57em;
  text-align: center;
}

.hlavagood{
    header .navbar-nav{
        text-align: right;
        opacity:1;
        float:right;
        
    }
    .main-menu{
        width: 100%;
    }
    color:white;
    
    
}

.custom-logo-small{
    vertical-align: top;
    max-width: 200px;
    margin-top:30px;
}
.merchcard{
    .card-title{
       font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  color:black;
  font-size:2.5em;
  text-align: center;
  color: #F6EB11;
  
    }
    .card-text{
        color:white;
        text-align: center;
    }
 border: 2px solid  #F6EB11;
   
    
}
 .card{
    background:transparent !important;  
    .card-title{
       font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
  color:black;
  font-size:2.5em;
  text-align: center;
  color: #F6EB11;
  
    }
    .card-text{
        color:white;
        text-align: center;
    }
    }

    .nadpis-zluty{
        color:  #F6EB11;
    }
    
    #fotogalerie{
        .card-title a{color:#000;}
        .card{box-shadow: 0px; border:0px;}
        
    }
    
    #zluty{
        .card-title a{
            color:#F6EB11;
        }
        
        
        
    }
    
    .zluta{
        .container::first{
            text-align: center;
        }
    }
    
    
    .ct{
        text-align: center;
        margin-bottom:1em;
    }
    .nadpis-zluty2{color: #F6EB11;}