body {
    font-family: 'Poppins', 'Open Sans', sans-serif;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5 {
    /*font-family: 'Open Sans', sans-serif;*/

    font-family: 'Poppins', 'Roboto', sans-serif;

}

#bilatu_bar {
    background: rgb(130, 133, 133);
    /*background: linear-gradient(0deg, rgba(130,133,133,1) 0%, rgba(84,86,86,1) 100%);*/
}

#nabigazio_bar {
    background: rgb(84, 86, 86);
    /*background: linear-gradient(0deg, rgba(84,86,86,1) 0%, rgba(179,181,181,1) 100%);*/
    border-color: #aaa;
}

#nabigazio_bar .nav-item {
    font-size: small;
}

#nabigazio_bar a.nav-link.nav-title {
    line-height: 0.5rem;
}

#bilaketa-kutxa .btn-secondary {
    background-color: #3D3D3D;
    border-color: #3D3D3D;
}

#sartuBotoia {
    background-color: #33cccc;
    color: white;
}

.nav-title {
    color: #666;
    font-weight: bold;
}

.nav-title a {
    color: #666;
}

#breadcrumb,
#breadcrumb ol {
    background-color: #fff;
}

#breadcrumb ol.breadcrumb {
    margin-bottom: 0rem;
    /* padding-left: 0; */
}

#albiste_nagusia h2 {
    font-size: 1.6rem;
}

#albiste_nagusia a {
    color: #000000;
}

#interesgarriak {
    background-color: #f6f6f6;
}

#interesgarriak a,
#twitter a,
#bloga365 a {
    color: #000000;

}

#twitter li,
#bloga365 li,
#interesgarriak li {
    font-size: 0.85rem;
    /*13px*/
}

.flex-even {
    flex: 1;
}

#denda_berriak {
    background-color: #fff4ee;
}

#denda_berriak h4 {
    font-size: 1.2rem;
}

#denda_berriak h4 a {
    color: #f63;
}

#ikastaro_berriak {
    background-color: #f8fbf2;
}

#ikastaro_berriak a {
    color: #66cc33;
}

#ikastaro_berriak h3 {
    font-size: 1.3rem;
}

footer a {
    color: white;
}

#banner .modal-content {
    background-color: transparent !important;
    border: none;
}

span.basket-badge {
    position: relative;
    top: -8px;
    right: 4px;
    border: $white 1px solid;
    font-size: 50%;
}

.sozial .fa,
.sozial .fab {
    padding: .5rem;
    font-size: 1.1rem;
    /*width: 30px;*/
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    color: white;
}

.sozial .fa:hover,
.sozial .fab:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-mastodon {
    background: #007bb5;
    color: white;
}

#oina {
    border-top: 2px solid #252525 !important;
}

#oina a {
    color: #000000 !important;
}

@media (min-width: 1200px) {
    .modal-xlg {
        width: 90%;
        min-width: 900px;
    }
}