/***

palette base


orange base :#bc4e0f
***/
@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');

html,
body {
    height:100% !important;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #101010;
    color:#ccc !important;
    font-family: exo, verdana, sans-serif !important;
}


#portal-column-content h1{
    border-bottom: 1px solid #bc4e0f;
    color: #fff !important;
    margin-top: 1rem;
}


#main-header{
    background-color: rgb(0,0,0,0.3) !important;
    background-image: url("../images/bg_header.png");
}
.navbar-barceloneta {
    background-color: rgb(0,0,0,0.5) !important;
}

.navbar-nav li {
    background-color: #333 !important;
    color: #bc4e0f !important;
}

.navbar-nav li a{
    /*color: #bc4e0f !important;*/
    color: #d59029 !important;
}

.navbar-toggler {
    background-color: #fff !important;
}

.navbar .offcanvas {
    background-color: #333 !important;
}

#portal-anontools {
    position: absolute;
    z-index: 10;
}

#portal-column-content article#content{
    background-color: rgba(5,5,5,.5);
    border:1px solid #555;
    border-radius: 5px;
    box-shadow: 9px 9px 18px rgba(2,2,2, 0.5);
    margin: 1rem 0rem;
    padding: 1rem;
}

#portal-column-content h1{
    border-bottom: 1px solid #bc4e0f;
    color: #fff !important;
    margin-top: 1rem;
}


#portal-footer-wrapper {
    background-color: #212529;
    color: #dee2e6;
    text-align: center;
    padding: 0rem 1rem !important;
}