/*  -----------------------------------------------------------------------------------------------
    Loop Posts Post Design Newspaper
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */

.post-design-newspaper
{
    overflow: hidden;
  
   &.entry-card
   {
        margin-bottom: 40px;

        @include media('<=tablet')
        {
            margin-bottom: 0;
        }

       &:after
       {
           clear: both;
           content: "";
           display: table;
       }

       .category-links
       {
           top: 2px;
           
       }

       .entry-image
       {
           max-width: 50%;   
           float: right;
           position: relative;
           z-index: 5;
           margin-left: 24px;
           margin-top: 2px;
           
           @include media('<=tablet')
           {
               float: none;
               margin-top: 0;
               max-width: 100%;
               margin-left: 0;
           }
       }

       .entry-meta
       {
           .meta-information
           {
               margin-bottom: 0;
           }
       }

       .entry-content-inner
       {
            text-align: left;
            
            @include media('<=tablet')
            {
                text-align: justify;
            }
            
           .entry-header
           {
               .entry-title
               {
                   text-transform: uppercase;
                   font-size: 22px;
               }
           }

           .entry-content
           {
               margin-top: 24px;
           }

           .entry-footer
           {
                .sticky-post
                {
                    position: relative;
                    border: 1px solid $grey;
                }
           }
       }
   }
}

.entry-even
{
    &.post-design-newspaper
    {
        .entry-image
        {
            float: left;
            margin-left: 0;
            margin-right: 24px;
            
            @include media('<=tablet')
            {
                float: none;
                margin-right: 0;
            }
        }

        .entry-content-inner
        {
            text-align: left;
            
            @include media('<=tablet')
            {
                text-align: justify;
            }
        }

        .entry-meta
        {
            left: 0;
        }
        
    }
}