/* archiwum.css: InPhoTech's own stylesheet for the archived 2016-2022 project pages.
   The original pages relied on old jQuery plugins to show the project grid and the mobile menu;
   the archive carries no scripts, so these rules do the same with CSS only. */
.cbp-l-grid-projects{visibility:visible!important}
.cbp-l-grid-projects>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.cbp-l-grid-projects>ul>li.cbp-item{width:calc(50% - 15px);margin:0 0 30px;list-style:none;height:auto!important}
@media (max-width:767px){.cbp-l-grid-projects>ul>li.cbp-item{width:100%}}
.archiwum-projekt .cbp-l-inline{display:flex;flex-wrap:wrap;gap:30px;margin:30px 0 50px}
.archiwum-projekt .cbp-l-inline-left{flex:1 1 380px}
.archiwum-projekt .cbp-l-inline-left img{max-width:100%;height:auto}
.archiwum-projekt .cbp-l-inline-right{flex:1 1 380px}
.archiwum-projekt .cbp-l-inline-title{font-size:26px;margin:0 0 15px;color:#00b9de}
/* small screens: the menu button needed a script, so the menu is shown as a plain list instead */
@media (max-width:991px){
.dl-menuwrapper .dl-trigger{display:none!important}
.dl-menuwrapper .dl-menu{position:static!important;opacity:1!important;pointer-events:auto!important;transform:none!important;height:auto!important;margin:10px 0 0}
.dl-menuwrapper .dl-menu .dl-submenu{display:block!important;pointer-events:auto!important}
}