/* SVN FILE: $Id: _indexRoll.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/_indexRoll.css $
 */

#indexRoll
{
    padding: 20px 0 40px 0;
}
    #indexRoll h2
    {
        font-size: 2em;
        margin: 0.6em 0 1.1em 0;
        text-align: center;
    }
    #indexRollSlider
    {
        margin: 20px 0;
    }
    #indexRoll .thumbnail
    {
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }
        #indexRoll .thumbnail img
        {
            height: 100%;
            width: 100%;
        }
        #indexRoll .thumbnail .text
        {
            position: absolute;
            bottom: 0;
            overflow: hidden;
            height: 33% !important;
            width: 100%;
        }
        #indexRoll .thumbnail.active .text
        {
            display: none;
        }
            #indexRoll .thumbnail footer
            {
                bottom: initial;
                top: 10px;
            }
                #indexRoll .thumbnail footer .btnBull
                {
                    height: 25px;
                    width: 25px;
                }
            #indexRoll .thumbnail a:hover
            {
                text-decoration: none;
            }
    #indexRollParchment
    {
        margin-top: 10px;
    }
    #indexRollParchment h3
    {
        margin-bottom: 0;
    }
    #indexRollParchment .role
    {
        margin-top: 0;
        font-weight: 400;
    }
@media (min-width: 494px)
{
    #indexRollSlider
    {
        margin-bottom: 0;
    }
}
    #indexRoll .thumbnail h2,
    #indexRoll .thumbnail h2 a
    {
        margin: 0;
        text-align: left;
        font-size: 17px !important;
    }
    #indexRoll .thumbnail p,
    #indexRoll .thumbnail a.email
    {
        margin: 0;
        font-size: 11px !important;
    }

/*@media (min-width: 768px)
{
    #indexRoll h2
    {
        font-size: 2.2em;
    }
        #indexRoll .thumbnail
        {
            height: 227px;
        }
            #indexRoll .thumbnail h2
            {
                font-size: 1em !important;
                margin: 0 0 0 0;
            }
}
@media (min-width: 992px)
{
    #indexRoll h2
    {
        font-size: 2.4em;
    }
        #indexRoll .thumbnail
        {
            height: 300px;
        }
            #indexRoll .thumbnail h2
            {
                font-size: 1.3em !important;
                margin: 0.2em 0 0 0;
            }
}
@media (min-width: 1200px)
{
    #indexRoll h2
    {
        font-size: 2.8em;
    }
        #indexRoll .thumbnail
        {
            height: 367px;
        }
            #indexRoll .thumbnail h2
            {
                font-size: 1.3em !important;
                margin: 0.5em 0 0 0;
            }
}*/