.directory-file {position:relative;max-width:85%;margin:100px auto}
.directory-file .df-col {background-color: #f4f4f4; transition: .3s all;}
.directory-file .df-col:hover {background-color: #E5E5E5; transition: .3s all;}



.directory-file .cover{position:relative;display:inline-block;width:10%;overflow:hidden;aspect-ratio:16/9; margin-top: 10px;}
.directory-file .cover img{width:100%;height:100%;object-fit:cover;object-position:center}

.directory-file .btn-folder{display:block;position:relative;margin:0 0 20px 0px; cursor:pointer;font-size:18px;font-weight:400;line-height:100%;text-align:center;color:#1a3761;}
.directory-file .btn-folder a{display:flex;align-items:center; justify-content: space-between;line-height:100%}
.directory-file .btn-folder .nome-cartella{line-height:130%; float: left; margin-left: 5px; font-size: 18px; text-transform: uppercase;color:#1a3761;}
.directory-file .btn-folder .testo-cartella{line-height:130%;  font-size: 14px; ;color:#1a3761;}
.directory-file .btn-folder .icona{float: right; font-size:34px;margin-right:15px;color:#1a3761; }
.directory-file .allwrapper {font-size: 20px;  font-weight: 300; line-height: 160%; }



.directory-file ul{list-style:none;margin:0 0 30px 5px; padding-left: 10px; padding-bottom:30px;border-bottom:1px solid #1a3761}
.directory-file ul li{display:block;width:100%;border-bottom:1px solid #ccc;list-style-type:none;padding:5px 5px 25px 0px}
.directory-file ul li:last-child{border:none}.directory-file ul li a{display:block;width:100%;padding:10px 0 0}
.directory-file ul li a .icona{float:right}.directory-file ul li a .icona i{font-size:26px;color:#ccc}
.directory-file ul li a:hover,.directory-file ul li a:hover i{color:#333}
.directory-file ul li .info{ padding-bottom:5px;font-size:12px}

@media all and (max-width:480px){
    .directory-file ul{padding:0}
    .directory-file .btn-folder{text-align:center}
    .directory-file .btn-folder a{display:inline-block}
    .directory-file .btn-folder i{width:100%;margin-bottom:20px}
}