@charset "utf-8";
/* Recent Work CSS Document */
.work-wrap { position:relative;}
.work-list { position:relative; margin:0 0 40px;}
.work-thumbnail { position:relative;}
.work-thumbnail img { width:100%; height:auto; display:block;}
.work-effect { position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.5); opacity:0; color:#ffffff; -webkit-transition:all 0.5s linear; transition:all 0.5s linear;}
.work-effect-content { position:absolute; padding:20px 30px 30px 30px; bottom:0px;}
.work-effect-content p { padding-top:50px; -webkit-transition:all 0.5s linear; transition:all 0.5s linear; opacity:0; color:#ffffff;}
.work-category { position:absolute; top:-30px; left:30px; text-align:center; white-space:nowrap; margin-bottom:0; margin-left:0px; background-color:#C03320; padding:7px 20px; text-transform:uppercase; -webkit-transition:all 0.5s; transition:all 0.5s;}
.work-category:hover { background-color:#111111;}
.work-category a { color:#ffffff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.work-category a:hover { color:#ffffff;}
.work-meta { position:relative;}
.work-meta a { width:40px; height:40px; line-height:40px; margin:0 5px; display:inline-block; background-color:#ffffff; text-align:center; color:#111111; font-size:15px; border-radius:5px;}
.work-meta a:hover { background-color:#C03320; color:#ffffff;}
.work-content { box-shadow:0px 0px 15px rgba(0,0,0,0.10); background-color:#ffffff; padding:30px;}
.work-content h4 { font-size:24px; padding-left:20px; border-left:4px solid #C03320; margin-bottom:0;}
.work-content h4 a { color:#111111;}

.work-list:hover .work-effect { top:0px; opacity:1;}
.work-list:hover .work-effect-content p { padding-top:0px; opacity:1;}
.work-meta a:hover { border-radius:100%;}

.col-3 .work-list .work-content h4 { font-size:20px;}

/* Recent Work Single Page */
.work-single { position:relative;}
.work-single-content { position:relative; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid;}
.work-metadeta { position:relative;}
.work-metadata-item { border:1px solid #C03320; padding:10px 20px; width:31%; margin:10px; text-align:center;}
.work-metadata-item span { color:#C03320; display:block; text-transform:uppercase; font-size:18px; margin-bottom:5px; padding-bottom:5px;}
.work-metadata-item a { color:#616161;}
.work-metadata-item .work-share { margin-top:12px;}