.wf-active pre{font-family:"Lato",sans-serif}.wf-active #infinite-handle span, .wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea{font-family:"Lato",sans-serif}.wf-active pre{font-family:"Lato",sans-serif}.wf-active #infinite-handle span, .wf-active .button, .wf-active button, .wf-active input[type="button"], .wf-active input[type="reset"], .wf-active input[type="submit"]{font-family:"Lato",sans-serif}.wf-active .entry-meta{font-family:"Lato",sans-serif}.wf-active .panel-navigation a .hidden, .wf-active .panel-navigation a:visited .hidden{font-family:"Lato",sans-serif}.wf-active .site-info{font-family:"Lato",sans-serif}.wf-active .main-navigation{font-family:"Lato",sans-serif}.wf-active .post-navigation .title{font-family:"Lato",sans-serif}.wf-active .comment-author .fn{font-family:"Lato",sans-serif}.wf-active .comment-metadata{font-family:"Lato",sans-serif}.wf-active .comment-form-author label, .wf-active .comment-form-comment label, .wf-active .comment-form-email label, .wf-active .comment-form-url label{font-family:"Lato",sans-serif}@media screen and (min-width: 46em){.wf-active .affinity-front-page .edit-link a, .wf-active .affinity-front-page .edit-link a:visited{font-family:"Lato",sans-serif}}@media screen and (min-width: 46em){.wf-active .affinity-front-page .hentry:first-of-type .edit-link a, .wf-active .affinity-front-page .hentry:first-of-type .edit-link a:visited{font-family:"Lato",sans-serif}}@media screen and (min-width: 46em){.wf-active .affinity-front-page .no-featured-image .edit-link a, .wf-active .affinity-front-page .no-featured-image .edit-link a:visited{font-family:"Lato",sans-serif}}.wf-active .main-navigation ul ul{font-family:"Lato",sans-serif}.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6{font-family:"Lato",sans-serif;font-style:normal;font-weight:700}.wf-active h1{font-size:44.2px;font-style:normal;font-weight:700}.wf-active h2{font-size:37.96px;font-style:normal;font-weight:700}.wf-active h3{font-size:33.8px;font-style:normal;font-weight:700}.wf-active h4{font-size:23.4px;font-style:normal;font-weight:700}.wf-active h5{font-size:20.8px;font-style:normal;font-weight:700}.wf-active h6{font-size:18.2px;font-style:normal;font-weight:700}.wf-active .site-header .entry-title{font-weight:700;font-style:normal}.wf-active .site-description{font-family:"Lato",sans-serif;font-weight:700;font-size:23.4px;font-style:normal}.wf-active .site-title{font-family:"Lato",sans-serif;font-style:normal;font-weight:700;font-size:17.16px}.wf-active .comment-reply-title, .wf-active .comments-title{font-size:33.8px;font-style:normal;font-weight:700}.wf-active .widget-title{font-size:20.8px;font-family:"Lato",sans-serif;font-style:normal;font-weight:700}.wf-active .affinity-customizer.affinity-front-page .affinity-panel .affinity-panel-title{font-family:"Lato",sans-serif;font-size:18.2px;font-weight:700;font-style:normal}@media screen and (min-width: 46em){.wf-active h1{font-size:61.256px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active h2{font-size:54.6px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active h3{font-size:37.96px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active h4{font-size:33.8px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active h5{font-size:23.4px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active h6{font-size:20.8px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active .entry-title{font-size:61.256px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active .site-description{font-size:61.256px;font-style:normal;font-weight:700}}@media screen and (min-width: 46em){.wf-active .page-title{font-size:37.96px;font-style:normal;font-weight:700}}
.expo-wrap {
  position: relative !important;
  display: inline-block;
  width: 250px;
  height: 250px;
  overflow: hidden;
}

.expo-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  transition: filter 0.3s ease;
}

.expo-text {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;
  padding: 10px;

  color: #fff;
  font-size: 14px;
  font-weight: 600;

  background: rgba(0,0,0,0);
  opacity: 0;

  transition: opacity 0.3s ease, background 0.3s ease;

  pointer-events: none;
}

.expo-tile:active img {
  filter: grayscale(100%) brightness(60%);
}

.expo-tile:active .expo-text {
  opacity: 1;
  background: rgba(0,0,0,0.45);
}