@charset "utf-8";
/*
Template Name: Concept Clean
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
File: Portfolio CSS
*/

#portfolio{display:block; width:100%; line-height:1.6em;}
#homepage #portfolio{margin-bottom:0;}
#portfolio ul{margin:0; padding:0; list-style:none;}
#portfolio li{display:block; float:left; width:237px; height:237px; margin:0 0 4px 4px; padding:0;}
#portfolio article{}
#portfolio article a img{display:block; border:1px solid #000000;}
#portfolio article a:hover img{border-color:#FF6600;}
#portfolio article a:hover figcaption{display:block; position:absolute; top:1px; left:1px; width:215px; height:215px; padding:10px; color:#FFFFFF; background-color:#000000; opacity:0.7;}
#portfolio article figure{display:block; width:100%; position:relative;}
#portfolio article figure img{width:235px; height:235px;}
#portfolio article figure figcaption{display:none; text-align:center;}
#portfolio article figure figcaption header{display:block; margin:40px 0 15px 0; font-size:16px; font-weight:bold; text-transform:uppercase;}

#portfolio ul > li:nth-child(4n+1){margin-left:0;}