@font-face {
    font-family: 'Feature Flat';
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-display: swap;
    font-weight: 300;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDisplay-Light-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-display: swap;
    font-weight: 500;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Medium-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-display: swap;
    font-weight: 700;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-Bold-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-style: italic;
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-RegularItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-style: italic;
    font-display: swap;
    font-weight: 300;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDisplay-LightItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-style: italic;
    font-display: swap;
    font-weight: 500;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-MediumItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat';
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatDeck-BoldItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat Text';
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat Text';
    font-style: italic;
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-RegularItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: 'Feature Flat Text';
    font-display: swap;
    font-weight: 700;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/FeatureFlatText-Bold-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-display: swap;
    font-weight: 500;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Medium-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-display: swap;
    font-weight: 600;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-Semibold-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-style: italic;
    font-display: swap;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-RegularItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-style: italic;
    font-display: swap;
    font-weight: 500;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-MediumItalic-Web.woff2) format("woff2")
}

@font-face {
    font-family: Graphik;
    font-style: italic;
    font-display: swap;
    font-weight: 600;
    src: url(https://www.berria.eus/uploads/static/berria/dist/fonts/Graphik-SemiboldItalic-Web.woff2) format("woff2")
}
body {
    font-family: Graphik, Arial, sans-serif;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #d66061;
}
.help-block {
    display: block;
    margin-top: -15px;
    margin-bottom: 10px;
    margin-left: 1em;
    color: #d66061;
    clear: both;
}
#checkboxa .help-block {
    margin-top: 15px;
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 30px;
    right: 10px;
}
.has-error .form-control-feedback {
    color: #d66061;
}
.form-control-feedback {
    top: 33px;
    height: 15px;
}
.has-error .form-control {
    border-color: #ebb1b2;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}
form{
    background-color: rgba(237,255,239,1);
}
form .grid-container{
    padding: 1em 1.25em 0.5em 1.25em;
    margin: 2.2em 0 2em 0;
    font-family: Graphik,Arial,sans-serif;
}
form .button{
    font-weight: 600;
}
.form-control {
    border: 1px solid #d9d9d9;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777777;
    background-color: #ffffff;
    background-image: none;
    margin-bottom: 0;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-feedback {
    height: 15px;
}
.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
.has-feedback {
    position: relative;
}
.form-group {
    margin-bottom: 15px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 1em;
}
#orrialdea {
    background-image:url('../argazkiak/mundua.png');
    background-position:top 60% right -2%;
    background-repeat:no-repeat;
}
header {
    position:relative;
    background:transparent url('../argazkiak/paisaia-fond.jpg') no-repeat center center;
}
header .logoa {
    position:relative;
    background:transparent;
}
header .bg-berria-logo {
    background-color:transparent;
    width:140px;
    height:47px;
}
.izenburua {
    padding:1.25em 0 3em 0;
}
h1.article-titu {
    font-size:4.875em;
    color: #010101;
    color: rgba(116,236,29,1);
    color: #fff;
    text-shadow:2px 2px 0px rgba(116,236,29,1);
    text-shadow:2px 2px 0px rgba(255,255,255,1);
    text-shadow:2px 2px 0px rgba(0,0,0,1);
    font-family: 'Feature Flat','Times New Roman',Georgia,serif;
    line-height: 1.1;
    font-weight: 500;
}
h2 {
    position:absolute;
    left:1em;
    right:1em;
    bottom:-0.5em;
    z-index:9999;
}
h2 span {
    padding:0 1.5em;
    background:#B7CC66;
    text-shadow:2px 2px 0px rgba(255,255,255,1);
}
p.sarrera{
    font-size: 1.5em;
    text-align: center;
    margin: 1em auto;
    color: #111;
    font-weight: 500;
}
p.sarrera span{
    background: rgba(183,204,102,0.35);
    padding: 0 0.25em;
}
.article-titu.titu0:hover,
.article-titu.titu1:hover,
.article-titu.titu2:hover,
.article-titu.titu3:hover,
.article-titu.titu4:hover,
.article-titu.titu5:hover,
.article-titu.titu6:hover {
    background: none;
}
.article-titu.titu0,
.article-titu.titu1,
.article-titu.titu2,
.article-titu.titu3,
.article-titu.titu4,
.article-titu.titu5,
.article-titu.titu6 {
    transition: none;
    text-decoration:none;
    background: none;
    font-family: 'Feature Flat','Times New Roman',Georgia,serif;
}
.article-titu.titu4 { margin-top:1em; }
.edukia {
    background:#fff;
    position:relative;
    padding:2em;
}
.sariak {
    padding-left:0;
    padding-top:2em;
}
.saria {
    border-bottom:1px solid #ddd;
    margin-bottom:2em;
    padding:0 0 2em 0;
}
article:last-of-type {
    border-bottom: none;
    padding: 0;
}
.saria .argazkia {
    padding-left: 0;
}
.saria figure {
    background:#fff;
    padding:0.25em;
    -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.45);
}
figure.argaz1 {
    transform:rotate(-2deg);
    transform:none;
}
figure.argaz2 {
    transform:rotate(-5deg);
    transform:none;
}
figure.argaz3 {
    transform:rotate(1deg);
    transform:none;
}
.saria .saria_tes {
    padding-top: 0.5em;
}
.saria .saria_tes a, .mauticform-page-wrapper a {
    color: #292d32;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: #173fff;
    text-decoration-thickness: from-font;
    text-underline-offset: 2px;
}
.saria .saria_tes a:hover, .mauticform-page-wrapper a:hover { color:#173fff; }
.saria span.saria1,
.saria span.saria2,
.saria span.saria3 {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    padding:0.25em .5em;
    text-shadow:2px 2px 0px rgba(255,255,255,1);
}
.saria span.saria1,.saria span.saria2,.saria span.saria3 {
    background-color:#eefff0;
    -webkit-box-shadow: 4px 2px 5px 0px rgba(148,178,151,1);
    -moz-box-shadow: 4px 2px 5px 0px rgba(148,178,151,1);
    box-shadow: 4px 2px 5px 0px rgba(148,178,151,1);
}
/*.saria span.saria2 {
    background-color:#eefff0;
}
.saria span.saria3 {
    background-color:#eefff0;
}*/
#defaultForm legend{
    font-size: 1.325em;
    font-weight: 600;
}
.formularioa {
    background:rgba(193,122,20,0.12);
    background:#B7CC66;
    margin-top:1em;
}
.formularioa .mezua {
    padding: 3em 1em;
}
.formularioa .mezua h4{
    text-shadow:2px 2px 0px rgba(255,255,255,1);
}
.formularioa #defaultForm .grid-container {
    padding: 1em;
}
.formularioa #defaultForm legend {
    font-family: Graphik, Arial, sans-serif;
    font-weight:600;
    font-size:1.25em;
    text-shadow:1px 1px 0px rgba(255,255,255,1);
}
.formularioa #defaultForm legend span {
    background:rgba(0,0,0,0.1);
    padding:0 0.2em;
}
.formularioa #defaultForm #checkboxa {
    margin:1em 0.750em;
}
.formularioa #defaultForm span.baldintzak {
    position:absolute;
    top:0.325em;
    right:2em;
    left:2em;
    font-size:0.925em;
    line-height:normal;
}
.abisua{
    background:rgba(0,0,0,0.075);
    padding:0.25em 0.5em;
}
@media screen and (max-width: 39.9375em) {
    header .bg-berria-logo {
        background-color:transparent;
        width:140px;
        height:47px;
    }
    .logoa-kutxa {
        padding-top: .250rem;
        padding-left: .7500rem;
    }
    header .bg-berria-logo {
        width: 100px;
        height: 33px;
    }
    .izenburua {
        padding:1em 0 3em 0;
    }
    h1.article-titu {
        font-size: 2.25em;
    }
    h2 {
        left: 1em;
        right: 1em;
        bottom: -1em;
    }
    .edukia {
        padding:1em;
    }
    .saria {
        margin-bottom:1em;
        padding:0 0 0.5em 0;
    }
    h2 span,
    .saria span.saria1,
    .saria span.saria2,
    .saria span.saria3,
    .formularioa .mezua h4{
        text-shadow:1px 1px 0px rgba(255,255,255,1);
    }
    figure.argaz1,
    figure.argaz2,
    figure.argaz3 {
        margin-top: -1em;
        transform: none;
    }
    .formularioa {
        padding: 0 0.25em;
    }
    .formularioa #defaultForm legend {
        text-align: center;
        font-size:1.25em;
    }
    .formularioa #defaultForm #checkboxa {
        margin:1em 0.25em;
    }
    .formularioa #defaultForm span.baldintzak {
        top:0.125em;
        right:0;
        left:1.5em;
        font-size:0.825em;
    }
    .abisua{
        margin: 0 0.425em 0.5em 0.425em;
    }
    .article-titu.titu1 {
        margin-bottom:2em;
    }
}
/*** Pantaila ertainetarako ***/
@media only screen and (min-width: 40.063em) and (max-width: 63.9999em) {
    .izenburua {
        padding:1em 0 3em 0;
    }
    h1.article-titu {
        font-size: 3.25em;
    }
    h2 {
        font-size: 1.25em;
        left: 0.5em;
        right: 0.5em;
        bottom: -0.5em;
    }
    h2 span {
        padding: 0 .5em;
    }
    h2.titu2 {
        font-size: 2em;
    }
    .edukia {
        padding:1em;
    }
    .sariak {
        padding-top: 1.5em;
    }
    .saria {
        margin-bottom:1em;
        padding: 0;
    }
    h4.titu2 {
        font-size: 1.5em;
    }
    figure.argaz1,
    figure.argaz2,
    figure.argaz3 {
        transform: none;
        margin-top: -1.5em;
    }
    figure.argaz3 {
        margin-top: -1.25em;
    }
    /*.saria_tes {
        margin: -30px 25px 0 55px;
        background: rgba(255,255,255,0.75);
    }*/
    .formularioa {
        margin-top: 2.25em;
    }
    .formularioa #defaultForm span.baldintzak {
        top:0.1em;
        right:0;
        left:1.5em;
        font-size:0.825em;
    }
}