@CHARSET "UTF-8";

#home-grid { position: relative; margin: auto; }
#home-grid .item { position: relative; overflow: visible !important; }
#home-grid .item a { display: block; width: 100%; height: 100%; }
#home-grid .item img { position: absolute; top: 0; }
#home-grid .item .over-item { display: none; }
#home-grid .item .info { display: none; position: absolute; /*bottom: 0; width: 360px;*/ text-align: left; z-index: 100; }
#home-grid .item .info span { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px #FFFFFF; clear: both; float: left; padding: 3px; display: block; font-size: .9em; color: #00afec; text-shadow: 0 0 1px #fff; line-height: 1em; }
#home-grid .item .info .project-location { font-size: .7em; }

#list-grid { position: relative; margin: auto; }
#list-grid .item { position: relative; overflow: visible !important; }
#list-grid .item a { display: block; width: 100%; height: 100%; }
#list-grid .item img { position: absolute; top: 0; }
#list-grid .item .over-item { display: none; }
#list-grid .item .info { display: none; position: absolute; /*bottom: 0; width: 360px;*/ text-align: left; z-index: 100; }
#list-grid .item .info span { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px #FFFFFF; clear: both; float: left; padding: 3px; display: block; font-size: 1.3em; color: #00afec; font-weight: bold; text-shadow: 0 0 1px #fff; line-height: 1em; }
#list-grid .item .info .project-location { font-size: 1em; }