/* No jQuery required. Overrides for the original Bootstrap 3/Neko theme. */
html { scroll-behavior:smooth; scroll-padding-top:100px; }
#home,#news,#keynote,#contact { scroll-margin-top:100px; }
#mainHeader { z-index:1100; }
#mainHeader .navbar-toggle { cursor:pointer; }
@media(max-width:767px) {
  #mainHeader .navbar-collapse { display:none!important; }
  #mainHeader .navbar-collapse.is-open { display:block!important; overflow:visible; }
  #mainHeader .navbar-nav { float:none!important; margin:0; }
  #mainHeader .navbar-nav > li { float:none; }
}
.isotopeWrapper,.portfolio-items { height:auto!important; }
.isotopeWrapper::after,.portfolio-items::after { content:""; display:table; clear:both; }
.isotopeWrapper > .isotopeItem,.portfolio-items > .isotopeItem {
 position:relative!important; left:auto!important; top:auto!important;
 transform:none!important; float:left; height:auto;
}
/* Restore the original rose-coloured, upward-sliding photo overlay. */
.isotopeItem .imgWrapper { position:relative; overflow:hidden; }
.isotopeItem .imgWrapper img { display:block; width:100%; height:auto; }
.isotopeItem .mediaHover {
 position:absolute!important; inset:0; width:100%; height:100%; overflow:hidden;
 pointer-events:none; background:transparent!important; z-index:3;
}
.isotopeItem .mediaHover .mask {
 display:block!important; position:absolute!important; inset:0;
 width:100%;height:100%; left:0; top:0;
 background:#b57b7b; opacity:0; transform:translateY(100%);
 transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .36s ease;
}
.isotopeItem .mediaHover .iconLinks {
 display:flex!important; position:absolute!important; inset:0;
 align-items:center; justify-content:center; opacity:0;
 transform:translateY(24px) scale(.84);
 transition:transform .34s cubic-bezier(.2,.7,.2,1) .07s,opacity .3s ease .07s;
 z-index:2;
}
.isotopeItem .mediaHover .iconLinks a {
 pointer-events:auto; color:white!important; display:inline-flex;
 flex-direction:column; align-items:center; justify-content:center;
 text-align:center; text-decoration:none!important; min-width:80px; min-height:80px;
}
.isotopeItem .mediaHover .iconLinks a i.icon-search,
.isotopeItem .mediaHover .iconLinks a i.icon-zoom-in { display:block; font-size:40px; line-height:1.1; }
.isotopeItem .mediaHover .iconLinks a span { top:0; color:white; font-size:12px; padding-top:8px; }
.isotopeItem:hover .mediaHover .mask,.isotopeItem:focus-within .mediaHover .mask { opacity:.92; transform:translateY(0); }
.isotopeItem:hover .mediaHover .iconLinks,.isotopeItem:focus-within .mediaHover .iconLinks { opacity:1; transform:translateY(0) scale(1); }
.isotopeItem .mediaHover .iconLinks a:focus-visible { outline:3px solid #fff; outline-offset:3px; }
/* Keyboard access even before pointer hover */
.isotopeItem .mediaHover .iconLinks a { position:relative; }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .isotopeItem .mediaHover .mask,.isotopeItem .mediaHover .iconLinks { transition:none; }
}
