.emfa-prj-tabs{
display:flex;
gap:40px;
justify-content:center;
align-items:center;
margin-bottom:18px;
}
.emfa-prj-tab{
background:transparent;
border:0;
cursor:pointer;
font-weight:700;
letter-spacing:.5px;
padding:10px 0;
color:#111;
position:relative;
}
.emfa-prj-tab.is-active::after{
content:"";
position:absolute;
left:0; right:0;
bottom:-6px;
height:2px;
background:#111;
}
.emfa-prj-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:22px;
}
.emfa-prj-card{
display:block;
text-decoration:none;
color:inherit;
border-radius:6px;
overflow:hidden;
position:relative;
}
.emfa-prj-img{
width:100%;
padding-top:62%;
background-size:cover;
background-position:center;
}
.emfa-prj-caption{
position:absolute;
left:0;
bottom:0;
background:#111;
color:#fff;
padding:14px 16px;
width:72%;
clip-path:polygon(0 0, 92% 0, 100% 100%, 0% 100%);
font-weight:700;
text-transform:uppercase;
font-size:14px;
}
.emfa-prj-empty{ padding:20px; text-align:center; }
.emfa-prj-loading{ text-align:center; padding:10px; } .emfa-prj-single{ padding:40px 0; }
.emfa-prj-single__wrap{ max-width:1100px; margin:0 auto; padding:0 16px; }
.emfa-prj-single__title{ margin:0 0 12px; }
.emfa-prj-single__meta{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px 18px;
margin:0 0 18px;
}
.emfa-prj-single__thumb img{ width:100%; height:auto; display:block; border-radius:10px; }
.emfa-prj-single__gallery{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:14px;
margin:18px 0 6px;
}
.emfa-prj-single__gallery img{
width:100%;
height:auto;
display:block;
border-radius:8px;
}
.emfa-prj-single__content{ margin-top:18px; } @media (max-width: 1024px){
.emfa-prj-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.emfa-prj-single__meta{ grid-template-columns:repeat(2,1fr); }
.emfa-prj-single__gallery{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 640px){
.emfa-prj-tabs{ gap:18px; flex-wrap:wrap; }
.emfa-prj-grid{ grid-template-columns:1fr; }
.emfa-prj-caption{ width:80%; }
.emfa-prj-single__meta{ grid-template-columns:1fr; }
.emfa-prj-single__gallery{ grid-template-columns:repeat(2,1fr); }
} .emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab{
background: transparent;
border: 0;
padding: 12px 22px;
border-radius: 0;
} .emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab.is-active{
background: #1f4ea8 !important; color: #fff !important;
} .emfa-prj-widget .emfa-prj-tabs .emfa-prj-tab.is-active::after{
content: none !important;
}
.emfa-prj-shortcode-gallery{
display:grid;
gap:14px;
}
.emfa-prj-shortcode-gallery.emfa-cols-2{ grid-template-columns:repeat(2,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-3{ grid-template-columns:repeat(3,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-4{ grid-template-columns:repeat(4,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-5{ grid-template-columns:repeat(5,1fr); }
.emfa-prj-shortcode-gallery.emfa-cols-6{ grid-template-columns:repeat(6,1fr); }
.emfa-prj-shortcode-gallery img{
width:100%;
height:auto;
display:block;
border-radius:10px;
} .emfa-prj-slider{
position:relative;
margin: 18px 0;
}
.emfa-prj-slider__track{
display:flex;
gap:14px;
overflow-x:auto;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling: touch;
padding: 6px 44px; }
.emfa-prj-slider__track::-webkit-scrollbar{
height: 10px;
}
.emfa-prj-slider__track::-webkit-scrollbar-thumb{
background: rgba(0,0,0,.25);
border-radius: 999px;
}
.emfa-prj-slide{
flex: 0 0 auto;
width: 260px;
height: 260px;
scroll-snap-align:start;
border:0;
background:transparent;
padding:0;
cursor:pointer;
}
.emfa-prj-slide img{
width:100%;
height:100%;
object-fit:cover;
border-radius:12px;
display:block;
} .emfa-prj-nav{
position:absolute;
top:50%;
transform: translateY(-50%);
width:36px;
height:36px;
border:0;
border-radius:999px;
background: rgba(0,0,0,.65);
color:#fff;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
line-height:1;
}
.emfa-prj-nav--prev{ left: 6px; }
.emfa-prj-nav--next{ right: 6px; } .emfa-lightbox{
position:fixed;
inset:0;
background: rgba(0,0,0,.85);
display:none;
align-items:center;
justify-content:center;
z-index: 999999;
padding: 24px;
}
.emfa-lightbox.is-open{ display:flex; }
.emfa-lightbox__img{
max-width: 92vw;
max-height: 86vh;
border-radius: 12px;
}
.emfa-lightbox__close{
position:absolute;
top:16px;
right:16px;
width:38px;
height:38px;
border:0;
border-radius:999px;
background: rgba(255,255,255,.15);
color:#fff;
cursor:pointer;
font-size:22px;
}
.emfa-lightbox__nav{
position:absolute;
top:50%;
transform: translateY(-50%);
width:44px;
height:44px;
border:0;
border-radius:999px;
background: rgba(255,255,255,.15);
color:#fff;
cursor:pointer;
font-size:26px;
}
.emfa-lightbox__nav--prev{ left: 16px; }
.emfa-lightbox__nav--next{ right: 16px; } .emfa-prj-slide,
.emfa-prj-slide:hover,
.emfa-prj-slide:focus,
.emfa-prj-slide:focus-visible,
.emfa-prj-slide:active{
background: transparent !important;
outline: 0 !important;
box-shadow: none !important;
border: 0 !important;
} .emfa-prj-slide img,
.emfa-prj-slide:hover img,
.emfa-prj-slide:focus img,
.emfa-prj-slide:active img{
transition: none !important;
transform: none !important;
opacity: 1 !important;
filter: none !important;
}