/* Ez da ikapp_barrioko cssa inportatu behar. Local_barrio ikapp_barrio-tik heredatzen da.
@import url("../../ikapp_barrio/css/templates.css");
*/
:root{
  --ff: 'inter-regular', sans-serif;
  --ff-italic: 'inter-italic', sans-serif;


  --clr-primary: #000000;
  --clr-secondary: #eb5a38;
  --clr-tertiary: #f29270;

  --clr-berdea: #467670;
  --clr-granatea: #621a38;
  --clr-morea: #b4b2d9;

  --clr-berdea-2: #b9b84b;
  --clr-salmon: #f1645d;
  --clr-hori-argia: #fffde9;

  --clr-berdea-3: #1db57c;
  --clr-salmon-2: #f8ac9f;
  --clr-berdea-4: #878951;
  

  --bs-nav-link-hover-color: var(--clr-secondary);

  --clr-txuria: #ffffff;
  --clr-grixa: #f2f2f2;

  --kontainerra: 1220px;
  
  --ktr-espazioa: .05em;
  
  --fs: 1.1rem;  
}
/*editore estiloak*/
.azpititulua{
   font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 400;
  text-wrap: balance;
   margin-block-end: 2rem;
   line-height: 1.1;   
   display: block;
}
/*koloreak*/
.text-txuria{
    color: var(--clr-txuria);
}
.text-berdea{
    color: var(--clr-berdea);
}
.text-granatea{
    color: var(--clr-granatea);
}
.text-morea{
    color: var(--clr-morea);
}
.text-berdea-2{
    color: var(--clr-berdea-2);
}
.text-salmon{
    color: var(--clr-salmon);
}
.text-hori-argia{
    color: var(--clr-hori-argia);
}
.text-berdea-3{
    color: var(--clr-berdea-3);
}
.text-salmon-2{
    color: var(--clr-salmon-2);
}
.text-berdea-4{
    color: var(--clr-berdea-4);
}
/*azpimarrak*/
.text-marker{
    background-color: var(--clr-primary);    
}
.text-marker-secondary{
    background-color: var(--clr-secondary);    
}
.text-marker-tertiary{
    background-color: var(--clr-tertiary);    
}
.text-marker-berdea{
    background-color: var(--clr-berdea);    
}
.text-marker-granatea{
    background-color: var(--clr-granatea);    
}
.text-marker-morea{
    background-color: var(--clr-morea);    
}
.text-marker-berdea-2{
    background-color: var(--clr-berdea-2);    
}
.text-marker-salmon{
    background-color: var(--clr-salmon);    
}
.text-marker-hori-argia{
    background-color: var(--clr-hori-argia);    
}
.text-marker-berdea-3{
    background-color: var(--clr-berdea-3);    
}
.text-marker-salmon-2{
    background-color: var(--clr-salmon-2);    
}
.text-marker-berdea-4{
    background-color: var(--clr-berdea-4);    
}
/*orokorrak*/
.ikapp9-txantiloia *{
    text-wrap: unset;
}
/*edukia bi zutabe*/
.edukiaBiZutabe {   
    margin: 0em auto;
}
.edukiaBiZutabe div[data-quickedit-entity-id*="media/"]{
    margin-block: 2rem;
}
/*aipua, blockquote*/
blockquote p::before{
    all: unset;       
}
blockquote{
    background-color: var(--clr-grixa);
    padding: 2rem 5%;
    color: var(--clr-berdea);
}
blockquote p{
    border-left: 2px solid var(--clr-berdea);
    padding-inline-start: 5%;
    margin-block: 1rem;
}
/*testuak zutabeka*/
.testuakHiruZutabe{
   display: block;
   background-color: var(--clr-grixa);
   margin-block:0 ;
    padding-inline: 1rem;/*.75rem*/
}
.path-frontpage .testuakHiruZutabe{
    background-color: var(--clr-grixa);
   margin-block: 1.5em;
   padding: 2.5%;
   max-inline-size: 100%;
    inset-inline-start: unset;
    inset-inline-end: unset;
    margin-inline-start: unset;
    margin-inline-end: unset; 
   
}
.testuakHiruZutabe > div {
    max-inline-size: var(--kontainerra);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    grid-gap: 2rem 5%;
    padding-inline: .5%;
}
#content .testuakHiruZutabe img{
    max-block-size: 35px;
    inline-size: auto;
}
.ikapp9-txantiloia.testuakHiruZutabe  div[data-quickedit-entity-id] *{
    inline-size: auto !important;
    margin-block-end: .5rem !important;
}
/*botoiak orokorra*/
p:has(.btn){
    margin-block: 0 !important;
}
.ikapp9-bootstrap5-body button.button,
a.btn.btn-primary, 
a.btn.btn-secondary,
#block-views-block-slideshow-block-1-3 .slick-botoia > a,
.ikapp9-bootstrap5-content .more-link a,
#content .txartelak .btn{
    border-radius: 100vw;
    padding-inline: 1.75em;    
    background-color: var(--clr-txuria);
    transition: all ease-in-out .2s;
}
/*primary btn itxura*/
.ikapp9-bootstrap5-body button.button,
a.btn.btn-primary,
#block-views-block-slideshow-block-1-3 .slick-botoia > a,
.ikapp9-bootstrap5-content .more-link a{    
    color: var(--clr-primary);    
}
.ikapp9-bootstrap5-body button.button:hover,
a.btn.btn-primary:hover{
    background-color: var(--clr-primary);
    color: var(--clr-txuria);
}
#block-views-block-slideshow-block-1-3 .slick-botoia > a:hover{
    background-color: var(--clr-secondary);    
}
.ikapp9-bootstrap5-body button.button,
.ikapp9-bootstrap5-content .more-link a{
    border: 1px solid var(--clr-primary);
    padding-block: .75em;
}
.ikapp9-bootstrap5-content .more-link a:hover{
    background-color: var(--clr-primary);
    color: var(--clr-txuria);
}
.ikapp9-bootstrap5-body button.button{
    display: block;
    width: 100%;
}
/*secondary btn*/
a.btn.btn-secondary{    
    color: var(--clr-secondary);
    border-color: var(--clr-secondary);    
}
a.btn.btn-secondary:hover{
    background-color: var(--clr-secondary);
    color: var(--clr-primary);
}
a.btn.btn-tertiary{
    text-transform: uppercase;
    background-color: transparent;
    border: 0 !important;
    padding-inline: 0;
}
a.btn.btn-tertiary:after {
    background-image: url('../images/geziaB.svg');    
    background-size: 23px;        
    margin-inline-start: .15em;   
}
a.btn.btn-tertiary:hover::after {
    background-image: url('../images/geziaB.svg');    
    background-position: 2px 0px;
}
/*txatelak btn*/
#content .txartelak .btn{
    background-color: transparent;
}
/*txartelak*/
.txartelak {
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 400px), 1fr));     
    gap: 1px !important;
    align-items: stretch;   
}
.txartelak > div{
    box-shadow: none;
    background-color: var(--clr-grixa);
    border-radius: 0;
    padding-block: 3rem; 
}
.txartelak > div:first-child{
    background-color: var(--clr-berdea);
    background-color: hsl(from var(--clr-berdea) h s l / .85);
}
.txartelak > div:nth-child(2){
    background-color: var(--clr-morea);
}
.txartelak > div:nth-child(3){
    background-color: var(--clr-secondary);
    background-color: hsl(from var(--clr-secondary) h s l / .9);
}
.txartelak > div:nth-child(4){
    background-color: var(--clr-berdea-4);
}
.txartelak > div:nth-child(5){
    background-color: var(--clr-berdea-2);
}
.txartelak > div:nth-child(6){
    background-color: var(--clr-berdea-3);
}
.txartelak > div:nth-child(7){
    background-color: var(--clr-granatea);
     background-color: hsl(from var(--clr-granatea) h s l / .75);
}
.txartelak > div:nth-child(8){
    background-color: var(--clr-salmon);
}
.txartelak > div:nth-child(9){
    background-color: var(--clr-salmon-2);
}
#content .txartelak .btn{
    color: var(--clr-primary) !important;
    border: 1px solid currentColor !important;
}
.txartelak a.btn.btn-tertiary:after {
    all: unset;    
}

/*txantiloietako hr artikuluetan*/
.node--type-article .ikapp9-txantiloia + hr,
.node--type-article hr:has(+ .ikapp9-txantiloia){
    display: none;
}
/*eduki orokorrak*/
/*tituluak*/
h1,h2,h3,h4,h5,h6{
 text-wrap: balance;  
}
.text-formatted h1{
  font-weight: 700;
  font-size: 3.5rem;
}
h3{
  font-size: 1.5rem;
}
.tituluak > h1,
h1.title,
body:not(.node--type-article) .ikapp9-bootstrap5-highlighted .goiburu_taldekatzea > h1,
.ikapp9-bootstrap5-highlighted #goiburublokea .goiburu_taldekatzea > h1,
/*.block > h3,*/
.h-buleta{
  text-transform: uppercase;
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  font-weight: 500;  
}
.tituluak > h1::before,
h1.title::before,
body:not(.node--type-article) .ikapp9-bootstrap5-highlighted .goiburu_taldekatzea > h1::before,
/*.block > h3::before,*/
.h-buleta::before{
  content: ' ';
  display: inline-block;
  height: .85rem;
  width: .5rem;
  background-color: var(--clr-secondary);
  margin-right: .5rem;
}
.goiburu-argazki-blokeak .tituluak > h1::before{
    background-color: var(--clr-hori-argia);    
}
.goiburu-blokeak-argazkia .tituluak > h1::before{
    background-color: var(--clr-granatea);    
}
/*
.block > h3{
  margin-block-end: .5rem;
}*/
h2 a{
  transition: all ease-in-out .2s;
}
h2 a:hover{
  text-decoration: none !important;
  color: var(--clr-secondary);
}
/*hr*/
hr:not(.txantiloi-hr){
    margin-block: .5rem;
}
/*argazki galeria eskuz indakoa*/
.argazki-galeria{
      inline-size: 100vw;
    position: relative;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
    margin-inline-start: -50vw;
    margin-inline-end: -50vw;
  display: flex;
  flex-wrap: wrap;
}
.argazki-galeria > *{
  flex-basis: 20%;
  flex-grow: 1;  
  min-width: 260px;
}
.argazki-galeria *{
  margin: 0 !important;
}
.argazki-galeria img{
  aspect-ratio: 4/3;
  object-fit: cover;
}
/*irudi luze testua*/
.irudiTestuLuzea,
.testuLuzeIrudia  {
    grid-template-columns: 45% 30%;
    gap: 5%;
   
    inline-size: 80vw;
   
    position: relative;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
    margin-inline-start: -40vw;
    margin-inline-end: -40vw;
   
}
.testuLuzeIrudia  {
    grid-template-columns: 30% 45%;
    gap: 5%;
}
.irudiTestuLuzea .testua,
.testuLuzeIrudia .testua {
    background-color: var(--clr-txuria);   
    justify-content: start;
    color: unset;
    padding: 0;
}
/*testuak hiru zutabe*/
.testuakHiruZutabe{
    background-color: var(--clr-hori-argia);
}
.testuakHiruZutabe .bitxikeriak{
    grid-column: -1/1;
}
/*mediaqueriak*/
@media screen and (max-width: 992px) { 
  /*egitura 
  .testuakHiruZutabe > div {
    grid-template-columns: 1fr;  
  }
    */
}