@charset "UTF-8";
/*=====================*/
/* CUBIC BEZIER CURVES */
/*=====================*/
/*---------------------------------------------------------------*/
/* --   METRO LAYOUT
/*---------------------------------------------------------------*/
.blog-metro {
  padding: 0; }
  .blog-metro #content {
    z-index: 1; }
  .blog-metro .wtbx-filter:not(.filter-sidebar) + .wtbx-grid-wrapper {
    padding-top: 15px; }
  .blog-metro .wtbx-grid-metro {
    max-width: none; }
  .blog-metro article.post-entry {
    padding: 0;
    margin: 0;
    z-index: 1;
    position: relative; }
    .blog-metro article.post-entry .post-metro-inner {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden; }
      .blog-metro article.post-entry .post-metro-inner .post-metro-link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10; }
      .blog-metro article.post-entry .post-metro-inner .entry-meta {
        position: relative;
        margin: 0;
        width: 100%; }
        .blog-metro article.post-entry .post-metro-inner .entry-meta a {
          color: #fff; }
        .blog-metro article.post-entry .post-metro-inner .entry-meta .author-image {
          position: absolute;
          top: 50%;
          -moz-transform: translate3d(0, -50%, 0);
          -o-transform: translate3d(0, -50%, 0);
          -ms-transform: translate3d(0, -50%, 0);
          -webkit-transform: translate3d(0, -50%, 0);
          -webkit-transform: -webkit-translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
          width: 30px;
          height: 30px;
          border-radius: 50%;
          border: 3px solid transparent;
          -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .blog-metro article.post-entry .post-metro-inner .entry-meta .author-image img {
            width: 100%;
            height: 100%;
            border-radius: 50%; }
        .blog-metro article.post-entry .post-metro-inner .entry-meta .meta-wrapper {
          margin-left: 40px;
          -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .blog-metro article.post-entry .post-metro-inner .entry-meta .meta-wrapper .meta-author-link {
            display: block;
            font-size: .875em;
            font-weight: 600;
            padding: 0;
            line-height: 15px;
            text-overflow: clip;
            text-overflow: ellipsis;
            text-overflow: "…";
            white-space: nowrap;
            overflow: hidden;
            max-width: 100%; }
          .blog-metro article.post-entry .post-metro-inner .entry-meta .meta-wrapper .meta-date {
            display: block;
            margin: 0;
            font-weight: 600;
            font-size: .75em;
            line-height: 15px;
            float: none;
            text-overflow: clip;
            text-overflow: ellipsis;
            text-overflow: "…";
            white-space: nowrap;
            overflow: hidden;
            max-width: 100%;
            opacity: .7; }
      .blog-metro article.post-entry .post-metro-inner .meta-categories {
        margin-bottom: .5em; }
        .blog-metro article.post-entry .post-metro-inner .meta-categories .category-list {
          padding: 0; }
        .blog-metro article.post-entry .post-metro-inner .meta-categories a {
          display: inline-block;
          font-weight: 600;
          font-size: 0.75em;
          line-height: 2em;
          padding: 0 .875em;
          border-radius: .75em;
          margin-right: 0.25em;
          color: #fff;
          background-color: rgba(255, 255, 255, 0.2);
          /* if backdrop support: very transparent and blurred */
          -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          @supports (-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px)) {
            .blog-metro article.post-entry .post-metro-inner .meta-categories a {
              background-color: rgba(255, 255, 255, 0.1);
              -webkit-backdrop-filter: blur(3px);
              backdrop-filter: blur(3px); } }
      .blog-metro article.post-entry .post-metro-inner .entry-title {
        display: block;
        font-size: 1.75em;
        font-weight: 700;
        line-height: 1.2;
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .blog-metro article.post-entry .post-metro-inner .entry-title a {
          color: #fff; }
      .blog-metro article.post-entry .post-metro-inner .post-metro-comments {
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: .75em;
        font-weight: 600;
        color: #fff;
        border-radius: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.1);
        /* if backdrop support: very transparent and blurred */
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        @supports (-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px)) {
          .blog-metro article.post-entry .post-metro-inner .post-metro-comments {
            background-color: rgba(255, 255, 255, 0.05);
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); } }
        .blog-metro article.post-entry .post-metro-inner .post-metro-comments i {
          font-size: calc(100% / .875);
          width: 1em;
          margin-right: .1em;
          line-height: 40px;
          position: relative;
          top: .1em; }
      .blog-metro article.post-entry .post-metro-inner .post-metro-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 30px 30px 0; }
      .blog-metro article.post-entry .post-metro-inner .post-metro-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 0 55px 30px 30px;
        line-height: 20px;
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .blog-metro article.post-entry .post-metro-inner .post-link-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2; }
      .blog-metro article.post-entry .post-metro-inner .post-metro-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1; }
        .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0;
          z-index: 1;
          overflow: hidden;
          -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media .post-metro-overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media .post-thumb-bg {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1; }
            .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media .post-thumb-bg .post-thumbnail {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background-size: cover;
              background-position: center center;
              background-repeat: no-repeat; }
          .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media .wtbx-bg-image {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            overflow: hidden; }
            .blog-metro article.post-entry .post-metro-inner .post-metro-bg .post-media .wtbx-bg-image .wtbx-bg-image-inner {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0; }
      .blog-metro article.post-entry .post-metro-inner.hover .post-media {
        -moz-transform: scale3d(1.05, 1.05, 1);
        -o-transform: scale3d(1.05, 1.05, 1);
        -ms-transform: scale3d(1.05, 1.05, 1);
        -webkit-transform: scale3d(1.05, 1.05, 1);
        -webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
        -webkit-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .blog-metro article.post-entry .post-metro-inner.hover .post-media .post-metro-overlay {
          opacity: 0; }
      .blog-metro article.post-entry .post-metro-inner.hover .author-image,
      .blog-metro article.post-entry .post-metro-inner.hover .meta-wrapper {
        opacity: 0; }
      .blog-metro article.post-entry .post-metro-inner.hover .post-metro-comments, .blog-metro article.post-entry .post-metro-inner.hover .post-like a {
        opacity: 0;
        -moz-transform: scale3d(0.8, 0.8, 1);
        -o-transform: scale3d(0.8, 0.8, 1);
        -ms-transform: scale3d(0.8, 0.8, 1);
        -webkit-transform: scale3d(0.8, 0.8, 1);
        -webkit-transform: -webkit-scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1); }
      .blog-metro article.post-entry .post-metro-inner.hover .post-metro-footer {
        opacity: 0; }
      .blog-metro article.post-entry .post-metro-inner.hover:not(.static-overlay) .post-metro-bg .post-media .post-metro-overlay {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in;
        -moz-transition: opacity 0.3s ease-in;
        -ms-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in; }
      .blog-metro article.post-entry .post-metro-inner.hover:not(.static-overlay) .post-metro-bg .post-media .post-metro-overlay-hover {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -ms-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out; }