/* DOCUMENT GRID */

.documents{
margin-top:30px;
margin-bottom:50px;
}


.documents-container{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 20px;
}


/* docs-grid */

.docs-grid{
    grid-column: 1/3;
}

.category-title{
    color: rgb(224, 184, 3);
    font-size: 25px;
}

/* doc-list */
/* .doc-list{

} */ 

.doc-list li{
    padding: 10px;
    border-bottom: 2px solid #cccccc;
}

.far{
    color: rgb(224, 184, 3);
}

.doc-list a{
    color: green;
    transition: all 0.2s ease-in;
    font-size: 15px;
}

.doc-list a:hover{
    color: rgb(224, 184, 3);
}

/*  */

.doc-year{
    font-size: 20px;
}

.doc-upload-date{
    color: #333333;
    font-style: italic;
    font-size: 12px;
}

/* docs-nav */
.docs-nav{
    padding: 20px;
    border-left: 1px solid green;
}

.docs-nav li{
    margin: 10px 0;
    background: #cccccc3d;
}

.docs-nav a{
    /* background: none; */
    color: var(--green);
    font-size: 15px;
    padding: 20px 10px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.docs-nav a:hover{
    text-decoration: underline;
    color: rgb(224, 184, 3);
}


@media (max-width: 768px) {

    .documents-container{
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}
    
}