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

/* XS */
.indexBlock
{
   padding: 20px 0;
   text-align: center;
}
    .indexBlock .container
    {
       padding-top: 0 !important;
       padding-bottom: 0 !important;
    }
    .indexBlock h1
    {
        margin: 0 0 1em 0;
        font-size: 2em;
    }
    .indexBlock h2
    {
        margin: 0 0 1em 0;
        font-size: 1.5em;
    }
    .indexBlock p,
    .indexBlock ul
    {
        margin: 0.7em 0;
        font-size: 1em;
    }
    .indexBlock li
    {
        font-size: 1em;
    }
    .indexBlock h1:first-child,
    .indexBlock h2:first-child,
    .indexBlock h3:first-child,
    .indexBlock p:first-child
    {
        margin-top: 0;
        padding-top: 0;
    }
    .indexBlock p:last-of-type
    {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .indexBlock .buttons
    {
        margin-top: 20px;
        padding: 0;
        text-align: right;
    }
    .indexBlock .owl-nav
    {
        display: none;
        position: absolute;
        top: 50%;
        margin-top: -74px;
        width: 100%;
    }
        .indexBlock .owl-nav div
        {
            margin: 0;
            padding: 0;
            border-radius: none;
            background: none !important;
            position: absolute;
        }
        .indexBlock .owl-prev
        {
            left: -60px;
        }
        .indexBlock .owl-next
        {
            right: -60px;
        }
            .indexBlock .owl-nav svg
            {
                height: 108px;
                width: 30px;
            }

/* SM */
@media (min-width: 768px)
{
    .indexBlock
    {
       text-align: left;
    }
        .indexBlock h1
        {
            font-size: 2.2em;
        }
        .indexBlock h2
        {
            font-size: 1.6em;
        }
        .indexBlock p,
        .indexBlock li
        {
            font-size: 1.1em;
        }
        .indexBlock .owl-nav
        {
            display: block;
        }
}

/* MD */
@media (min-width: 992px)
{
    .indexBlock h1
    {
        font-size: 2.4em;
    }
    .indexBlock h2
    {
        font-size: 1.8em;
    }
    .indexBlock p,
    .indexBlock li
    {
        font-size: 1.2em;
    }
}

/* LG */
@media (min-width: 1200px)
{
    .indexBlock h1
    {
        font-size: 2.8em;
    }
    .indexBlock h2
    {
        font-size: 2em;
    }
    .indexBlock p,
    .indexBlock li
    {
        font-size: 1.4em;
    }
}