/*
Beltza: #202020
Gris argia: #DADADA
Gris ez hain argia: #C4C4C4
Gorria: #DE2E4B
Horia: #FFFF00
Berdea: #2EDEB4
Urdina: #273C90
Arrosa: #FF00FF
*/
:root {
  --beltza: #202020;
  --zuria: #FFFFFF;
  --grisargia: #DADADA;
  --grisargia2: #ededed;
  --grisa: #C4C4C4;
  --gorria: #DE2E4B;
  --horia: #FFFF00;
  --horia2: #ffff88;
  --berdea: #2EDEB4;
  --urdina: #273C90;
  --arrosa: #FF00FF;
}

@media (max-width: 1280px) {
  .gallery-card-img{
    height: 170px !important;
    width: 230px !important;
    object-fit: cover;
  }
}
@media (max-width: 1100px) {
  .navicons3{
    font-size: 11pt!important;
  }
}

@media (max-width: 991px) {
  /* zer da? ez da erabiltzen?
   .img-logo2{
    height: 60px !important;
  } */
  .navbar-top{
    height: 70px !important;
  }
  /* .text-edukia{
    font-size: 18pt !important;
  } */
  .gallery-card-img{
    height: 190px !important;
    width: 260px !important;
    object-fit: cover;
  }

}

@media (max-width: 766px) {

}
@media (max-width: 575px) {
  .gallery-card-img{
    height: 190px !important;
    width: 260px !important;
    object-fit: cover;
  }
}
@media (max-width: 500px) {

}
.text-black {
  color: black;
}

body{
  /* overflow-wrap: break-word;
  word-break: break-word; */
  font-family:'GTAmerica';
}

.logoprincipal{
  width:30%;
  overflow:hidden;
  max-width: 500px;
}

.sarrera{
  height:50%;
  overflow:hidden;
}
.filtro-gezia{
  font-weight:900; margin-right:10px; color:#871B2A; margin-left:5%;
}
.filtro-testua1{
  font-weight:900; margin-right:10px;
}
.filtro-testua2{
  font-weight:900; color:#871B2A;
}

.share-icons{
  color: #871b2a !important;
}
.share-icons:hover{
  text-decoration: none !important;
  color: #929292 !important;
}
.etiketak{
  font-weight:normal;
  margin-left:3px;
  font-size: 10pt;
}

.list-group-horizontal .list-group-item {
  display: inline-block;
}
.list-group-horizontal .list-group-item {
  margin-bottom: 0;
  margin-left:-4px;
  margin-right: 0;
  border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius:0;
  border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius:4px;
  border-bottom-left-radius:0;
  border-right-width: 1px;
}
.link-no-text-decoration {
  color: inherit;
  text-decoration: none !important;
}
.link-no-text-decoration:hover {
  color: inherit;
  text-decoration: none !important;
}
.link0{
  text-decoration: none !important;
  color: #181818;
  background-color: transparent;
}
.link0:hover {
  color: #181818;
  text-decoration: underline;
}

.link1{
  text-decoration: none !important;
  color: #181818;
  background-color: transparent;
}
.link1:hover {
  color: #181818;
  font-weight: 600;
  text-decoration: underline;
}
.link2{
  font-weight:300;
  font-style: italic;
  color: #181818;
  background-color: transparent;
}
.link2:hover {
  color: #871b2a;
  text-decoration: none;
  font-weight:bold;
}
.link3{
  font-weight:300;
  color: #6c757d;
  background-color: transparent;
}
.link3:hover {
  color: #1081d2;
  text-decoration: none;
  font-weight:500;
}
.link4{
  color: #181818;
  background-color: transparent;
}
.link4:hover {
  color: #871b2a;
  text-decoration: none;
}
.link5{
  color: white;
  background-color: transparent;
}
.link5:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.link-0{
  color: inherit;
  text-decoration: inherit;
}
.link-0:hover{
  color: inherit;
  text-decoration: inherit;
}
.full-width-image {
  width: 100%;
}

.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--beltza) !important;
  color: white;
  padding: 15px;
  text-align: center;
}
.mynavitemsub{
  font-size: 14px;
  font-weight: 600 !important;
  text-align: center;

}
.mynavitem{
  font-size: 10pt!important;
  background-color:white !important; /* #181818 !important; */
}

.navicons{
  color: black !important;
}
.navicons.selected{
  color: #871b2a !important;
}
.navicons:hover{
  color: #871b2a !important;
  /* font-size: 14.5px; */
}
.navicons2{
  color: black;
  background-color: white; /* #181818; */
}
.navicons2:hover{
  color: #871b2a;
}
.navicons4{
  color: black !important;
}
.navicons4:hover{
  color: #871b2a !important;
}
.content-container{
  max-width: 1450px;
  width: expression(document.body.clientWidth > 1201? "1200px": "auto");
  background-color: white;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.logonagusia {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  text-align: center;
  margin: auto;
}
.navbar-top{
  /* height: 40px; */
  max-height: 80px;
  z-index: 1;
  border-bottom: 2px solid #929292;

}
.navbar-right{
  margin-right: 5px;
}
.list-partekatu{
  border:none;
  padding: 4px;
}

.ikus-card-img{
  width: 100pt;
  height: 100pt;
  max-width: 45vw;
  max-height: 45vw;
  transition: 0.3s;
}
.ikus-card-img:hover{
  opacity:1;
  filter:brightness(100%);
  border: 4px solid var(--horia) !important;
}

.ikus-card-img2{
  height: 100px;
  width: 100px;
  margin-left: auto !important;
  margin-right: auto !important;
  transition: 0.3s;
}
.ikus-card-img2:hover{
  opacity:1;
  filter:brightness(50%);
  border: 5px solid #f00 !important;
}
.ikus-card-name{
  /* margin-top: 90px; */
  font-weight: 300;
  opacity:1!important;
  line-height: 1!important;
  font-size: 14pt;
  font-style: italic;
  color: white;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.navbar-divider{
  border:none;
  border-right: 2px solid #929292!important;
}


.lerroa-bottom:before {
  content : "";
  position: absolute;
  left    : 3%;
  bottom  : 0;
  height  : 1px;
  width   : 94%;
  border-bottom:1px solid  #181818;
}

.line-bottom{
  border-bottom: 1px solid #EDEDED !important;
}

.line-top{
  border-top: 1px solid #EDEDED !important;
}
.line-top1:before{
  content: "";
  position: absolute;
  left: 2%;
  top: 100%;
  height: 2px;
  width: 96%;
  border-top:solid white !important;
}

.mybut{
}
.mybut:hover{
  -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
  filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}
.elemento{
  /*margin: auto;*/
  display: inline-block;
  padding: 20px;
}
.agenda-eguna{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 1px;
  padding-bottom:1px;
  padding-left: 5px;
  padding-right: 5px;
  color:white;
  border-radius: 10px;
  background-color: #871b2a;
}
.agenda-active {
  background-color: #dadada;
}
.agenda-active:hover{
  background-color: #d1cccc;
}

.tag-editoriala{
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  top: 63%;
  left: 25%;
  background-color: #ffb400;
}
.text-editoriala-h5{
  position: absolute;
  top: 70%;
  right: 10%;
  left:10%;
  display:inline-block;
  text-align: right;
}
.text-editoriala{
  line-height:1.05;
  font-weight: 900;
  font-size: 25px;
  font-style: italic;
  color:white;
  box-sizing: border-box;
  opacity: 1;
  background-color: rgba(0,0,0,.7);
}
.text-ikuspuntua-h5{
  position: absolute;
  top: 70%;
  right: 15%;
  left:1%;
  display:inline-block;
  text-align: right;
}
.text-edukia{
  font-size:14pt;
  font-weight: normal;
}
.text-title{
  font-family: 'Moret';
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (max-width: 575px){
  .text-title {
    font-size: 9vmin !important;
  }

  .text-subtitle{
    font-size: 4.5vmin !important;
  }
}

.text-subtitle{
  font-family: 'GTAmerica';
  font-size: 14pt;
  font-weight: 300;
  line-height: 1.5;
  margin-top:20pt;
}
.text-18{
  font-size: 18pt !important;
}
.text-16{
  font-size: 16pt !important;
}
.text-14{
  font-size: 14pt !important;
}
.text-12{
  font-size: 12pt !important;
}
.text-10{
  font-size: 10pt !important;
}
.text-9{
  font-size: 9pt !important;
}
.text-8{
  font-size: 8pt !important;
}
.text-interline-1{
  line-height: 1.1 !important;
}
.text-interline-12{
  line-height: 1.2 !important;
}
.text-interline-13{
  line-height: 1.3 !important;
}
.text-interline-14{
  line-height: 1.4 !important;
}
.tag-zuria{
  color: #181818;
  background-color: white;
}
.tag-ikus-azpi-h5{
  position: absolute;
  top: 85%;
  right: 23%;
  left:1%;
  display:inline-block;
  text-align: right;
}
.tag-ikus-azpi{
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 600;
}
.ikus-img{
  height: 380px;
  width: 380px;
  margin-left: auto !important;
  margin-right: 8% !important;
  margin-top:5px;
}
.ikus-img-logo{
  position:absolute;
  top:0;
  left:0;
  width:27%;
}
.card-noborder{
  border:none;
}
.carousel-indicators li{
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.carousel-indicators{
  text-align: right;
  position: absolute;

}
.overlap {
  position: absolute;
  top: 1%;
  left: 1%;
  z-index: 100;
}

.icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.lupa{
  opacity: 0.3;
  transition: 0.5s ease;
}
.lupa:hover {
  opacity:1;
  color: #eee;

}
.fondolupa{
  opacity: 0;
  transition: 0.6s ease;
}
.fondolupa:hover{
  opacity: 0.6;
  background: black;

}
.fondoikus{
  opacity: 0;
  transition: 0.6s ease;
}
.fondoikus:hover{
  opacity: 0.8;
  background: black;

}
.icon-mini{
  color: white;
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.icon-mini2{
  color: white;
  font-size: 60px;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.icon-mini3{
  color: white;
  font-size: 30px;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.gallery-card-img{
  height: 190px;
  width: 260px;
  object-fit: cover;
}

.akt-navbar{
  font-size:12pt;
  border:1px solid #929292;
  border-radius:0;
}

/*.kategoria{
  text-transform: uppercase;
  background-color: #871B2A;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  position: absolute;
  font-size: 10px;
  font-style: oblique;
  top: 20px;
  left: 8px;
  padding: 4px 4px;
  line-height: 1.05;
}*/

.kategoria-txikia{
  text-transform: uppercase;
  color: var(--gorria);
  font-family: 'GTAmerica';
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
  line-height: 1.05;
}
.kategoria-txikia:hover{
  text-decoration: none !important;
  color: white;
  background-color: var(--gorria) !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}


.kategoria{
  text-transform: uppercase;
  color: var(--gorria);
  font-family: 'GTAmerica';
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
  line-height: 1.05;
}
.kategoria:hover{
  text-decoration: none !important;
  color: white;
  background-color: var(--gorria);
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.etiketa{
  text-transform: uppercase;
  font-family: 'GTAmerica';
  font-weight: bold;
  font-size: 10pt;
  line-height: 1.05;
  text-decoration: none;

}

.atala-tituloa{
  text-transform: uppercase;
  color: var(--beltza);
  font-family: 'Moret';
  font-weight: 900;
  text-align: center;
  font-size: 40pt;
  line-height: 1.05;
}

.atala-bilatu-div{
  width: 100%;
}
.atala-bilatu{
  height: 100%;
  /*max-width: 260px;*/
  border:none;
}
.btn-bilatu{
  font-family: 'GTAmerica'!important;
  /*font-weight: bold;*/
  text-align: center;
  font-size: 16pt!important;
  color: white;
  background-color: var(--gorria);
}
.btn-bilatu:hover{
  border: solid 1px var(--gorria);
  background-color: transparent;
}
.btn-idatzi{
  font-size: 10pt!important;
  padding: 0 2.75rem;
}


.btn-arteka{
  font-family: 'GTAmerica'!important;
  line-height: 1.20;
  /*font-weight: bold;*/
  text-align: center;
  font-size: 10pt!important;
}


.btn-share {
  width: 35pt;
  height: 35pt;
  text-align: center;

  font-size: 11pt;
  line-height: 1.33;
  border-radius: 25px;
  background-color: var(--beltza);
  color: white;

}
.btn-share:hover{

  background-color: var(--gorria);
  color: white;
}

.point-red{
  height: 8px;
  width: 8px;
  background-color: var(--gorria);
  border-radius: 50%;
  display: inline-block;
  margin-right: 3px;
  margin-top: auto;
  margin-bottom: auto;
}
.btn-gedar-outline:hover .point-red{
    background-color: white;
}
.btn-gedar{
  font-family: 'GTAmerica' !important;
  font-weight: bold !important;
  font-size: 8pt;
  color: white;
  background-color: var(--gorria);
  border: solid 2px var(--gorria);
}

.btn-harpidetza-aukeratu {
  font-family: 'GTAmerica' !important;
  font-weight: bold !important;
  font-size: 12pt;
  text-transform: uppercase;
}
.btn-harpidetza-aukeratu.active,
.btn-harpidetza-aukeratu:hover{
  background: var(--gorria);
  color: white;
}
.btn-gedar:hover{
  color: var(--gorria);
  background-color: transparent;
  /*border: solid 2px var(--gorria);*/
}
.btn-black{
  font-family: 'GTAmerica' !important;
  font-weight: bold !important;
  font-size: 8pt;
  color: white;
  background-color: black;
  border: solid 2px black;
}
.btn-black:hover{
  color: black;
  background-color: transparent;
  /*border: solid 2px var(--gorria);*/
}


.btn-gedar-outline{
  font-family: 'GTAmerica' !important;
  font-weight: bold !important;
  font-size: 8pt !important;
  color: var(--gorria);
  background-color: transparent;
  border: solid 2px var(--gorria);
  border-radius: 0 !important;
}
.btn-gedar-outline:hover{
  color: white;
  background-color: var(--gorria);
}
.div-btn-iruzkinak{
  position:relative;
  height:50px;
  border-left: solid 2px var(--gorria);
}
.btn-iruzkinak{
  z-index:-2;
  position:relative;
  width:100%;
  height:32px;
  color:var(--gorria);
  border-right: solid 2px var(--gorria);
  border-top: solid 2px var(--gorria);
  border-bottom: solid 2px var(--gorria);
  text-align:center;
  font-family: 'GTAmerica' !important;
  font-weight: bold !important;
  font-size: 8pt !important;
  vertical-align: middle;
  line-height: 30px;
  margin-left: 0;
  background-color:transparent;
}
.div-btn-iruzkinak:hover .btn-iruzkinak{
  color: white;
  background-color: var(--gorria);
}
.div-btn-iruzkinak:hover .point-red{
  background-color: white;
}
.div-btn-iruzkinak:before{
  z-index:-1;
  content:'';
  position:absolute;
  margin-top: 15px;
  margin-left:-1px;
  top: 4px;
  height: 26px;
  width: 26px;
  background:white;
  border-right: solid 2px var(--gorria);
  transform: translate(-50%, 0%) rotate(45deg) ;
}

.btn-aktualitatea{
  color: white;
  background-color: var(--gorria);
}

.btn-aktualitatea:hover{
  color: var(--gorria);
  background-color: white;
  border: 1px solid var(--gorria);
}

.btn-aktualitatea-outline{
  color: var(--gorria);
  background-color: transparent;
  border-color: var(--gorria);
}
.btn-aktualitatea-outline:hover{
  color: white;
  background-color: var(--gorria);
  border-color: var(--gorria);
}
.btn-editoriala-index{
  color: white;
  background-color: var(--gorria);
  background-clip: content-box;
}

.btn-editoriala-index:hover{
  color: var(--gorria) !important;
  background-color: white;
  outline: 1px solid var(--gorria);
  outline-offset: -0.5rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.btn-editoriala-index:hover .editoriala-title{
  color:var(--gorria)!important;
  text-decoration: none;
}

@media (min-width: 992px){
  .btn-editoriala-index:hover {
    outline-offset: -1rem;
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}

.btn-editoriala{
  color: white;
  background-color: var(--gorria);
  /*background-clip: content-box;*/
}

.btn-editoriala:hover{
  color: var(--gorria);
  background-color: white;
  border: 1px solid var(--gorria);
}
.btn-editoriala:hover .editoriala-title{
  color:var(--gorria)!important;
}

.btn-editoriala-outline{
  color: var(--gorria);
  background-color: transparent;
  border-color: var(--gorria);
}
.btn-editoriala-outline:hover{
  color: white;
  background-color: var(--gorria);
  border-color: var(--gorria);
}

.btn-koiuntura{
  color: white;
  background-color: var(--arrosa);
}

.btn-koiuntura:hover{
  color: var(--arrosa);
  background-color: white;
  border: 1px solid var(--arrosa);
}

.btn-koiuntura-outline{
  color: var(--arrosa);
  background-color: transparent;
  border-color: var(--arrosa);
}
.btn-koiuntura-outline:hover{
  color: white;
  background-color: var(--arrosa);
  border-color: var(--arrosa);
}

.koiuntura .btn-icon:hover {
    color: white;
    background-color: var(--arrosa) !important;
    border-color: var(--arrosa) !important;
}


.kolaborazioak .btn-bilatu {
  background-color: var(--urdina);
}

.kolaborazioak .btn-bilatu:hover{
  color: var(--urdina);
  background-color: white;
  border: 1px solid var(--urdina);
}
.btn-outline{
    font-family: 'GTAmerica' !important;
    font-weight: bold !important;
    font-size: 10pt;
    color: var(--gorria);
    background-color: transparent;
    border: solid 2px var(--gorria);
}
.btn-outline:hover {

    color: white;
    background-color: var(--gorria);
}

.btn-outline-black {
    font-family: 'GTAmerica' !important;
    font-weight: bold !important;
    font-size: 9pt !important;
    color: var(--beltza);
    background-color: transparent;
    border: solid 2px var(--beltza);
    padding: 0.25rem 1rem;
}

.btn-outline-black:hover {

    color: white;
    background-color: var(--beltza);
}


.langilezientzia .btn-outline {

    color: var(--berdea);
    background-color: transparent;
    border: solid 2px var(--berdea);
  padding: 2pt;
}

.langilezientzia .btn-outline.handia {

  font-size: 12pt;
}

.langilezientzia .btn-outline:hover {

    color: white;
    background-color: var(--berdea);
}

.koiuntura .btn-outline {

    color: var(--arrosa);
    background-color: transparent;
    border: solid 2px var(--arrosa);
}

.koiuntura .btn-outline:hover {

    color: white;
    background-color: var(--arrosa);
}

.ikuspuntua .btn-outline {

    color: var(--beltza);
    background-color: transparent;
    border: solid 2px var(--horia);
}

.ikuspuntua .btn-outline:hover {

    color: black;
    background-color: var(--horia);
}


.kolaborazioak .btn-outline {

    color: var(--urdina);
    background-color: transparent;
    border: solid 2px var(--urdina);
}

.kolaborazioak .btn-outline:hover {

    color: white;
    background-color: var(--urdina);
}
.kolaborazioak .kategoria {
  color: var(--urdina);
}

.kolaborazioak .kategoria:hover{
  color: white;
  background-color: var(--urdina);
  -webkit-text-decoration-color: var(--urdina); /* Safari */
  text-decoration: underline solid var(--urdina) 5px;
}
.editoriala .page-header {
  background-color: var(--gorria);
  color: white;
}
.langilezientzia .etiketa {
  color: var(--berdea);
  background-color: transparent;
}

.langilezientzia .etiketa:hover {
  color: white;
  background-color: var(--berdea);
}

.aktualitatea .etiketa,
.telebista .etiketa {
  color: var(--gorria);
}
.telebista .item-title {
  font-family: GTAmerica;

}
.telebista .item-title-txikia {
  font-size: 16pt;
  font-weight: 700;

}

.kolaborazioak .etiketa{
  color: var(--urdina);
  background-color: transparent;
}
.kolaborazioak .etiketa:hover{
  color: black;
  -webkit-text-decoration-color: var(--urdina); /* Safari */
  text-decoration: underline solid var(--urdina) 5px;
}

.kolaborazioak .etiketa2{
  color: var(--urdina);
  background-color: transparent;
  border-color: var(--urdina);
}
.kolaborazioak .etiketa2:hover{
  color: white;
  background-color: var(--urdina);
  border-color: var(--urdina);
}

.btn-ikuspuntua{
  font-family: 'GTAmerica';
  font-weight: bold;
  color: var(--beltza);
  background-color: var(--horia);
}

.btn-ikuspuntua:hover{
  color: var(--beltza);
  background-color: transparent;
  border: 2px solid var(--horia) !important;
  -webkit-text-decoration-color: var(--horia); /* Safari */
  text-decoration: underline solid var(--horia) 5px;
}

.btn-ikuspuntua-outline{
  color: var(--beltza);
  background-color: transparent;
  border: 2px solid var(--horia);
}
.btn-ikuspuntua-outline:hover{
  color: var(--beltza);
  background-color: var(--horia);
  border-color: var(--horia);
}


.ikuspuntua .btn-icon:hover {
    color: var(--beltza) !important;
    background-color: var(--horia) !important;
    border-color: var(--horia) !important;
}

.kolaborazioak .btn-icon:hover {
  color: var(--zuria) !important;
  background-color: var(--urdina) !important;
  border-color: var(--urdina) !important;
}

.langilezientzia .btn-bilatu{
  background-color: var(--berdea);
}

.langilezientzia .btn-bilatu:hover{
  color: var(--berdea);
  background-color: transparent;
  border-color: var(--berdea);
}
.koiuntura .btn-bilatu{
  background-color: var(--arrosa);
}

.koiuntura .btn-bilatu:hover{
  color: var(--arrosa);
  background-color: white;
  border: 1px solid var(--arrosa);
}

.aktualitatea .btn-bilatu,
.editoriala .btn-bilatu {
    background-color: var(--gorria);
}
.aktualitatea .btn-bilatu:hover,
.editoriala .btn-bilatu:hover {
    color: var(--gorria);
    background-color: white;
    border: 1px solid var(--gorria);
}

.ikuspuntua .btn-bilatu {
    background-color: var(--horia);
    color: black;
}

.ikuspuntua .btn-bilatu:hover {
    background-color: transparent;
    border: 2px solid var(--horia);
    color: black;
    -webkit-text-decoration-color: var(--horia); /* Safari */
    text-decoration: underline solid var(--horia) 5px;
}

.btn2-lz{
  color: var(--berdea) !important;
  background-color: transparent;
}

.btn2-lz:hover{
  color: white !important;
  background-color: var(--berdea);
}

.btn-lz-outline{
  color: var(--berdea);
  background-color: transparent;
  border:1px solid var(--berdea);
}
.btn-lz-outline:hover{
  color: white;
  background-color: var(--berdea);
  border-color: var(--berdea);
}

.langilezientzia .btn-icon:hover {
    color: white;
    background-color: var(--berdea);
    border-color: var(--berdea);
}
.btn-partekatu-gainean{
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-partekatu-azpian{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.koiuntura .etiketa {
  color: var(--arrosa);
}
.koiuntura .etiketa:hover {
  color: #d205d2;
}
.arteka .etiketa {
  font-weight: 500;
  color: var(--gorria);
}
.arteka .etiketa:hover {
  color: var(--gorria);
  text-decoration: none;
}

.link-koiuntura{
  color: var(--arrosa);
  background-color: transparent;
  text-decoration: none !important;
}
.link-koiuntura:hover{
  color: #d205d2;
  background-color: transparent;
  text-decoration: none !important;
}


.link-kolaborazioak{
  color: var(--urdina);
  background-color: transparent;
  text-decoration: none !important;
}

.link-ikuspuntua{
  color: var(--urdina);
  background-color: transparent;
  text-decoration: none !important;
}


.egilea-iruzkina {
  border-radius: 50%;
  width: 1.9em;
  height: 1.9em;
  line-height: 1.9em;
  padding: 8px;

  background: transparent;
  border: 2px solid var(--beltza);
  color: black;
  text-align: center;

  box-sizing: content-box;
  font-size: 14pt;
  font-weight: bold;
}


.egilea-koiuntura {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    padding: 8px;

    background: transparent;
    border: 2px solid var(--arrosa);
    color: black;
    text-align: center;

    box-sizing: content-box;
    font-size: 65px;
    font-family: 'Moret';
    font-weight: bold;
}
.egilea-koiuntura:hover {
  width: 1.6em;
  height: 1.6em;
  background-color:  var(--arrosa);
  color: white;
  transition: 0.3s;
  font-size: 75px;
}

.egilea-koiuntura-handia {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  box-sizing: initial;
  padding: 8px;

  background: transparent;
  border: 2px solid var(--arrosa);
  color: black;
  text-align: center;

  box-sizing: content-box;
  font-size: 90px;
  font-family: 'Moret';
  font-weight: bold;
}
.egilea-koiuntura-handia:hover {
  width: 2.1em;
  height: 2.1em;
  background-color:  var(--arrosa);
  color: white;
  transition: 0.3s;
  font-size: 95px;
}

.gtitle{
  position: absolute;
  bottom: 0;
  left: 26px;
  width: 85%;
  line-height: 1.07;
}
.gcard-min{
  overflow: hidden;
}
.gcard-min:hover .gtitle{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.gcard-img{
  width:100%;
}
.gtitle-span {
  color: #FFF;
  font-style: oblique;
  font-weight: bold;
  font-size: 12pt;

  text-align: left;
  background-color: rgba(0,0,0,.6);
  padding: 2px 2px;
  line-height: 100% !important;
}
.gtitle-span:hover {
  text-decoration: underline;
}
.gdate{
  text-transform: uppercase;
  background-color: #000000;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  position: absolute;
  font-size: 0.7em;
  font-style: oblique;
  top: 20px;
  right: 18px;
  border-radius: 10px;
  padding: 4px 4px;
  line-height: 1.05;
}

.sidebar-title{
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    font-family: 'GTAmerica';
    font-size:16pt;
    font-weight: bold;
    text-align: center;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.sidebar-subtitle{
    border-bottom: 1px solid #EDEDED !important;
    font-family: 'GTAmerica';
    font-size:14pt;
    font-weight: normal;
    text-align: center;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}
.sidebar-subtitle-grisa{
    background-color: var(--grisargia2);
    font-family: 'GTAmerica';
    font-size:12pt;
    font-weight: bold;
    text-align: center;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.sidebar{
  z-index: 1;
  color: #000000;
  border-radius: 0 !important;
  border: 0 !important;
  overflow: hidden;
}
.sidebar:hover{
  z-index: 1;
  color: #000000;
  border-radius: 0 !important;
  border: 0 !important;
}
.sidebar1{
  background-color: #E7DDCA;
}
.sidebar1:hover{
  background-color: #E7DDCA;
}
.sidebar1-item:hover{
  background-color: #d9cfbb;
  border-radius: 0 !important;
  border: 0 !important;
  color: #000000;
}

.sidebar2{
  background-color: #C7C7C7;
}
.sidebar2:hover{
  background-color: #C7C7C7;
}
.sidebar3{
  background-color: #E4BBB9;
}
.sidebar3:hover{
  background-color: #d1aaa8;
}
.sidebar4{
  background-color: #CDE9D2;
}
.sidebar4:hover{
  background-color: #b8d5bd;
}
.sidebar5{
  background-color: #e8e6e6;
  border: 1px solid black;
}
.sidebar5:hover{
  background-color: #e8e6e6;
}
.sidebar6{
  background-color: #CAD4DD;
}
.sidebar6-item{
  color: #7385C2;
  font-weight: bold;
}
.sidebar6-item:hover{
  color: #6173af;
  background-color: #CAD4DD;
}


.tag-sidebar{
  overflow:hidden;
  white-space:nowrap;padding: 4px 4px;
  text-overflow: " ";
  direction: rtl;
}
.tag-sidebar-title{
  background-color: #ffffff;
  color: #000000;
  font-weight: 900;
  font-size:12pt;
  padding: 1px 1px;
}
.tag-sidebar-lines{
  color: #ffffff;
  font-weight: 900;
  font-size:14pt;
}
.sidebar-textwhite{
  color: #ffffff;
  font-weight: bold;
  font-size: 12pt;
  text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 0.5px 0.5px #000, -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000;
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}
.sidebar-textwhite:hover{
  color: #ffffff;
  font-weight: bold;
  font-size: 12pt;
  text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 0.5px 0.5px #000, -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000;
}
.sidebar-editoriala{
  background: url("/assets/img/Barne/G-sidebar-editoriala11.png") center/cover no-repeat;
  background-color: #E4BBB9;
}
.sidebar-editoriala:hover{
  background: url("/assets/img/Barne/G-sidebar-editoriala11.png") center/cover no-repeat;
  background-color: #d1aaa8;
}
.sidebar-KP-author{
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity:0.85;
  text-align: left;
  color: black;
  font-family: 'WhiteAngelica';
  font-weight:normal;
  font-size: 70px;
}
.sidebar-KP-author2{
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity:1;
  text-align: left;
  color: #CECECE;
  font-family: 'WhiteAngelica';
  font-weight:normal;
  font-size: 70px;
}
.sidebar-IKUS-author{
  z-index: -1;
  color: black;
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  opacity:0.75;
  font-weight:normal;
  text-shadow: none;
}
.list-limit-mini{
  max-height: 193px;
  overflow: hidden;
}
.pdf-box{
  border: 1px dashed black;
  border-radius: 0px;
  display: inline-block;
}
.pdf-box:hover{
  color: var(--gorria);
  border-color:var(--gorria);
  border-width: 2px;
}
.langilezientzia .pdf-box:hover{
  color: var(--berdea);
  border-color: var(--berdea);
}
.agenda-bar-item{
  color:white;
  font-weight: bold;
  padding: 10px;
  border-radius: 8px;
  font-size: 12pt;
}
.agenda-bar-item:hover{
  color:white;
  font-weight: bold;
  text-decoration: none;
  opacity:0.9;
}
.agenda-item{
  background-color: var(--grisargia2);
}

/*label.required:after {*/
/*  content: " *";*/
/*  color: red;*/
/*  font-weight: bold;*/
/*}*/

/* Hau da indexeko atalen scroll menurako*/

div.scrollmenu {
  overflow-x: auto;
  background-color: white;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/* testuak eta tituloak*/
.item-title{
  font-family: 'Moret';
  font-weight: 600;
  font-size: 20pt;
  color: var(--beltza);
  line-height: 1.2;
}

.item-title-handia{
  font-size: 28pt;
}
.item-title-txikia{
  font-size: 16pt;
}
.editoriala-title{
  color:white;
}

.item-title:hover{
  color: var(--gorria);
  text-decoration: none !important;
}
.editoriala .item-title:hover {
  color: var(--gorria);
}
.aktualitatea .item-title:hover {
  color: var(--gorria);
}
.koiuntura .text -title:hover,
.koiuntura .item-title:hover {
  color: var(--arrosa);
}
.langilezientzia .text-title:hover,
.langilezientzia .item-title:hover {
  color: var(--berdea);
}

.kolaborazioak .text-title:hover,
.kolaborazioak .item-title:hover {
  color: var(--urdina);
}

.item-egilea{
  font-family: 'GTAmerica';
  font-size:10pt;
  font-weight: bold;
  color: black;
}
.item-egilea:hover{
    text-decoration: none !important;
    color: black;
}

.item-ikus-gaia{
  font-size:10pt;
  font-weight: bold;
  text-transform: uppercase;
}
.bg-beltza {
  background-color: var(--beltza);
}
.bg-gorria {
  background-color: var(--gorria);
}

.bg-grisa2 {
  background-color: var(--grisargia2);
}
.bg-urdina {
  background-color: var(--urdina);
}

.item-title-atala{
    color: var(--beltza) !important;
    text-decoration: none !important;
}

.item-title-atala:hover{
    text-decoration: none !important;
}
.item-text{
  font-family: 'GTAmerica';
  font-weight: 300;
  font-size: 12pt;
}
.btn{
  font-family: 'Moret';
  font-weight: bold;
  /*font-size: 11pt;*/
}

.item-sidebar{
  font-size: 16pt!important;
  underline:none!important;
}

.item-navbar{
  font-family: 'Moret';
  font-weight: 600;
  font-size: 12pt;
  color: var(--beltza);
}

.item-navbar:hover,
.item-navbar.active{
  text-decoration: none;
  color: var(--gorria);
}

#edukia a {
  color: var(--gorria);
  text-decoration: underline var(--gorria);
}

.ikuspuntua #edukia a {
  color: black;
  text-decoration: none;
  background: linear-gradient(0deg, var(--horia) 40%, transparent 0%);
}


.arteka #edukia  {
  font-family: Inka-B-Text-Regular;
}
.arteka.gehiago{
  color: var(--gorria);
  border-top: 1px solid var(--gorria);
  border-bottom: 1px solid var(--gorria);
}

.arteka .argazkiOina {
  color: var(--gorria);
}

.langilezientzia #edukia a {
  color: var(--berdea);
  font-weight: 600;
  text-decoration: underline var(--berdea);
}

.ikuspuntua .index.item-title:hover,
.ikuspuntua .text-title:hover,
.ikuspuntua .item-title:hover {
  color: black;
  text-decoration: none;
  background: linear-gradient(0deg, var(--horia) 40%, transparent 0%);
}

.koiuntura #edukia a {
  color: var(--arrosa);
  text-decoration: none;
}

.kolaborazioak #edukia a {
  color: var(--urdina);
  text-decoration: underline var(--urdina);
}

.ikuspuntua .etiketa,
.ikuspuntua .item-navbar:hover,
.ikuspuntua.active .item-navbar {
  color: black;
  text-decoration: none;
  background: linear-gradient(0deg, var(--horia) 40%, transparent 0%);
}
.arteka .etiketa{
  text-decoration: none;
  background: transparent;
  color: var(--gorria);
}
.denda.active .item-navbar,
.agenda.active .item-navbar,
.aktualitatea.active .item-navbar {
  color: var(--gorria);
}


.koiuntura .text-title:hover,
.koiuntura .item-navbar:hover,
.koiuntura.active .item-navbar{
  color: var(--arrosa);
}
.editoriala .item-navbar:hover,
.editoriala.active .item-navbar{
  color: var(--gorria);
}
.langilezientzia .item-navbar:hover,
.langilezientzia.active .item-navbar{
  color: var(--berdea);
}
.kolaborazioak .item-navbar:hover,
.kolaborazioak.active .item-navbar{
  color: var(--urdina);
}

.ikuspuntua .twitter-name {
  background: linear-gradient(0deg, var(--horia) 50%, transparent 0%);
  color: var(--beltza);
}

.arteka .item-navbar-arteka {
    font-family: 'GTAmerica';
    font-weight: 700;
    font-size: 10pt;
    color: var(--gorria) !important;
}
.arteka .item-title {
  font-family: 'GTAmerica';
  font-weight: 700;
  font-size: 16pt;
  color: var(--gorria);
}

.item-iruzkinkopurua{
  font-family: 'GTAmerica';
  font-weight: normal;
  font-size: 12pt;
}

.arteka .text-title {
    color: var(--gorria);
    font-family: 'GTAmerica';
    font-weight: bold;
}

.ph-black{
  color: black!important;
}
.ph-black::placeholder {
  color: black!important;
  opacity: 1!important; /* Firefox */
}
.ph-black:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: black!important;
}
.ph-black::-ms-input-placeholder { /* Microsoft Edge */
 color: black!important;
}


.text-responsive {
  font-size: min(calc(100% + 1vw), 24pt);
}
div.twitter-tweet {
  margin: auto;
}

#edukia blockquote.blockquote {
  font-family: Moret;
  font-size:2rem;
  font-weight: 700;
  line-height: 1.2;
  margin:4rem 0 4rem;
  width: 75%;
}

.login-input {
  line-height: 140%;
}
.login-input:focus {
  background-color: var(--grisargia2);
  box-shadow:none;
}

.login-input::placeholder {
  color: var(--grisa);
}

.img-profila{
  width: 25pt;
  line-height: 25pt;
  height: 25pt;
}

.img-profila.handia{
  width: 50pt;
  line-height: 50pt;
  height: 50pt;
}

.img-profila.txikia{
  width: 34px;
  line-height: 34px;
  height: 34px;
}


.numberCircle {
  z-index: 500;
  width: 100pt;
  height: 100pt;
  border-radius: 50%;
  text-align: center;
  font-size: 30pt;
  border: 4pt solid var(--gorria);
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  position: inherit;
  margin: auto;

}
.partially-underline:hover,
.active.partially-underline {
  color: var(--gorria);

}

.active.partially-underline::after {
  content: '';
  display: block;
  width: 20pt;
  height: 3pt;
  background-color: var(--gorria);

}
.harpidetza .form-control {
  border: 1px solid #000;
  color: black;
}
.harpidetza .form-control::placeholder {
  color: var(--grisa);
}
.harpidetza .bg-grisa2 .form-control {
  background-color: var(--grisargia2);
}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.bootstrap-select button {
  font-family: GTAmerica;
  font-weight: normal;
}
.form-check {
  padding-left: 0;
  display: inline;
}

.iruzkin-kopurua{
  position:absolute;
  color: var(--beltza);
  font-family: 'GTAmerica';
  font-weight: 600;
  font-size: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.btn-icon:hover .iruzkin-kopurua{
  color: var(--gorria);
}
.ikuspuntua .btn-icon:hover .iruzkin-kopurua {
  color: var(--horia);
}
.koiuntura .btn-icon:hover .iruzkin-kopurua{
  color: var(--arrosa);
}
.langilezientzia .btn-icon:hover .iruzkin-kopurua{
  color: var(--berdea);
}
.kolaborazioak .btn-icon:hover .iruzkin-kopurua{
  color: var(--urdina);
}

.dropdown-menu1 {
  position: absolute;
  display: block;visibility:
  hidden;opacity:0;
  overflow:inherit;
  transform: translateY(100%);
  transition:.7s ease all;
}
.dropdown-menu1.show {
  display: block;
  visibility: visible;
  opacity:1;
  transform: translateY(0px);
  transition:.7s ease all;
}
.text-orientation-v{
  /* text-orientation: mixed; writing-mode: sideways-lr; */
  	transform:rotate(7deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
}

/* CHROME SCROLLBAR CUSTOMIZE */
::-webkit-scrollbar {
  height: 5px;              /* height of horizontal scrollbar ← You're missing this */
  width: 5px;               /* width of vertical scrollbar */
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.76);
  border-radius: 5px;
  border: transparent;
}

.harpidetza-plana-titulua {
  font-size: 2rem;
  line-height: 1.05

}

@media (min-width: 767px) and (max-width: 991px) {
  .harpidetza-plana-titulua {
    font-size: 3vmin !important;

  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .harpidetza-plana-titulua {
    font-size: 3.5vmin !important;

  }
}

.agendaitem {
  position: inherit;
}

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

  .agendaitem {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
}
.text-break {
  word-wrap: break-word;
  word-break: break-word;

}


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

  .centeredindiv {
    text-align: left;
    margin: auto;
    width: 130px;
  }
  .rightindiv {
  text-align: left;
  margin-left: auto;
  width: 180px;
  }
}
.twitter-name {
  font-size: 10pt;
}


.borobildu{
  color: var(--beltza);
  border: solid 1px;
  font-size: 12pt;
  font-weight: bold;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  font-style: normal;
  text-align: center;
  margin-right:10px;
  display:inline-block;
}
.borobildu:hover{
  background-color: #212529;
  color: #FFFFFF;

}