/* Ez da ikapp_barrioko cssa inportatu behar. Local_barrio ikapp_barrio-tik heredatzen da.
@import url("../../ikapp_barrio/css/templates.css");
*/
/*koloreak*/
.text-berdea{
    color: var(--clr-primary);
}
.text-gorria{
  color: var(--clr-secondary);
}
.text-txuria{
    color: var(--clr-txuria);
}
.text-marker{
  background-color: var(--clr-secondary );
}
::selection{
  background-color: var(--clr-primary);
  color: var(--clr-txuria);
}

/*botoiak*/
.btn-check:checked+.btn, .btn.active, .btn.show,
.btn:first-child:active, :not(.btn-check)+.btn:active { 
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
p:has(.btn-primary){
  margin-block-start: 1.5rem;
}
.btn.active,
.btn:first-child:active{
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
.btn,
a.btn{
    border-radius: 100vw !important;
    corner-shape: round;
    padding: .5rem 1.5rem !important;
}
.btn-primary,
a.btn-primary{
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
    color: var(--clr-txuria) !important;

    &:hover{
      background-color: var(--clr-secondary);
      border-color: var(--clr-secondary);
    }
}
.btn-secondary,
a.btn-secondary{
  border-color: var(--clr-primary);
  color: var(--clr-primary) !important;
  background-color: transparent;
  border-style: solid;

    &:hover,
    &:focus{
      background-color: var(--clr-secondary);
      border-color: var(--clr-secondary);
      color: var(--clr-txuria) !important;
    }
}
a.btn.btn-tertiary{
  background-color: var(--clr-txuria);
  border: 0 !important;
  padding-inline-start: 0 !important;
  font-size: var(--fs-txikia);
  font-weight: 600;
  color: var(--clr-primary);

  &:hover{
     color: var(--clr-secondary);
  }
}
a.btn.btn-tertiary::after,
a.btn.btn-tertiary:hover::after{
  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='%23467670' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 2 6 6-6 6'/%3e%3c/svg%3e") ;
      background-size: 14px;
    background-position: -2px 0px;
    inline-size: 24px;
    block-size: 14px;
        top: .15em;
    position: relative;
}
  
a.btn.btn-tertiary:hover::after{
  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='%23f1645d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 2 6 6-6 6'/%3e%3c/svg%3e") ;  
}
/*tituluak*/
.node--type-page .block-page-title-block h1{
    text-transform: uppercase;
    font-size: 1rem !important;   
    font-weight: 600;
    line-height: 1.1;
    margin-block-start:2rem;    
    display: flex;
    align-items: center;
    gap: .5rem;
  }
  .node--type-page .block-page-title-block h1::before{
    content: '';
    display: block;
    inline-size: 10px;
    block-size: 1rem;
    background-color: var(--clr-secondary);
  }
h1,h2,h3,h4{
  text-wrap: balance;
  
}
h1 a,
h2 a,
h3 a,
h4 a{
 border: 0 !important;
}
h2{
  font-size: clamp(2.25rem, 6vw, 5rem);
  font-weight: 200;
  text-wrap: balance;
  margin-block-end: 2rem;
 
  line-height: 1.0;
}
h2 strong{
    display: block;
  font-weight: 700;
}
h3,
h3 p{
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 300;
    text-wrap: balance;
    margin-block-end: 2rem;
    line-height: 1.1;
}

h4{
  font-size: var(--fs);
  font-weight: 600;
}
/*cta*/
.cta,
.cta.iluna,
.cta.argia{
    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%     
  );
  color: var(--clr-primary);
  text-align: center;
  display: block;
}
.cta > div:first-child{
  max-inline-size: var(--kontainerra);
  margin-inline: auto;
  padding-inline: 5%;
}
.cta h2{
  font-size: clamp(1.25rem, 3vw, 3rem);
  font-weight: 400;
  margin-block-end: 1rem  ;
}
.cta p{
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 200;
  margin-block-end: 0;
}
.cta .btn{
  margin-block-start: 2rem;
}
/*testuak zutabeka*/
.page-node-21 .testuakHiruZutabe{
  position: relative;
  top: 35px;
  

}
.testuakHiruZutabe{
   display: block;
   margin-block:0 ;
    padding-inline: 1rem;/*.75rem*/
     background-color: hsl(from var(--clr-primary) h s l / .125);
     
}

.testuakHiruZutabe > div {
    max-inline-size: var(--kontainerra-txikia) !important;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    grid-gap: 4rem 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;
}