@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('fonts/FeatureFlatDeck-Regular-Web.woff2') format('woff2'),
         url('fonts/FeatureFlatDeck-Regular-Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('fonts/FeatureFlatDeck-RegularItalic-Web.woff2') format('woff2'),
         url('fonts/FeatureFlatDeck-RegularItalic-Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('fonts/FeatureFlatDeck-Medium-Web.woff2') format('woff2'),
         url('fonts/FeatureFlatDeck-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('../fonts/FeatureFlatDeck-MediumItalic-Web.woff2') format('woff2'),
         url('../fonts/FeatureFlatDeck-MediumItalic-Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('fonts/FeatureFlatDeck-Bold-Web.woff2') format('woff2'),
         url('fonts/FeatureFlatDeck-Bold-Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Feature Flat Deck Web';
    src: url('fonts/FeatureFlatDeck-BoldItalic-Web.woff2') format('woff2'),
         url('fonts/FeatureFlatDeck-BoldItalic-Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-SemiboldItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-SemiboldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Semibold-Web.woff2') format('woff2'),
       url('fonts/Graphik-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-MediumItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Medium-Web.woff2') format('woff2'),
       url('fonts/Graphik-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-RegularItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('fonts/Graphik-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
.ui-menu-item-wrapper{
    font-family: 'Graphik Web',sans-serif;
    font-size: 0.95em;
    border-bottom: 1px dotted #dbdbdb;
}
#hemeroteka ul li {
    padding-right: 0;
    padding-left: 0;
}
.hautes-goiburu{
    text-align:center;height:auto;margin:0;padding-top:1em;padding-left:0;padding-right:0;background:#173fff url('https://www.berria.eus/bereziak/hauteskundeakA21/irudiak/mantxeta.png') no-repeat left bottom;background:#173fff none;position:relative;
}
.hautes-goiburu h2{
    font-family:'Graphik Web',sans-serif;font-family:'Feature Flat Deck Web',serif;font-size:1.75em;font-weight:700;color:#fff;margin:0.5em auto 1em auto;
    margin: 0 auto 0.5em auto;text-align:left;margin-left:1rem;font-size: clamp(18px, 1.39891px + .0255* 100vw, 32px);
}
ul.alderdiak{
    line-height: 1;
    margin-left: 0;
    padding: 0 0.5em;
    max-width: 99%;
}
#hemeroteka ul.alderdiak.handia{
    margin-top: -2rem;
    padding: 0 0.5em;
}
li.item2{
    padding: 0;
    height: 14px;
    margin-left: 10px;
    display:inline-block;
    position: relative;
    margin-right: 6px;
    margin-left: 5px;
}
.symbol{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.serie-name{
    font-family: 'Graphik Web', sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    margin: 0 0 0 14px;
}
ul.atalak-menu{
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: -15px;
    right: -15px;
}
ul.atalak-menu li{
    background:#015e8a;background:transparent;color:#fff;margin-bottom:0;padding:0;font-family:'Graphik Web',sans-serif;font-weight:600;
}
ul.atalak-menu li.is-active{
    background:#8B9FFF;font-weight:600;font-size:1.05em;
}
ul.atalak-menu li a{
    padding:.7rem 1.5em;width:100%;height:100%;color:#fff;
}
ul.atalak-menu li a:hover{
    background:#0065a7;
}
ul.atalak-menu li.is-active a{
    background:transparent;color:#222;padding:.7rem .75em 1.125em .75em;
}
.urteak-menu_kutxa{
    height:55px;margin:0;padding-top:0.375em;padding-left:0;padding-right:0;background-color:rgba(23,63,255,0.5);
}
ul.urteak-menu li{
    background:#0087c9;background:#5D79FF;color:#fff;padding:0;font-family:'Graphik Web',sans-serif;font-weight:600;
}
ul.urteak-menu li a{
    padding:.7rem 4em;width:100%;height:100%;color:#fff;
}
ul.urteak-menu li a:hover{
    background:#0065a7;
}
ul.urteak-menu li.is-inactive a:hover{
    background:none;
    cursor: default;
}
ul.urteak-menu li.is-active{
    background:#fff;padding:0 3em .5em 3em;font-weight:700;font-size:1.25em;
}
ul.urteak-menu li.is-inactive{
    background:rgba(0,135,201,0.5);
    background:rgba(23,63,255,0.15);
}
ul.urteak-menu li.is-active a{
    background:#fff;color:#222;padding:.7rem 3em;
}
ul.urteak-menu li.is-inactive a{
    color:rgba(255,255,255,0.75);
}
h3.atala,h3.saila{
    font-size:1.1975em;font-family:'Feature Flat Deck Web',serif;font-weight:600;color:#000;
}
h3.atala{
    font-family:'Graphik Web',sans-serif;
    color:#222;
    font-weight:600;
}
.saila-bigarren{
    margin-left:0.5em;margin-bottom:1em;
}
h5{
    padding:0;margin:0;font-family:'Graphik Web',sans-serif;font-weight:400;color:#222;font-size:1em;
}
.button.secondary {
    background-color: #e7e7e7;
    color: #222;
}
#herria_input:after {
    content: '';
    position: absolute;
    right: 6px;
}
.wrapper{
    position: relative;
}
.wrapper span.fa.fa-search { position: absolute; top: 10px; right: 10px; color: #444; }
.grafKutxa-tx{
    height:140px;
    max-height: 140px;
    padding-left:0;padding-right:0;margin:0;
}
#berezia .grafKutxa-tx{
    height:140px;
    max-height: 140px;
    padding-left:0;padding-right:0;margin:0;
}
.grafKutxa-h, .grafKutxa-h2, .grafKutxa2{
    height:305px;
    max-height: 305px;
    overflow: hidden;
    margin:0;
}
.grafKutxa-h2{
    height:335px;
    max-height: 335px;
}
.grafKutxa-h-sn{
    height:250px;
    max-height: 250px;
    height:280px;
    max-height: 280px;
    overflow: hidden;
    margin:0;
}
.Zerrendakaxa{
    text-align:center;margin:1em auto 0 auto;max-width:80%;
}
#botoak12,#hautetsiak12{
    max-height:400px;
}
.emaitzak-sn-kutxa{
    position: relative;
}
.emaitzak-sn-kutxa:before{
    content: "";
    display: block;
    position: absolute;
    left: 0.750em;
    right: 0.750em;
    height: 1px;
    background: #DBDBDB;
    bottom: 0;
}
.orokSpa,.orokSpaH{
    position:relative;
}
.orokSpa:before,.orokSpaH:before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    background: transparent url('https://www.berria.eus/bereziak/hauteskundeakM28/irudiak/marra.gif') repeat-y left top;
    top: 10%;
    bottom: 38%;
    z-index: 99999;
}
.orokSpaH:before{
    top: 12%;
    bottom: 24%;
}
.emaitza-herrialde{
    height:205px;min-height:205px;height:auto;margin:0;padding-top:0.5em;padding-left:0;padding-right:0;border-bottom:1px dotted #dbdbdb;margin-bottom:0.5em;
}
.mantxeta-txh{
    color:#fff;height:auto;margin:0 0.75em;padding:0.5em;background:#0087c9 url('https://www.berria.eus/bereziak/hauteskundeakM28/irudiak/mantxeta_tx.png') no-repeat left bottom;background:#173fff none;position:relative;
}
.mantxeta-txh h5 a{
    height:100%;color:#fff;font-weight:600;padding-left:10px;font-family:'Feature Flat Deck Web',serif;font-size:1.125em;
}
.mantxeta-txh ul{
    overflow:hidden;position:absolute;top:0;bottom:0;right:0;
}
.mantxeta-txh ul li{
    height:100%;
}
.mantxeta-txh ul li.lehen{
    margin-right:-5px;
}
.mantxeta-txh ul li a{
    height:100%;color:#fff;font-weight:600;font-family:'Graphik Web',sans-serif;font-size:0.875em;padding-top:14px;
}
.mantxeta-txh ul li a.mapa{
    box-shadow:inset 2px 0 6px rgba(0,0,0,0.25);background:#015e8a;
}
.mapa-kutxa{
    padding:0;
    margin:0;
    border-left:1px dashed #bbb;
}
#goia{background:#fff;}
.expanded.column.row{padding-right:0;padding-left:0;}
h3.atala{
    font-size:2em;
}
#paktometroa h4,.grafKutxa-h h4,.grafKutxa-h2 h4,.grafKutxa-tx h4{
    font-family:'Graphik Web',sans-serif;
    font-size:1.125em;
    color: #333;
    margin-top: 3.25em;
    font-weight: 600;
    opacity: 0.2;
}
#hemeroteka ul.button-group li {
    border-left: 1px solid #fff;
}
#paktometroa{
    height:265px;margin:0 auto;
}
.graf{
    padding:0;
    margin:0;
}
.botoak-nafarroa{
    margin:0;
}
.batzarrak{
    height:205px;
    min-height:205px;
    height:auto;
    margin:0;
    padding-top:1.5em;
    padding-left:0;
    padding-right:0;
}
.batzarrak h3.saila{
    margin:0 0 0.25em -0.5em;
}
.mapa-kutxa h3.saila{
    text-align: center;
}
.udalak{
    margin-top:1.5em;
    padding-top:1.5em;
    border-top:1px solid #dbdbdb;
}
.oina-kutxa{
    background:#fff;
    padding-right:.75rem;
    padding-left:.75rem;
    background:transparent;
}
@media all and (min-width: 40em) and (max-width: 63.9375em) {
    .hautes-goiburu h2{
        font-size:1.325em;margin:0.5em 0 1em 5.5em;text-align:left;text-shadow:1px 1px 2px #0087c9;
    }
    ul.atalak-menu{
        right: 30px;
    }
    ul.atalak-menu li{
        font-size:0.75rem;
    }
    ul.atalak-menu li.is-active{
        font-size:0.95rem;
    }
    .grafKutxa-tx{
        padding-right: 5px;
        padding-left: 5px;
        max-height: 105px;
    }
    #berezia .grafKutxa-tx{
        max-height: 100px;
    }
    .grafKutxa-h{
        max-height: 225px;
        padding-right: 0;
    }
    .grafKutxa-h-sn{
        max-height: 200px;
        padding-right: 0;
    }
    div.orokor{
        margin-left: 0;
        padding-left: 0;
    }
    #botoak12,#hautetsiak12{
        max-height:420px;
    }
    .graf2{
        max-width: 25%;
        float: left;
        display: inline-block;
    }
    .orokSpa:before,.orokSpaH:before{
        top: 8%;
        bottom: 45%;
    }
    h3.atala{
        font-size:1.75em;
    }
    .grafKutxa-h {
        max-height: 180px;
        padding-right: 0;
        padding-left: 0;
    }
    .orokSpa:before,.orokSpaH:before {
        top: 23%;
        bottom: 23%;
    }
    #paktometroa{
        height:242px;
    }
    #hemeroteka ul.alderdiak.handia{
        margin-top: 0;
        padding: 0;
    }
}
@media all and (max-width: 39.9375em){
    .mantxeta-txh{
        height:48px;position:relative;margin:0 0.5em;padding:0.325em 0.5 0.325em 0;text-align:right;
    }
    .mantxeta-txh h5{
        font-size: .925em;
    }
    .mantxeta-txh h5 a{
        position: absolute;top:0;padding-top:0.325em;right:0.375em;bottom:0;left:0;
    }
    .mantxeta-txh ul{
       display: none;
    }
    h3.atala,h3.saila{
        font-size:1em;
    }
    .saila-lehen{
        padding-left: .188rem;
    }
    .saila-bigarren{
        margin-left:0;
        padding-left: .376rem;
    }
    .hautes-goiburu{
        padding-top:0.75em;padding-left:0;padding-right:0;background:#0087c9 url('https://www.berria.eus/bereziak/hauteskundeakM28/irudiak/mantxeta.png') no-repeat -20px bottom;background:#173fff none;
    }
    .urteak-menu_kutxa{
        height:48px;
    }
    .hautes-goiburu h2{
        font-size:.95em;margin:0 0 3em 1em;text-shadow:1px 1px 2px #0087c9;
    }
    .herrialdea-select{padding-left:0;}
    #berezia .grafKutxa-tx,
    .grafKutxa-tx{
        max-height: 115px;
    }
    .grafKutxa-h{
        max-height: 202px;
    }
    .grafKutxa-h-sn{
        max-height: 205px;
    }
    .grafKutxa-h2{
        max-height: 250px;
    }
    .symbol{
        width: 8px;
        height: 8px;
        top: 5px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    .serie-name{
        font-size: 11px;
        margin: 0 0 0 12px;
    }
    ul.atalak-menu li.is-active{
        font-weight:600;font-size:0.95em;
    }
    ul.atalak-menu{
        right: 20px;
    }
    ul.atalak-menu li a{
        padding:.5rem .75em;
    }
    ul.urteak-menu{
        margin-left: -40px;
    }
    ul.atalak-menu li.is-active a{
        padding:.5rem .75em 1em .75em;
    }
    ul.urteak-menu li a{
        padding:.5rem 1.25em;
    }
    ul.urteak-menu li.is-active{
        padding:0 2.25em .5em 2.25em;font-size:1.125em;
    }
    ul.urteak-menu li.is-active a{
        padding:.7rem 1em;
    }
    .Zerrendakaxa{
        max-width:100%;
        padding: 0;
    }
    #botoak12{
        max-height:290px;
    }
    #hautetsiak12{
        max-height:300px;
    }
    .emaitzak-sn-kutxa:before{
        left: 0.250em;
        right: 0.250em;
    }
    .orokSpa:before{
        bottom: 43%;
    }
    .emaitzak-sn-kutxa:before{
        right: -1rem;
        left: -1rem;
    }
    .mapa-kutxa {
        border-left: none;
    }
    li#botoia2024{margin-left:-20px;}
    ul.atalak-menu li.is-active {background:#8b9fff;}
    h3.atala{
        font-size:1.5em;
    }
    .herrialdea-select{padding-left:0;}
    .botoak-nafarroa{
        margin:0.25em 0 0 0.25em;
    }
    .mapa-kutxa{
        padding:0.75em 0 0 0;
        border-top:1px dashed #bbb;
        border-left:none;
    }
    .batzarrak{
        padding-top:0.75em;
    }
    .batzarrak h3.saila{
        margin:0 0 0.25em 0;
    }
    .mapa-kutxa h3.saila{
        text-align: left;
    }
    .udalak{
        margin-top:.75em;
        padding-top:.75em;
    }
    .udalak-orokorra{
        margin-top:0.75em;
        padding:0.75em 0 0 0;
        border-top:1px dotted #dbdbdb;
    }
    .oina-kutxa{
        padding-right:0;
        padding-left:0;
    }
    .oina-kutxa-edukia{
        padding-right:0.75rem;
        padding-left:0.75rem;
    }
    #hautetsiak12 {
        max-height: 200px;
    }
}