/* SVN FILE: $Id: _indexNews.css 1803 2015-04-22 05:58:39Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1803 $
 * @date                $Date: 2015-04-22 07:58:39 +0200 (mer., 22 avr. 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/branches/1.4/modules/media/migrations/_m000000_000001_media_assets/index/_indexNews.css $
 */

/* XS */
.thumbnail[data-medium-type="blogpost"]
{
    height: auto;
    padding-bottom: 40px;
    background: transparent;
    text-align: center;
}
    .thumbnail[data-medium-type="blogpost"] .image
    {
        background-color: white;
        height: 150px;
        width: 150px;
        border-radius: 50%;
        display: inline-block;
    }
    .thumbnail[data-medium-type="blogpost"] .image.ratioHeight
    {
        background-size: auto 100%;
    }
    .thumbnail[data-medium-type="blogpost"] .image.ratioWidth
    {
        background-size: 85% auto;
        background-color: white;
        background-position: center;
    }
    .thumbnail[data-medium-type="blogpost"] .text
    {
        text-align: left;
        height: auto;
        text-align: center;
    }
        .thumbnail[data-medium-type="blogpost"] h3
        {
            font-size: 1.5em;
            margin: 0 0 20px 0;
        }
        .thumbnail[data-medium-type="blogpost"] .meta
        {
            font-size: 1em;
            margin-bottom: 5px;
        }
            .thumbnail[data-medium-type="blogpost"] .meta time
            {
                display: block;
                font-weight: 400;
                font-size: 1.4em;
            }
        .thumbnail[data-medium-type="blogpost"] p
        {
            font-size: 1.1em;
        }
    .thumbnail[data-medium-type="blogpost"] footer
    {
        bottom: 2px;
    }

/* SM */
@media (min-width: 768px)
{
    .thumbnail[data-medium-type="blogpost"]
    {
        height: 300px;
        margin-top: 0;
        text-align: left;
        clear: left;
    }
        .thumbnail[data-medium-type="blogpost"] .image
        {
            height: 180px;
            width: 180px;
            float: left;
            display: block;
        }
        .thumbnail[data-medium-type="blogpost"] .text
        {
            width: 540px;
            float: left;
            padding-top: 0;
            padding-left: 40px;
            text-align: left;
        }
}

/* MD */
@media (min-width: 992px)
{
    .thumbnail[data-medium-type="blogpost"]
    {
        height: 270px;
    }
        .thumbnail[data-medium-type="blogpost"] .image
        {
            height: 220px;
            width: 220px;
        }
        .thumbnail[data-medium-type="blogpost"] .text
        {
            width: 720px;
        }
            .thumbnail[data-medium-type="blogpost"] h3
            {
                font-size: 1.6em;
            }
            .thumbnail[data-medium-type="blogpost"] p
            {
                font-size: 1.2em;
            }
}

/* LG */
@media (min-width: 1200px)
{
    .thumbnail[data-medium-type="blogpost"]
    {
        height: 252px;
    }
        .thumbnail[data-medium-type="blogpost"] .image
        {
            height: 250px;
            width: 250px;
        }
        .thumbnail[data-medium-type="blogpost"] .text
        {
            width: 890px;
        }
            .thumbnail[data-medium-type="blogpost"] p
            {
                font-size: 1.3em;
            }
}