#hero { 
    /* background-image: url("../img/centar.webp"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    background-color: grey /*rgba(0, 0, 0, 0.7)*/;
    background-blend-mode: darken;
}

/* #hero.bulletin-board { 
    background-image: url("../img/bulletin-board.jpg");
}

#hero.financial-data { 
    background-image: url("../img/finance.jpg");
}

#hero.public-procurement { 
    background-image: url("../img/warehouse.jpg");
}

#hero.center-documents { 
    background-image: url("../img/documents.jpg");
}

#hero.reception-service { 
    background-image: url("../img/reception.jpg");
}

#hero.child-youth-service { 
    background-image: url("../img/children.jpg");
}

#hero.adult-elderly-service { 
    background-image: url("../img/adults.jpg");
}

#hero.law-service { 
    background-image: url("../img/law-office.jpg");
}

#hero.contact { 
    background-image: url("../img/phones.jpg");
}

#hero.archive { 
    background-image: url("../img/archive.jpg");
} */

.link-list { 
    list-style: none;
    padding: 0;
}

.link-list li { 
    padding: 9px 8px;
    background-color: #e8e6e6;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    transition: 0.2s box-shadow;
}

.link-list li:not(:first-of-type) { 
    margin: 10px 0px;
}

.link-list li a {
    color: black;
    display: block;
    text-decoration: none;
    width: 100%;
}

.link-list li a:visited { 
    color: black;
}

.link-list li:hover { 
    box-shadow: 0px 0px 6px #8a8888;
}

footer { 
    height: auto;
}

#map iframe { 
    width: 100%;
    height: 300px;
}

#document-list.sticky-top{ 
    top: 2em;
}

#document-list .list-group-item.active { 
    background-color: #8a8888;
    border-color: #737373;
}

nav .navbar-nav li:after {
    display:block;
    content: '';
    border-bottom: solid 3px #d1cfcf;  
    transform: scaleX(0);  
    transition: transform 450ms ease-in-out;
    transform-origin:  0% 50%; 
}

nav .navbar-nav li:hover:after { transform: scaleX(1); }

nav .dropdown-menu .dropdown-item.active, 
nav .dropdown-menu .dropdown-item:active,
nav .dropdown-menu .dropdown-item a:active  { 
    background-color: #8a8888;
}

@media only screen and (max-width: 576px) {
    #document-list { 
        margin-bottom: 25px;
    }
    
    nav .dropdown-menu .dropdown-item { 
        white-space: normal;
        word-break: break-word;
    }

}

@media only screen and (min-width: 1200px) {

    nav .navbar-nav { 
        align-items: end;
    }

}