.so-widget-projects { display:flex; flex-direction:column; height:100%; margin:0 -60px; }

.so-widget-projects .filter { margin:60px; }
.so-widget-projects .filter ul { display:flex; list-style-type:none; margin-bottom:0; padding-left:0; }
.so-widget-projects .filter ul li { filter:grayscale(100%); flex-basis:0; flex-grow:1; padding:0 30px; text-align:center; }
.so-widget-projects .filter ul li.active { filter:none; }
.so-widget-projects .filter ul li a { color:#333; text-decoration:none; }
.so-widget-projects .filter ul li a input { display:none; }
.so-widget-projects .filter ul li a .icon { margin:0 auto 15px; width:120px; }
.so-widget-projects .filter ul li a .name { font-size:24px; font-weight:700; text-transform:uppercase; }

#project-map { font-size:24px; width:100%; flex-grow:1; }

#project-map .tooltip-icon { width:30px; height:30px; margin-right:12px; vertical-align:middle; }