/* SVN FILE: $Id: _indexResources.css 207 2017-03-10 09:57:22Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 207 $
 * @date                $Date: 2017-03-10 10:57:22 +0100 (ven., 10 mars 2017) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/tripalium/trunk/protected/modules/media/assets/media/index/_indexResources.css $
 */

.indexResourceMenu li
{
    display: block;
    margin: 0 0 8px 0;
}
    .indexResourceMenu li a
    {
        text-transform: uppercase;
        text-decoration: none !important;
        font-family: 'FontFace', Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.5px;
        pointer-events: none;
        
    }
    .indexResourceMenu li a:after
    {
        padding-left: 3px;
        content: ":";
    }
        .indexResourceMenu li ul
        {
            display: inline;
            padding-left: 3px;
            margin: 0;
        }
            .indexResourceMenu ul li
            {
                display: inline-block;
                padding-right: 5px;
                margin: 0;
            }
            .indexResourceMenu ul li:not(:last-child):after
            {
                content: ",";
            }
                .indexResourceMenu ul li a
                {
                    text-transform: none;
                    text-decoration: underline !important;
                    text-decoration-style: dotted !important;
                    font-family: 'FontFaceLight', Arial, Helvetica, sans-serif;
                    letter-spacing: normal;
                    pointer-events: auto;        
                }
                .indexResourceMenu ul li a:after
                {
                    content: initial;
                }
#indexResources .galleryColumn,
#indexResources .galleryColumn .slider,
#indexResources .galleryColumn .column
{
    height: auto;
    padding-bottom: 15px;
}
#indexResources .galleryColumn .btnBottom
{
    position: relative;
    right: 0;
}
@media (min-width: 768px)
{
    #indexResources .galleryColumn,
    #indexResources .galleryColumn .slider,
    #indexResources .galleryColumn .column
    {
        height: 285px;
        padding-bottom: 0px;
    }
    #indexResources .galleryColumn .image
    {
        height: 165px;
    }
    #indexResources .galleryColumn .btnBottom
    {
        position: absolute;
        bottom: 0;
    }
}
@media (min-width: 992px)
{
    #indexResources .galleryColumn,
    #indexResources .galleryColumn .slider,
    #indexResources .galleryColumn .column
    {
        height: 331px;
    }
    #indexResources .galleryColumn .image
    {
        height: 200px;
    }
}