@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --clr-primary: rgba(0, 124, 186,1);
    --clr-primary-8: rgba(0, 124, 186, .8);
    --clr-primary-6: rgba(0, 124, 186, .6);
    --clr-primary-4: rgba(0, 124, 186, .4);
    --clr-primary-2: rgba(0, 124, 186, .2);

    --clr-secondary: rgba(247, 190, 0, 1);
    --clr-secondary-8: rgba(247, 190, 0, .8);
    --clr-secondary-6: rgba(247, 190, 0, .6);
    --clr-secondary-4: rgba(247, 190, 0, .4);
    --clr-secondary-2: rgba(247, 190, 0, .2);

    --clr-beltza: rgba(0, 0, 0, 1);
    --clr-beltza-2: rgba(0, 0, 0, .2);
    --clr-beltza-1: rgba(0, 0, 0, .075);
    --clr-beltza-05: rgba(0, 0, 0, .05);

    --clr-txuria: rgba(255, 255, 255, 1);
    
	--clr-tertiary:  rgba(0, 0, 0, 1);

    --ff: "Montserrat", sans-serif;
}
/*txantien hr-ak kendu*/
.ikapp9-txantiloia + hr{
    display: none;
}

/*editoreko estiloak*/
.urdina{
    color: var(--clr-primary);
}
.horia{
    color: var(--clr-secondary);
}
.grisa{
    color: var(--clr-beltza-2);
}
.azpimarra-urdina{
    background-color: var(--clr-primary-8);    
}
.azpimarra-horia{
    background-color: var(--clr-secondary-8);    
}
.azpimarra-grisa{
    background-color: var(--clr-beltza-1);    
}
.testua-txikia{
    font-size: 1rem;
}
p:has(.testua-txikia){
    line-height: 1.35 !important;
}
/*botoiak*/
#block-views-block-slideshow-block-1-3 .slick-botoia > a,
.ikapp9-bootstrap5-content .more-link a,
div.btn.btn-primary, 
div.btn.btn-secondary, 
div.btn.btn-tertiary, 
a.btn.btn-primary, 
a.btn.btn-secondary,
a.btn.btn.btn-tertiary {
    border-radius: 100vw;
    padding: .55rem 1.5rem;
}
/*gehiago irakurri*/
.ikapp9-bootstrap5-content .more-link a{
    background-color: var(--clr-txuria);
    color: var(--clr-beltza);
    border: 1px solid var(--clr-beltza);
}
.ikapp9-bootstrap5-content .more-link a:hover{
    background-color: var(--clr-beltza);
    color: var(--clr-txuria);    
}
/*btn primary*/
div.btn-primary, 
a.btn-primary {
    background-color: var(--clr-txuria);
    border: 1px solid var(--clr-beltza);   
}
div.btn.btn-primary > a, 
a.btn.btn-primary {
    color: var(--clr-beltza);
}
div.btn-primary:hover, 
a.btn-primary:hover {
    background-color: var(--clr-beltza);
    border: 1px solid var(--clr-beltza);   
    color: var(--clr-txuria)!important;    
}
div.btn.btn-primary:hover > a, 
a.btn.btn-primary:hover {
    color: var(--clr-txuria);
}

/*btn secondary*/
div.btn-secondary,
a.btn-secondary {
    background-color: var(--clr-primary-2);
    border: 0px;
}
div.btn-secondary:hover,
a.btn-secondary:hover {
    background-color: var(--clr-primary);   
    color: var(--clr-beltza)!important;
}
div.btn.btn-secondary:hover > a, 
a.btn.btn-secondary:hover {
    color: var(--clr-beltza);
}

/*btn tertiary*/
div.btn.btn-tertiary,
a.btn.btn-tertiary {
    background-color: var(--clr-secondary-2);
    border: 0px;
}
div.btn-tertiary:hover,
a.btn-tertiary:hover {
    background-color: var(--clr-secondary);   
    color: var(--clr-beltza)!important;
}
div.btn.btn-tertiary:hover > a, 
a.btn.btn-tertiary:hover {
    color: var(--clr-beltza);
}
/*fletxak denei*/
div.btn.btn-primary > a:after,
a.btn.btn-primary:after,
div.btn.btn-secondary > a:after,
a.btn.btn-secondary:after,
div.btn.btn-tertiary > a:after,
a.btn.btn-tertiary:after {
    display: inline-block;
    content: "";  
    background-image: url('../images/fletxaBeltza.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: -2px 0px;
    inline-size: 7px;
    block-size: 17px;
    margin-inline-start: .5em;
    transition: all ease .25s;
    background-size: 8px;
    position: relative;
    top: 5px;
    right: -1px;
}
div.btn.btn-primary > a:hover:after,
a.btn.btn-primary:hover:after,
div.btn.btn-secondary > a:hover:after,
a.btn.btn-secondary:hover:after,
div.btn.btn-tertiary > a:hover::after,
a.btn.btn-tertiary:hover::after {  
    background-image: url('../images/fletxaBeltza.svg');
    background-position: -2px 0px;
    right: -3px;
}
div.btn.btn-primary:hover > a::after,
div.btn.btn-primary > a:hover:after,
a.btn.btn-primary:hover:after {  
    background-image: url('../images/fletxaTxuria.svg');
    top: 5px;
}
/*gehiago irakurri eta blokeetako botoiak*/
#block-views-block-eduki-blokea-block-1-2 .eduki-blokea-botoia > a,
.ikapp9-bootstrap5-content .more-link a {
    background-image: url('../images/fletxaBeltza.svg');
    background-position: 84% 52%;
    background-repeat: no-repeat;
    background-size: 7px;
    padding-inline-end: 2.25rem;
}
#block-views-block-eduki-blokea-block-1-2 .eduki-blokea-botoia > a{
    background-position: 90% center;
}
#block-views-block-eduki-blokea-block-1-2 .eduki-blokea-botoia > a:hover,
.ikapp9-bootstrap5-content .more-link a:hover {
    background-image: url('../images/fletxaTxuria.svg');   
}
/*txartelak*/
.ikapp9-txantiloia.txartelak div[data-quickedit-entity-id] * {
    inline-size: auto !important;
    margin: 0 !important;
}
.txartelak {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 400px), 1fr));
    grid-gap: 2rem 2%;
    margin: 2.5em auto;
}
.txartelak > div {   
    box-shadow: unset;     
    padding:  2em 1.5em;
}
.txartelak > div:nth-child(odd) {
    background-color: var(--clr-primary-2);
}
.txartelak > div:nth-child(even) {    
    background-color: var(--clr-secondary-2);
}
.txartelak .btn
.txartelak a.btn,
.txartelak .btn.btn-tertiary,
.txartelak a.btn.btn-tertiary{
    border:1px solid var(--clr-beltza) !important;
    background-color: transparent!important;
    border-radius: 100vw;
}
.txartelak .btn:hover,
.txartelak a.btn:hover{
    background-color:transparent !important;
    border-color: var(--clr-beltza) !important;
}
.txartelak .btn a,
.txartelak a.btn{
    color: var(--clr-beltza) !important;
    background-image: url('../images/fletxaBeltza.svg');
    background-repeat: no-repeat;
    padding-inline-end: 1.5rem;
    background-position: 95%;
    background-size: 8px;
    transition: all .25s ease;
}
.txartelak a.btn.btn.btn-tertiary{
    background-position: 84%;
    padding: .55rem 2.7rem .55rem 1.5rem;
}
.txartelak .btn a:hover,
.txartelak a.btn:hover{
    background-position: 100%;    
}
.txartelak a.btn.btn.btn-tertiary:hover{
    background-position: 88%;    
}
.txartelak .btn.btn-tertiary > a:after,
.txartelak .btn.btn-tertiary > a:hover::after,
.txartelak a.btn.btn-tertiary:after,
.txartelak a.btn.btn-tertiary:hover::after{    
    all: unset;
}
/*ctak*/
.cta.iluna {
    background-color: var(--clr-primary-6);    
    color: var(--clr-beltza);
}
.cta.argia{
    background-color: var(--clr-secondary-6);    
}
.cta .btn{
    border-color: var(--clr-txuria);
}
/*aipura irudia*/
.irudiAipua img,
.aipuIrudia img{
    border: .5rem solid var(--clr-beltza-1);
}
/*irudiak eta testua*/
.irudiTestuLuzea .testua,
.testuLuzeIrudia .testua,
.irudiLuzeaTestua .testua,
.testuaIrudiLuzea .testua{
    background-color: var(--clr-beltza-1);   
    color: var(--clr-beltza);
}
/*irudi multzoa*/
.irudiMultzoa .btn.btn-tertiary{
    background-color: transparent;
    border: 1px solid var(--clr-beltza);
}
/*zabalera osoko txantiak*/
/*zabalera orosko irudia*/
.zabalera-osoko-irudia .img-zabalera-osoa,
.testuakHiruZutabe,
.irudiMultzoa{
    inset-inline-start: 50%;
    inset-inline-end: 50%;
}
/*irudi testuak lerroka*/
.irudiTestua{
    margin-block: 0 !important;
}
.irudiTestua img{
    max-block-size: unset;
    aspect-ratio: 4/3;
}
/*irudi testua*/
.irudiTestua,
.edukiaBiZutabe,
.txartelak {
    margin: 2.5em auto;
}
#content .ikapp9-txantiloia:has(audio) div[data-quickedit-entity-id] *,
#block-gin-content .ikapp9-txantiloia:has(audio) div[data-quickedit-entity-id] *{
    inline-size: 100% !important;
}
/*mediaqueriak*/
@media screen and (max-width: 992px) {
    .irudiTestua .lerroa:nth-child(even) {
        flex-direction: row-reverse;
    }
    .irudiTestua .irudia,
    .irudiTestua .testua {        
        flex-basis: 400px;
    }
}
@media screen and (max-width: 810px) {
    .testua{
        padding-inline: 0;
    }
}
@media screen and (max-width: 640px) {
    .edukiaBiZutabe {
        margin: 1em auto;
    }
}