@font-face {
    font-family: 'scope_oneregular';
    src: url('../fonts/scopeone-regular-webfont.woff2') format('woff2'),
        url('../fonts/scopeone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/bebas_allfont.es-webfont.woff2') format('woff2'),
        url('../fonts/bebas_allfont.es-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**koloreak**********/
/*

@font-face {
    font-family: 'madaregular';
    src: url('../fonts/mada-regular-webfont.woff2') format('woff2'),
        url('../fonts/mada-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

gorria: #e63f36:
berdea: #627f7a;
mostaza: #c69d4b;
crudo: #eddbc3;
gris-argia: #e0e5e4;
marroia: #9e402b;
berdea2: #6b721f;


/**goiko lerroa*****/
:root{
    --primary: #e63f36;
    --font-title: 'bebasregular';

    --bg-light:#F6F3DF;
    --gray: #efefef;

    --errimategia:#9E402B;
    --doinutegia:#6B721F;
    --gaitegia:#C69D4B;
    --didaktika:#627F7A;
    --jolasak:#BCAB95;
    --transmisioa:#7FA9B8;
}

.container {
    max-width: 1320px;
}

.bertsozale-mainmenu {
    background: #000;
    /*font-family: 'itc_highlander_stdbold', Arial, Helvetica, sans-serif;*/
    color: #fff;
    font-size: 12px;
    padding-left: 70px;
}

.bertsozale-mainmenu a {
    color: #fff;
    text-decoration: none;
    padding: 15px 5px;
    font-size: 12px;
    line-height: 30px;
}

.bertsozale-mainmenu a:hover {
    color: var(--primary);
}

.bertsozale-mainmenu img {
    float: left;
    width: 52px;
    height: auto;
    margin: 0 1em 1em 0;
    box-shadow: 0 0 5px #CCCCCC;
    position: ABSOLUTE;
    z-index: 99999;
    left: 15px;
}

#navbar-ppal {
    background-size: 100% 80%;
    margin: 0 -30px;
    z-index: 9999;
}

.bertsoikasgela {
    padding-left: 28px !important;
    background: url(../img/bertsoeskolak.png) no-repeat 7px center;
    background-size: 16px auto;
}

/********end goiko lerroa*/

body {
    font-size: 18px;
    /*font-family: 'madaregular';*/
    line-height: 1.6;
    color: #333;
}

h2, h3{
    margin-bottom: 1rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #333;
}

a {
    color: var(--primary);
}


a:hover {
    color: #333;
}

a.sekuentzia-title {
    color: var(--primary);
}


table :hover {
    text-decoration: none;
}

.table {
    font-size: 1em;
}

/* .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
} */

img{
    max-width: 100%;
    height: auto;
}

.card.albistea .card-img-container,
.atalak .card .card-img-container,
.bilduma .card-img-container {
    border: 5px solid #627f7a;
    width: 100%;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.card.albistea.gurea .card-img-container {
    border: 5px solid var(--primary);
    width: 100%;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.atalak .card {
    padding: 0;
    position: relative;
}


.atalak .ganbara:before {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    top: calc(40% - 32px);
    left: calc(60% - 32px);
    background: url(../img/play.png) no-repeat center center;
    background-size: 52px;
    z-index: 999;
    opacity: 0.8;
}

.baliabidea.bat-batekoa:before {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    background: url(../img/play.png) no-repeat center center;
    background-size: 52px;
    z-index: 999;
    opacity: 0.8;
    top: calc(25% - 32px);
    left: calc(50% - 32px);
}

.baliabidea .date {
    font-size: 80%;
    /*color: #666;*/

}

.atalak .card .card-img-container,
.bilduma .card-img-container {
    border: 0;
    max-height: 180px;
}

.atalak .card .card-img-top,
.bilduma.card img {
    margin: 1em 0 1em 3em;
}



.baliabidea .text-muted {
    color: #333 !important;
}

/* .card.albistea img,
.atalak .card img,
.bilduma.card img,
.baliabidea img {
    filter: grayscale(95%) contrast(110%);
    transition: all 0.3s ease 0s;
}

.card.albistea a img:hover,
.atalak .albistea a img:hover,
.bilduma.card a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    filter: none;
} */

.card.albistea .card-header {
    position: absolute;
    display: inline-block;
    background: var(--primary);
    color: #fff;
    z-index: 99;
    padding: 0 .5rem 0 1rem;
    border-radius: 0;
    left: 0px;
    top: -0.7rem;
}

.card.albistea .card-header::after {
    left: 100%;
    top: 0;
    content: " ";
    height: 0;
    border-top: 0;
    border-bottom: 30px solid transparent;
    border-left: 10px solid var(--primary);
    position: absolute;
    pointer-events: none;
}

.card img:hover {
    filter: none;
}

.card-title :hover {

    color: var(--primary) !important;
    text-decoration: none;
}


.albistea .card-title {
    font-weight: 600;
    color: #333;
    font-size: 1.2em;
}

.albisteak .albistea .card-title {
    font-size: 1.6em;
}

.albisteak .albistea h3.card-title a {
    color: #fff;
}

.albisteak .albistea h3.card-title a:hover {
    color: #333 !important;
    text-decoration: none;
}

.albisteak .albistea .card-body {
    color: #fff !important;
    background: #627f7a;
}

.albisteak .albistea.gurea .card-body {
    color: #fff !important;
    background: var(--primary);
}

.summary {
    font-family: 'scope_oneregular';
    font-size: 120%;
    line-height: 160%;
}

.card {
    border: 0;
    border-radius: 0;
    margin-bottom: 2rem;
}

.albistea .card-body {
    padding: 1rem;
}

.albistea .card-footer {
    padding: 0;
    background-color: transparent;
    border-top: 0;
    font-size: 1em;
}





.iturria {
    background: var(--gray);
    padding: 0.5em;
    font-size: 0.8em;
    margin-top: 0;
    padding-left: 1rem;
}

h1 {
    font-family: var(--font-title);
    font-size: 42px;
    background: url(../img/h1.jpg) no-repeat bottom right;
    letter-spacing: -1px;
    padding: 1.2rem 0 1.3rem;
    word-spacing: 10px;
    position: relative;
}

h1 span {
    padding-right: 1rem;
    background: #fff;
}

.footerheadcontainer {
    font-size: 13px;
}

.logofooter {
    padding: 1em 0;
}

p {
    margin: 0 0 16px;
}



.carousel-caption {
    bottom: 5px;
    padding: 0;
    background: rgba(26, 23, 27, 0.6);
}

.d-flex {
    overflow-x: hidden;
}


/*menua************/

.oi {
    font-size: 180%;
}

#navbar-ppal {
    background: var(--primary);
    font-family: var(--font-title);
    font-size: 20px;
    letter-spacing: 0.03rem;
    float: left;
    position: absolute;
    margin-left: 0;
    padding-bottom: 48px;
}

#navbar-ppal>.collapsed {}

.navbar-toggler:not(:disabled):not(.disabled),
.navbar-toggler {
    cursor: pointer;
    margin-top: 0;
}
.container{
    position: relative;
}
#search-link {
    position: absolute;
    margin-left: 0;
    top: 1rem;
    left:6.5rem;
    z-index:9999;
}
@media(max-width:990px){
  #search-link {
    left:5rem;
}
}
.logoa {
    margin-left: 80px;
    position: relative;

}

.is_home .logoa {
    display: none !important;
}

#navbar-main {
    border: 1px solid var(--primary);
    background: #fff;
    z-index: 99999;
    padding: 1rem 1rem 2rem 1rem;
    margin: 10px -10px 0;
}

#navbar-main ul {
    margin: 0;
    width: 100%;
}

#navbar-main li a {
    /*border-bottom: 1px solid #ccc;*/
    padding-left: 1rem;
    padding-right: 1rem
}

#navbar-main li a:hover {
    color: #333;
    text-decoration: none;
}

.dropdown-menu {
    border: 0;
    font-size:1.05rem;
    li{
        margin-bottom:0.5rem;
    }
}

.oi {
    color: #fff;
}

/*****edukia************/

.breadcrumb {
    padding: .75rem 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0;
    font-size: 0.8em;
}

.form-control,
.custom-select {
    border: 1px solid var(--primary);
    border-radius: 0;
    width: auto;
    margin-right: .5em;
}

label {
    margin-right: 1em;
}

#customerNameSearchTextbox {
    margin-bottom: 1rem;
}
/*botoiak*/
.btn {
    border-radius: 15px;
    margin-right: 1rem;
    font-family: var(--font-title);
    background: var(--primary);
    border-color:var(--primary);
    padding: .375rem 1.75rem;
    color: #fff;
}
.btn .oi{
    font-size:16px;
    margin-right:6px;
}
.btn:hover,
.btn:active {
    background: #333;
    color: #fff;
    border-color:#333;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(230,63,54, .5);
}
.btn-group{
    margin:0 0 2rem 0;
    .btn{
        background-color:#666;
        font-size:14px;
        border-color:#666;
    }
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary {
    color:var(--primary) !important;
    background-color: transparent;
    background-image: none;
    padding-bottom:.5rem;
    &:hover{
        color:white !important;
    }
}
/**/
.embed-responsive {
    margin-top: 2rem;
}

.page-link {
    color: var(--primary);
}

.page-link:hover {
    color: #333;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.flatpagesmenua {
    text-align: right;
    font-family: var(--font-title);
    font-size: 24px;
    letter-spacing: 1px;
}

.flatpagesmenua .card-header {

    padding: .75rem 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;

}

.flatpagesmenua .list-group-item {
    border: 0;
    padding: .75rem 0;
    line-height: 130%;
}

.flatpagesmenua .list-group-item :hover {
    text-decoration: none;
}

/*home*/
/*
:root {
    --base:              #627f7a;
    --bg-blend:          multiply;
    --blur:              0px;
    --fg-blend:          multiply;
    --foreground:        #ffffff;
    --opacity:           1;
    --spacing:           30px 0 0 30px;
  }
  .img-wrapper {
    background-color:    var(--base);
    display:             flex;
    flex:                1 1 100%;
    height:             auto;
    overflow:            hidden;
    padding:             var(--spacing);
    position:            relative;
  }

  .img-wrapper img {
    filter:              grayscale(100%) contrast(1) blur(var(--blur));
    flex:                1 0 100%;
    height:              auto;
    max-width:           100%;
    mix-blend-mode:      var(--bg-blend);
    object-fit:          cover;
    opacity:             var(--opacity);
    position:            relative;
    width:               100%;
  }

  .img-wrapper::before {
    background-color:    var(--foreground);
    bottom:              0;
    content:             '';
    height:              auto;
    left:                0;
    mix-blend-mode:      var(--fg-blend);
    position:            absolute;
    right:               0;
    top:                 0;
    width:               100%;
    z-index:             1;
  }
*/

.ezkereskubi {
    position: relative;
    font-family: var(--font-title);
    width: 100%;
}

.ezkereskubi a {
    color: #333;
}

.ezkereskubi :hover {
    text-decoration: none;
    color: var(--primary);
}

#leftArrow {
    width: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -30px;
    font-size: 80px;
    height: 100%;
    line-height: 230px;

}

#rightArrow {
    width: 30px;
    position: absolute;
    right: 0;
    margin-right: -35px;
    font-size: 80px;
    height: 100%;
    line-height: 230px;
}

.carousel-inner {
    background: url(../img/portada.png) no-repeat left -30px;
    background-size: auto 100%;
    min-height: 320px;
    z-index: 999;
}

.albisteak .img-wrapper {
    padding: 0;
    background-color: #fff;
}

.albisteak .zutabea.card {
    border: 5px solid #627f7a;
    margin-bottom: 0;
}

.albisteak .zutabea.card.gurea {
    border: 5px solid var(--primary);
}

.albisteak .zutabea .card-img-container {
    max-width: 200px;
    /*height: auto;*/
    margin-right: 1em;
}

.albisteak .zutabea .card-img-container img {
    max-width: 200px;
    /* height: auto;*/
}

.card.albistea.zutabea .card-header {

    left: -.3rem;
    top: -1.2rem;
}

.albistea.zutabea .card-title {

    font-size: 1em;
    margin: 1em 1em 0 0;
}


.atalak .card {
    min-height: 252px;
}

.atalgaiak .card {
    min-height: 110px;

}

.atalak .card-title,
.atalgaiak .card-title,
.bilduma.card .card-title {
    position: absolute;
    bottom: 1rem;
    color: #fff !important;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
}

.atalak .card-title a,
.atalgaiak .card-title a,
.bilduma.card .card-title a {
    color: #fff;
}

.atalak .card-title a:hover,
.atalgaiak .card-title a:hover,
.bilduma.card .card-title a:hover {
    color: #333 !important;
    text-decoration: none;
}
/**home featured*/
.home-atalak{
    a{
        color:white;
        &:hover{
            color:black;
            text-decoration:none;
        }
    }
    @media (max-width:770px){
        h5{
            font-size:1rem;
        }
        .card{
            margin-bottom:1rem;
        }
    }
}
.didaktika {
    background-color: var(--didaktika);
}
.batbateko {
    background-color: var(--primary);
}
.gaitegia {
    background-color: var(--gaitegia);
}
.doinutegia {
    background-color: var(--doinutegia);
}
.errimategia {
    background-color: var(--errimategia);
}
.jolasak {
    background-color: var(--jolasak);
}

.didaktika:before,
.batbateko:before,
.doinutegia:before,
.errimategia:before,
.gaitegia:before,
.jolasak:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -30%;
    right: 0;
    z-index: 1;
    @media (min-width:770px){
    background: url(../img/kirtena.png) no-repeat top right;
    }
    background-size: 40% auto;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}
.didaktika:before{
    top:-70%;
}
.batbateko:before{
    top:-70%;
    right:-5%;
}
.doinutegia:before {
    transform: rotate(-10deg);
    top: 40%;
    right:5%;
}
.errimategia:before{
    transform:rotate(-20deg);
    top:40%;
}
.gaitegia:before{
    transform: rotate(-5deg);
    top: 35%;
}

:hover .didaktika:before{
    transform: rotate(18deg);
}
:hover .batbateko:before{
    transform: rotate(18deg);
}
:hover .doinutegia:before {
    transform: rotate(-15deg);
}
:hover .errimategia:before{
    transform:rotate(-23deg);
}
:hover .gaitegia:before{
    transform: rotate(0deg);
}
:hover .jolasak:before{
    transform: rotate(18deg);
}

.transmisioa{
    background-color:var(--bg-light);
    @media (min-width:770px){
        padding:2rem;
    }
    img{
        max-width:230px;
        @media (max-width:770px){
            margin-bottom:1rem;
        }
    }
    .nav-transmisioa{
        background-color:var(--transmisioa);
        padding:1rem;
        font-size:1rem;
        a{
            color:white !important;
        }
        a:hover{
            color:black !important;
            text-decoration:none;
        }

        @media (min-width:770px){
            margin-top:1rem;
        }
    }

}
/**/

/* .bilduma.card {
    background-color: #627f7a;
    min-height: 252px;
    color: #fff !important;
    margin-bottom: 2rem !important;
}

.atalak img,
.bilduma.card img,
.baliabidea img {
    mix-blend-mode: multiply;
} */



/* .ganbara,
.bat-batekoa {
    background-color: #eddbc3;
} */

/* .bertsojarriak,
.bertso-sorta {
    background-color: #c69d4b;
} */

.bertso-sorta {
    color: #fff !important;
}

/* .hasiberriak {
    background-color: #6b721f;
} */



.albisteak .iturria {
    padding: 0.2em 0.5em;
    margin-bottom: 2rem;
}

.albisteak .card-img-container {
    max-height: 425px;
}

/*********share Mobile********/


ul.mobile-share {
    display: block;
    text-align: right;
    margin: 0;
    padding: 20px 0 0 0;
    width: 100%;
    z-index: 10;
}

ul.mobile-share {
    padding: 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    height: 40px;
    display: flex;
}


ul.mobile-share li {
    list-style: none;
    display: block;
    text-align: right;
    width: 25%;
}

ul.mobile-share li {
    list-style: none;
    display: inline;
    text-align: center;
    border-right: 1px solid #fff;
}


ul.mobile-share li a {
    display: block;
    margin: 10px 10px 20px;
    width: 40px;
    height: 40px;
    opacity: 0.5;
}

ul.mobile-share li a {
    margin: 0 auto;
    width: 100%;
    height: 40px;
    opacity: 1;
}

ul.mobile-share li:last-child {
    border-right: 0;
}

ul.mobile-share li.facebooklink {
    background-color: #3b5998;
}

ul.mobile-share li.whatsapplink {
    background: #25d566;
}

ul.mobile-share li.telegramapplink {
    background-color: #139BD0;
}

ul.mobile-share li.twitterlink {
    background-color: #00a9f1;
}

ul.mobile-share li.mastodonlink {
    background-color: #2b90d9;
}

/******footerra**********/

.footerheadcontainer {
    position: relative;
    margin-top:3rem;
}

.footerheadcontainer:before {
    height: 10px;
    width: 65%;
    background: #c69d4b;
    content: "";
    position: absolute;
    left: 0;
}

.footerheadcontainer:after {
    height: 10px;
    width: 45%;
    background: #627f7a;
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 60px;
}

.sitemap {
    background: var(--gray);
    padding: 2rem;
    font-family: var(--font-title);
    font-size: 16px;
    text-align: left;
}

.sitemap h5 {
    font-size: 22px;
}

.sitemap a {
    color: #666;
    font-weight: normal;
}

.sitemap a:hover {
    text-decoration: none;
    color: var(--primary);
}

.lege-oharrak {
    list-style: none;

    margin-left: 0;
    margin-top: 4rem;
    width: 100%;
    text-align: right;
}

.lege-oharrak li {
    display: inline;
    text-transform: uppercase;
    margin-left: 1em;
}

.lege-oharrak li a {
    color: #333;
}

.lege-oharrak li :hover {
    text-decoration: none;
    color: var(--primary);
    :
}

/*errima bilatzailesa*/

#result p {
    font-size: 120%;
    font-weight: bold;
}

.baliabide-sekuentzia .row,
.baliabide-sekuentzia {
    margin: 0 !important;
    border-top: 1px dotted #000;

}

.baliabideak-container{
    border: 1px solid var(--primary);
    padding: 1rem;
    margin: 2rem 0;
    width: 70%;
}

.baliabideak-container h3{
    border-top: 1px solid var(--primary);

}

.baliabideak-container h3:first-child{
    border:0;

}

.sekuentzia-title{
font-size: 1.5rem;
font-weight: bold;

}

@media (max-width: 950px) {

    .carousel-inner {
        min-height: 250px;
    }

    .baliabideak-container{

        width: 100%;
    }
}

@media (max-width: 750px) {

    .carousel-inner {
        min-height: 200px;
    }
}

@media (max-width: 576px) {
    .bertsozale-mainmenu img {
        display: none;
    }

    .bertsozale-mainmenu {
        padding-left: 0;
        display: none;
    }

    .carousel-inner {
        min-height: 150px;
        background: url(../img/portadamobile.png) no-repeat right 0px;
        background-size: auto 100%;
    }

    .logoa {
        max-width: auto;
        right: auto;
        left: -15px;
        height: 61px;

    }

    #navbar-ppal {
        top: 0;
        padding-bottom: 15px;
    }

    .navbar-toggler {
        margin-top: 0;
        padding: 0;
        z-index: 2;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        margin-top: 0;
    }

    h1 {
        font-family: var(--font-title);
        font-size: 36px;
        background: none;
        letter-spacing: -1px;
        padding: 1.2rem 0 .5rem;
        word-spacing: 10px;
        position: relative;
    }

    .atalgaiak .card-body {
        text-align: center;
    }

    .atalgaiak .card-title {

        font-size: 1.2rem;

    }


}

/*berriakuntzak*/
h2,h5, .title{
    font-family:var(--font-title);
}
.container-900{
    max-width:900px;
    margin:0 auto;
}
.overflow-x{
    margin-bottom:2rem;
}
.row-urratsak{
    display:flex;
    justify-content: space-between;
    width:100%;
    .card-urratsa{
        width:18%;
        h5{

            color:black;
        }
        a{
            color:black;
        }
        a:hover{
            text-decoration:none;
        }
        .card{
            border:4px solid var(--gray);
        }
        .card.active{
            border:4px solid var(--primary);
        }
        .card:hover{
            border:4px solid var(--primary);
        }
    }
}
@media screen and (max-width: 990px){
    .overflow-x{
        overflow: scroll;

        .row-urratsak{
            width:fit-content;
            .card-urratsa{
                width:190px;
                margin-right:1rem;
            }
        }
    }
}
.baliabideak{
    gap: 2rem 0 !important;
    margin:2rem 0;
}








.card.baliabidea{
    position: relative;
    border:2px solid var(--gray);
    transition: all 0.3s ease 0s;
    min-height:420px;
    margin-bottom:2rem;
    color: #333;
    .card-img-container{
        padding:0.5rem;
        border-radius:0;
        aspect-ratio:16/9;
        overflow: hidden;
        img{
            border-radius:0;
        }
    }
    .card-body{
        padding:1rem;
        p{
          margin: 0;
        }
        .card-title{
            line-height:120%;
            font-weight: 500;
            font-size: 1.15em;
            a {
                color: #333 !important;
            }
            a:hover {
                color: var(--primary) !important;
            }
        }
        .card-text{
            display:none;
            line-height: 130%;
            font-weight:300;
        }
    }

    .baliabide-mota{
        color: var(--primary);
        padding-right:20px;
        text-transform: uppercase;
       font-size:0.8rem;
       line-height:26px;

    }
    .baliabide-mota:after{
        content:"";
        display:inline-block;
        width:24px;
        height:24px;
        background-color:var(--primary);
        background-size: cover;
        position: absolute;
    }
    .ordena{
        position:absolute;
        top:-1rem;
        right:0.3rem;
        display:block;
        background-color:var(--primary);
        color:white;
        padding:1.5rem;
        border-radius:50%;
        aspect-ratio:1/1;
        overflow: hidden;
        font-size:1.5rem;
        font-weight:bold;
        font-family: var(--font-title);
        display:flex;
        align-items: center;
    }
    .card-footer{
        padding:0;
        background-color:white;
        border-radius:0;
        border-top:1px solid var(--gray);
        margin:0.5rem;
        padding:0.5rem;
        img{
            margin:5px;
            fill:blue;
        }
        small{
            border-top:1px solid red;
        }

        .media{
            display:flex;
            flex-direction: column;
            line-height:1.2rem;
            .media-bertsolaria{
                padding-left:23px;
                background:url(../img/bertsolariak.svg) no-repeat left top;
                margin-bottom:5px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .media-erreferentea{
                padding-left:23px;
                background:url(../img/erreferenteak.svg) no-repeat left top;
                margin-bottom:5px;
                                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .media-doinua{
                padding-left:23px;
                background:url(../img/doinua.svg) no-repeat left top;
                                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
}
.card.baliabidea:hover{
    border-color: var(--primary);
    .card-title{
        margin-top:1rem;
        a, a:hover{
            color:black !important;
        }
    }
    .card-text{
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .card-img-container{
        display:none;
    }
    .card-footer{
        background-color:var(--primary);
        color:white;

    }
    .baliabide-mota{
       color:white;

       &:after{
        background-color:white;
       }
    }
    .media .media-bertsolaria{
        background:url(../img/bertsolariak-i.svg) no-repeat left top;
    }
    .media .media-erreferentea{
        background:url(../img/erreferenteak-i.svg) no-repeat left top;
    }
    .media .media-doinua{
        background:url(../img/doinua-i.svg) no-repeat left top;
    }
}
.card.baliabidea:hover:before{
    content:none;
}
.card.baliabidea.argazkia{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_argazkia.svg);
        mask-image: url(../img/i_argazkia.svg);
    }
}
.card.baliabidea.ariketa{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_ariketa.svg);
        mask-image: url(../img/i_ariketa.svg);
    }
}
.card.baliabidea.bat-batekoa{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_batbateko.svg);
        mask-image: url(../img/i_batbateko.svg);
    }
}
.card.baliabidea.komikia{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_komikia.svg);
        mask-image: url(../img/i_komikia.svg);
    }
}

.card.baliabidea.bertso-jarria{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_jarriak.svg);
        mask-image: url(../img/i_jarriak.svg);
    }
}

.card.baliabidea.doinua{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_doinua.svg);
        mask-image: url(../img/i_doinua.svg);
    }
}
.card.baliabidea.jolasa{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_jolasa.svg);
        mask-image: url(../img/i_jolasa.svg);
    }
}
.card.baliabidea.langaiak{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_langaiak.svg);
        mask-image: url(../img/i_langaiak.svg);
    }
}
.card.baliabidea.ikus-entzunezkoa{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_bideoa.svg);
        mask-image: url(../img/i_bideoa.svg);
    }
}
.card.baliabidea.azalpen-testua{
    .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_bildumak.svg);
        mask-image: url(../img/i_bildumak.svg);
    }
}
.card.baliabidea.bertsolaria{
       .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_bertsolaria.svg);
        mask-image: url(../img/i_bertsolaria.svg);
    }
}
.card.baliabidea.erreferentea{
       .baliabide-mota:after{
        -webkit-mask-image: url(../img/i_erreferentea.svg);
        mask-image: url(../img/i_erreferentea.svg);
    }
}
/**/


.blocks{
    justify-content: center;
    flex-wrap: wrap;
    gap:2rem;
    a{
        display:block;
        margin:0 auto;
        min-width:420px;
    }
    .block{
        background-color:var(--bg-light);
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top:1.5rem;
        max-width:420px;
        min-width:420px;
        transition: all 0.3s ease 0s;
        border:2px solid white;
        img{
            max-height:250px;

        }
    }
    h5{
        color:black;
        padding:0.8rem 1rem;
    }
}
a:hover .block {
    img{
        opacity:0.8;
    }
}


a:hover .block-didaktika{
    border:2px solid var(--didaktika);
    h5{
        background-color:var(--didaktika);
        color:white;

    }
}
a:hover .block-errimategia {
    border:2px solid var(--errimategia);
    h5{
        background-color:var(--errimategia);
        color:white;
    }
}

a:hover .block-doinutegia{
    border:2px solid var(--doinutegia);
    h5{
        background-color:var(--doinutegia);
        color:white;
    }
}

.block-gaitegia{
    background-color:var(--bg-light);
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:center;
    transition: all 0.3s ease 0s;
    border:2px solid white;
    img{
        padding:0.5rem;
    }
    h5{
        color:black;
        padding:0.8rem 1rem;
        width:100%;
        text-align:center;
    }
}

.block-gaitegia:hover{
    border:2px solid var(--gaitegia);
    text-decoration:none !important;
    img{
        opacity:0.7;
    }
    h5{
        background-color:var(--gaitegia);
    }

    h5 a{
        color:white !important;
        text-decoration:none !important;
    }
}
/**/
.table-responsive {
    margin-bottom:2rem;
}
.table thead th {
    vertical-align: bottom;
    border:2px solid white;
    background-color:#666;
    color:white;
    font-size:1rem;
    padding:.5rem;
}
table td{
    line-height:100%;
    font-weight:300;
}
table tr{
    position:relative;
    &:hover{
        color:black;
        td{
            border-bottom:1px solid black;
        }
    }
}
.klasea_id{
    display:inline-block;
    padding:5px;
    background-color:var(--primary);
    color:white;
    min-width:30px;
    height:30px;
    font-weight:600;
    text-align: center;
    border-radius:15px;
    line-height:100%;
    &:hover{
            color:white;
                background-color:black;
    }
}
.klasea_id:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color:rgba(255,255,255,0.3)
}
.baliabide-fitxa{
    border-radius:2rem;
    background-color:var(--gray);
    padding:2rem;
}

.alert-warning {
    color: black;
    background-color: white;
    border:2px solid var(--gray);
    border-radius:2rem;
    padding:2rem 2rem 1rem 2rem;
    .oi{
        color:black;
        font-size:16px;
    }
}

.pagination{
    display:flex;
    justify-content: center;
    margin:2rem;
    li{
        margin:0 1rem;
    }
}
.didaktika-card{
    border:1px solid var(--gray);
    .card-title{
        font-size:1.25rem;
        line-height:110%;
        font-weight:500;
        a{
            color:black;
        }
    }
    .card-text{
        font-weight:300;
    }
    .date{
        display:none;
    }
}
.card{
    position:relative;
    .card-title a:after{
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
}