/****************************************************************************** 
* WordPress
******************************************************************************/

  .post-content-inner::after {
    clear: both;
    content: '';
    display: block;
  }

  .alignfull {
    align-items: center;
    display: flex;
    margin-left: calc((#{$container-width} - 64px - 100vw) / 2);
    overflow: hidden;
    width: 100vw;

    img {
      width: 100%;
    }
  }

  .alignwide {
    margin-left: calc((#{$container-width} - 64px - 1440px) / 2);
    width: 1440px;
  }

  .alignleft {
    float: left;
    margin: 0 2rem 2rem 0;
  }

  .alignright {
    float: right;
    margin: 0 0 2rem 2rem;
  }

  .aligncenter {
    float: none;
    text-align: center;
  }

  .sticky .post-sticky {
    color: inherit;
  }

  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);

    &:focus {
      background-color: $grey-200;
      border-radius: 0.25rem;
    }
  }

/****************************************************************************** 
* WordPress Mobile
******************************************************************************/

  @media (max-width: $breakpoint-desktop) {
    
    .alignfull,
    .alignwide {
      margin: 0 auto;
      width: auto;
    }
  }