.directory-file {position:relative;max-width:65%;margin:40px auto; color: #333;}
.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:1/1; }
.directory-file .cover img{width:100%;height:100%;object-fit:contain;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:#333;}
.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: 15px; font-weight: 600; text-transform: uppercase;color:#333;}
.directory-file .btn-folder .testo-cartella{line-height:130%;  font-size: 14px; font-weight: 600; color:#333;}
.directory-file .btn-folder .icona{float: right; font-size:34px; color:#333; width: 10%; }
.directory-file .allwrapper {font-size: 20px;  font-weight: 300; line-height: 160%; }
.directory-file .allwrapper ul li .link{ display: flex; align-items: center; justify-content: space-between;}
.directory-file .allwrapper ul li .icona-share{font-size:26px;cursor:pointer; margin: 0 0 0 20px;}


.directory-file ul{list-style:none;margin:0; padding: 0px 10px; /*border-bottom:1px solid #1a3761*/}
.directory-file ul li{display:block;width:100%;border-bottom:1px solid #ccc;list-style-type:none;padding:15px 5px 15px 0px;color: #333; font-size: 16px;}
.directory-file ul li:last-child{border:none}
.directory-file ul li a{display:block;width:100%;padding:10px 0 0;color: #333;font-size: 16px;}
.directory-file ul li a strong{ font-weight: 600;}

.directory-file ul li .icona{ float:right}
.directory-file ul li .icona i{font-size:26px; }
.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  {max-width: 90%;}
    .directory-file ul{padding:0}
    .directory-file .cover { width: 70px;}    
    .directory-file .btn-folder{text-align:center}
    .directory-file .btn-folder a{}
    .directory-file .btn-folder .nome-cartella { font-size: 16px;}
    .directory-file .btn-folder .icona { font-size: 24px;}
    .directory-file .btn-folder i{width:100%; }
}