/* ==========================================================
   MM_MLJ — 2026 migration layer
   Original geometry preserved; WordPress paths/classes migrated.
========================================================== */
.MM_MLJ .l_panel {
    display:block;
}

.MM_MLJ .mm_nav{
  display: flex;
  position: absolute;
  padding-top: var(--space_4_5);
  top: 0;
  left: 0;
  flex-direction: column;
  align-content: center;
  width: 100%;
  height: 100%;
} 

.MM_MLJ .mm_nav_center{
  width: 100%;
  justify-content: center;
  top: var(--space_36);
}

.distort_text {
    display: inline-block;
    transition: transform 0.18s ease, filter 0.18s ease, letter-spacing 0.18s ease;
}

    .distort_text:hover {
        transform: skewX(-6deg) scaleX(1.06) scaleY(0.94);
        text-shadow: -2px 0 currentColor, 2px 1px currentColor;
    }

.MM_MLJ .mm_nav_links,
.MM_MLJ .mm_nav_link a {
  font: var(--font_Roboto);
  color: var(--color_Red);
  font-weight: 600;
  width: 100%;
  text-align: center;
  font-variant: small-caps;
}

.MM_MLJ .mm_submenu{
  display: none;
  cursor: pointer;
}

.MM_MLJ .mm_nav_links:hover .mm_submenu{
  display: block;
  cursor: pointer;
}

.MM_MLJ .mm_nav_links a:hover {
  filter: url(#distortText);
  color: var(--color_Blue);
}

.MM_MLJ .mm_page{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: var(--space_3) var(--space_6);
}

.MM_MLJ .mm_page .mm_background{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.MM_MLJ .mm_page .mm_background_klemen{ 
  background-image: url('/media/images/layout/mm_mlj/clan_01_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_gregor{ background-image: url('/media/images/layout/mm_mlj/clan_03_ozadje.webp'); }
.MM_MLJ .mm_page .mm_background_bostjan{ background-image: url('/media/images/layout/mm_mlj/clan_07_ozadje.webp'); }
.MM_MLJ .mm_page .mm_background_martin{ 
  background-image: url('/media/images/layout/mm_mlj/besedila_02_ozadje.webp'); 
  background-repeat: no-repeat;
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_kevder { background-image: url('/media/images/layout/mm_mlj/vsi-slika-kevder-net.webp'); }
.MM_MLJ .mm_page .mm_background_media, 
.MM_MLJ .mm_page .mm_background_zahvale { background-color: #f4cbb3;}
.MM_MLJ .mm_page .mm_background_sponzorji{ background-color: #15cdfb;}
.MM_MLJ .mm_page .mm_background_dol { background-image: url('/media/images/layout/mm_mlj/besedila_02_ozadje.webp'); }
.MM_MLJ .mm_page .mm_background_drink { background-image: url('/media/images/layout/mm_mlj/besedila_05_ozadje.gif'); }
.MM_MLJ .mm_page .mm_background_kako { 
  background-position: center top;
  background-size: var(--space_80);
  background-image: url('/media/images/layout/mm_mlj/besedila_03_ozadje.webp');
  background-repeat: no-repeat; 
  background-color: var(--color_White);  
  }
  .MM_MLJ .mm_page .mm_background_kevder { 
    background-image: url('/media/images/layout/mm_mlj/besedila_07_ozadje.png'); 
    background-repeat: no-repeat; 
    background-size: var(--space_80);
    background-position: center center;
  }
.MM_MLJ .mm_page .mm_background_krasna { 
  background-image: url('/media/images/layout/mm_mlj/besedila_08_ozadje.gif'); 
  background-repeat: no-repeat;
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_kuzuc { 
  background-image: url('/media/images/layout/mm_mlj/besedila_15_ozadje.webp'); 
  background-repeat: no-repeat;
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_ne { 
  background-image: url('/media/images/layout/mm_mlj/besedila_09_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_oro { 
  background-image: url('/media/images/layout/mm_mlj/besedila_06_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_pij { background-image: url('/media/images/layout/mm_mlj/besedila_05_ozadje.gif'); }
.MM_MLJ .mm_page .mm_background_ptica { 
  background-image: url('/media/images/layout/mm_mlj/besedila_13_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_razor { 
  background-image: url('/media/images/layout/mm_mlj/besedila_10_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_terana { 
  background-image: url('/media/images/layout/mm_mlj/besedila_03_ozadje.webp'); 
  background-position: center top;
  background-size: var(--space_80);
  background-repeat: no-repeat; 
  background-color: var(--color_White);  
}
.MM_MLJ .mm_page .mm_background_ti { 
  background-image: url('/media/images/layout/mm_mlj/besedila_11_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_tujca { 
  background-image: url('/media/images/layout/mm_mlj/besedila_14_ozadje.webp'); 
  background-repeat: no-repeat; 
  background-size: cover;
}
.MM_MLJ .mm_page .mm_background_z { 
  background-image: url('/media/images/layout/mm_mlj/besedila_01_ozadje.webp'); 
  background-repeat: no-repeat;
  background-color: var(--color_White);  
}

.MM_MLJ .mm_page .mm_header {
  /*padding: var(--space_8) 0 ;*/
  display: flex;
  justify-content: left;
  align-items: center;
}

.MM_MLJ .mm_page .mm_header_members {
  height: 0;
} 

.MM_MLJ .mm_page .mm_content {
  position: relative;
  overflow: auto;
  height: 100%;
}

.MM_MLJ .mm_page .mm_content img {
  width: 600px;
  height: 460px;
}

.MM_MLJ .mm_page .mm_content::-webkit-scrollbar{
  display: none;
}

.MM_MLJ .mm_page .mm_text{
  font-size: var(--font_size_18);
  padding-top: var(--space_4);
  font-family: var(--font_Roboto);
  }
  
.MM_MLJ .mm_page .mm_text p{
  padding-top: var(--space_0_4);
  margin-bottom: 0;
}

.MM_MLJ .mm_page .mm_content_members{
  overflow: auto;
  max-height: 90%;
  }

.MM_MLJ .mm_page .mm_content_members h2 .gregor{
  width: calc(100% - var(--space_20));
  }
    
.MM_MLJ .mm_page .mm_content_members h2 .klemen{
  width: var(--space_56);
  }
  
  .MM_MLJ .mm_page .mm_content_members .klemen{
    padding-left: var(--space_4);
  
  }
  .MM_MLJ .mm_page .mm_content_members .klemen li{
    font-size: var(--font_size_18);
    color: var(--color_Red);
    list-style: disc;
  }

.MM_MLJ .mm_page .mm_content_members > .martin p {
  font-weight: 500;
}

.MM_MLJ .mm_zoom {
    position: relative;
    display: inline-block;
}

    .MM_MLJ .mm_zoom > img {
        width: 300px;
        height: auto;
        display: block;
    }

.MM_MLJ .mm_zoom_lens {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid white;
    background-repeat: no-repeat;
    pointer-events: none;
    display: none;
    z-index: 20;
    transition: opacity .15s ease;
}

.MM_MLJ .mm_page .mm_content_members > .bostjan p{
  color: var(--color_White);
  padding-top: var(--space_2);
  font-weight: 500;
  }
        
.MM_MLJ .mm_page .mm_content_members .mm_image {
  padding-top: var(--space_4); 
}

.MM_MLJ .mm_page .mm_content_members .mm_image img{
  width: auto;
  height: auto;
}
    
.MM_MLJ .mm_page .mm_content_members h2, 
.MM_MLJ .mm_page .mm_content_lyrics h2 {
  text-transform: uppercase;
}
  
.MM_MLJ .mm_page .mm_content_lyrics h5 {
  color: var(--color_Blue);
  padding: 0;
  padding-bottom: var(--space_4);
}

    .MM_MLJ .mm_page .mm_content_lyrics h5:has(+ h5) {
        padding: 0;
    }

    .MM_MLJ .mm_page .mm_content_lyrics img {
        width: auto;
        height: auto;
    }

.MM_MLJ .mm_page .mm_content_lyrics .white {
  color: var(--color_White);
}

.MM_MLJ .mm_page .mm_content_lyrics .mm_lyrics {
  padding-top: var(--space_4);
  overflow: auto;
  max-height: 75%;
}

.MM_MLJ .mm_page .mm_content_lyrics .mm_lyrics::-webkit-scrollbar {
  display: none;
}

.MM_MLJ .mm_page .mm_content_thanks h1{
  padding-bottom: var(--space_4);
  width: 100%;
  text-align: center;
}

.MM_MLJ .mm_page .mm_content_thanks .mm_text{
  text-align: center;
  font-family: var(--font_Roboto);
}

.MM_MLJ .mm_page .mm_content_thanks .mm_text p{
padding: 0;
margin: 0;
}

.MM_MLJ .mm_page .mm_content_sponsors h1{
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: var(--space_4);
}

.MM_MLJ .mm_page .mm_content_sponsors .mm_line{
  display: flex;
  flex-direction: row;
  width: 100%;
}

.MM_MLJ .mm_page .mm_content_sponsors .mm_line > div{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: var(--space_2);
  }
  
.MM_MLJ .mm_page .mm_content_sponsors .mm_line > div div:first-child{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding-bottom: var(--space_2);
}

.MM_MLJ .mm_page .mm_content_sponsors .mm_mm_line_combine div{
  width: 50vw;
  height: 50vw;
  
}
.MM_MLJ .mm_page .mm_content_sponsors .mm_mm_line_combine img {
  height: var(--space_20);
  width: var(--space_20);
  }
  
.MM_MLJ .mm_page .mm_content_sponsors .mm_line > div div:first-child p{
  font-size: var(--space_18);
  padding-bottom: var(--space_2);
  }
    
.MM_MLJ .mm_page .mm_content_sponsors .mm_line > div div:last-child p{
  text-align: center;

}

.MM_MLJ .mm_page .mm_content_sponsors .mm_line > div div:first-child img{
  width: 100%;
  max-height: var(--space_40);
  object-fit: contain;
}

.MM_MLJ .mm_page .mm_content_sponsors .mm_line:last-child{
  width: 100%;
  display: flex;
  justify-content: center;
}

.MM_MLJ .mm_page .mm_content_media h1{
  padding-bottom: var(--space_4);
  width: 100;
  text-align: center;
}

.MM_MLJ .mm_page .mm_content_media .mm_text{
  text-align: center;
  font-size: var(--font_size_24);
  font-family: var(--font_Roboto);
}

@media only screen and (max-width: 64em) /*769-1024px*/ {

  .MM_MLJ .mm_page .mm_header {
    padding: var(--space_2) 0;
}

    .MM_MLJ .mm_page .mm_content_media .mm_text {
        font-size: var(--font_size_20);
    }

    @media only screen and (max-width: 48em) /*481-768px*/ {
            .MM_MLJ .mm_nav_links a h3 {
                font-size: 1.5rem;
            }

            .MM_MLJ .mm_page .mm_content_sponsors .mm_line > div div:first-child p {
                font-size: var(--font_size_40);
            }

            .MM_MLJ .mm_page .mm_content_members h2 .gregor,
            .MM_MLJ .mm_page .mm_content_members h2 .klemen {
                width: 100%;
            }

            .MM_MLJ .mm_page .mm_content_lyrics .mm_lyrics {
                max-height: 72%;
            }
        }
        /* HTML5 replacement for obsolete <marquee>. */
        .MM_MLJ .mm_marquee {
            display: block;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-align: center;
        }

        .MM_MLJ .mm_page .mm_detail_song {
            display: flex;
            justify-content: flex-end;
            width: 100%;
            cursor: pointer;
        }

            .MM_MLJ .mm_page .mm_detail_song .mm_detail_icon {
                margin-left: auto;
                pointer-events: none;
            }
}