/* 1.0.15: Android/mobile fixes and independently configurable footer. */
.theme-toggle{font-size:32.4px;line-height:1}
.viewer-info-toggle{background-size:min(72%,var(--ib-control-icon-size))}
.footer-copy-mobile{display:none}
.site-footer{font-size:var(--ib-footer-desktop-size);padding-top:var(--ib-footer-desktop-padding);padding-bottom:var(--ib-footer-desktop-padding)}
body.ib-footer-desktop-end{padding-bottom:0}.ib-footer-desktop-end .site-footer{position:static;margin-top:32px}
body.ib-footer-desktop-hidden{padding-bottom:0}.ib-footer-desktop-hidden .site-footer{display:none}
.viewer-info a,.viewer-info button{pointer-events:auto}
.viewer-slide.is-zoomed{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

@media(max-width:760px){
  body[class*=ib-header-design-] .main-navigation a{font-size:18px;line-height:1.25;font-weight:400;padding:8px 0}
  .hero-mode-desktop{display:none!important}.hero-mode-mobile{display:block!important;background:var(--hero-mobile-bg)}
  .footer-copy-desktop{display:none}.footer-copy-mobile{display:block}
  .site-footer{font-size:var(--ib-footer-mobile-size);padding-top:var(--ib-footer-mobile-padding);padding-bottom:var(--ib-footer-mobile-padding)}
  body.ib-footer-mobile-fixed{padding-bottom:calc(2 * var(--ib-footer-mobile-padding) + 22px)}.ib-footer-mobile-fixed .site-footer{display:flex;position:fixed;margin:0}
  body.ib-footer-mobile-end{padding-bottom:0}.ib-footer-mobile-end .site-footer{display:flex;position:static;margin-top:0;white-space:normal;overflow:visible}
  body.ib-footer-mobile-hidden{padding-bottom:0}.ib-footer-mobile-hidden .site-footer{display:none}
}

/* Optional tablet mode: use mobile data/layout from 761 through 1024 px. */
@media(min-width:761px) and (max-width:1024px){
  html.ib-tablet-mobile .portfolio-grid{grid-template-columns:repeat(var(--ib-mobile-cols),minmax(0,1fr))}
  html.ib-tablet-mobile .hero-mode-desktop{display:none!important}
  html.ib-tablet-mobile .hero-mode-mobile{display:block!important;background:var(--hero-mobile-bg)}
  html.ib-tablet-mobile .project-tile.is-hero,html.ib-tablet-mobile .project-tile.is-category-header{aspect-ratio:calc(var(--ib-mobile-cols) * 1.6 / var(--hero-mobile-height))}
  html.ib-tablet-mobile .tile-title{font-family:var(--ib-mobile-tile-font);font-weight:var(--ib-mobile-tile-weight);font-size:var(--ib-mobile-tile-font-size)}
  html.ib-tablet-mobile .tile-categories{font-size:var(--ib-mobile-tile-category-size)}
}
