#list { min-height: 100px; }
.uk-lightbox { background: #00000090; padding: 30px; }
@media screen and (min-width: 640px) { 
.uk-lightbox video { padding: 50px; }
}

.item:hover { cursor: pointer; background-color: #FFF; }
.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFFFFF80; transition: all 200ms ease-in; }
.overlay:hover { background-color: #FFFFFF50; transition: all 200ms ease-out; }
.item .icon { border: solid 4px #FFF0; width: 90px; height: 90px; transition: all 200ms ease-out; padding: 13px 10px 15px 15px; border-radius: 50%; padding-right: 10px; }
.item:hover .icon { border: solid 4px #C8C6C2; transition: all 200ms ease-out; }
.item h5 { margin: 14px 0; font-weight: 500; line-height: 28px; color: #333; }

#detail .title { margin: 30px 0; font-weight: bold; color: #333; line-height: 25px; text-align: center; font-size: 23px; border-bottom: solid 1px silver; padding-bottom: 20px; }
#detail .date { color: #ccc; margin-bottom: 10px; }
#detail .desc { color: #555; line-height: 25px; }
#detail .desc * { font-family: "iranyekan" !important; }

#detail .desc h1 { font-size: 24px; font-weight: 500; }
#detail .desc h2 { font-size: 22px; font-weight: 500; }
#detail .desc h3 { font-size: 20px; font-weight: 500; }
#detail .desc h4 { font-size: 18px; font-weight: 500; }