/*-------------------------- 

FONTS 

--------------------------*/



@font-face {
    font-family: 'Tipografia';
    src: url('../fonts/GTAmerica-Thin.woff2') format('woff2'),
        url('../fonts/GTAmerica-Thin.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tipo';
    src: url('../fonts/SnellRoundhandLTStd-Scr.woff2') format('woff2'),
        url('../fonts/SnellRoundhandLTStd-Scr.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



body {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}



/*
@font-face {
    font-family: 'Tipo';
    src: url('../fonts/GTAlpinaIt.woff2') format('woff2'),
        url('../fonts/GTAlpinaIt.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
*/
:root{
--argia: #e8e8cc;
    --iluna: #2a3146;
         --tamaina1: 3vw;
     --tamaina2: 1vw;
     --tamainap: .95vw;
}

html{overflow-x: hidden;
background: var(--argia)}

body{
    font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    background:var(--argia);
    color:var(--iluna);
}
main ul{padding-left: 30px;}
ul,p{font-size: 12px;}
p{color:var(--argia);font-size: 12px;}
.tab {font-family: 'Quicksand';font-size: 20px}

.titulo-2{font-size: 34px;
    line-height: 50px;}


h1{font-size: var(--tamaina1);
line-height: var(--tamaina1);
font-weight: 400;
}
a{color: grey;}
h2{font-size: 15px;text-transform: uppercase;}
.alt{font-family: 'Tipo';}

/*-------------------------- 

GENERAL 

--------------------------*/


* {box-sizing: border-box;margin:0;padding:0;}
body{overflow-x: hidden;}
#INDmenu-btn{    --indscale: 0.4!important;}





/*-------------------------- 

HOME HASIERA 

--------------------------*/


.home-kutxa{
        height: 100vh;display: flex;width:100%;justify-content: center;align-items: center;background-color:#2b314c;padding: 20%;
    }
    .home-blokea{
        display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-decoration: none;
    }

    .irudia-bloke{
        width:100%;height:300px;border-radius: 0 0 25px 25px;background-position: center;background-size: cover;background-repeat: no-repeat;
    }

        
        .home-argazkia{
        flex-basis: 50%;display: flex;
    }
    .home-textua{
        flex-basis: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    }
    .home-h1{
        color:var(--argia);display: flex;flex-wrap: wrap;flex-direction: row;flex-basis:100%;align-items: start;justify-content: center;width: 100%;
    }





    
    .hasiera-blok{
            display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 80%;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    }

    .home-blokeak{
        text-decoration: none;
            align-items: end;
    display: flex;
    flex-wrap: wrap;
        flex-basis: 30%;
    border: var(--iluna) 2px solid;
    border-radius: 30px;
    
    color: var(--iluna);
    }

.textua-bloke{
    padding: 30px;
}
    .home-blokeak h3{
        line-height: 1;
        font-size: 40px;
    color: var(--iluna);
    font-weight: 400;
    font-family: 'Tipo';
    }
    .home-blokeak p{
            color: var(--iluna);
            font-size: 20px;
    }

/*-------------------------- 

HEADER 

--------------------------*/

header{width:100%;position:fixed;background: transparent;z-index: 80;padding: 8px;top: 0}

.logo{
       /* width: 32vw; */
    position: fixed;
    width: 100px;
    margin: 0 auto;
    left: 0;
    top: 20px;
    right: 0;
    background: transparent;
    /* float: left;/*/
}
.logo.homelogo{left: 20vw;}
.logo img{
    width: 100px;
   /* padding: 10px;*/
}
nav.menu{
    float: right;
    margin-top: 5px;
    text-align: right;
}

.menu ul li{
    display:inline-block;
    text-decoration: none;
    padding: 5px 20px;
}

.menu ul li a{
    font-size: 12px;
    text-decoration: none;
    color:#1d1d1b;
        text-transform: uppercase;
}



.completa {
  border: none;
  background: transparent;
  z-index: 5;
  text-align: center;
  transition: all 0.2s ease-in 0.2;
}


.pagina{position: relative;}
.pagina .logo{position: absolute;top: 14px}
/*-------------------------- 

ABOUT 

--------------------------*/

  .texto-central{ position: fixed;
    top: calc( 50% - 50px );
    width: 421px;
    display: block;
    left: 0;
    text-transform: uppercase;
    margin: 0 auto;
    right: 0;
    color: white;
    font-size: 20px;}
    .erdia{width:30%}
    .textua{font-size: 12px;}
    .quienes-texto{text-align: right;position: fixed;right: 10px; width: 20%; color:white;top: 70px;}


/*-------------------------- 

VIDEO 

--------------------------*/


.video-container {
    width: 60%;
    margin: auto;
    margin-top: 100px;
  text-align: center;
}

#video-thumbnail {
  cursor: pointer;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  justify-content: center;
  align-items: center;
}

.popup {
  position: relative;
  width: 80%;
  max-width: 1000px;
  height: auto;
  aspect-ratio: 16 / 9; /* Mantiene una proporción de 16:9 */
}

.popup iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

body.no-scroll {
  overflow: hidden;
}





.frase-atras{
    z-index: 99999;
    text-decoration: none;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    color: var(--iluna);
    background: var(--argia);
    padding: 8px;
    margin: 0;
    font-size: 12px;
}
.frase-atras:hover{background: black;color:var(--argia);}
.textua{color: var(--argia);text-align: center;margin-top: 50px; font-size: 12px;text-transform: none;width: 100%;    position: absolute;
    bottom: 20px;}
.informacion{border:none;background: none;}
.caja-mute{position: fixed;
       left: 21vw;
    top: 20px;}
.ez{visibility: hidden;}
  .zerrenda li .precap{/*opacity: 0.8;*/background: black;display: block;margin-bottom: 4px;position: relative;}
 


.legal-p{
    color:var( --iluna);
}

.legal-titulua {
    color:var( --iluna);
}

 [data-formato="bat"]{
    transform: scale(1.78);
 }
 [data-formato="bi"]{
    transform: scale(1.34);
 }

 [data-formato="hiru"]{
    transform: scale(1.78);
 }

 [data-formato="lau"]{
    transform: scale(1.18);
 }




    .menu ul li a{color:var(--argia);}
    .captura{text-align: center;top: 50%; opacity: 0;font-size: 12px;text-transform: uppercase;
    left: 0;padding: 0 20px; transition: visibility 0s,all 0.2s ease-in-out;
    transform: translate(0,-50%);position: absolute;width: 100%}
     .zerrenda li div:hover{opacity: 1}
      .zerrenda li div:hover .captura{opacity: 1}
    .vjs-control-text{display: block;background: black}
    .video-js .vjs-fullscreen-control,.video-js .vjs-picture-in-picture-control{display: none;}
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{background: black}
    #albokoa{ z-index:90;position: absolute;top: 5px;    left:0; width: 20vw !important;
    overflow-y:scroll; margin: 0 0.5vw;background: black;height: auto;}
    #albokoa-fondo{z-index: 89;position: fixed;top:0;bottom:0;left: 0;width: calc(20vw + 15px);background: black;}
   
.nagusia-about{position: fixed;top:50px;
    z-index: 9;
       height: calc(100% - 50px);
       width: 100%;
    opacity: 1;
  /*  padding: 0.2vw;*/
    transition: 500ms ease;
    background: #000;

      right: 0 !important;
    left: 0 !important;}
    .nagusia  {position: fixed;top:5px;
    z-index: 9;
   /* height: calc(100vh - 1vw);*/
       height: calc(100% - 50px);
       width: 79vw;
   /* width: 72vw;*/
    opacity: 1;
   /* padding: 0.2vw;*/
    transition: 500ms ease;
    background: #000;

      right: 0 !important;
    left: auto !important;
}
video.zerr,video.bideohandia{border-radius: 0;}
  
    .video-js{height: 100%;width: 100%;}
.bideoa{height: 100%;}

#lainfo{
    bottom:0;
    visibility: hidden;
  /*  -webkit-transition: all 0.2s ease-in 0.2s;
    transition: all 0.2s ease-in 0.2;*/
    opacity: 0;
    width: 20vw;
    height: auto;
    color: white;
    z-index: 99;
    background: black;
    position: absolute;
    top: 50px;
    padding-left: 20px;

  }

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar, #lainfo::-webkit-scrollbar,#albokoa::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html,#lainfo,#albokoa {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



    #lainfo.open {
    visibility: visible;
    pointer-events: initial;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



.close{height: 0!important}




.texto-personas{color:white;font-size: 12px;text-transform: uppercase;}
.texto-puestos{color:grey;font-size: 12px;text-transform: uppercase;}


/*-------------------------- 

SINGLE DISCO 

--------------------------*/
.diskk{
    display: flex;
    flex-wrap: wrap;
    width: 70%;display: flex;flex-wrap: wrap;
}
.disko-edukia{
width: 80%;
    margin: auto;
    margin-top: 100px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    background: var(--argia);
    padding: 20px;
}

.disko-edukia .titulua-disc{
            flex-basis: 70%;
    align-self: self-start;
    padding-left: 30px;
    /* width: 12%; */
    width: 100%;
    align-self: end;
    order: 2;
    color:black;

}
.disko-edukia .portada{
    border-radius: 20px;
    flex-basis: 30%;
    width: 30%;
    /* display: flex; */
    align-self: end;
    display: flex;
    order: 1;
}

.disko-edukia .titulua-disc h1{

        font-size: 5vw;
    line-height: 1;

}

.disko-edukia .titulua-disc p{
    color: black;
    font-size:2vw;
}


.disco-links {
    margin-bottom: 20px;
    margin-top: 50px;
    flex-basis: 30%;
    order: 4;
}
.disco-links a {

    display: flex;
    padding: 10px 20px;
    margin: 0;
    color: black;
    text-decoration: none;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;


        text-align: center;
    border: 1px solid;
    margin-top: 20px;
    border-radius: 25px;
    /* background: #8d8373; */
    height: 50px;


}


 .disco{
    width:100%;
    display:flex;
}

.creditos{order:6;color:black}
.letras{order: 4;flex-basis: 70%;  margin-top: 20px;  padding-left: 30px;
    padding-top: 30px;}

    .swiper-container {
    flex-basis: 100%;
    margin-top: 50px;
    width: 100%;
    height: auto;
}

.swiper-slide {
    display: flex;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.swiper-slide img {
    width: 100%;
    border-radius: 30px;
    height: auto;
    margin-bottom: 10px;
}

.swiper-slide h3 {
    text-align: center;
    font-size: 16px;
}



.swiper-slide{
    color:white;
    text-decoration: none;
}

    /* Accordion Styles */
    .accordion-container {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
    }

    .accordion {

border-radius:30px;
    color: var(--argia);
    cursor: pointer;
    padding: 20px 20px;
    width: 100%;
    border: none;
    display: flex;
    text-align: left;
    outline: none;
    transition: all 0.3s ease;
    background-color: var(--iluna);
    z-index: 9999;
    justify-content: space-between;
    font-family: 'Tipografia';
    font-size:20px;

    }

    .swiper-button-next, .swiper-button-prev{
        bottom: 0!important;
        top:unset!important;
    }

    .accordion.active{
        border-radius: 30px 30px 0 0;
    }
    .accordion span{
        font-size:14px;
    }
    .accordion:hover {
        background-color: black;
    }





    .panel {
        padding: 0 18px;
        background-color: transparent;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        border-radius: 0 0px 30px 30px;
        border:1px solid transparent;
    }
    .panel p {
        color:black;
        font-size: 15px;
        margin: 0;
        padding: 15px 0;
    }




/* Responsive Design */
@media (max-width: 768px) {
    .entry-content {
        width: 100%;
    }
    .disco-links a {
        width: 100%;
        text-align: center;
    }
}


.fondo .fondoa{
position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    min-width: 55%;
    min-height: 55%;
    margin: auto;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    max-width: 100%;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    opacity: .7;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: .5;
    z-index: -1;
    }


.btn-spotify { background-color: var(--argia); }
.btn-itunes { background-color: var(--argia); }
.btn-youtube { background-color: var(--argia); }
.btn-bandcamp { background-color: var(--argia); }

.btn-web{
    font-weight: bold;
    text-align: center!important;
    justify-content: center!important

}
.btn-deezer { background-color: var(--argia); }
.disco-links a:hover {
    opacity: 0.8;
}
.entry-content h2 {
    margin-top: 30px;
    font-size: 1.5em;
}
.entry-content p {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 20px;
}
.entry-ano {
    font-size: 1.2em;
    color: #666;
}

/*-------------------------- 

HOME 

--------------------------*/


.sareak svg path{
    fill:var(--iluna);
  stroke: var(--iluna); /* Color del borde */
  stroke-width: 2; /* Ancho del borde */
    transition: all 0.5s ease;
}

.sareak:hover svg path{
    fill:var(--argia);
  stroke: var(--iluna); /* Color del borde */
  stroke-width: 3;

}

.tit-disco,.an-disco{
    font-size:1.5vw;
        font-weight: 100;
    line-height: 112%;
    color: var(--iluna);

}

.bio{
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    gap:80px;
    display:flex;
}
.bio p{
    margin-bottom:50px;
flex-basis:calc(50% - 40px);
    font-size: 2.5em;
    font-weight: 100;
    line-height: 112%;
    color: var(--iluna);
}
.bio p span{
        font-size: 1.3em;
}


.bio-text {
    column-count: 2;
    column-gap: 30px; /* Espacio entre las columnas */
}

.bio-image {
    margin-top: 80px; /* Espacio entre el texto y la imagen */
}

@media (max-width: 768px) {
    .bio-container {
        flex-direction: column; /* En pantallas pequeñas, se mostrarán en una sola columna */
    }
    .bio-text {
    column-count: 1;
    column-gap: 0px; /* Espacio entre las columnas */
}

}







.tit-kontaktua,.text-kontaktua{font-size:2.5em}
#kontaktua{flex-wrap: wrap;align-items:start;justify-content: space-between;padding: 20px;}
.tit-kontaktua,.text-kontaktua{flex-basis:30%;text-align: left;}


#kontzertuak{margin-top:200px;margin-bottom:200px;padding:20px;}


        .swiper-container {
            width: 80%;
            margin: auto;
            margin-top: 20px;
            position: relative;
                overflow: hidden;
    padding-bottom: 100px;
        }
        .swiper-container-thumbs {
            height: 120px;
            box-sizing: border-box;
            padding: 10px 0;
            display: flex;
            align-items: center;
        }
        .swiper-slide-thumb-active {
            border: 2px solid #007aff;
        }
        .swiper-button-next, .swiper-button-prev {
            color: #007aff;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 27px;
            height: 44px;
            background-size: 27px 44px;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 10;
        }
        .swiper-button-prev {
            left: -30px;
        }
        .swiper-button-next {
            right: -30px;
        }
        .swiper-button-next::after, .swiper-button-prev::after {
            display: none;
        }
        .swiper-button-next {

                right: 50px;
    top: unset;
    bottom: 10px;
    width: 50px;
    height: 50px;

            background-image: url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/png/512/ios7-arrow-right.png');
        }

        .titulos-tit{
            flex-basis: 20%;text-transform: lowercase;font-style: italic;font-family: 'Tipo';font-size: 30px;
        }
        .titulos-line{
flex-basis: 80%;border-top:2px solid black
        }

        .titulos{
display:flex;flex-wrap: wrap;align-items: center;margin-bottom:100px;margin-top:200px;
        }


        .swiper-button-prev {

                left: 50px;
    top: unset;
    bottom: 10px;
    width: 50px;
    height: 50px;
            background-image: url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/png/512/ios7-arrow-left.png');
        }

        .kontzertuak-ez{
                text-align: center;
    font-size: 20px;
    font-family: 'Tipo';
    color: black;
        }



    /* Estilos para el menú */
/* Estilos para el menú */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--argia);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
        justify-content: center;
}

#site-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    font-size: 18px;
    font-style: italic;
    font-family: 'Tipo';
}

#site-navigation a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 25px;
}

#site-navigation a:hover {
    color: black;
}

/* Ocultar el menú cuando se hace scroll hacia arriba */
.hide-menu {
    transform: translateY(-100%);
    opacity: 0;
}

/* Estilos para el menú hamburguesa */
.hamburger-menu {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
}

.hamburger-menu span {
    width: 25px;
    height: 3px;
    background-color: black;
}

/* Estilos para móviles */
@media (max-width: 768px) {

    .video-container {
    width: 100%;
    margin: auto;
    margin-top: 0px;
}


    .hasiera-blok{
        gap:40px;
    }

    .titulos{margin-top: 0}


    .home-blokeak{
        flex-basis:100%;
    }
    #site-navigation ul {
        flex-direction: column;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        background-color: var(--argia);
        display: none;
        padding: 20px;
        align-items: center;
        justify-content: center;
        height: 100vh;
        z-index: -1;
    }

    #site-navigation ul.show {
        display: flex;
    }

    .hamburger-menu {
        display: flex;
    }
}







/* General styles */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Main menu styles */
.menu-nagusia {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    z-index: 1000;
}
.menu-nagusia ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}
.menu-nagusia ul li {
    margin: 0;
}
.menu-nagusia ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.menu-nagusia ul li a:hover {
    text-decoration: underline;
}

/* Hero section styles */
.hasiera {
    background: url('../images/izaki-fondo.jpg') no-repeat top center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
}
.logoa {
    text-align: center;
    background: transparent;
}

.logoa h1{
    font-size: 4em;
    color: var(--iluna);
        line-height: 1em;
}


/* Conciertos section styles */
.conciertos-list {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}
.concierto-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.concierto-column {
    flex: 1;
    padding: 0 10px;
}
.concierto-divider {
    border: none;
    border-bottom: 1px solid black;
    margin: 0;
}
.btn-entradas {
    display: inline-block;
    padding: 5px 10px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 3px;
}
.btn-entradas:hover {
    background-color: #005177;
}

/* Discography section styles */
.discography-section {
    padding: 20px;
}
.discography-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.discography-item {
        flex-basis: calc(25% - 20px);
    text-align: left;
    font-size:3em;
    color:black;
    text-decoration: none;
}
.discography-item img {
    max-width: 100%;
    border-radius: 10px;
    width: 100%;
    height: auto;
}






/* Pestañas de conciertos */
.concert-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
padding:20px;}

.tablink {
    background-color: #ccc;
    color: black;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: background-color 0.3s;
    font-style: italic;
    text-transform: lowercase;
    font-size: 16px;
    
}

.tablink.bat{border: 2px solid black; border-radius:20px 0 0 20px;}
.tablink.bi{border: 2px solid black; border-radius:0 20px 20px 0;background:transparent}

.tablink:hover {
    background-color: grey;
}

.tablink.active {
    background-color: black;
    color: white;
}

.tabcontent {
    display: none;
}

.tabcontent.active {
    display: block;
}

.concert-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.concert-item.emandakoa{
    opacity: 0.4;
}

.concert-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
        flex-wrap: wrap;
}

.concert-location{
    flex-basis:30%;text-align: left;padding-left: 20px;
}

.aretoa{
    font-size:2.5em;display:block;
}
.hiria{
    font-size:2em;
}

.concert-date{
        font-size: 1.5em;
flex:1;
    text-align: center;

}

.emandakoa .concert-date{
    text-align:right;
    padding-right: 20px;
}

 .concert-tickets {
    flex: 1;
    text-align: right;
    padding-right: 20px;
    
}

.btn-tickets {
    background-color: black;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.btn-tickets:hover{
    background: white;
    color:black;

}

hr {
    border: none;
    border-top: 2px solid black;
    margin: 10px 0;
}



/*-------------------------- 

CONTACT 

--------------------------*/

.formulario{    display: flex;
    flex-wrap: wrap;}
    .campo-nombre,.campo-apellido,{flex-basis:50%;width: 50%;padding: 20px;}
    .campo-email{flex-basis:100%;width:100%;padding: 20px;}
.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 10px;
    display: block;
}
input[type="text"],textarea,input[type="email"]{border: 1px solid #1d1d1b;
    background: none;
    padding: 5px 10px 5px 5px;font-size: 15px;
    border-radius: 7px;display: block;user-select:none;-webkit-user-select: none;    line-height: 22px;}
input[type="submit"],.btn{  text-decoration: none;  background: #1d1d1b;
    padding: 15px 30px;
    border-radius: 30px;
    color: white;
    font-family: 'Quicksand';
    font-size: 15px;
    border: none;
    margin-top: 20px;}
input[type="submit"]:hover,.btn:hover{background:white;color:#1d1d1b;
}

.btn-white{    text-decoration: none;
    background: white!important;
    padding: 15px 30px;
    border-radius: 30px;
    color: #1d1d1b!important;
    font-family: 'Quicksand';
    font-size: 15px;
    border: none;
    margin-top: 20px;}
.btn-white:hover{ color: #1d1d1b!important;background: grey!important}
/*-------------------------- 

FOOTER 

--------------------------*/
.based a{text-decoration:none;color:var(--iluna);opacity: 0.5;margin-right: 10px}
.logos img{float:left;    filter: invert(1);}
.logos{bottom:10px;width: 300px;margin:0 auto;display:block;right: 0;left: 0;text-align: center;}
footer{z-index: 9999999;font-size:12px;text-transform: uppercase;}
.based{color:white;}
.footer-single{position: fixed;padding-top: 100px;}
.intro-fot p{font-size: 50px;line-height: 60px;font-weight: bold}
.logos.hasiera{left:22vw!important;margin: 0}
.footer-single .logos{bottom: 10px;
    position: fixed;
    width: 300px;
    margin: 0 auto;
    display: block;
    right: 100%!important;
    left: 20px!important;
    text-align: left!important;}
.zerr-irudia{display: none;}

.kontaktua-text{position: fixed;
    top: calc( 50% - 120px );
    width: 421px;
    display: block;
    left: 0;
    text-transform: uppercase;
    margin: 0 auto;
    right: 0;
    color: white;
    font-size: 20px;}


    @media screen and (max-width:820px)  {

        .kontaktua-text{width: auto;    padding: 0 50px;}

        #albokoa-fondo{display: none!important}
        body{padding-top: 30px}

.logos.hasiera{margin:auto;}
.footer-single{position: static;padding-top: 30px}
.based{color: white;
    text-align: center;
    line-height: 30px;}
          .texto-central{ position: static;
    width: 100%;
    display: block;
margin:auto;
    margin-bottom: 100px;}
    .logos{overflow: auto;margin:auto;}
    .erdia{width:100%}
    .textua{font-size: 12px;position:static;}
    .quienes-texto{text-align: left;position: static; width: 100%; color:white;width: 80%;    padding: 20px;}
.nagusia-about{position: static;}




        footer{position: static;}
        .logos{position: static!important}
        header{position: static}
.nav.menu{    float: none;
    margin-top: 5px;
    text-align: center;}
           .logo{ display: block;
    margin-top: 20px;
    margin-bottom: 20px;
position: static;}

        .precap{display: none!important;}
        .zerr-irudia{display: block;}
.nagusia{display: none;}
.nagusia.kontaktua{display: block;position: static;}
     .nagusia.bakar{margin-top: 80px;
    width: 100%;
    height: auto;
    position: static;
    display: block!important;}
     #lainfo.bakar{width:100%;position: static;margin-bottom: 100px}
#albokoa{width: 100%!important;top: 200px;position: static}


.zerrenda{white-space:nowrap;}

        .zerrenda li{display:inline;}

        
    }








/*COLUMNAS*/

.vc_custom_1694418695024{padding-left:100px!important;padding-right: 100px!important;}




    @media screen and (max-width:481px) and (orientation:portrait) {

           .tit-kontaktua, .text-kontaktua{ font-size: 1.8em;}

        #site-navigation a{
            font-size:40px;
        }

        .bio p{flex-basis:100%}
        .vc_custom_1694417241767{padding-bottom:0!important}
        #caja-fotos{padding:20px!important}
        nav.menu {
    width: 100%;
    float: none;
    text-align: center;
}
        .menu ul li {
    display: inline-block;
    text-decoration: none;
    padding: 10px 10px;
}
.icon-eskubi{
    left: 79%;
    top: -35px;
}.icon-galeria figure div img {
    width: 21vw;}
        .logo{    width: 100%;
    background: transparent;
    float: none;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;}
        .fot-4{    flex-basis: 100%;
    margin: auto;
    text-align: center;}
    .fot-5{flex-basis: 70%;
    text-align: center;
    margin: auto;}
        .contacto{max-width: 100%}
      
.titulo-2 {
    font-size: 20px;
    line-height: 36px;
}
.vc_custom_1694418695024,.vc_custom_1694511821094,.vc_custom_1694503029461,.vc_custom_1696418932258{padding:20px!important}
.caja-faq{margin-top:0;}
.faq{flex-basis: 100%;    margin-top: 40px;}

.accordion-menu {
    font-size: 28px;}

:root {
    --tamaina1: 7vw;}

.fot-1, .fot-2, .fot-3 {
    flex-basis: 100%;
    text-align: center;
}
input[type="text"], textarea, input[type="email"]{width:100%}
.vc_custom_1694417266929{padding:20px!important}

}


/* Responsive Design */
@media (max-width: 768px) {

    .home-argazkia{
        flex-basis: 80%;

    }

    .home-textua{
            flex-basis: 80%;
    margin-top: 50px;
    }

    .home-kutxa{padding:0}
.home-izaki{font-size:1em}
.home-orube{    font-size: 40px;
    text-align: center;
    margin: auto;
    align-items: center;
    justify-content: center;}


      .diskk{  display: flex;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    display: flex;
    flex-wrap: wrap;
}
.disko-edukia{
    width: 100%;
    margin: auto;
    margin-top: 100px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    background: var(--argia);
    padding: 10px;
}

.disko-edukia .portada{
        border-radius: 20px;
    flex-basis: 100%;
    width: 30%;
    /* display: flex; */
    align-self: end;
    display: flex;
    order: 1;
}

.disko-edukia h1{
        flex-basis: 100%;
    align-self: self-start;
    padding-left: 10px;
    font-size: 8vw;
    line-height: 1;
    /* width: 12%; */
    width: 100%;
    align-self: end;
    order: 2;
    color: black;
    margin-top: 30px;
    text-align: center;
    padding-right: 10px;
}

.letras{
    padding:0;width:100%;flex-basis: 100%;
}
.creditos{
        color: black;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 20px;
}


.disco-links{
        margin-bottom: 20px;
    margin-top: 50px;
    flex-basis: 100%;
    order: 4;
}





     .disco{
    width:300px;
    display:flex;
}

    .concierto-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .concierto-column {
        padding: 5px 0;
    }
    .btn-entradas {
        margin-top: 10px;
    }
    .discography-item {
           flex-basis: calc(50% - 20px);
    }
}
@media (max-width: 480px) {
.concert-location{
    flex-basis:100%;
}
    .concert-date{  flex-basis: 100%;
    text-align: right;
    padding-right: 20px;

}
.concert-tickets{
        flex-basis: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}


    .tit-disco,.an-disco{
        font-size: 6.5vw;
    }

    .bio p{
            font-size: 1.5em;
    }
    .hero-content h1 {
        font-size: 2em;
    }
    .discography-item {
            flex-basis: calc(100%);
    }
}



/***IPAD VERTICAL***/
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {}
/***IPAD HORIZONTAL***/
@media only screen and (max-width: 1400px) and (orientation:landscape) {}
/***MOVIL HORIZONTAL***/
@media screen and (max-device-width:440px) and (orientation: landscape) {}