.dynamic-tile {
  position: relative;
  transition: all 0.3s ease-in-out;
  overflow: hidden; }
  .dynamic-tile.kurtosys-listing {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 100%;
    position: relative; }
  .dynamic-tile .taxonomy {
    position: absolute;
    left: 0;
    top: 0; }
  .dynamic-tile .background-image {
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .dynamic-tile .background-image a {
      position: absolute;
      width: 100%;
      height: 100%; }
    .dynamic-tile .background-image:after, .dynamic-tile .background-image:before {
      transition: all 0.3s ease-in-out;
      content: '';
      position: absolute;
      bottom: 0;
      width: 50%;
      padding-bottom: 20px; }
    .dynamic-tile .background-image:after {
      left: 50%;
      transform-origin: 0 100%;
      transform: skewX(-45deg); }
    .dynamic-tile .background-image:before {
      right: 50%;
      transform-origin: 100% 100%;
      transform: skewX(45deg); }
  .dynamic-tile .author {
    display: flex;
    align-items: baseline;
    transition: all 0.3s ease-in-out; }
    .dynamic-tile .author .single-author {
      display: inline-flex; }
      .dynamic-tile .author .single-author .author-post {
        display: flex;
        transition: all 0.3s ease-in-out; }
        .dynamic-tile .author .single-author .author-post .author-data {
          display: inline-flex; }
        .dynamic-tile .author .single-author .author-post a {
          transition: all 0.3s ease-in-out; }
  .dynamic-tile .post-title {
    display: flex; }
  .dynamic-tile .post-date {
    display: flex;
    align-items: center; }
  .dynamic-tile .back {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(34, 61, 107, 0.95);
    opacity: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .dynamic-tile .back .content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      width: 100%; }
      .dynamic-tile .back .content .read-more {
        position: relative;
        display: inline-block; }
  .dynamic-tile:hover .back {
    opacity: 1;
    z-index: 9; }
