/*prestakuntza ikonoa*/
.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-ehi-prestakuntza-nagusia::before{
    mask-image: url(../images/ikonoak/prestakuntza-icon.svg) !important;
    -webkit-mask-image: url(../images/ikonoak/prestakuntza-icon.svg) !important; 
}

.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-ehi-prestakuntza-erabiltzaileak::before{
  mask-image: url(../images/ikonoak/prestakuntza-user-icon.svg) !important;
  -webkit-mask-image: url(../images/ikonoak/prestakuntza-user-icon.svg) !important;
} 
/*inter type*/
@font-face {
    font-family: 'inter-italic';
    src: url('../type/inter/Inter-Italic-VariableFont_opszwght.ttf');    
    font-style: normal;
}
@font-face {
    font-family: 'inter-regular';    
    src: url('../type/inter/Inter-VariableFont_opszwght.ttf');       
    font-style: normal;    
}
:root{
  --ff: 'inter-regular', sans-serif;
  --ff-italic: 'inter-italic', sans-serif;


	--clr-primary: rgba(70, 118, 112, 1);
	--clr-secondary: rgba(241, 100, 93, 1);
	--clr-tertiary: rgba(29, 181, 124, 1);

  --clr-primary-light: rgba(70, 118, 112, .1);
  --clr-tertiary-light: rgba(29, 181, 124, .1);

  
  --clr-morea: rgb(180, 178, 217);
  --clr-gorria: rgba(235, 90, 56, 1);
  --clr-granatea: rgb(98, 26, 56);
  --clr-txuria: #ffffff;
  --clr-beltza: #000000;
  --clr-grixa: #f2f2f2;

  --kontainerra: 1600px; 
  --kontainerra-txikia: 1200px;
  --ktr-espazioa: .005em;
  
  --fs: 1.1rem;  
  --fs-txikia: .9rem;
}
/*menua*/
.ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li .nav-link { 
  text-transform: uppercase;
}
/* menuaren itzala */
.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;
    margin-left: .5em;
    transition: transform .1s linear;    
}
.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);
  }

/* menu nagusiaren gaineko marra */
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li::before
  {
      position: absolute;
      width: 100%;
      height: 2px;
      top: 0%;
      left: 5px;
      pointer-events: none;
      border-radius: 3px;
      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);
  }

/*egitura*/
#page-wrapper{
  overflow-x: hidden;
}

/*formularioak*/
.ikapp9-bootstrap5-content #contact-message-feedback-form > * {
  flex-grow: 1;
  flex-basis: 325px;
}
.ikapp9-bootstrap5-content #edit-message-wrapper,
.ikapp9-bootstrap5-content #captcha,
.ikapp9-bootstrap5-content #edit-actions,
.ikapp9-bootstrap5-content .form-item-gdpr-warning{
  flex-basis: 100% !important;
}

/*mediaqueriak*/
@media screen and (max-width: 992px) {
  .ikapp9-bootstrap5-primary-menu ul.nav.navbar-nav > li > span::after{
      position: absolute;
      right: 3%;
      top: 28px;
  }
}  
@media (min-width: 1300px) {
  .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;
  }
}


/*egitura*/
.ikapp9-bootstrap5-body  #main-wrapper {
    margin-block: 3em;    
}
.path-frontpage .ikapp9-bootstrap5-content,
.path-ikastaroak .ikapp9-bootstrap5-content,
.ikastaro-wrapper > .kol2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 7.5%;
}
.path-frontpage #block-local-barrio-page-title,
#block-local-barrio-views-block-goiburua-block-2,
#block-local-barrio-content,
#block-local-barrio-ikastaroak-filtroak,
#block-local-barrio-datozensaioak,
#block-local-barrio-saioak-front,
#block-local-barrio-laguntzablokea,
#block-local-barrio-atalak,
.ikastaroa-informazio-nagusia,
.ikastaroa-informazio-nagusia > .ikastaroa-saioak{
  grid-column: -1 / 1;
}
.ikapp9-bootstrap5-body header#header > nav { 
    padding-inline: .75rem;
}
.highlighted .container-xl,
.highlighted .container,
.ikapp9-bootstrap5-body #content,
.featured-bottom > .container-xl{
  max-inline-size: 100% !important;
  margin-inline: auto;
  margin-block: 0;
}
.ikapp9-bootstrap5-highlighted .goiburu_taldekatzea > *,
.container{
  max-inline-size: var(--kontainerra) !important;
  margin-inline: auto;
}
body:not(.path-frontpage, .path-ikastaroak) .container{ 
  max-inline-size: var(--kontainerra-txikia) !important;
  margin-inline: auto;
}
#page-wrapper{
  overflow-x: clip;    
}
.path-frontpage .featured-bottom{
  margin-block-start: 2rem;
}
.featured-bottom{
  position: relative;
  bottom: -2.2rem;  
}
/*mezu alertak*/
.alert-wrapper .alert { 
    border-radius: 0;
    border-inline: 0;
}
.alert-wrapper .alert h2{
  font-size: 1.5rem;
  font-weight: 600;
  margin-block-end: .5rem;
} 
.alert-success {
    color: var(--clr-txuria);
    background-color: var(--clr-tertiary);
}
.alert-danger {
   color: var(--clr-txuria);
    background-color: var(--clr-gorria);
}
.alert svg { 
    fill: var(--clr-txuria);  
}
.alert-dismissible .btn-close {
    opacity: 1;
}
.btn-close {    
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");  
}
/*lehen albo barra*/
.sidebar_first {
    max-inline-size: 325px;
    inline-size: 100%;
    align-self: self-start;
   
}
.sidebar .block {
    border: none !important;    
    padding: 5%;
    margin: 0;
    background-color: var(--clr-primary-light);    
  }
/*edukia*/
.path-ikastaroak:not(:has(.ehi-prestakuntza-ikastaroa-fitxa)) .block-page-title-block{
  display: none;
}
body{
  font-family: var(--ff);  
  font-size: var(--fs);  
  color: var(--clr-primary);
  accent-color: var(--clr-primary) !important;
}
.layout-main-wrapper a{
  color: var(--clr-secondary);
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
}
.layout-main-wrapper a:not(.btn):hover{
  border-bottom: 0;
}
.layout-main-wrapper a[target="_blank"]:not(.btn){
  background-image: url(../images/bg/blank.svg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size:15px;
  padding-inline-end: 1.15rem;
}
.contextual-links a{
  border-bottom: 0;
}
p:not(:has(.btn)){
  line-height: 1.5;
  font-weight: 300;    
}
p strong,
#content li strong{
  font-weight: 600;/*500*/
}
#page{
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  height: 100vh;
} 
:is(dir, menu, ol, ul) ul {
    list-style-type: disc;
}
/*ogi papurrak*/
.ikapp9-bootstrap5-breadcrumb > div {
    padding: 0em;
    margin: 1em auto 1em auto;
    background-color: var(--clr-txuria);
    border-radius: 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    color: var(--clr-primary);
    
}
.breadcrumb-item.active {
    color: var(--clr-secondary);
    font-weight: 600;
}
/*formularioak-------------*/
/*select*/
.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23467670' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");   
}
.form-select option:checked{
  background-color: var(--clr-primary);  
  color: var(--clr-txuria);
}
.form-select,
.form-control {        
    padding: .75rem 1rem;        
    color: var(--clr-primary);        
    background-color: transparent;
    border-radius: 0; 
    border-color: var(--clr-primary);    
}
/*checkboxak*/
.form-check-input{
  border: 1px solid var(--clr-primary);
}
.form-check-input:checked {
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}
.form-check-input:checked + label{
  color: var(--clr-secondary);
  font-weight: 600;
}
.form-check-input:focus{
    border-color: var(--clr-secondary);   
    box-shadow: 0 0 0 .25rem  rgba(241, 100, 93, .15); 
}
/*focus egoera*/
.form-select:focus,
.form-control:focus {    
    border-color: var(--clr-primary);    
    box-shadow: 0 0 0 .25rem  rgba(29, 181, 124, .15);  
    color: var(--clr-primary);
}
label{
  font-weight: 400;
  font-size: var(--fs-txikia);
}
.ikastaroak-filtroak-form > h3{
  font-size: 1.5rem;  
  margin-block-end: 1rem;
  font-weight: 400; 
  
}
form fieldset .fieldset-legend{
  border-block-end: 1px solid var(--clr-primary);
  border-block-end: 1px solid hsl(from var(--clr-primary) h s l / .5);
  font-size: 1.1rem;
  display: block;
  margin-block-end: .5rem;
}
/*user pasass reset*/
.user-pass-reset{
  text-align: center;
  padding: 5%; 
}
.user-pass-reset .form-actions{
  margin-block: 2rem;
}
/*kontaktua formularioa*/
.ikapp9-bootstrap5-content #contact-message-feedback-form {  
    max-width: 992px;
    margin-inline: 0;
}
/*sidebar first formularioa filtroak*/
#ehi-prestakuntza-ikastaroak-filtroak-form .mb-3{
  margin-block-end: .5rem !important;
}
#ehi-prestakuntza-ikastaroak-filtroak-form label{
  text-transform: unset;
}
.filtroak-pilulak {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding-block-end: 1rem;
}
.filtroak-pilulak a{
  background-color: transparent;
  border: 1px solid var(--clr-secondary);
  flex-direction: row-reverse;
  display: flex;
  gap: .25rem;
  inline-size: fit-content;
  border-radius: 100vw;
  padding: .25rem .5rem;
}
.filtroak-pilulak a:hover,
.filtroak-pilulak a:focus{
  background-color: var(--clr-secondary);
  color: var(--clr-txuria);
  color: var(--clr-txuria);
}
/*mega menu*/
.user-logged-in .navbar-collapse .contextual-region,
.tbm{
  position: unset !important;
}
.tbm-submenu {
   /* 1. Mantiene el ancho total de la ventana */
    width: 100vw !important;     
    /* 2. Fija el punto de partida absoluto al borde del contenedor padre. */
    left: 0 !important; 
    /* Asegura que no haya transformaciones o márgenes adicionales */
    transform: none !important; 
    /* Eleva el submenú por encima de todo */
    z-index: 999;
}
.tbm,
.tbm-submenu-toggle,
.tbm-submenu-toggle:hover,
.tbm-submenu-toggle:focus,
.tbm-link.level-1:hover,
.tbm-link.level-1:focus{
    background-color: transparent;
}
.tbm-link.level-1 {
    color: var(--clr-primary);
    padding: .25rem .9rem;
    
    text-decoration: none;
}
li.level-1 button {
  margin-inline-end: .5em;
}
.tbm a[class*="level-"]:hover,
.tbm a[class*="level-"]:focus{
  color: var(--clr-secondary) !important;
}
.tbm-submenu{ 
  background-color: hsl(from var(--clr-txuria) h s l / .97);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  margin-block-start: 0;  
  border: 0;  
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  padding: 2rem 3%;
  border-top: 1px solid hsl(from var(--clr-primary) h s l / .1);
}
.tbm-subnav {
    margin-block-start: 1rem;
    margin-inline-start: 0rem;  
    list-style: circle; 
}
.tbm-subnav .tbm-link.level-3::before{
 content: '-';
 display: inline-block; 
}
.tbm-row { 
    column-gap: 5%; 
}
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
    color: var(--clr-primary);
    text-decoration: none;
}
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover {
  color: var(--clr-secondary);
}
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link.active-trail {
  color: var(--clr-secondary);
  font-weight: 700;
}
.tbm-group-container {
    border-top: 1px dashed hsl(from var(--clr-primary) h s l / .5);
    margin-block-start: .5rem;
}
.maila-2 {
    margin-block-end: .5rem;
    border-bottom: 1px dashed hsl(from var(--clr-primary) h s l / .5);
    padding-block-end: .5em;
}
.tbm-group-title,
.tbm .maila-2 a{
    font-weight: bold;
    text-transform: uppercase;
}
[lang="es"] .tbm-caption,
[lang="fr"] .tbm-caption{
  display: none;
}
.tbm-caption{
  text-transform: initial;
  font-weight: 400;
  font-size: .95rem;
}
.tbm-submenu-toggle { 
    width: 1.5rem;    
}
/*mugikorretan submenuak ireki eta ixteko*/
.tbm.tbm--mobile .sub-hidden-collapse>.tbm-item-child {
    display: none !important;   
}
.tbm.tbm--mobile .sub-hidden-collapse.open >.tbm-item-child {
    display: block !important;    
}
.tbm.tbm--mobile .tbm-collapse {    
    padding-top: 0rem;
}
.tbm-item.level-1:last-child {
    border-right: 0;
}
/*menu ikonoa mugikorretan*/
.tbm-button-container span:nth-child(1) { 
    background: var(--clr-primary);
}
.tbm-button-container span:nth-child(3) {
  background: var(--clr-secondary);
}
.tbm-button-container span:nth-child(2),
.tbm-button-container span:nth-child(4) {
  background: var(--clr-primary);
}
/*megamenuan blokeak*/
.tbm-block img{
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

/*goiburua*/
header#header{
  background-color: var(--clr-primary-light);
  padding-block: 1rem;
}
header#header > nav{
max-inline-size: var(--kontainerra);
margin-inline: auto;
}
/*login pantalla*/
.page-user-login main .region-content, 
.page-user-password main .region-content {
   background-color: var(--clr-primary);
  padding: 5% 2.5%;
  color: var(--clr-txuria);
  background-image: url(../images/bg/userLogin.svg);
  background-repeat: no-repeat;
  background-position:  bottom right;
  background-size: 150px;
  max-inline-size: 600px;
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-block: 2rem;
}
/*erlaitzak*/
[class*="page-user-"] .nav-tabs  .nav-link{
    color: var(--clr-txuria);
    color: var(--clr-tertiary);
}
[class*="page-user-"] .nav-link:hover,
[class*="page-user-"] .nav-link:focus{
    color: var(--clr-tertiary);
}
[class*="page-user-"] .nav-tabs .nav-link.active {
  color: var(--clr-secondary);
  font-weight: 400;
}
[class*="page-user-"] .nav-tabs{
  border-bottom: 1px solid var(--clr-tertiary);
}
[class*="page-user-"] .nav-tabs .nav-item.show .nav-link, 
[class*="page-user-"] .nav-tabs .nav-link.active {
    color: var(--txuria);
    background-color: #1db57c;
    border-color: var(--clr-tertiary);
}
[class*="page-user-"] .nav-tabs .nav-link:hover{
  border-color: transparent;
}
[class*="page-user-"] form small{
  color: var(--clr-txuria) !important;
  margin-block-start: .5rem;
  display: block;
}
/*login blokea*/
.block-ehi-prestakuntza-user-log > div,
.ikastaro-wrapper .ehi-prestakuntza-user-log-blokea{
 background-color: var(--clr-primary);
  padding: 10%;
  color: var(--clr-txuria);
  background-image: url(../images/bg/userLogin.svg);
  background-repeat: no-repeat;
  background-position:  bottom right;
  background-size: 150px;
}
.page-user-login main .region-content .form-control,
.page-user-password main .region-content .form-control,
.block-user-login-block .form-control{
  border-color: var(--clr-txuria);
  color: var(--clr-txuria);
}
.page-user-login main .region-content .form-control:focus,
.page-user-password main .region-content .form-control:focus,
.block-user-login-block .form-control:focus{
    color: var(--clr-primary);
}
.block-user-login-block .list-group-item {    
    padding: 0;    
    text-decoration: none;
    background-color: transparent;
    border: 0;
}
#content .block-user-login-block .list-group{
  padding-inline-start: 0;
}
.block-user-login-block .list-group-item a{
  color: var(--clr-txuria);
  text-decoration: none;
  &:hover,
  &:focus{
    color: var(--clr-tertiary);
  }
}    
.page-user-login main .region-content button,
.page-user-password main .region-content button,
.block-user-login-block button{
  background-color: var(--clr-tertiary);
  color: var(--clr-txuria);

  &:hover,
  &:focus{
     background-color: var(--clr-secondary);
     border-color: var(--clr-secondary);
  }
}
/*erabiltzailea logeatu ondoren*/
.user-logged-in .block-ehi-prestakuntza-user-log > div,
.user-logged-in .ikastaro-wrapper .ehi-prestakuntza-user-log-blokea{
  background-color:hsl(from var(--clr-primary) h s l / .1);
  color: var(--clr-primary);
  background-image: none;
  display: flex;
  align-items: center;
}
.user-logged-in .ikastaro-wrapper .ehi-prestakuntza-user-log-blokea.matrikulatuta,
.ehi-prestakuntza-ikastaroa-fitxa:has(.ehi-prestakuntza-user-log-blokea.matrikulatuta) .ikastaro-egoera{
    display: none;  
}
.user-logged-in .block-ehi-prestakuntza-user-log > div h3:has(strong),
.user-logged-in .ikastaro-wrapper .ehi-prestakuntza-user-log-blokea h3:has(strong){
  color: var(--clr-secondary);
}
.user-logged-in .block-ehi-prestakuntza-user-log > div h3:has(strong) strong,
.user-logged-in .ikastaro-wrapper .ehi-prestakuntza-user-log-blokea h3:has(strong) strong{
  display: block;
}
.ongi-etorri-blokea{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.ongi-etorri-blokea h3{
  margin-block-end: 0;
}
/*atariko bilaketa filtro atala*/
#block-local-barrio-ikastaroak-filtroak {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: var(--clr-tertiary-light);
    background: linear-gradient(to right, 
    var(--clr-primary-light) 15%,    
    rgba(70, 118, 112, .2) 15% 85%,
    var(--clr-primary-light) 85%     
  );
  padding-block: 1rem;
  margin-block: 10rem;
  border-block-start: 1px dashed var(--clr-primary);
  border-block-end: 1px dashed var(--clr-primary);
    
}
#block-local-barrio-ikastaroak-filtroak form{
  max-inline-size: var(--kontainerra);
  margin-inline: auto;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);    
  display: grid;
  grid-template-columns: repeat(4, 1fr);    
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  column-gap: 5%;
  row-gap: 2rem;
  justify-content: center;  
}
#block-local-barrio-ikastaroak-filtroak form::before{
  display: block;
  content: "Aurkitu zeure ikastaroa";
    font-size: clamp(1.5rem, 3vw, 3.5rem);
    font-weight: 300;  
}
#block-local-barrio-ikastaroak-filtroak form::before,
#block-local-barrio-ikastaroak-filtroak form > *:last-child{
  grid-column: -1 / 1;
  text-align: center;
}
/*prestakuntza eredua irudia*/
#block-local-barrio-ikastolaeredua img{
  inline-size: 100%;
}
/*atariko prestakuntza atalak*/
.path-frontpage .block-ehi-prestakuntza-atalak ul{
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  gap: 3rem 5%;/*2rem*/
  margin-block: 7rem;
  padding-inline: 0;
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li{
  padding-block-start: 1.75rem;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 22px;
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.zuzendaritza){
  background-image: url('../images/bg/etxea.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.erreferenteen-mintegiak){
  background-image: url('../images/bg/izarra.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.proiektuak-ikasmaterialak){
  background-image: url('../images/bg/gezia.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.hezkuntza-ildoak){
  background-image: url('../images/bg/izarLuzea.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.zerbitzuak-digitalizazioa){
  background-image: url('../images/bg/izarErdia.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak ul li:has(.leizaur){
  background-image: url('../images/bg/eh.svg');
}
.path-frontpage .block-ehi-prestakuntza-atalak h4{
  border-block-end: 1px solid var(--clr-primary);
  padding-block-end: .25rem;
  margin-block-end: 1rem;
}
/*atariko datozen saioak*/
.block-ehi-prestakuntza-saioak-front{
  margin-block-end: 7rem;
}
.block-ehi-prestakuntza-saioak-front .btn-primary{
  float: right;
}
.saioak-front-zerrenda{
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns:  repeat(auto-fit, minmax(335px, 1fr));
  margin-block-end: 3rem;
}
.saioak-front-zerrenda li{
  padding: 10%;
  border: 1px solid var(--clr-txuria);
}
.saioak-front-zerrenda li:nth-child(odd){
  background-color: hsl(from var(--clr-primary) h s l / .9);
}
.saioak-front-zerrenda li:nth-child(odd) *{
  color: var(--clr-txuria) !important;
}
.saioak-front-zerrenda li:nth-child(even){
  background-color: hsl(from var(--clr-primary) h s l / .1);
}
.saioak-front-zerrenda li:nth-child(even) *{
  color: var(--clr-primary) !important;
}
.saioa-data{
  display: flex;
  align-items: flex-start;
  gap: .5rem;

}
.saioa-tokia{
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px dashed var(--clr-primary);
  padding-block-end: .25em;
  margin-block-end: .5rem;
}
.saioak-front-zerrenda li:nth-child(odd) .saioa-tokia{
  border-color: var(--clr-txuria);
}
.saioak-front-zerrenda h3{
  margin-block-end: .5rem;
  font-size: clamp(1.25rem, 3vw, 2rem);
}
/*ikastaro zerrenda*/
.ikastaroak-zerrenda{
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));/*500px*/
  gap: 2rem;
}
.ikastaroak-zerrenda > li{
  background-color: var(--clr-primary-light);
  padding: 2rem;
  display: flex;
  flex-direction: column;
    
}
.ikastaroak-zerrenda > li h3{
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin-block-end: 1rem;
  line-height: 1.2;
  font-weight: 400;
  margin-block-start: .75rem;
  text-wrap: pretty;
}
.ikastaroak-zerrenda > li h3 a{
  color: var(--clr-primary);
  &:hover,
  &:focus{
    color: var(--clr-secondary);
  }
}
.ikastaro-data-formatua{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  font-size: .95rem;
  border-block-end: 1px dashed var(--clr-primary);
  border-block-start: 1px dashed var(--clr-primary);
  padding-block: .5rem;
}
.ikastaro-data-formatua > div:first-child{
  display: flex;
  align-items: center;
  gap: .25rem;

}
.ikastaroa-egoera{
  padding: .15rem .25rem;  
  inline-size: fit-content;
  color: var(--clr-txuria) !important;
  line-height: 1;
  font-weight: 300;
  margin-block-start: 0rem !important;
  margin-block-end: .5rem !important;
  font-size: .95rem;
}
.zain{
  display: none;
}
.itxita{
  background-color: var(--clr-secondary);
}
.matrikulatuta{
  background-color: var(--clr-morea);
}
.ikastaroa-item .ikastaroa-emaileak{
  margin-block-start: 1rem;
  margin-block-end: 3rem;
}
.ikastaroa-item .ikastaroa-emaileak ul{
  padding-inline-start: 1rem;
  
}
.ikastaroa-item .btn{
  width: 100%;
  margin-block-start: auto;
}
/*ikastaroaren fitxa*/
.kol2{
  margin-block-end: 2rem;
  align-items: center;
}
.ikastaroa-atala{
  font-weight: 600;  
  margin-block-end: 1rem;
}
.ikastaroa-atala > div{
  display: flex;
  align-items: center;
  gap: .25rem;
}
.ikastaro-atala-deskribapena h3{
  color: var(--clr-secondary);
}
.ikastaro-informazioa > *{
  margin-block: 2rem;
}
.ikastaro-informazioa .ikastaroa-egoera,
.mezua{
  inline-size: 100%;
  padding: 1rem;
}
.mezua{
  color: var(--clr-txuria);
  text-align: center;
  font-weight: 600;
}
.mezua *{
  margin-block: 0rem;
}
.irekita,
.berdea{
  background-color: var(--clr-tertiary);
}
.kontuz{
  background-color: var(--clr-secondary);
}
.ikastaro-informazioa > *{
  margin-block-end: 1.5rem;
}
.ikastaroa-informazio-nagusia{
  padding: 2.5%;  
  background-color: hsl(from var(--clr-primary) h s l / .1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));  
  gap: 2rem 5%; 
}
.ikastaroa-informazio-nagusia h4{
  border-block-end: 1px solid hsl(from var(--clr-primary) h s l / .25);
  padding-block-end: .5rem;
  margin-block-end: 1rem;  
}
.ikastaroa-saioak{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;

  & > h4{
    grid-column: -1 / 1;
  }

  &  .ikastaroa-saioa{
    border: 1px solid hsl(from var(--clr-primary) h s l / .1);
    padding: 5%
  }  
  & ul{
    margin-block-start: 1rem;
  }
}
time{
  font-weight: 600;
}
/*pajinazioa*/
.active>.page-link,
.page-link.active {  
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}
.pagination .page-item a {
    color: var(--clr-primary);    
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
}
.pagination {    
    --bs-pagination-focus-color: var(--clr-primary);   
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--clr-primary-light);
}

/*faq galderak*/
.page-node-20 #block-local-barrio-faqgalderak{
  margin-block: 5rem;
}
/* 1. GAKOA: Altuera dinamikoak (auto) animatzeko aukera aktibatu mundu mailan */
html {
  interpolate-size: allow-keywords;
}

/* Kontenedore nagusia */
.path-frontpage .accordion-container > *:nth-child(n+6),
.page-node-20 #block-local-barrio-atarikofaqtestua p:has(.btn-primary) {
  display: none;
}
#block-local-barrio-faqgalderak{
  align-self: center;
  inline-size: 100%;
}
.accordion-container {
  max-inline-size: 100%;
  margin: 0 auto;  
 
  /*border-radius: 8px;*/
  overflow: hidden;
  /*box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/
}

.accordion-item {
  border-block: 1px solid var(--clr-primary);
}

/* Izenburua */
.accordion-header {
  padding: 1.1rem 1.5rem;
  font-weight: bold;
  background-color: var(--clr-primary-light);  
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
}

.accordion-header:hover {
  background-color: hsl(from var(--clr-primary) h s l / .15);
}

/* Geziaren animazio leuna */
.accordion-header::after {
  content: ' ';
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  font-size: 0.8rem;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  color: var(--clr-txuria);
  block-size: 32px;
  inline-size: 32px;
  border-radius: 100vw;
  background-color: var(--clr-primary);
  place-content: center;
  text-align: center;
}

.accordion-item[open] .accordion-header::after {
  transform: rotate(180deg);
}

/* 2. GAKOA: <details> barruko edukia animatzeko sasi-elementu modernoa */
.accordion-item::details-content {
  height: 0;
  overflow: hidden;
  background-color: var(--clr-txuria);
  
  /* 'allow-discrete' esker, ixtean animazioa amaitu arte itxaroten du ezkutatu aurretik */
  transition: 
    height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
    content-visibility 0.4s allow-discrete;
}

/* Irekita dagoenean, altuera automatikoki hartuko du (eta trantsizioa egingo du) */
.accordion-item[open]::details-content {
  height: auto;
}

/* Barruko testuaren estiloa */
.accordion-content {
  padding: 1rem;
  color: var(--clr-primary);
  line-height: 1.6;
}
/*gotti botoia*/
.ikapp9-bootstrap5-body #topBtn{
  border-radius: .5rem;
 transform:  rotate(-16deg);
 transition: all 0.3s;
 background-color: var(--clr-secondary); 
}
.ikapp9-bootstrap5-body #topBtn:hover{
  background-color: var(--clr-primary);
  transform:  rotate(0deg);
}
/*ikastaro matrikulazio faseak*/
.ui-dialog .ui-dialog-titlebar {   
    background-color: var(--clr-primary) !important;   
}
.ui-dialog:not(.ui-dialog-off-canvas),
.ui-dialog .ui-widget-content.ui-dialog-content {    
    background: #e9f4f2 !important;
}
.ui-dialog #edit-submit.form-submit,
.ui-dialog .button--primary, 
.ui-dialog .button--primary:not(:focus), 
.ui-dialog .ief-entity-submit {
    background: var(--clr-tertiary) !important;
    background-color: var(--clr-tertiary) !important;
    inline-size: 100% !important;
}
.ui-dialog.ui-dialog-buttons .button--primary:not(:focus),
.ui-dialog.ui-dialog-buttons .button,
.ui-dialog.ui-dialog-buttons .button:active, 
.ui-dialog.ui-dialog-buttons .button:focus, 
.ui-dialog.ui-dialog-buttons .button:not(:focus):active, 
.ui-dialog.ui-dialog-buttons .button:not(:focus):focus, 
.ui-dialog.ui-dialog-buttons .form-actions .button:active, 
.ui-dialog.ui-dialog-buttons .form-actions .button:focus, 
.ui-dialog.ui-dialog-buttons .project__action_button:active,
.ui-dialog.ui-dialog-buttons .project__action_button:focus, 
.ui-dialog.ui-dialog-buttons .action-link--icon-trash.action-link:active, 
.ui-dialog.ui-dialog-buttons .action-link--icon-trash.action-link:focus {
    border-color: var(--clr-tertiary) !important;
    font-size: 1.1rem;
    font-family: var(--ff);
    border: 0 !important;
    text-transform: uppercase;
}
.matrikula-berretsi-mezua {
  padding-block-start: 1rem;
  padding-inline-end: 1rem;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {  
    background: #e9f4f2 !important;
}
.ui-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset {   
    justify-content: center !important;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
  margin-inline: auto !important;
    border-radius: 100vw;
    font-family: var(--ff) !important;
    min-inline-size: 11rem;
    background: var(--clr-secondary) !important;
    color: var(--clr-txuria) !important;
    border: 0 !important;
     text-transform: unset;
}
.matrikula-osatuta-mezua h3{
  color: var(--clr-secondary);
}
/*oina*/
.site-footer{
  background-color: var(--clr-txuria);
  margin-block-start: 0 !important;
  font-family: var(--ff);
  padding-block-start: 0em;
  border-block-start: 1px solid var(--clr-primary);
}
.ikapp9-bootstrap5-body .site-footer__top > section {
    align-items: self-start; 
}
.ikapp9-bootstrap5-body .site-footer__top > section.region-footer-fourth{
 /* padding-block-start: 2.25rem;*/
  align-items: self-end;
  justify-content: flex-end;
  gap: 1rem 0;
}
.site-footer address{
  margin-left: 6rem;
}
.site-footer address p{
  margin-block: 0;
}
.site-footer address p *:last-child{
  font-weight: 700;
}
.site-footer .content a,
.site-footer .nav-link{
  color: var(--clr-primary);
  text-decoration: none;
  border-bottom: 1px dashed hsl(from var(--clr-primary) h s l / .5);
  padding-inline: 0 !important;
  margin-inline: .5rem;
  &:hover,
  &:focus{
    color: var(--clr-secondary);
    border-bottom: 1px dashed hsl(from var(--clr-secondary) h s l / 1);
  }
}
.site-footer .content a:hover{
  color: var(--clr-secondary);
}
.site-footer .sare-sozialak{
  margin-block-end: 0rem;
}
.sare-sozialak p,
.sare-sozialak br{
  display: none;
}
.sare-sozialak svg{
  fill: var(--clr-secondary) !important;
}
.site-footer .sare-sozialak svg:hover{
  fill: var(--clr-primary) !important;
}
.ikapp9-bootstrap5-body .site-footer__top {
    flex-wrap: nowrap; 
}
.ikapp9-bootstrap5-body .site-footer__top > section {
    flex-basis: 335px; 
}
.site-footer .nav{
  justify-content: end;
}
.site-footer .nav-link{
    padding-block: 0;
    padding-inline-start: .5rem;
    padding-inline-end: .5rem;
  }

/*cookieak*/
#sliding-popup {
  color: var(--clr-beltza);
}
/*mediaqueriak*/
@media screen and (max-width: 1024px) {
  #block-local-barrio-ikastaroak-filtroak form { 
   /* grid-template-columns: 1fr;    */
}
}
@media screen and (max-width: 992px) {
  /*egitura*/
  .path-frontpage .ikapp9-bootstrap5-content {
    display: flex;
    flex-direction: column;
    
  }
 .block-ehi-prestakuntza-user-log,
 #block-local-barrio-ikastaroak-filtroak,
 .block-ehi-prestakuntza-atalak,
 #block-local-barrio-faqgalderak{
   margin-block-start: 5rem;
  } 
   #block-local-barrio-ikastaroak-filtroak{
     margin-block-end: 5rem;
   }
  .path-ikastaroak .ikapp9-bootstrap5-content,
  .ikastaro-wrapper > .kol2{
    grid-template-columns: 1fr;
    gap: 5rem 0;
  }
  .ikastaro-wrapper > .kol2{
    gap: 1rem 0;
  }
}