@import url("https://use.typekit.net/aue7kwx.css");

/*menu nagusia*/
/*superfish eta bootstrap-erako*/
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after
{ 
    content: " ";
    display: inline-block;    
    position: absolute;
    top: 45%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #000000 transparent transparent transparent;
    margin-left: .5em;
    transition: transform .1s linear;    
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li:hover > span::after{ 
    border-color: var(--clr-primary) transparent transparent transparent;       
}
/* menu bootstrap */
@media screen and (max-width: 992px) {
    .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after{
        position: absolute;
        right: 3%;
        top: 28px;
    }
}

.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span:hover:after
{ 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform: translate(0, 2px);
}

.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav * li.menu-item--expanded > a::after
, .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav * li.menu-item--expanded > span::after
{
    content: " ";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
    right: 5px;
    top: 45%;
    transition: transform .1s linear;
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav * li.menu-item--expanded a:hover::after
,.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav * li.menu-item--expanded span:hover::after
{
    transform: translate(5px);
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul
{
    -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li::before
{
    position: absolute;
    width: 100%;
    height: 2px;
    /* efektuaren kolorea */
    background: var(--clr-primary);
    background: rgb(230,45,99);
background: linear-gradient(90deg, rgba(230,45,99,1) 0%, rgba(61,68,149,1) 100%);
    top: 0%;
    left: 5px;
    pointer-events: none;
    border-radius: 100vw;
    content: '';
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li::before
{
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li:hover::before
{
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul li {
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul li a {
  padding: 1em 1.25em !important;
}
.dropdown-menu{
  padding: 0;
}
.dropdown-menu li{  
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
.dropdown-menu li:last-child{
  border: none !important;
}
.dropdown-menu li:hover,
.dropdown-item.active{
  background-color: var(--clr-primary);
  background: rgb(230,45,99);
background: linear-gradient(90deg, rgba(230,45,99,1) 0%, rgba(61,68,149,1) 100%);
}
.dropdown-menu li:hover a{
  color: var(--clr-txuria) !important;
 
}
.dropdown-menu li a{
  display: block;
}

/*lokal koloreak inportatu*/
/*@import url("localcolors.css");*/

:root{
  --clr-primary: #e62d63;
  --clr-secondary: #3d4495;
  --clr-berdea: rgba(30, 154, 81, 1);
  --clr-horia: rgba(210, 183, 21,1);
  --clr-more-argia: rgba(157, 122, 180,1);

  --clr-gradientea:  linear-gradient(90deg, rgba(230, 45, 99, .35) 0%, rgba(61, 68, 149, .35) 100%);
  
  --clr-beltza: #000000;
  --clr-txuria: #ffffff;
  --clr-grixa: #f2f2f2;

  --fw-bold: 900;
}


body{
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  overflow-x: hidden;
}
/*egitura*/
.highlighted > .container-fluid{
  --bs-gutter-x: 0;
}
.path-login .ikapp9-bootstrap5-content,
.page-user-login main .region-content, 
.page-user-password main .region-content {
  max-width: 550px; 
  margin-top: 4ren;
}
.ikapp9-bootstrap5-content .row{
  --bs-gutter-x: 0;
}
.visually-hidden{
  display: none;
}
#page{
  overflow-x: hidden;
}
header#header > nav{
  padding-left: 0;
  padding-right: 0;
}
header#header > nav#navbar-main,
.ikapp9-bootstrap5-body #content,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article.node--type-page,
.ikapp9-bootstrap5-body.path-node.node--type-page .ikapp9-bootstrap5-content #block-local-barrio-page-title h1,
.ikapp9-bootstrap5-body.path-node.node--type-page .ikapp9-bootstrap5-content #block-ikapp-barrio-page-title h1,
div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea,
.site-footer__top,
.ikapp9-bootstrap5-highlighted #goiburublokea .goiburu_taldekatzea,
.ikapp9-bootstrap5-highlighted #goiburuIrudia .goiburu_taldekatzea{  
  max-width: 1600px;  
  margin-inline: auto;
}  
#main-wrapper,
.ikapp9-bootstrap5-content{
 /* width: 98.5%;*/
  margin-inline: auto;
}
#navbar-main{
  width: 98%;
  margin-inline: auto;
}
.ikapp9-bootstrap5-body .site-footer {
  margin-top: 0em;
}
#main-wrapper{
  margin-top: 1.5em;
}

/*edukia*/
/*tituluak*/
h1,h2,h3,h4{
 /* text-wrap: balance;*/
}
#block-local-barrio-page-title h1 {
  font-size: 3.5em;
  font-weight: 800;
  margin-bottom: .5em;
}
#block-local-barrio-views-block-goiburua-block-2:has(h2:empty){
  display: none;
}
h2{
  font-weight: var(--fw-bold);
  font-size: 1.5rem;
  margin-bottom: 1em;
}
h3{
  margin-bottom: .5em;
  font-size: 1.25em;
}
article h1,
article h2,
article h3,
article h4{
  color: var(--clr-beltza);
} 
#content div[id*="block-local-barrio-views-block-albisteak"] h2{
  font-size: 1.75em;
  margin-bottom: 0;
}
#content div[id*="block-local-barrio-views-block-albisteak"] h2 a{
  color: var(--clr-beltza);
}
#content div[id*="block-local-barrio-views-block-albisteak"] h2 a:hover{
  color: var(--clr-primary);
  text-decoration: none;
}
#block-views-block-albisteak-block-2 > h3,
#block-local-barrio-views-block-albisteak-block-1-2 > h3,
#block-local-barrio-views-block-albisteak-block-1 > h3,
.field--name-field-pdf-galeria-media > div:first-child,
.field--name-field-fitxategiak-media > div:first-child{
  font-size: .9em;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.views-field-field-azpititulua h2{
  font-size: 1.3125em;
}
#content p{
  text-wrap: balance;
}
#content p a{
  color: var(--clr-primary);
  text-decoration: underline;
}
#content p a{
  text-decoration: none;
}
#content table{
  overflow-x: scroll; 
}
#content ul:not(:has([class*="nav"])),
#content ol:not(:has([class*="nav"])){
  font-size: 1rem;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
#content ul:not(:has([class*="nav"])) li,
#content ol:not(:has([class*="nav"])) li{
  margin-bottom: .5em;
}
::marker{
  
}
::-moz-selection { /* Code for Firefox */
  color: var(--clr-txuria);
  background: rgb(230,45,99);
  background: var(--clr-beltza);
}

::selection {
  color:var(--clr-txuria);
  background: var(--clr-beltza);    
}
div[property="schema:text"] img{
  margin-top: 2em;
  margin-bottom: 2em;
}
/*alerta mezuak*/
.alert{
  inline-size: 100%;
  max-inline-size: 100%;
  border-radius: 0;
  text-align: center !important;
  font-size: 1.15rem !important;
  border-left: 0 !important;
  color: #fff !important;
}
.alert-warning {  
  background-color: #ff8800;
}
.alert-danger {
  background-color: #b51112;  
}
.alert-success {  
  background-color: var(--clr-berdea);    
}
.alert-dismissible .btn-close {
    opacity: 1;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 15%;
    right: 1%;
    z-index: 2;
    padding: 1.25rem 1rem;
}
/*edukien zabalera*/
#block-local-barrio-views-block-goiburua-block-2,
/*form[class*="contact-form"],*/
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] > p,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] ol,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] ul,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] dl,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] blockquote,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h2,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h3,
.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h4 {
  max-width: 1024px;/*1280*/  
}
/*goiburua*/

.scrolled.scrolldown header#header,
.scrolled header#header,
.scrolled.scrollup header#header{
  position: fixed;
  top: 0;
}
.scrolled .highlighted,
.scrolled.scrollup .highlighted{
  margin-top: 148px;
}
.ikapp9-bootstrap5-body #navbar-top > section.ikapp9-bootstrap5-top-header{
  align-items: center;
}
#navbar-top {
  background-color: var(--clr-grixa) !important;
  padding-block: .5rem;
  z-index: 2;
}
#navbar-top > section{
  display: flex !important;
  align-items: center !important;
  padding-inline: 1%;
}
#navbar-top > section.row >*{
  all: unset;
}
.ikapp9-bootstrap5-body #navbar-main {
  background-color: transparent;
  padding-block: 1rem;
  align-items: center;
  z-index: 1;
  position: relative;
}
.scrolled #navbar-main {
  top: 0em;
}
header#header{
  padding-bottom: 0em;
  border-bottom: 5px solid var(--clr-beltza);
}
.scrolled header#header{ 
  width: 100%;
  z-index: 99;
  border-bottom: 5px solid black;  
  padding-bottom: 0;
  background-color: var(--clr-txuria) !important; 
}
.ikapp9-bootstrap5-body #header nav {
 /* z-index: 1;*/
}
header#header ul.navbar-nav > li{
  background-color: transparent !important;
}
.scrolled header#header::after{
  content: ' ';
  display: block;
  overflow-x: hidden;
  width: 100%;
  height: 5px;
  animation: rotate 15s infinite linear;
  -webkit-animation: rotate 15s infinite linear;
  position: relative;
  top:5px;


  background: var(--clr-beltza); /* Old browsers */
background: -moz-linear-gradient(left,  var(--clr-berdea) 0%, var(--clr-horia) 25%, var(--clr-primary) 50%, var(--clr-secondary)  75%, var(--clr-berdea) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--clr-berdea)), color-stop(25%,var(--clr-horia)), color-stop(50%,var(--clr-primary)), color-stop(75%,var(--clr-secondary)), color-stop(100%,var(--clr-berdea))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  var(--clr-berdea) 0%,var(--clr-horia)  25%,var(--clr-primary) 50%,var(--clr-secondary) 75%,var(--clr-berdea) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  var(--clr-berdea) 0%,var(--clr-horia)  25%,var(--clr-primary) 50%,var(--clr-secondary)  75%,var(--clr-berdea) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  var(--clr-berdea) 0%,var(--clr-horia)  25%,var(--clr-primary) 50%,var(--clr-secondary)  75%,var(--clr-berdea) 100%); /* IE10+ */
background: linear-gradient(to right,  var(--clr-berdea) 0%,var(--clr-horia)  25%,var(--clr-primary) 50%,var(--clr-secondary)  75%,var(--clr-berdea) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9a51', endColorstr='#d2b715',GradientType=1 ); /* IE6-9 */
}

@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to { 
    background-position: 0px;
  }
}
.scrolled #navbar-top{
 display: none;
}
.scrolled #navbar-main{
  align-items: center;
}
/*hizkuntzak*/
#block-languageswitcher{
 background-color: var(--clr-grixa);
 margin-inline-end: 1rem !important;
}
#block-languageswitcher .is-active{
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
/*sare-sozialak*/
#block-saresozialak{
  padding-right: 0;
  margin-right: auto !important;
}
.ikapp9-bootstrap5-body .sare-sozialak {
 /* border-right: 1px solid black;*/
  margin-right: .25em;
  padding-right: .25em;
}
.ikapp9-bootstrap5-body #navbar-top .sare-sozialak img {
  filter: invert(0);
}
.ikapp9-bootstrap5-body .sare-sozialak img {
  height: 25px;
  width: auto;
  margin: 0;
}
/*menu nagusia*/
.navbar {
  align-items: end; 
}
.ikapp9-bootstrap5-body header#header ul.navbar-nav a,
.ikapp9-bootstrap5-body header#header ul.navbar-nav span{
  color: var(--clr-beltza);
  font-weight: 400;
  text-transform: uppercase;
  font-size: .95rem;
  padding-bottom: 0;
}
.ikapp9-bootstrap5-body header#header ul.navbar-nav ul a{
  text-transform: unset !important;
  padding-bottom: .5em;
}
.ikapp9-bootstrap5-body header#header ul.navbar-nav a:hover,
.ikapp9-bootstrap5-body header#header ul.navbar-nav span:hover{
  color: var(--clr-primary);
}

.ikapp9-bootstrap5-body header#header ul.navbar-nav .dropdown-item.active a{  
  color: var(--clr-txuria) !important;
}
.ikapp9-bootstrap5-body header#header ul.navbar-nav ul{
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
  border: 0 !important;
  top: 3.3em;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li:last-child a{
  padding-right: 0;
}
.menu--main .navbar-nav > li:hover > ul{
    display: none;
}
.menu--main .navbar-nav > li:hover > span[aria-expanded="true"] + ul,
.menu--main .navbar-nav > li:hover > a[aria-expanded="true"] + ul{
    display: block !important;
}
/*slick*/
#block-views-block-slideshow-block-1-2{
  line-height: 0;
}
.slick-edukia{
  display: grid;
  grid-template-columns: 77% 1fr;
  align-items: center;  
}
.slick-edukia:has(.btn.btn-primary:empty),
.slick-edukia:has(.btn.btn-primary > span:empty) {
  grid-template-columns: 1fr;
}
.slick-botoia:has(.btn.btn-primary:empty),
.slick-botoia:has(.btn.btn-primary > span:empty){
  display: none;
}
.slick-edukia > div:first-child {
  background-color: rgba(0, 0, 0, .5);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5em 1vw;
  padding-left: 5%;
}
.slick-edukia > div:last-child{
  padding: 1.5em 1vw;
  align-self: center;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0,.5);
}
.slick-edukia *{
  margin-bottom: 0;
  color: var(--clr-txuria);
}
.slick-edukia h2{
  font-size: clamp(1rem, 2.5vw, 2.75rem);
  font-weight: 400;
}
.slick__slide{
  position: relative;
}
.slick__slide .views-field-body{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.slick-edukia div.btn,
.slick-edukia a.btn{
  margin: 0;
}
.slick__arrow {
    z-index: 0;
    width: 96%;
    left: 2%;
}
/*dots*/
.slick-dots {
  bottom: -50px;  
}
/*sliderra*/
.slick-arrow::before{
  color: var(--clr-beltza);
}
.slick-down{
  background-color: var(--clr-beltza);
}
.slick--has-arrow-down > .slick__arrow {
  bottom: -1em;
}
/*albiste nabarmendua*/
#block-views-block-albisteak-block-2 {
  margin: 0 auto 5em auto;  
}
#block-views-block-albisteak-block-2 .views-row {
  display: grid;
  grid-template-columns: 1fr 50%;
  grid-gap: 10%;
  align-items: center;
  border: 0;
  padding-right: .75em !important;
}
#block-views-block-albisteak-block-2 .views-row img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;

  border: 5px solid var(--clr-primary);
  border-bottom-color: var(--clr-secondary);
  border-left-color: var(--clr-secondary);
}
.views-field-created,
time{
  font-weight: 600;
  width: fit-content;  
  color: var(--clr-primary);
  font-size: .9rem;
  line-height: 1rem;
  border-bottom: 2px solid var(--clr-primary);
}
.views-field-created{
  border: 0;
  color: var(--clr-primary);
}
#block-views-block-albisteak-block-2 .views-row .field-content > div {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#block-views-block-albisteak-block-2 h2 {
  font-weight: var(--fw-bold);
  font-size: 3.75em;
  font-size: clamp(1.75rem,1rem + 2.5vw,3.75rem);
  line-height: 1em;
  margin-bottom: 0;
}
#block-views-block-albisteak-block-2 h2 a {
  background-image: linear-gradient(to right,var(--clr-secondary),var(--clr-primary),var(--clr-beltza) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

#block-views-block-albisteak-block-2 h2 a:before {
  content: '';
  background: var(--clr-beltza);
  display: block;
  position: absolute;
  opacity: 1;
  border-radius: .5em;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0px;
  transition: all 0.3s ease-in-out;
}

#block-views-block-albisteak-block-2 h2 a:hover {
  background-position: 0;
}

#block-views-block-albisteak-block-2 h2 a:hover::before {
  width: 85%;
}
/*albisteak*/
.ikapp9-bootstrap5-content .view-albisteak .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  grid-gap: 5%;
  grid-row-gap: 3em;
}
.ikapp9-bootstrap5-content .view-albisteak .views-field {
  margin: 0;
}
.ikapp9-bootstrap5-content .view-albisteak .views-field.views-field-body {
  margin-bottom: 1.5em;
}
#block-local-barrio-views-block-albisteak-block-1-2 .views-row,
.view-albisteak .views-row {
  display: flex;
  flex-direction: column;
  gap: .5em;  
  padding-inline: 0rem !important;
  
}
#block-local-barrio-views-block-albisteak-block-1-2 .views-row:last-child{
  border-right: 0;
}
#block-local-barrio-views-block-albisteak-block-1 .views-row{
  border: 0 !important;
  padding-right: 1rem !important;
}
.view-albisteak .views-field-field-portadako-irudia-media img,
#block-local-barrio-views-block-albisteak-block-1-2 .views-field-field-portadako-irudia-media img{
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;

  border: 5px solid var(--clr-primary);
  border-bottom-color: var(--clr-secondary);
  border-left-color: var(--clr-secondary);
  
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.view-albisteak .views-row:nth-child(even) .views-field-field-portadako-irudia-media img,
#block-local-barrio-views-block-albisteak-block-1-2 .views-row:nth-child(even) .views-field-field-portadako-irudia-media img{
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;
  border: 5px solid var(--clr-secondary);
  border-bottom-color: var(--clr-primary);
  border-left-color: var(--clr-primary);
}
.view-albisteak .views-field-view-node{
 /* margin-top: auto !important;*/
}
.view-albisteak .views-field-view-node{
  align-self: flex-start;
}
/*kategoriak*/
.kategoriak,
.view-albisteak .views-field-field-tags .field-content{
  color: var(--clr-primary);
  margin-top: 1em;
}
.kategoriak a,
.view-albisteak .views-field-field-tags .field-content a{
  text-decoration: none;
}
.kategoriak a:hover,
.view-albisteak .views-field-field-tags .field-content a:hover{
  text-decoration: underline;
}
.view-albisteak .views-field-field-tags .field-content > *::after {
  content: unset;
  margin-left: 0em;
}
/*albistearen barruan etiketak*/
.field--name-field-tags ul.links{
  display: flex;
  gap: .5em;
  color: var(--clr-primary);
}
.field--name-field-tags ul.links li {
  float: left;
  padding: 0 0em 0 0;
  white-space: nowrap;
}
.field--name-field-tags ul.links li::after {
  content: "/";
  margin-left: .5em;
}
.ikapp9-bootstrap5-content .field--name-field-tags li a{
  text-decoration: none;
}
.ikapp9-bootstrap5-content .field--name-field-tags li a:hover{
  text-decoration: underline;
}
.field--name-field-tags ul.links li:last-child::after,
.ikapp9-bootstrap5-content .field--name-field-tags li a::after {
  content: unset;
}
/*artikulu edo albiste bat*/
.node--type-article #block-local-barrio-page-title,
.node--type-article #block-local-barrio-views-block-goiburua-block-2{
  max-width: 1024px;
}
.ikapp9-bootstrap5-content article.node--type-article .node__content {
  margin-top: 0em; 
}
.node--type-article .ikapp9-bootstrap5-content .block-views-blockalbisteak-block-1 { 
  padding-top: 0;
}
.node--type-article .ikapp9-bootstrap5-content .block-views-blockargitarapen-data-block-1{
  margin-top: 0em;
  margin-bottom: 1em;
  font-weight: 700;
}
/*artikulu bateko azken albisteak blokea*/
.node--type-article .ikapp9-bootstrap5-content .block-views-blockalbisteak-block-1 .view-albisteak {
  background-color: var(--clr-grixa);
}
/*eduki blokeak*/
div[id*="block-views-block-eduki-blokea"]{  
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding-top: 2em;
  padding-bottom: 0em;
  margin-top: 5em;
}
div[id*="block-views-block-eduki-blokea"] .view-content{
  position: relative;
}
div[id*="block-views-block-eduki-blokea"] .view-content .views-row{
  position: relative;
}
div[id*="block-views-block-eduki-blokea"] .views-field-body{
  z-index: 1;
  position: absolute;
  bottom: 5%;  
  width: 100%;  
}
div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea {
  display: grid;
  grid-template-columns: 59% 40%;/*59% 40%*/
  grid-gap: 0%;
  align-items: center;
  width: 98%;
  margin-inline: auto;
}
div[id*="block-views-block-eduki-blokea"] .irudia{
  text-align: right;
}
div[id*="block-views-block-eduki-blokea"] .irudia .field--name-field-media-image{
  width: fit-content;
  --c: 40px;
  --p: 20px;
  --d: 15px;
  display: inline-block;
  padding: var(--p);
  background:
    radial-gradient(farthest-side at 0 0, #000, #0000) 0 0 / var(--c) var(--c),
    radial-gradient(farthest-side at 100% 100%, #000, #0000) 100% 100% / var(--c) var(--c),
    linear-gradient(#fff 0 0) 50% 50% / calc(100% - var(--p)) calc(100% - var(--p)),
    linear-gradient(#0000, #000 25% 75%, #0000) 50% 50% / calc(100% - var(--p)) calc(100% - var(--d)),
    linear-gradient(90deg, #0000, #000 25% 75%, #0000) 50% 50% / calc(100% - var(--d)) calc(100% - var(--p)),
    radial-gradient(farthest-side at 0 100%, #00000018, #0000) calc(100% - var(--d) * 0.5) calc(var(--d) * 0.5) / var(--d) var(--d),
    radial-gradient(farthest-side at 100% 0, #00000018, #0000) calc(var(--d) * 0.5) calc(100% - var(--d) * 0.5) / var(--d) var(--d)
    ;
  background-repeat: no-repeat;
  clip-path: polygon(0 var(--c), var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%);
}
div[id*="block-views-block-eduki-blokea"] .irudia img{
  /*border: 5px solid var(--clr-txuria);*/
}
div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea *{
  color: var(--clr-txuria);
}
div[id*="block-views-block-eduki-blokea"] .views-field-body h2{
  font-size: 4.5em;
  font-weight: var(--fw-bold);
  line-height: 1.1em; 
  margin-bottom: 0;
}
div[id*="block-views-block-eduki-blokea"] .views-field-body p{
  font-size: 2.5em;  
  line-height: 1.1em; 
}
div[id*="block-views-block-eduki-blokea"] img{
  margin-bottom: 0;
}
#content div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img{
width: 100%;
height: auto;
}
#content div[id*="block-views-block-eduki-blokea"] .btn.btn-primary a,
#content div[id*="block-views-block-eduki-blokea"] a.btn.btn-primary{
  background: var(--clr-txuria) !important;
}
#content div[id*="block-views-block-eduki-blokea"] .btn.btn-primary a:hover,
#content div[id*="block-views-block-eduki-blokea"] a.btn.btn-primary:hover{
  background: var(--clr-beltza) !important;
}
/*goiburutako irudiak*/
.ikapp9-bootstrap5-highlighted #goiburublokea, 
.ikapp9-bootstrap5-highlighted #goiburuIrudia { 
  z-index: 0;
}
.ikapp9-bootstrap5-highlighted #goiburublokea,
.ikapp9-bootstrap5-highlighted #goiburuIrudia{
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.ikapp9-bootstrap5-highlighted #goiburublokea > *,
.ikapp9-bootstrap5-highlighted #goiburuIrudia > *{
  grid-row: 1/2;
  grid-column: 1/2;
}
.ikapp9-bootstrap5-highlighted .goiburu_taldekatzea {
  position: unset; 
  width: 98%;
  place-content: end;
  padding-bottom: .5em;
}

.ikapp9-bootstrap5-highlighted #goiburublokea h1,
.ikapp9-bootstrap5-highlighted #goiburuIrudia h1 {
  font-size: 5em;
  text-align: left;
  font-weight: var(--fw-bold);    
  margin-top: 0em;  
  width: fit-content;  
  line-height: 1em;
  text-wrap: balance;
}
.ikapp9-bootstrap5-highlighted #goiburublokea img, 
.ikapp9-bootstrap5-highlighted #goiburuIrudia img {
  opacity: 1;   
  height: 290px;/*290*/
  width: 100%;
  object-fit: cover;
}
aside:has(#goiburublokea){
  padding-left: 0;
  padding-right: 0;
}
/*pdf galeriak*/
.ikapp9-bootstrap5-content .field--name-field-pdf-galeria-media{
  display: block;
  background-color: var(--clr-grixa);
  padding: 1.5%;
}
.ikapp9-bootstrap5-content .field--name-field-pdf-galeria-media .pdf-canvas { 
  aspect-ratio: 1/1;
  object-fit: cover;

}
.ikapp9-bootstrap5-content .field--name-field-pdf-galeria-media .field__items{
  padding: 1.5em;
  display: grid;
  grid-gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 400px), 1fr));
  background-color: var(--clr-grixa);
  margin: 4em auto;
}
.ikapp9-bootstrap5-content .field--name-field-pdf-galeria-media .field__items > *{
   word-wrap: break-word;
}
.ikapp9-bootstrap5-content .field--name-field-pdf-galeria-media .field__items > * > *{
  display: flex;
  flex-direction: column;
  gap: 1em;
}
/*taulak*/
table tr > td:first-child{
  font-weight: 700;
  width: 7rem;  
}
table tr  td{
  padding-block: 1rem;
  padding-inline: 1rem;
  background-color: white;
  border-bottom: 1px solid var(--clr-beltza);
  border-top: 1px solid var(--clr-beltza);
}
table{
  margin-block: 4rem 2rem;
}
/*formularioak*/
.form-required::after {
  background-image: url(../../../contrib/bootstrap_barrio/images/required.svg) !important;   
}
.form-control { 
  padding: .5em;  
  color: var(--clr-beltza);
  border: 1px solid var(--clr-beltza);  
}
.form-item-gdpr-warning,
#edit-actions{
  flex-basis: 100% !important;
}
.ikapp9-bootstrap5-body form label {
 font-weight: 600;
 text-transform: none;
 text-transform: uppercase;
}
#edit-message-wrapper,
.form-item-gdpr-warning,
#edit-actions{
  flex-basis: 100% !important;
}
#edit-actions button {
  background-color: var(--clr-beltza) !important;
  color: var(--clr-txuria);
  border-radius: 100vw;
  padding: .25em 1em !important;
  font-size: .9rem;
  text-transform: uppercase;
}
#edit-actions button:hover{
  background-color: var(--clr-primary) !important; 
}
.form-select{
  border-color: var(--clr-beltza);
  line-height: 1.75em;
}
/*kontaktu formularioa*/
.ikapp9-bootstrap5-content #contact-message-feedback-form > *{
  flex-basis: 310px;
}
/*aisiola matrikula form*/
#aisiola-matrikula-enrol-form{
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.5em;
  max-width: 1024px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  grid-gap: 1rem 4.5rem;
}
#aisiola-matrikula-enrol-form .captcha,
#aisiola-matrikula-enrol-form > p,
hr,
#aisiola-matrikula-enrol-form #edit-actions
/*.aisiola-matrikula-info,
.aisiola-matrikula-ordainketa*/{
  grid-column: 1/-1;
}
#aisiola-matrikula-enrol-form .form-wrapper{
  margin-block-end: 2rem !important;
}
#aisiola-matrikula-enrol-form .form-control:focus,
#aisiola-matrikula-enrol-form .form-control:focus-visible,
#aisiola-matrikula-enrol-form .form-select:focus,
#aisiola-matrikula-enrol-form .form-select:focus-visible{
  border-color: var(--clr-primary) !important;
  border: 1px solid var(--clr-primary) !important;
  box-shadow: 0px 0px 5px 0px var(--clr-primary) !important; 
}
#aisiola-matrikula-enrol-form select:hover{
  cursor: pointer;
}
#aisiola-matrikula-enrol-form #edit-submit{
  
}
#aisiola-matrikula-enrol-form a.btn.btn-primary{
  color: white;
  display:block;
  height: 21px;  
}
body:has(#collapseIrudiTratamendua.collapse) a.btn.btn-primary[data-bs-toggle="collapse"]::before{
  content: "▼";
  display: block;
  color: black;
  width: 16px;
  height: 16px;
}
body:has(#collapseIrudiTratamendua.collapse.show) #edit-irudi-tratamendu-onarpena-wrapper a.btn.btn-primary[data-bs-toggle="collapse"]::before,
body:has(#collapseLegeOharra.collapse.show) .form-item-gdpr-warning a.btn.btn-primary[data-bs-toggle="collapse"]::before{
    content: "▲";
}
.captcha__description{
  margin-block-start: 1.5rem;
}
.aisiola-matrikula-info,
.aisiola-matrikula-ordainketa{
  background-color: var(--clr-grixa);
  padding: 2.5rem;
  margin-block: 1.5rem;
}
 #aisiola-matrikula-enrol-form input[type="file"] {
  padding: 10px;
  background-color: #f8f9fa;
  border: 2px dashed #ced4da;
  border-radius: 6px;
  cursor: pointer;
}
#aisiola-matrikula-enrol-form input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
  display: none;
}
#aisiola-matrikula-enrol-form input[type="file"]::before {
  content: 'Aukeratu fitxategia';
  display: inline-block;
  background: #666;
  color: white;
  padding: 8px 12px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 10pt;
  border-radius: 4px;
  margin-right: 10px;
}
#aisiola-matrikula-enrol-form input[type="file"]:hover::before {
  background-color: var(--clr-primary);
}
#aisiola-matrikula-enrol-form > *{
  flex-basis: 320px;
  flex-grow: 1;
}
#edit-gizarte-segurantza-zenbakia-wrapper{
  flex-basis: 100%;
}
#txartel_adibidea_div{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
#txartel_adibidea_div img{
  border: 1px solid #e9ecef;
  padding: .25em;
  border-radius: .5em;
}
.matrikulazioInformazioa{
  background-color: var(--clr-grixa);
  padding: 2em;
  margin-block: 2.5em;
}
.matrikulazioInformazioa hr{
  border: 1px dashed black;
  background: transparent;
  opacity: 1;
  margin-block: 2.5em;
}
.lerrokatzea{
	display: grid;
	grid-template-columns: 170px auto;
	grid-gap:  2.5em;
	align-items: center;
	margin: 3em 0;
}
/*login pantalla*/
.page-user-password nav.tabs,
.path-login nav.tabs {
  margin-bottom: 0rem;
}
.page-user-password nav.tabs a,
.path-login nav.tabs a{
  color: var(--clr-beltza) !important;
}
.page-user-password .nav-link.active,
.path-login nav.tabs .nav-link.active{
  background-color: #dee2e6 !important;
  border: 0 !important;
}
#user-pass,
#user-login-form{
  border: 1px solid #dee2e6;
  border-top: 0;
  padding: 1.75em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  background-color: #dee2e6;
  margin-top: -2px;
  width: 98.75%;
  border-bottom-left-radius: .75rem;
  border-bottom-right-radius: .75rem;
}
section:not(:has(nav)) #user-login-form {
  border-top: 1px solid #dee2e6;
}
.page-user-login nav.tabs{
  margin-bottom: 0;
}

/*gotti botoia*/
.ikapp9-bootstrap5-body #topBtn{
  box-shadow:  0px 0px 5px rgba(0,0,0,.5);
  border-radius: 50%;
  height: 53px;
  width: 55px;
  background-color: var(--clr-primary);
  background: rgb(230,45,99);
background: linear-gradient(90deg, rgba(230,45,99,1) 0%, rgba(61,68,149,1) 100%);
}
.ikapp9-bootstrap5-body #topBtn:hover {
 background: var(--clr-beltza);
}
/*kontaktua*/
.path-contact .ikapp9-bootstrap5-content{
  display: flex;
  flex-wrap: wrap;
  gap: 10%;
  row-gap: 5em;
}
.path-contact .ikapp9-bootstrap5-content > div{
  flex-basis: 40%;
  flex-grow: 1;
  min-width: 300px;  
}
.path-contact .ikapp9-bootstrap5-content > div:last-child{
  padding: 0em 2em;
  background-color: var(--clr-grixa);
  border-radius: 1em;  
}
#mapa > div:first-child {
  background-color: var(--clr-grixa);
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  padding: 2em 2em .5em 2em;
  border-bottom: 1px solid black;
}
#mapa > div:first-child *{
  color: var(--clr-beltza) !important;
}
#mapa iframe{
  height: 78vh;
  width: 100%;
}
#mapa > div:first-child h3{
  font-weight: 700; 
  font-size: 2.5em !important;
}
.path-contact .ikapp9-bootstrap5-content .form-control {
  background: var(--clr-grixa);
}
.path-contact .ikapp9-bootstrap5-content #contact-message-feedback-form {
  margin-bottom: 1em;
}
.path-contact .ikapp9-bootstrap5-content #contact-message-feedback-form {
  gap: 1em;
}

a[href*="mailto:"]::before,
a[href*="tel:"]::before{
  content: '';
  display: inline-block;
  background-image: url('../images/telefonoa.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 23px;
  background-position: 0;
  position: relative;
  top: 7px;
  margin-right: .25em;
}
a[href*="mailto:"]::before{
  background-image: url('../images/mail.svg');   
  top: 7px;
}
/*bidaideak*/
.view-bidaideak .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 2em;
  row-gap: .5em;
}
.view-bidaideak .view-content .views-row{
  border: 1px solid var(--clr-grixa);
  padding: 2em;
  flex-basis: 250px;
  display: flex;
  flex-direction: column;
  place-items: center;
  justify-content: center;
  max-width: 200px;
  margin-left: 1em;
}
.view-bidaideak .view-content h3{
  flex-basis: 100%;
  margin-bottom: 1em;
  margin-top: 3em;
}
/*oina*/
address strong{
  text-transform: uppercase;
  font-size: .88em;
}
.ikapp9-bootstrap5-body:has(.view-eduki-blokea) .site-footer{
  margin-top: 0;
}
.ikapp9-bootstrap5-body  .site-footer{
  font-size: .9em;
  padding-bottom: 0;  
  margin-top: 5em;
}
.ikapp9-bootstrap5-body  .site-footer .container-fluid{  
  padding-right: 0;
  padding-left: 0;
}
.ikapp9-bootstrap5-body .site-footer__top {
  width: 97%;
}
.site-footer__top .region:first-child {
  padding-left: 1em;
}
.oinekoLogoak{
  display: flex;
	align-items: center;
	margin-right: 1em;
  list-style: none;
}
.oinekoLogoak li{
	margin-right: 1em;
}
.oinekoLogoak img{
	width: auto;
  height: 70px;
}
.site-footer .navbar-nav{
  flex-direction: row;
  gap: .25em;  
  font-weight: 600;
}
.site-footer .navbar-nav li::after{
  content: " / ";
  display: inline;
}
.site-footer .navbar-nav li:last-child::after{
  content: unset;  
}
.site-footer .navbar-nav a,
.site-footer a{
 color: var(--clr-beltza) !important;
 text-decoration: none;
 display: inline;
}
.site-footer .navbar-nav a:hover,
.site-footer a:hover{
  text-decoration: underline;
}

.site-footer .sare-sozialak{
  margin-right: 0;
  border-right: 0;
  padding-right: 0;
}
.ikapp9-bootstrap5-body .site-footer__top > section.region-footer-first {
  align-items: flex-start;  
}
.ikapp9-bootstrap5-body .site-footer__top > section.region-footer-fourth{
  align-items: flex-end;  
}
.ikapp9-bootstrap5-body .site-footer__bottom{
  all: revert;
  padding: 1em 0;
  text-align: center;
  background-color: white;
}
.ikapp9-bootstrap5-body .site-footer__bottom img{
  margin-bottom: 1em;
 }
 /*diru laguntza logoak*/
 #block-dirulaguntzarakologoak ul {
  display: flex !important;
  list-style: none !important;
  gap: 4em !important;
  margin: 2em auto;
  padding: 0;
  width: 90%;
}
/*udalekuak lasterbideak*/
#content .udalekuLasterbideak2{
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  gap: 5%;
  padding-inline: 0;
}
#content .udalekuLasterbideak2 li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  aspect-ratio: 16/9;
  border-radius: 4rem;
  corner-shape: round;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: bottom -5px;
  background-size: 105%, auto;
  padding: 3%;
  position: relative;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .25);  
   
}
#content .udalekuLasterbideak2 li:hover{
  box-shadow: 0px 0px 35px -4px rgba(0, 0, 0, .5);
}
#content .udalekuLasterbideak2 li h2{
  color: var(--clr-beltza);
  margin-block-end: 0;  
  font-size: 2.05rem;  
  font-size: clamp(1.5rem, 2.5vw, 3.05rem) !important;
}
#content .udalekuLasterbideak2 li h3{
  color: var(--clr-beltza);
  margin-block-end: 0;  
  font-size: 1.357rem;
  font-weight: 600;
}
#content .udalekuLasterbideak2 li a.btn{
  background-color: var(--clr-beltza);
  border:1px solid var(--clr-beltza);
  padding: .5rem 1rem;
  border-radius: 100vw;
  color: var(--clr-beltza);
  margin-top: 1rem;
  color: var(--clr-txuria);
}
#content .udalekuLasterbideak2 li a.btn:hover{
  background-color: var(--clr-primary);
 border-color: var(--clr-primary);
}
#content .udalekuLasterbideak2 li:first-child{
  background: url('../images/udalekuak26/u26Bg.png'), rgb(122, 185, 167,.25);
}
#content .udalekuLasterbideak2 li:last-child{
 background: url('../images/udalekuak26/u26Bg.png'), rgb(170, 172, 142,.25);
}
#content .udalekuLasterbideak2 li:first-child:hover{
  background: url('../images/udalekuak26/u26Bg.png'), rgb(122, 185, 167,.5);
}
#content .udalekuLasterbideak2 li:last-child:hover{
 background: url('../images/udalekuak26/u26Bg.png'), rgb(170, 172, 142,.5);
}
.path-udalekuak #content .udalekuLasterbideak2{
  margin-block-end: 5rem;
}
#block-udalekuenatarikolasterbideak .cta h2{
  margin-block-end: 0;
}
/*udalekuak*/
.page-node-103.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1,
.page-node-104.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1,
.page-node-105.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1,
.order_warning h1 {
  max-width: 100%;
  width: 100%;
  margin-bottom: 3rem;
}
.page-node-103.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1 span,
.page-node-104.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1 span,
.page-node-105.ikapp9-bootstrap5-body.path-node .ikapp9-bootstrap5-content article div[property="schema:text"] h1 span,
.order_warning h1 span{
  font-weight: var(--fw-normal);
  font-size: 3.75em;
  font-size: clamp(1.75rem,1rem + 2.5vw,3.5rem);
  line-height: 1;
  margin-bottom: 0;
  text-wrap: balance;  
  max-width: 100%;
  text-align: left;
 /* background-image: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  background-image: linear-gradient(to left, #0071bc 0%, #1abce2 100%);*/
  background-size: 100% 3.8rem;
  background-repeat: no-repeat;
  background-position: 50% 91%;
  transition: all ease-in .3s;  
  color: var(--clr-beltza);
 text-wrap: pretty;
}

/*udalekuak laburpena*/
.block:has(.udalekuak-laburpena) > h3,
#block-local-barrio-udalekuirekiakikastolanbertan > h3{
  font-size: clamp(1.75rem,  3.5vw, 4.5rem);
  font-weight: 900;
  width: 25ch;
  text-wrap: balance;
  margin-block-start: 1em;
  margin-block-end: 1em;
  background: linear-gradient(to right,var(--clr-primary),var(--clr-secondary),var(--clr-beltza));
  /* 2. Degradatua testuaren formara mugatu (maskara) */
  -webkit-background-clip: text;
  background-clip: text;
  /* 3. Testuaren jatorrizko kolorea garden bihurtu */
  -webkit-text-fill-color: transparent;
  color: transparent; /* Fallback gisa */
}
.block:has(.udalekuak-laburpena){
  margin-block-end: 6rem;
}
.udalekuak-laburpena {
    display: grid;    
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));    
    gap: 40px 20px;    
}
.udaleku-laburpena-portada,
.udaleku-laburpena-gorputza{
  min-width: 100% !important;
}
.udalekuak-laburpena .udalekua{
  background-color: var(--clr-grixa);
  background: linear-gradient(to bottom, white, var(--clr-grixa));
  padding-block-end: 2rem;
  display: block;
  transition: all ease-in .3s;  
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.udalekuak-laburpena h2{
  margin-block-end: .75rem !important;
  padding-inline: 2.5%;
  text-wrap: wrap;
  
}
.udalekuak-laburpena .urteak{
  font-weight: 600;
  padding-inline: 2.5%;
  text-wrap: wrap;
}

.udalekuak-laburpena img{
  aspect-ratio: 1/1.5;
  object-fit: cover;
  width: 100% !important;
  margin-block-end: .75rem;
  corner-top-right-shape: bevel;
  border-top-right-radius: 4rem;  
}

.udalekuak-laburpena-botoiak{
  margin-block-start: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 padding-inline: 2.5%;
}
.udalekuak-laburpena-botoiak a{ 
  text-decoration: none;
  border-radius: 100vw;
  padding: .5em 1em; 
}
.udalekuak-laburpena-botoiak  .info-btn{
  border: 1px solid var(--clr-beltza);
  color: var(--clr-beltza) !important;
}
.udalekuak-laburpena-botoiak  a:hover{
  border: 1px solid var(--clr-beltza);
  background-color: var(--clr-beltza);
  color: var(--clr-txuria) !important;
}
.udalekuak-laburpena-botoiak  .btn-matr{
  border: 1px solid var(--clr-berdea);
  background-color: var(--clr-berdea);
  color: var(--clr-txuria) !important;
}
/*udalekuak*/
.udalekuak{
  margin-bottom: 8rem;
  margin-top: 4rem;
}
.udalekua{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: flex;
  flex-wrap: wrap;  
 }
 .udalekua:nth-child(odd) .udaleku-portada{
   order: 1;
 }
 .udalekua:nth-child(odd) .udaleku-gorputza{
   order: 0;
 }
 .udalekua > div{
   flex-basis: 50%;
   min-width: 380px;
   flex-grow: 1;
 }
 .udaleku-portada img{
   aspect-ratio: 4/3;
   object-fit: cover;
   width: 100%;
   -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
   clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
   border-top-right-radius: 5em;
   border-bottom-left-radius: 5em;
   border: 10px solid var(--clr-primary);/*primary*/
   border-bottom-color: var(--clr-secondary);/*secondary*/
   border-left-color: var(--clr-secondary);/*secondary*/
   
 }
.udaleku-gorputza{
   padding: 5%;
   display: flex;
   flex-direction: column;
   gap: 0rem;/*1.5erm*/
 }
 .udaleku-gorputza div:empty{
  display: none;
 }
.udaleku-gorputza .urteak,
.udaleku_egoera_beteta,
.udaleku_egoera_itxita,
.udaleku_egoera_zabalik,
.txanda_egoera_aktibo,
.txanda_egoera_beteta,
.txanda_egoera_ezeztatuta,
.udaleku_egoera_azken_plazak  {
  display: block;  
  font-size: 1.25rem;
  text-transform: uppercase;
  width: fit-content;
  color: #000 !important;
  line-height: 1em;
  /*background-color: var(--clr-beltza);  */
  margin-block: 1rem;
 
}
.udaleku-gorputza .urteak{
 color: var(--clr-txuria) !important; 
 /*text-decoration-line: underline;*/
 font-size: 1.15rem;
 font-weight: 600;
 background-color: var(--clr-beltza);
 padding: .25em;
}
.gorputza{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.udaleku-gorputza .gorputza p + a{
  /*border: 2px solid var(--clr-beltza);*/
  padding: .5em 1em;
  border-radius: 100vw;
  color: var(--clr-beltza) !important;
  text-decoration: none;
  width: fit-content;  
  background: linear-gradient(white, white) padding-box,
  linear-gradient(to right, var(--clr-primary), var(--clr-secondary)) border-box;
  border-radius: 100vw;
  border: 2px solid transparent;
}
.udaleku-gorputza .gorputza a:hover{
  background: linear-gradient(to right, var(--clr-primary), var(--clr-secondary)) padding-box,
  linear-gradient(to right, var(--clr-primary), var(--clr-secondary)) border-box;
  color: var(--clr-txuria) !important;
}
.txanda_egoera_aktibo{
  display: none;
}
.udaleku_egoera_beteta,
.txanda_egoera_beteta {
  background-color: red;
}
.udaleku_egoera_azken_plazak{
  background-color: orange;
}
.udaleku_egoera_itxita,
.txanda_egoera_ezeztatuta{
  background-color: #999;
  color: var(--clr-beltza) !important;
}
.txanda_egoera_beteta,
.txanda_egoera_ezeztatuta{
  font-size: 1rem;
}
.txanda_egoera_beteta + ul,
.txanda_egoera_ezeztatuta + ul{
  opacity: .4;
}
.udaleku_egoera_zabalik{
  background-color: var(--clr-berdea);
}
.intermitente {  
  animation-name: intermitente;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:intermitente;
  -webkit-animation-duration: 1.75s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes intermitente{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes intermitente {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes intermitente {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
.udaleku-gorputza h2 {
  font-weight: var(--fw-bold);
  font-size: 3.75em;
  font-size: clamp(1.75rem,1rem + 2.5vw,3.5rem);
  line-height: 1em;
  margin-bottom: 0;
  text-wrap: balance;
}
.udaleku-gorputza h2 a {
  background-image: linear-gradient(to right,var(--clr-secondary),var(--clr-primary),var(--clr-beltza) 50%);
  /*background-image: linear-gradient(to right, #1abce2, #0071bc,var(--clr-beltza) 60%);*/
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.udaleku-gorputza h2 a:before {
  content: '';
  background: var(--clr-beltza);
  display: block;
  position: absolute;
  opacity: 1;
  border-radius: .5em;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0px;
  transition: all 0.3s ease-in-out;
}
.udaleku-gorputza h2 a:hover {
  background-position: 0;
}
.udaleku-gorputza h2 a:hover::before {
  width: 85%;
}
/*udalekua barruan*/
udalekua > h1{  
    font-weight: var(--fw-bold);
    font-size: clamp(1.75rem,1rem + 3vw,3.5rem);
    line-height: 1em;
    margin-bottom: 0;
    text-wrap: balance;
    width: 90%;
}
.udalekuaren-datuak{
  margin-block: 3rem 5rem;
  display: grid;
  grid-template-columns: 65% 30%;
  grid-column-gap: 5%;
  grid-row-gap: 2rem;
}
.udalekuaren-datuak > div:first-child{
  padding-right: 8%;
  border-right: 1px solid #dadada;
}
.udalekuaren-datuak > div:first-child img{
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  -webkit-box-shadow: 5px 5px 0px 0px var(--clr-beltza);
  -moz-box-shadow: 5px 5px 0px 0px var(--clr-beltza);
}
.udalekuaren-datuak > div:nth-last-child(2){
  display: flex;
  flex-direction: column;
  row-gap: 1.0rem;
  background-color: var(--clr-grixa);
  padding: 1rem;
}
.udalekuaren-datuak  p{
 margin-bottom: 0 !important;
}
.udaleku-datuak-kokapena img {
  -webkit-box-shadow: 5px 5px 0px 0px var(--clr-beltza);
  -moz-box-shadow: 5px 5px 0px 0px var(--clr-beltza);
}
.udaleku-datuak-argazkiak{
  grid-column: 1/3;
}
.txanda-datuak-prezioa strong,
.txanda-datuak-prezioa .field--name-prezioa{
  display: flex;
  gap: .25rem;
}
.txanda-datuak-prezioa{
  border-top: 1px solid rgba(0, 0, 0, 0.26);  
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);  
  padding-block:  .75rem;   
  font-size: 1.25rem;
  margin-block-end: 2rem;  
}
.txanda-datuak-txandak > h3{
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: .25rem;
}
.udaleku-datuak-txandak ul{
  margin-top: .5rem !important;
  margin-bottom: 2rem !important;
}
udalekua .matrikulatu-botoia{
  margin-left: auto !important;
}
/*txandak argazkiak*/
.txanda-argazkia img{
  width: 100%;
}
/*oinarrizko orriak irudi bildumak*/
.udaleku-datuak-argazkiak .field--name-argazkiak{        
    flex-basis: 100% !important;    
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    width: 100%;   
    float: none !important;
    margin: 4em auto;
}
.udaleku-datuak-argazkiak .field--name-argazkiak > div{
    flex-grow: 1;
    flex-basis: 320px;       
    margin: 2px;  
}
.udaleku-datuak-argazkiak .field--name-argazkiak img {
    margin: 0 !important;
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
}
/*matrikulazioa-----------------------------------------------*/
.form-check-input:checked {
  background-color: var(--clr-beltza);
  border-color: var(--clr-beltza);
}
.form-select:focus,
.form-control:focus {
    border-color: var(--clr-beltza);
    outline: 0;
    box-shadow: 0 0 0 .25rem hsl(from var(--clr-beltza) h s l / .25);
}

.order_note h2{
  margin-bottom: 2.5rem;
}
/*udaleku eta txanda aukeraketa*/
#uda-txanda-signup-form > div{ 
  gap: 1rem 2%;
  align-items: stretch;  
  padding: 2.5%;   
  display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}
#edit-udalekua{
  background-color: var(--clr-grixa);
  margin-block: 3rem !important;
}
#edit-udalekua .form-item-txanda{
  padding: 1rem 2.5%;
  border: 1px solid rgba(0, 0, 0, .15);
  padding-inline-start: 12.5%;  
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#edit-udalekua .form-check .form-check-input {
    float: none; 
    margin-left: 0; 
    position: relative;
    top: 1.5rem;
    left: -1.0rem;
    border: 2px solid var(--clr-beltza);
}
form[class^="uda-"] .form-check-input[type=checkbox]{
  background: var(--clr-txuria);
  border: 2px solid var(--clr-beltza);
}
#edit-udalekua .form-check .form-check-input:checked,
form[class^="uda-"] .form-check-input[type=checkbox]:checked {
  border: 2px solid var(--clr-beltza);
  background: var(--clr-beltza);
}
#edit-udalekua .form-item-txanda:hover{
  background-color: rgba(0, 0, 0, .15);
}
#edit-udalekua .form-item-txanda:has(.form-check-input:checked) {
  background:var(--clr-gradientea);  
}
#uda-txanda-signup-form > div h4{
  font-weight: 700;
  font-size: clamp(2rem, 2.5vw, 3.5rem);
  grid-column: -1/1;
  margin-block-end: 1rem;
}
#uda-txanda-signup-form .m-udalekua{
  grid-column: span 2;
  grid-row: span 2;
}
#uda-txanda-signup-form .m-udalekua img{
  margin: 0;
  aspect-ratio: 1/1;
}
.m-udalekua{
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.m-udalekua *{
  margin: 0;
}
.m-udalekua img{
  aspect-ratio: 4/3;
  object-fit: cover;  
  width: 100%;
  margin-bottom: .5rem;
  border: 1px solid var(--clr-beltza);
}
.m-udalekua .txanda_prezioa { 
 width: fit-content;
 font-size: 1.25rem; 
}
.m-txanda{
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  gap:.25rem !important;
}
.m-txanda .txanda_age{
  font-weight: bold;
  margin-block-start: 1rem;
}
.m-txanda .txanda_name {
    margin-left: -.1rem;
    margin-bottom: .25em;
    font-size: 1.25rem;
    text-transform: uppercase;    
}
.m-txanda .txanda_prezioa{
  font-size: 1.25rem;
  margin-block-start: 1em;
}
.m-txanda .txanda_status_beteta{
  width: fit-content;
  background-color: red;
  color: white;
  text-transform: uppercase;
  font-size: .9rem;
  line-height: 1.2;
  margin-top: .25rem;
}
.resume .m-txanda .txanda_name{
  margin-left: 0;
}
.m-txanda .txanda_date{
  font-weight: normal;
}
#uda-txanda-signup-form   #edit-actions{
  border: 0 !important;
  padding: 0 !important;
  margin-top: 2rem;
}
/*arduraduna gehitu*/
#uda-user2-signup-form{
  inline-size: min(100%, 768px);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
/*umearen datuak*/
.uda-matrikula-form,
.uda-arduraduna-signup-form,
.uda-arduraduna-edit-arduraduna-form,
.uda-matrikula-edit-gaixotasuna-form{
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 2rem 6%;
  max-width: 1280px;
}
form[class^="uda-"] input[type="text"], 
form[class^="uda-"] input[type="password"], 
form[class^="uda-"] input[type="email"],
form[class^="uda-"] select {
  color: var(--clr-beltza) !important;
  border: 1px solid black;
  border-radius: .25em;
  background-color: transparent;
  width: 100%;
  padding: .75rem;
}
form[class^="uda-"] .fieldset-legend{
  font-size: 1rem;
  font-weight: bold;
}
form[class^="uda-"] .form-select:focus {
  border-color: var(--clr-beltza);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,.25);
}
form[class^="uda-"] input[type="text"]:focus-visible, 
form[class^="uda-"] input[type="password"]:focus-visible, 
form[class^="uda-"] input[type="email"]:focus-visible,
form[class^="uda-"] select:focus-visible {
	outline: 1px solid rgba(0, 0, 0, .25);
}
form[class^="uda-"] input[type="text"]::placeholder, 
form[class^="uda-"] input[type="password"]::placeholder, 
form[class^="uda-"] input[type="email"]::placeholder,
form[class^="uda-"] select::placeholder {
    opacity: .25;    
}
form[class^="uda-"] .form-check-input:checked {
  background-color: var(--clr-beltza);
  border-color: var(--clr-beltza);
}
.uda-matrikula-form legend{
  display: none;
}
.uda-matrikula-form > *,
.uda-arduraduna-signup-form > *{
  flex-basis: 330px;
}
.uda-matrikula-form div[id^="edit-jaiotze-data"]{
  display: flex;
  gap: 2%;
}
.uda-matrikula-form div[id^="edit-jaiotze-data"] > *{
  flex-grow: 1;
}
.uda-matrikula-form > h2{
  display: none;
}
.uda-matrikula-form > h3,
.uda-arduraduna-signup-form > h2,
.uda-arduraduna-signup-form > h3,
.uda-matrikula-form .field--name-irudi-tratamendu-onarpena,
.uda-matrikula-form #edit-actions,
.uda-arduraduna-signup-form h3,
.uda-arduraduna-signup-form #edit-actions,
.form-item-irudi-tratamendu-zehaztapena,
.field--name-gaixotasuna,
.field--name-gaixotasunaren-zehaztapenak{
  grid-column: 1/3;
}
.form-item-irudi-tratamendu-zehaztapena,
.onarpenak > .fieldset-wrapper > div:first-child{
  height: 200px;
  overflow-y: auto;
  border: 1px solid var(--clr-grixa);
  padding: 1rem;   
}
.onarpenak > .fieldset-wrapper > div:last-child{
  margin-top: 2rem !important;
}
div[class^="js-form-item-hitzarmena"]:has(.form-checkbox.error){
  border: 2px solid red;
  padding: .5rem;
  border-radius: 100vw;
  padding-inline: 3rem;
  padding-top: 1rem;
}
/*gaixotasunen taula*/
.field--name-gaixotasunaren-agiriak{
  grid-column: -1/1;
}
.field--name-gaixotasunaren-agiriak .tabledrag-toggle-weight-wrapper{
  display: none;
}
.field--name-gaixotasunaren-agiriak table{
  margin-block-end: 3rem;
}
.field--name-gaixotasunaren-agiriak table th{
  text-transform: uppercase;
  font-size: 1.15rem;
}
.field--name-gaixotasunaren-agiriak table th,
.field--name-gaixotasunaren-agiriak table td{
  width: 50%;
  padding: 1em;
  border: 1px solid var(--clr-beltza);
}
.field--name-gaixotasunaren-agiriak table th *,
.field--name-gaixotasunaren-agiriak table td *{
  color: var(--clr-beltza) !important;
}
/*matrikula eskaera arduradun botoiak*/
.lerrokatu{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
/*matrikulazio botoiak*/
#uda-resume-signup-form #edit-actions{
  margin-block: 2rem !important;
}
form[id^="uda-"] #edit-actions{
  display: flex;    
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5rem;
  row-gap: 2rem;
  justify-content: end;
  
}
.user-register-udalekuak-form #edit-actions a,
#edit-actions button,
#user-form #edit-actions button,
.user-register-udalekuak-form #edit-actions button,
form[id^="uda-"] #edit-actions button,
form[id^="uda-"] #edit-actions a{    
  background-color: var(--clr-txuria) !important;
  border: 1px solid var(--clr-beltza) !important;
  color: var(--clr-beltza) !important;
  padding-block: .65rem !important;
  display: flex;
  align-items: self-end;
  background-repeat: no-repeat;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 100vw;
}
.user-register-udalekuak-form #edit-actions a,
form[id^="uda-"] #edit-actions a{ 
  padding-inline: 1.5rem;
 }
 .user-register-udalekuak-form #edit-actions a:hover,
form[id^="uda-"] #edit-actions a:hover,
#edit-actions button:hover,
#user-form #edit-actions button:hover,
.user-register-udalekuak-form #edit-actions button:hover,
form[id^="uda-"] #edit-actions button:hover{
  background-color: var(--clr-beltza) !important;
  color: var(--clr-txuria) !important;
}
form[id^="uda-"] #edit-actions button#edit-prev{
  padding-right: 1.5rem !important;
}
#edit-actions button#edit-submit,
#user-form #edit-actions button,
.user-register-udalekuak-form #edit-actions button,
form[id^="uda-"] #edit-actions button#edit-submit{
  padding-left: 1.5rem !important;
}
form[id^="uda-"] #edit-actions button#edit-prev::before,
form[id^="uda-"] #edit-actions button#edit-submit::after,
.user-register-udalekuak-form #edit-actions button::after,
#user-form #edit-actions button::after,
#edit-actions button#edit-submit::after{
  content: ' ';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../images/atzera-beltza.svg) !important;
  background-position: center !important;  
}
form[id^="uda-"] #edit-actions button#edit-prev:hover::before,
form[id^="uda-"] #edit-actions button#edit-submit:hover::after,
.user-register-udalekuak-form #edit-actions button:hover::after,
#user-form #edit-actions button:hover::after,
#edit-actions button#edit-submit:hover::after{  
  background-image: url(../images/atzera-txuria.svg) !important;  
}
form[id^="uda-"] #edit-actions button#edit-submit::after,
.user-register-udalekuak-form #edit-actions button::after,
#user-form #edit-actions button::after,
#edit-actions button#edit-submit::after{  
  transform: rotate(180deg);
}
.user-register-udalekuak-form #edit-actions a,
#uda-resume-signup-form #edit-actions > button#edit-submit{
  border: 0 !important;
  color: var(--clr-txuria) !important;  
  background: rgb(230, 45, 99);
  background: linear-gradient(90deg, rgba(230, 45, 99, 1) 0%, rgba(61, 68, 149, 1) 100%);
  
}

.user-register-udalekuak-form #edit-actions a::after{
  all: unset;
}
.user-register-udalekuak-form #edit-actions a:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
#uda-resume-signup-form #edit-actions > button#edit-submit:hover,
#uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria:hover{
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
#uda-resume-signup-form #edit-actions > button#edit-submit::after{
  background-image: url(../images/atzera-txuria.svg) !important;
}
/*laburpeneko em etiketa*/
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"] + em{
  clear: both;
  display: block;
}
/*laburpeneko botoiak*/
button[data-drupal-selector^="edit-gaixotasunaren-agiria-"].btn.btn-primary{
  background-color: #000 !important;
  color: white;
  padding: .5rem 1rem !important;
  margin-left: 1rem;
}
button[data-drupal-selector^="edit-gaixotasunaren-agiria-"].btn.btn-primary:hover{
  background-color: red !important;
}
#uda-resume-signup-form .fieldset-wrapper button,
a[data-drupal-selector^="edit-"]{
  background-color: var(--clr-txuria) !important;
  border-radius: 100vw !important;
  padding-inline: 1rem !important;
  display: inline-block;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding-block: .5rem !important;
}
a[data-drupal-selector^="edit-"]{
  margin-block: 2rem;
}
#uda-resume-signup-form .fieldset-wrapper .produktua,
#uda-resume-signup-form .fieldset-wrapper .matrikula,
#uda-resume-signup-form .fieldset-wrapper .arduraduna{
  clear: both;
  margin-top: 3rem;
}
a[data-drupal-selector^="edit-"],
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-edit"],
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"],
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-delete"],
#uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria{
  border: none !important;
  background-color: var(--clr-grixa) !important;
  color: var(--clr-beltza) !important;
  display: flex;
  align-items: center;
  gap: .5rem;
}
a[data-drupal-selector^="edit-"]{
  background-color: var(--clr-txuria) !important;
  text-decoration: none;
  float: none;
  width: fit-content;
  border:1px solid black !important;
}
a[data-drupal-selector^="edit-"]:hover{
  border: 1px solid transparent !important;
}
#uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria {
  color: var(--clr-txuria) !important;
  text-transform: uppercase;
  float: right;
  clear: both;
  margin-top: .5rem;
  background-color: var(--clr-berdea) !important;
}
a[data-drupal-selector^="edit-"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-edit"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-delete"]::after,
#uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria::after{
content: ' ';
display: inline-block;
width: 25px;
height: 25px;

background-position: center !important;  
background-repeat: no-repeat;
background-size: cover;
}
a[data-drupal-selector="edit-delete"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-delete"]::after{
  background-image: url(../images/delete-b.svg);    
}
a[data-drupal-selector="edit-delete"]:hover::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-delete"]:hover::after{
  background-image: url(../images/delete-t.svg);
}
a[data-drupal-selector="edit-add"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"]::after{
  background-image: url(../images/add-b.svg);
}
a[data-drupal-selector="edit-add"]:hover::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"]:hover:after,
#uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria::after{
  background-image: url(../images/gehitu-t.svg);
}
a[data-drupal-selector="edit-edit"]::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-edit"]::after{
  background-image: url(../images/edit-beltza.svg);
  background-size: 90%;
}
a[data-drupal-selector="edit-edit"]:hover::after,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-edit"]:hover:after{
  background-image: url(../images/edit-txuria.svg);
}
a[data-drupal-selector="edit-delete"]:hover,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-delete"]:hover{
  background-color: red !important;  
  color: var(--clr-txuria) !important;
}
a[data-drupal-selector="edit-edit"]:hover,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-edit"]:hover{
  background-color: orange !important;
  color: var(--clr-txuria) !important;
}
a[data-drupal-selector="edit-add"]:hover,
#uda-resume-signup-form .fieldset-wrapper button[data-drupal-selector="edit-add"]:hover{
  background-color: var(--clr-berdea) !important;
  color: var(--clr-txuria) !important;
}
/*produktuak aukeratu*/
#uda-produktu-eskaera-signup-form{
  
}
#edit-produktua .fieldset-wrapper,
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper{
  display: flex !important;
  flex-wrap: wrap;
  gap: 2.5%;
  margin-bottom: 1rem;
}
#edit-produktua .fieldset-wrapper{
  max-inline-size: 325px;  
}
#edit-produktua .fieldset-wrapper,
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper{
  display: flex !important;
  flex-direction: column;
  flex-basis: 320px;
  border: 1px solid black;
  padding: 1rem;  
}
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper *,
.mb-3{
  margin: 0 !important;
}
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper .produktua *{
  margin-bottom: .5rem !important;
}
#edit-produktua .fieldset-wrapper .produktua,
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper .produktua{
  text-align: center;
}
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper .produktua img{
  display: block;
  margin-inline: auto !important;
}
#edit-produktua .js-form-item,
#uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper .js-form-item,
#uda-user2-signup-form .js-form-item{
  margin-bottom: 1rem !important;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  accent-color: var(--clr-beltza);
}
/*laburpena*/
#uda-resume-signup-form > h2{
  font-size: 2.5rem !important;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
#uda-resume-signup-form .info > .fieldset-wrapper{  
  width: fit-content;
  background-color: var(--clr-grixa);
  padding: 2.5%;
  align-items: flex-end;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;

}
#uda-resume-signup-form .info .m-txanda{
  padding-left: 0 !important;
}
#edit-irudi-tratamendu-zehaztapena{
  margin-block-start: 3rem !important;
}
#edit-irudi-tratamendu-zehaztapena::before,
#uda-resume-signup-form legend .fieldset-legend,
.uda-matrikula-form > h3 {
  font-size: 2.0rem !important;
  margin-top: 2em !important;
  display: block;
      text-transform: uppercase;
    margin-block: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    padding-bottom: .5rem;
    font-weight: 600;
}
#edit-irudi-tratamendu-zehaztapena::before{
  content:'Irudien tratamendua';
  display: block;
}
#uda-resume-signup-form h4.udaleku_izenburua{
  font-weight: bold;
  grid-column: -1/1;
}
#uda-resume-signup-form .txanda_name,
#uda-resume-signup-form .txanda_prezioa{
  font-size: 1.5rem !important;
}
#uda-resume-signup-form .resume.produktuak{
  margin-bottom: 2.5rem !important;
}
#uda-resume-signup-form .fieldset-wrapper button[name^="matrikula_"] {
  float: right;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: bold;
  background-color: var(--clr-beltza) !important;
  color: var(--clr-txuria) !important;
}
#uda-resume-signup-form .fieldset-wrapper button[name^="matrikula_"][data-drupal-selector="edit-edit"]::after{
  background-image: url(../images/edit-txuria.svg) !important;
}
#uda-resume-signup-form .fieldset-wrapper button[name^="matrikula_"][data-drupal-selector="edit-delete"]::after{
  background-image: url(../images/delete-t.svg) !important;
}
#uda-resume-signup-form .produktuak > .fieldset-wrapper > .produktua{
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: rgba(0, 0, 0, .025);
  padding: .75rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  
}
#uda-resume-signup-form .produktuak > .fieldset-wrapper > .produktua *{
  margin: 0;
}
.arduraduna dl,
.matrikula dl {
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: 20% 1fr;   
  grid-row-gap: 2px;
  grid-column-gap: 0px;
  margin-bottom: 2rem; 
  margin-top: 1rem;
  /*box-shadow: 1px 5px 16px -6px rgba(0,0,0,0.2);*/
}
.arduraduna dl dt,
.matrikula dl dt {
font-weight: 400;	
padding: .85em;	
background-color: #fff;
background-color: rgba(0, 0, 0, .07);
background-color: var(--clr-grixa);
font-weight: bold;
border-bottom: 1px solid rgba(0, 0, 0, .25);
font-size: 1.1rem;
}
.arduraduna dl dd,
.matrikula dl dd {
  border-left: none;
  padding-left: 0em;
  margin-left: 0;
  padding: .85em;
  background-color: rgba(0, 0, 0, .025);
  margin-bottom: 0em;
  margin-top: 0em;
  border-bottom:  1px solid rgba(0, 0, 0, .25);  
}
/*prezioak*/
.prezioa{
	margin: 2em 0;
}
.prezioa dl{
	text-align: right;
	font-size: 1.25em;
	font-weight: bold !important;
	grid-template-columns: 73% 27%;
  display: grid;
  grid-gap: 0px; 
  margin-bottom: 2rem; 
  margin-top: 1rem;
  
}
.prezioa dt{
	background-color: rgba(0, 0, 0, .025) !important;
	border-bottom: 1px solid #555;
	color: var(--clr-beltza);
  font-weight: 400;
  padding: .75rem;    
}
.prezioa dd{
	background-color: rgba(0, 0, 0, .075) !important;	  
	color: var(--clr-beltza);
  margin: 0;
  padding: 1rem;
  font-weight: 400;
  border-bottom: 1px solid #555;  
}
.prezioa .fieldset-wrapper > dl:last-child{
  text-transform: uppercase;  
}
.prezioa .fieldset-wrapper > dl:last-child dd{
  background-color: var(--clr-beltza) !important;
  color: var(--clr-txuria) !important;  
}
/*onarpenak*/
#uda-resume-signup-form .onarpenak {
  font-size: .9rem;
}
#uda-resume-signup-form .onarpenak .checkbox{
  margin-bottom: 2rem !important;
}
.onarpenak .form-check-input.error {
  background-color: #ff00001a;
  border-color: red;
  border: 2px solid red;
}
/*udalekuak user register*/
.ikapp9-bootstrap5-content:has(.user-register-udalekuak-form) .nav-tabs{
  max-width: 768px;
  margin-inline: auto;
  margin-top: 4rem;

}
.ikapp9-bootstrap5-content:has(.user-register-udalekuak-form) nav.tabs {
  margin-bottom: 0rem;
}
#content .nav-tabs .nav-item.show .nav-link, 
#content .nav-tabs .nav-link.active {
  color: var(--clr-beltza) !important;
  background-color: var(--clr-grixa);  
}
#content .nav-tabs a{
  color: var(--clr-beltza) !important;
  padding-inline: .25rem;  
}
.nav-tabs { 
  --bs-nav-tabs-border-color: var(--clr-grixa);  
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
  background-color: var(--clr-grixa);
  border-color: var(--clr-grixa);
}
.user-register-udalekuak-form {
  max-width: 768px;
  width: 100%;
  margin-inline: auto;
  background-color: var(--clr-grixa);
  padding: 4%;
  padding-block: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.user-register-udalekuak-form h2{
  font-weight: var(--fw-bold);
  font-size: clamp(1.75rem, 1rem + 2.5vw, 2.5rem);
  line-height: 1em;
  margin-bottom: 0;
  text-wrap: balance;
  margin-bottom: 1rem; 
}
.user-register-udalekuak-form h2,
.user-register-udalekuak-form #edit-account,
/*.user-register-udalekuak-form #edit-account > div:first-child,*/
.user-register-udalekuak-form #edit-pass,
.user-register-udalekuak-form #edit-actions{
  grid-column: 1/3;
}
.user-register-udalekuak-form #edit-account,
.user-register-udalekuak-form #edit-pass{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.user-register-udalekuak-form #edit-actions{
  margin-top: 1.5rem !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 2rem;
}
.user-register-udalekuak-form .captcha{
  grid-column: -1/1;
}
.password-suggestions {
  padding: 1rem; 
  border: 1px solid #000;
}
/*erabiltzailea login*/
#block-udaloginblokea{
  padding-left: 0 !important;
  padding-right: 1rem;
  margin-left: .5rem;
  padding-right: .35rem;
}
#block-udaloginblokea .btn.btn-primary {
  transition: all ease 0.3s;
}
#block-udaloginblokea .btn.btn-primary:hover {
  color: white!important;
}
.saioa-hasi a{
  background-color: var(--clr-beltza);
  padding: .5rem 1rem;
  border-radius: 100vw;    
  display: flex;
  align-items: center;
  gap: .5rem;
  justify-content: center;
  transition: background-color .25s ease-in;
}

.saioa-hasi a:hover{
  background-color: var(--clr-primary);
}
.saioa-hasi a{
  color: var(--clr-txuria) !important;
  text-decoration: none;
}
#block-udaloginblokea .dropdown .btn.btn-primary{
  color: var(--clr-txuria);
}
#block-udaloginblokea .dropdown-menu{
  width: 90%;
  margin-left: 5%;
  margin-top: .1rem;
}
#block-udaloginblokea .dropdown-menu a,
#block-udaloginblokea .dropdown-menu a:hover{
  color: var(--clr-beltza) !important;
}

#block-udaloginblokea .dropdown-menu a:active{
  background-color: var(--clr-txuria) !important;
}
/*logeatu ondoren eskaeren pantalla*/
.ikapp9-bootstrap5-content:has(.eskaera) .eskaera h2{
  text-transform: uppercase;
  margin-block: 1.5rem;
  border-bottom: 1px dashed rgba(0, 0, 0, .5);
  padding-bottom: .5rem;
}
.eskaera{
  background-color: var(--clr-grixa);  
  padding: 2.5%;
  margin-bottom: 4rem;
  border: 1px solid rgba(0, 0, 0, .15);
 /* box-shadow: 1px 5px 16px -6px rgba(0,0,0,0.2);*/
}
.eskaera dt{
  background-color: rgba(0, 0, 0, .075) !important;
}
.eskaera-datuak{
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  column-gap: 2rem;
  row-gap: 1rem;
  margin-bottom: 2rem;
}
.eskaera-datuak > div:nth-child(5){
  margin-left: auto;
}
.download-argazkiak{
  text-align: right;
}
.download-argazkiak a, 
.eskaera-datuak > div:nth-child(5) a, 
.eskaera-datuak > div:last-child a {
    border: 1px solid var(--clr-beltza);
    color: var(--clr-beltza) !important;
    text-decoration: none;
    padding: .5rem;    
    border-radius: 100vw;
    padding-inline: 1rem;
}
.eskaera-datuak > div:nth-child(5) a, 
.eskaera-datuak > div:last-child a{
  background-color: var(--clr-beltza);
  color: var(--clr-txuria) !important;
}
.download-argazkiak a:hover,
.eskaera-datuak > div:nth-child(5) a:hover,
.eskaera-datuak > div:last-child a:hover{
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-txuria) !important;
}
.txanda-argazkiak{
  gap: .5rem;
  margin-bottom: 3rem;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.txanda-argazkiak img{
  aspect-ratio: 4/3;
  object-fit: cover;
}
.eskaera table{
 /* box-shadow: 2px 2px 0px var(--clr-beltza);*/
  font-size: 1rem;
}
.eskaera tr:nth-child(odd){
  background-color: #e3e3e329;
}
.eskaera table th{
  background-color: var(--clr-beltza);
  background-color: rgb(0,0,0,.1);
  color: var(--clr-beltza) !important;
  text-transform: uppercase;
}
.eskaera table th,
.eskaera table td{
  padding: 1rem;  
  border: 1px solid black;  
}
.eskaera table td{
  background-color: var(--clr-grixa);
}
.eskaera table th{
  width: 20%;
}
.eskaera .m-udalekua,
.eskaera .produktua{
  display: flex;
  flex-direction: column;
  max-width: 330px;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 1);
  margin-bottom: 2rem;    
}
.eskaera .produktua img{
  margin-bottom: 1rem;
}
.eskaera .m-txanda{
  padding-left: 0 !important;
}
.eskaera .m-txanda .txanda_name,
.eskaera .m-txanda .txanda_prezioa{
  font-size: 1.5rem !important;
}
.eskaera .m-udalekua{
  flex-direction: column-reverse;
  border: 0;
  padding: 0;
}
.eskaera .m-udalekua h4{
  font-weight: bold;
}
.eskaera > dl{
	text-align: right;
	font-size: 1.25em;
	font-weight: bold !important;
	grid-template-columns: 80% 20%;
  display: grid;
  grid-gap: 0px; 
  margin-bottom: 2rem; 
  margin-top: 1rem;
  
}
.eskaera > dl dt{
	background-color: rgba(0, 0, 0, .025) !important;
	border-bottom: 1px solid #555;
	color: var(--clr-beltza);
  font-weight: 400;
  padding: 1rem;  
}
.eskaera > dl dd{
	background-color: rgba(0, 0, 0, .085) !important;	
	color: var(--clr-beltza);
  margin: 0;
  padding: 1rem;
  font-weight: 400;
  border-bottom: 1px solid #555;
}
.eskaera > dl:last-child{
  text-transform: uppercase;
}
.eskaera > dl:last-child dd{
  background-color: var(--clr-beltza) !important;
  color: var(--clr-txuria) !important;
}
.ordainduta,
.onartua{
  background-color: rgba(0, 128, 0, .5); 
  padding: 0 .5rem;
}
.ezeztatuta,
.baja{
  background-color: rgba(255, 0, 0, .5);
  padding: 0 .5rem;
}
.onarpenaren_zain,
.ordaindu_gabe{
  background-color: rgba(255, 166, 0, .5);
  padding: 0 .5rem;
}
.ezeztatuta,
.baztertuta{
  background-color: rgba(0, 0, 0, .4);
  padding: 0 .5rem;
}


/*profila editatu*/
#user-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4%;
  grid-row-gap: 2rem;
  max-width: 768px;
  width: 100%;
}
#user-form #edit-account > *{
  margin-bottom: 2rem !important;
}
#user-form #edit-pass{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4%;
  grid-row-gap: 2rem;
}
#user-form #edit-account{
  grid-column: 1/3;
}
#user-form summary{
  display: none;
}
#user-form #edit-actions{
  grid-column: -1/1;
}
  
 /*mediaqueriak*/
 @media  (max-width: 1920px){
   /*goiburuko irudi fondoa*/
  .ikapp9-bootstrap5-highlighted #goiburublokea img, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia img {
    height: 210px;    
  }
   /*eduki blokeak*/
    div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img {
      aspect-ratio: 16/5;
      object-fit: cover;
    }
 }
@media  (max-width: 1440px){
  /*menu nagusia*/
  #block-local-barrio-main-menu{
    font-size: .9em;
  }
  /*goiburu blokeak*/
  .ikapp9-bootstrap5-highlighted #goiburublokea img, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia img {
    height: 200px;  
  }
  .ikapp9-bootstrap5-highlighted #goiburublokea h1, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia h1 {
    font-size: 4.25em;
  }
  /*albiste nabarmendua*/
   #block-views-block-albisteak-block-2 .views-row {
       grid-gap: 7%;  
  }
  /*eduki blokeak*/
  div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea {
    grid-template-columns: 62% 36%;  
    width: 95%;
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img {
    aspect-ratio: 16/6;
    object-fit: cover;
  }
  div[id*="block-views-block-eduki-blokea"]:has(.irudia > div:empty) .eduki-blokea{
    grid-template-columns: 65% 1fr;  
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-body h2 {
    font-size: 4.0em;
  }
  /*udaleku matrikulazioa*/
  /*udaleku eta txanda aukeraketa*/
  #uda-txanda-signup-form > div{  
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
}
@media (max-width: 1280px) {
  .ikapp9-bootstrap5-body header#header ul.navbar-nav a, 
  .ikapp9-bootstrap5-body header#header ul.navbar-nav span {
    font-size: .9rem;  
    padding-left: .5rem;
  }
  /*udalekutako lasterbideak*/
  #content .udalekuLasterbideak2 {
    gap: 2%;  
  }
  #content .udalekuLasterbideak2 li h2 {
    font-size: 1.75rem;
  }
  #content .udalekuLasterbideak2 li h3 {
    font-size: 1.17rem;
  }
   /*udaleku matrikulazioa*/  
  #uda-txanda-signup-form .m-udalekua img { 
    aspect-ratio: 1/1.25;
  }
}
@media (max-width: 1024px) {
   /*egitura*/
   #main-wrapper {
    margin-top: 1.5em;
  }
  /*menu nagusia*/
  .navbar-toggler {
    border: 0;
    position: relative !important;
  }
  /*slick*/
  .slick-edukia {
    grid-template-columns: 70% 1fr;  
  }
   /*goiburu blokeak*/
  .ikapp9-bootstrap5-highlighted #goiburublokea h1, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia h1 {
    font-size: 3.9em;   
  }
  /*tituluak*/
  #block-views-block-albisteak-block-2 > h3, 
  #block-local-barrio-views-block-albisteak-block-1-2 > h3,
  #block-local-barrio-views-block-albisteak-block-1 > h3, 
  .field--name-field-pdf-galeria-media > div:first-child, 
  .field--name-field-fitxategiak-media > div:first-child {
     margin-bottom: 2em;
     padding-top: .5em;
  }
  /*albiste nabarmendua*/
  #block-views-block-albisteak-block-2 .views-row {
    display: flex;
    flex-direction: column;
    gap: .5em !important;
    align-items: center;
    border: 0;
  }
  #block-views-block-albisteak-block-2 .views-row > :first-child{
    order: 1;
  }
  #block-views-block-albisteak-block-2 .views-row > :nth-child(2){
    order: 0;
  }
 /*atariko albisteak*/
  #block-local-barrio-views-block-albisteak-block-1-2 .views-row:last-child {
   display: none;
  }
  #block-local-barrio-views-block-albisteak-block-1-2 .views-row:nth-child(2){
    border-right: 0px;    
  }
  /*eduki blokeak*/
  div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea {
    grid-template-columns: 57% 35%;
    grid-gap: 4%;
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-body h2 {
    font-size: 3em;
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img {
    aspect-ratio: 13/6;  
  }
  /*artikulu barruko azken albisteak blokea*/
  .node--type-article .ikapp9-bootstrap5-content .block-views-blockalbisteak-block-1 .view-albisteak {
      padding: 2%;
  }
  .node--type-article .ikapp9-bootstrap5-content .view-albisteak .view-content {
      display: grid;     
      grid-column-gap: 1em;
      grid-row-gap: 3em; 
  }
  /*kontaktua*/
  .path-contact .ikapp9-bootstrap5-content {
    gap: 5%;  
  }
  /*udaleku matrikulazioa*/
  #uda-txanda-signup-form > div{  
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 3%;
  }
  #uda-txanda-signup-form .m-udalekua img   {
    aspect-ratio: 16/9;
  }
  #edit-udalekua .form-item-txanda {  
    aspect-ratio: 16/11;
    padding-inline-start: 7.5%;    
    padding-block: 1em;
  }
}
@media (max-width: 992px) {
  /*taulak*/
  #content table{
    overflow-x: scroll; 
    display: block;
  }
  /*slick*/
   .slick-edukia{  
    grid-template-columns: 1fr;   
    text-align: center;
  }
  .slick-edukia > div{
    padding: 1.5em !important;
  } 
  .ikapp9-bootstrap5-highlighted .slick img {
    aspect-ratio: 4/2.8; /* 4/3 */
    object-fit: cover;
  }
  /*eduki blokeak*/
  div[id*="block-views-block-eduki-blokea"]:has(.irudia > div:empty) .eduki-blokea {
    grid-template-columns: 80%;  
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-body h2 {
    font-size: 2.75em;
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-body p {
    font-size: 2em;    
  }
  /*templateak*/
  /*testuak zutabetan*/
  .testuakHiruZutabe {
    row-gap: 2em !important; 
  }
  /*irudiTestua*/
  .irudiTestua .testua{
    padding: 1em 0 !important;
  }
 }
@media (max-width: 768px) {
  
  /*egitura*/
  #main-wrapper {
    margin-top: 1.0em;
  }
  /*goiburua*/
  .navbar {
    align-items: center !important;  
  }
  /*goibueuko blokeak*/
  .ikapp9-bootstrap5-highlighted #goiburublokea h1, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia h1 {
    font-size: 2em;
    margin-left: .2em;
  }
  .ikapp9-bootstrap5-highlighted #goiburublokea img, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia img {
    height: 100px;
  }
  /*eduki blokeak*/
  div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea,
  div[id*="block-views-block-eduki-blokea"]:has(.irudia > div:empty) .eduki-blokea {
    grid-template-columns: 95%;  
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img {
    aspect-ratio: 1/.75;
  }
  div[id*="block-views-block-eduki-blokea"] .irudia {
  display: none;
  }
  /*menua*/
  .navbar-brand img{
    max-inline-size: 250px;
  }
  #CollapsingNavbar {
    top: 6em !important;  
}
  /*oina*/
  .site-footer__top{
    flex-direction: column;
    align-items: center;
  }
  .ikapp9-bootstrap5-body .site-footer__top > section {
    flex-basis: 110px;  
  }
  .ikapp9-bootstrap5-body .site-footer__top > section.region-footer-fourth {
    align-items: center;
  }
  /*udalekuak lasterbideak*/
  #content .udalekuLasterbideak2{
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
  /*udalekuak*/
  .udaleku-portada img {
    aspect-ratio: 16/9;  
  }
  .udalekua:nth-child(odd) .udaleku-portada{
    order: 0;
  }
  .udalekua:nth-child(odd) .udaleku-gorputza{
    order: 1;
  }
  /*udalekua barruan*/
  .udalekuaren-datuak{
    grid-template-columns: 60% 1fr;    
    grid-row-gap: 2rem;
  }
   /*udaleku matrikulazioa*/
   .uda-matrikula-form, 
  .uda-arduraduna-signup-form {
    grid-template-columns: 1fr;  
  }
  .uda-matrikula-form > h2, 
  .uda-matrikula-form > h3, 
  .uda-arduraduna-signup-form > h2, 
  .uda-arduraduna-signup-form > h3, 
  .uda-matrikula-form .field--name-irudi-tratamendu-onarpena, 
  .uda-matrikula-form #edit-actions, .uda-arduraduna-signup-form h3, 
  .uda-arduraduna-signup-form #edit-actions, 
  .form-item-irudi-tratamendu-zehaztapena, 
  .field--name-gaixotasuna, 
  .field--name-gaixotasunaren-zehaztapenak {
    grid-column: 1/2;
}
  #uda-txanda-signup-form > div{  
    grid-template-columns: 1fr;
    gap: 1.5rem 3%;
  }
  #uda-txanda-signup-form .m-udalekua {
     grid-column: unset;
     grid-row: unset; 
  }
  #edit-udalekua .form-item-txanda {
  aspect-ratio: unset;
  }
  #uda-resume-signup-form .info > .fieldset-wrapper {  
    grid-template-columns: 1fr;
    width: 100%;
    padding: 2.5%;
  }
}
@media (max-width: 640px) {
  .udalekuaren-datuak {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  .udalekuaren-datuak > div:first-child {
    padding-right: 0%;
    border-right: 0;
  }
  .udalekuaren-datuak > div:nth-child(2){
    padding: 5%;
    background-color: var(--clr-grixa);
  }
  .udaleku-datuak-kokapena img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .udaleku-datuak-argazkiak {
    grid-column: 1/2;
  }
  /*user login*/
  .ikapp9-bootstrap5-content:has(.user-register-udalekuak-form) .nav-tabs {
    margin-top: 1rem;
  }
  /*udaleku matrikulazioa*/
  #uda-txanda-signup-form > div {  
    flex-grow: 1;
  }
  .uda-matrikula-form, 
  .uda-arduraduna-signup-form {
    grid-template-columns: 1fr;  
  }
  .uda-matrikula-form > h2,
  .uda-matrikula-form > h3,
  .uda-arduraduna-signup-form > h2,
  .uda-arduraduna-signup-form > h3,
  .uda-matrikula-form .field--name-irudi-tratamendu-onarpena,
  .uda-matrikula-form #edit-actions,
  .uda-arduraduna-signup-form h3,
  .uda-arduraduna-signup-form #edit-actions,
  .form-item-irudi-tratamendu-zehaztapena,
  .field--name-gaixotasuna,
  .field--name-gaixotasunaren-zehaztapenak{
    grid-column: 1/2;
  }
  #uda-produktu-eskaera-signup-form .mb-3{
    flex-grow: 1;
  }
  #uda-resume-signup-form .produktuak > .fieldset-wrapper > .produktua {
    display: flex;
    align-items: unset; 
    gap: .5rem;    
    flex-direction: column;    
    
  }
  #uda-resume-signup-form .fieldset-wrapper button[name^="matrikula_"] {
    float: left;  
  }
  #uda-resume-signup-form #edit-actions { 
    flex-direction: column;
    gap: 1rem;
  }
  #edit-produktua .fieldset-wrapper{
    max-inline-size: 100%;  
  }
  /*udaleku erregistro form*/
  #user-form,
  #user-form #edit-pass,
  .user-register-udalekuak-form,
  .user-register-udalekuak-form #edit-account, 
  .user-register-udalekuak-form #edit-pass,
  .user-register-udalekuak-form #edit-actions,
  .user-register-udalekuak-form #edit-actions,
  #edit-actions button, #user-form #edit-actions, 
  .user-register-udalekuak-form #edit-actions, 
  form[id^="uda-"] #edit-actions, 
  form[id^="uda-"] #edit-actions,
  .user-login-form #edit-actions,
  .user-pass #edit-actions{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #user-form #edit-pass .confirm-parent,
  #user-form #edit-pass .password-parent,
  .user-register-udalekuak-form .confirm-parent, 
  .user-register-udalekuak-form .password-parent {
    max-width: 100%;
  }  
  .user-register-udalekuak-form #edit-actions a{    
    text-align: center;
    display: block;
    width: 100%;
  }
  .user-register-udalekuak-form #edit-actions a,
  #edit-actions button, #user-form #edit-actions button, 
  .user-register-udalekuak-form #edit-actions button, 
  form[id^="uda-"] #edit-actions button, 
  form[id^="uda-"] #edit-actions a {  
    width: 100%;
    display: block;
    text-align: center;
    padding-inline: 1rem !important;
    font-weight: 600;
    font-size: 1.1rem;
  }
  #edit-actions button#edit-submit, #user-form #edit-actions button, 
  .user-register-udalekuak-form #edit-actions button, 
  form[id^="uda-"] #edit-actions button#edit-submit,
  form[id^="uda-"] #edit-actions button#edit-prev {
    padding-inline: 1rem !important;
    font-weight: 600;
    font-size: 1.1rem;
}
  form[id^="uda-"] #edit-actions button#edit-prev::before, 
  form[id^="uda-"] #edit-actions button#edit-submit::after, 
  .user-register-udalekuak-form #edit-actions button::after, 
  #user-form #edit-actions button::after, 
  #edit-actions button#edit-submit::after {
     all: unset;
  }
 
  /*kamiseta irudia*/
  #uda-produktu-eskaera-signup-form fieldset.produktuak .fieldset-wrapper > fieldset > .fieldset-wrapper .produktua img {
    object-fit: none;  
    width: unset;
  }
  /*laburpena*/
  .arduraduna dl, .matrikula dl {
    grid-template-columns: 1fr;
    grid-row-gap: 0px; 
  }
  .arduraduna dl dt, .matrikula dl dt {  
    border-bottom: 1px solid rgb(249 249 249);
  }
  #uda-resume-signup-form .fieldset-wrapper button#edit-matrikula-berria {
    float: unset;  
  }
}
@media screen and (max-width: 480px) {
  /*sare sozialak*/
  #block-saresozialak{
    padding-left: 0 !important;
  } 
  .user-logged-in #block-saresozialak{
    display: none;
  }
  .ikapp9-bootstrap5-body .sare-sozialak {
    border-right: 0px;
  }
  .ikapp9-bootstrap5-body #navbar-top > section.ikapp9-bootstrap5-top-header {
    justify-content: space-between;  
    row-gap: .75rem;
  }
  /*goiburua*/
  .navbar {
    flex-wrap: nowrap;  
  }
  .scrolled.scrolldown header#header,
  .scrolled header#header,
  .scrolled.scrollup header#header {
    position: relative;
    top: 0;
    border-bottom: none;
  }
  .scrolled .highlighted,
  .scrolled.scrollup .highlighted {
    margin-top: 0px;
  } 
  .scrolled #navbar-top {
    display: block;
  }
 
  header#header {
    padding-bottom: 0em;    
  }
  .scrolled header#header::after {
    all: unset;
  }
 /*erabiltzile menua*/
  #block-udaloginblokea { 
      flex-grow: 1 !important;    
  }
  #block-udaloginblokea .dropdown .btn.btn-primary { 
      width: 100%;
  }
  #block-udaloginblokea .dropdown-item {
      background-color: var(--clr-grixa);
      border-bottom: 1px solid var(--clr-beltza);
      padding: .75rem 1.25rem !important;
      font-weight: 600;
  }
  /*goiburu blokeak*/
  .ikapp9-bootstrap5-highlighted #goiburublokea h1, 
  .ikapp9-bootstrap5-highlighted #goiburuIrudia h1 {
    font-size: 1.95em;   
  }
  /*slick*/
  .slick-edukia h2 {
    font-weight: 800;
    font-size: 1.15em;
  }
  /*albisteak*/
  #block-views-block-albisteak-block-2 {
      margin: 0 auto 0em auto;
  }
  /*eduki blokeak*/
  div[id*="block-views-block-eduki-blokea"] .views-field-field-orokorra-fondoko-irudia img {
    aspect-ratio: 1/1.4;
  }
  div[id*="block-views-block-eduki-blokea"] .views-field-body .eduki-blokea {
    width: 95%;  
  }
  /*nabarmendua*/
  #block-views-block-albisteak-block-2 h2 {
    font-size: 3.25em;  
  }
  /*albisteak*/
  #block-local-barrio-views-block-albisteak-block-1-2 .views-row,
  .view-albisteak .views-row {
    border-right: 0px; 
    padding-right: .75em !important; 
  }
  /*oina*/
  .site-footer__top p {  
      text-align: center;
  }
  .site-footer .nav{
    justify-content: center;
    row-gap: 1rem;
  }
}
 /*menu mediaqueria*/
@media screen and (max-width: 1025px) {/*1281*/
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after{
      position: absolute;
      right: 3%;
      top: 28px;
  }
  /*menu responsive*/
  #CollapsingNavbar {
    position: absolute;
    top: 6.75em;
    width: 102%;   
    right: -1%;
    background-color: var(--clr-beltza);      
    background: rgb(230,45,99);
    background: linear-gradient(90deg, rgba(230,45,99,1) 0%, rgba(61,68,149,1) 100%);
  }
  .bootstrap5-body header#header ul.navbar-nav > li,
  #CollapsingNavbar li{    
    background: rgb(230,45,99);
    background: linear-gradient(90deg, rgba(230,45,99,1) 0%, rgba(61,68,149,1) 100%);
  }
  #CollapsingNavbar nav{
    width: 94%;
    margin-inline: auto;
  }
  #CollapsingNavbar,
  .ikapp9-bootstrap5-body header#header ul.navbar-nav ul { 
    text-align: right;
  }
  .ikapp9-bootstrap5-body header#header ul.navbar-nav ul {
    background-color: var(--clr-beltza);
    box-shadow: none !important;
  }
  .ikapp9-bootstrap5-body header#header ul.navbar-nav a,
  .ikapp9-bootstrap5-body header#header ul.navbar-nav span,
  .ikapp9-bootstrap5-body header#header ul.navbar-nav .dropdown-menu a{
    color: var(--clr-txuria) !important;
    padding-block: 1rem;
    font-size: 1rem;
  }
  .ikapp9-bootstrap5-body header#header ul.navbar-nav .dropdown-item.active a{
    color: var(--clr-horia) !important;
    text-decoration: none;        
  }
  .dropdown-item a.is-active{
    color: var(--clr-primary) !important;
  }
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav a, 
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav span {       
    text-transform: uppercase;
  }
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul a, 
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul span {
    border-bottom: none;   
    text-transform: unset;
  }
  .navbar-toggler-icon {
    background-image: url(../images/menu.svg) !important;
  }
  .ikapp9-bootstrap5-body header#header ul.navbar-nav > li 
  {
      position: relative;
      padding-top: 0.75em !important;
      padding-bottom: 0.75em !important;
      border-bottom: 1px solid rgba(255,255,255,.75);
  }
  .ikapp9-bootstrap5-primary-menu ul.sf-menu a, 
  .ikapp9-bootstrap5-primary-menu ul.sf-menu span.nolink, 
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav a, 
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav span {   
    padding: .5em 0em;
  }
  .ikapp9-bootstrap5-body header#header ul.navbar-nav > li:last-child{
    border-bottom: none;
  }
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav ul {
    margin-left: 0em !important;
  }
  .dropdown-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, .15) !important;
  }
  /*lien efektua kendu*/
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li::before,
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after {
  all: unset;
  }
}  
@media (min-width: 1025px) {/*1281*/
    .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after{
     /* position: absolute;
      right: 3%;
      top: 18px;*/
    }
    .navbar-expand-ikapp {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .navbar-expand-ikapp .navbar-nav {
      flex-direction: row;
    }
    .navbar-expand-ikapp .navbar-nav .dropdown-menu {
      position: absolute;
    }
    .navbar-expand-ikapp .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-ikapp .navbar-nav-scroll {
      overflow: visible;
    }
    .navbar-expand-ikapp .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
    .navbar-expand-ikapp .navbar-toggler {
      display: none;
    }
    .navbar-expand-ikapp .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
    }
    .navbar-expand-ikapp .offcanvas .offcanvas-header {
      display: none;
    }
    .navbar-expand-ikapp .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
    }
  }