.hero-audio {
  position: absolute;
  right: 1.0rem;      /* distance from right edge */
  bottom: 1.0rem;     /* distance from bottom edge */
  z-index: 10;      /* above background */
}
.hero-audio p { 
  font-size: 0.5rem;
  color: #000;
  display: inline-block;
  margin: 0.5em;
  text-align: right;
  float: right;
/*    background-color: rgba(255, 255, 255, 0.5);   
    padding: 0 0.3em;                                       
    border-radius: 0.3em;                                   
*/
}
.hero-audio p a {
  color: #000;
}

.hero-audio audio {
  display: block;
  width: 230px;     /* adjust size */
  max-width: 80vw;  /* responsive on small screens */
/*  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8); /* semi-transparent bg */
  backdrop-filter: blur(4px);           /* optional frosted-glass effect */
*/
}

.hero.hero-fullscreen {
    min-height: 80vh;
    min-height: 80dvh;
}

.float-right {
  float: right;
  margin: 0 0 1em 1em;
}

html {
    font-size: 16px;
}
/*
@media screen and (min-width: 480px) {
    html {
        font-size: calc(16px + 2 * ((100vw - 480px) / 800));
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size:18px
    }
}
*/

body { 
    font-size: 1.0rem;
    font-weight: 250;
    color: #000000; 
}  

.hero h1 {                                                          
    font-size: 4rem;
}

@media (max-width: 840px) {
    .hero h1 {
        font-size: 3.5rem;
    }
}

@media (max-width: 600px) {                                       
    .hero h1 {                                                    
        font-size: 3rem;                                          
    }                                                             
} 

.hero h2, .hero h2 a {
    font-size: 1.0rem;
    font-weight: 250 !important;
    color: #fff;
}
.title-h1h2 h1 {
    margin-top: 0;
}
.title-h1h2 h1+h2 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.valkia-hero {
   display: inline-block;      
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 0.3em;                    
    border-radius: 0.3em;      
}

h1, h2, h3, h4, h5, h6 { font-weight: 150; }

.next-concert {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: lightgreen !important;
    color: #000000 !important;
    font-weight: 500;
}

a {
    color: #1967d2;
}

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
    color: #1967d2 !important;
}

.mobile-menu .button_container span { background-color: #000000; }

.treemenu li a { color: #ffffff; }

#header a { font-size: 1.0rem; font-weight: 250; color: #000000; }

.modular-features .feature-content { color: #000000; }

.modular-features .column:hover .feature-content { color: #000000; }

#footer a { padding: 0 .5rem; }
    
iframe {
    aspect-ratio: 16 / 9;
    width: 60% !important;
    float: right;
    margin: 0 0 1em 1em;
}
/*@media (max-width: 840px) {                                                 
    iframe {                                                              
        width: 100% !important;                                                    
    }                                                                       
}*/