/* SVN FILE: $Id: _indexNews.css 176 2016-05-11 15:00:40Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 176 $
 * @date                $Date: 2016-05-11 17:00:40 +0200 (Mer, 11 mai 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/tripalium/trunk/protected/modules/media/assets/media/index/_indexNews.css $
 */


/* Column 1 : Latest post */
#indexNews .col-1 h3
{
    margin-top: -4px;
}
    #indexNews .headlines
    {
        position: relative;
        height: auto;
        padding-bottom: 25px;
        border-bottom: 1px dotted;
    }
    @media (min-width: 768px)
    {
        #indexNews .headlines
        {
            padding-bottom: 0;
            height: calc(100% - 30px);
        }
    }
        #indexNews .headlines h2
        {
            font-family: 'FontFace', Arial, Helvetica, sans-serif;
            margin: 0 0 8px 0;
        }
        #indexNews .headlines .btnBottom
        {
            right: 0;
            bottom: 5px;
        }
        @media (min-width: 768px)
        {
            #indexNews .headlines .btnBottom
            {
                bottom: 15px;
            }
        }
    
/* Column 2 : Latest Operations */    
#indexNews .col-2 .column h2
{
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#indexNews .col-2 .column h3
{
    margin-bottom: 8px;
}
    #indexNews .col-2 .column h3 a
    {
        color: inherit;
        text-align: left;
    }
    #indexNews .col-2 .column h3 a:hover
    {
        color: white;
    }
#indexNewsOperationSlider
{
    overflow: hidden;
}
#indexNewsOperationSlider,
#indexNews .operation
{
    height: 340px;
}
@media (min-width: 768px)
{
    #indexNewsOperationSlider,
    #indexNews .operation
    {
        height: 340px;
    }
}
@media (min-width: 992px)
{
    #indexNewsOperationSlider,
    #indexNews .operation
    {
        height: 393px;
    }
}
    #indexNews .operation
    {
        position: relative;
        width: 100%;
    }
        #indexNews .operation h4
        {
            font-size: 18px;
            line-height: 21px;
            margin: 0 0 10px 0;
            text-align: left;
            font-family: 'FontFace', Arial, Helvetica, sans-serif;
        }
            #indexNews .operation h4 span
            {
                font-family: 'FontFaceLight', Arial, Helvetica, sans-serif;
            }
        #indexNews .operationPellet
        {
            height: 130px;
            width: 130px;
        }
        @media (min-width: 768px)
        {
            #indexNews .operationPellet
            {
                height: 145px;
                width: 145px;
            }
        }
        @media (min-width: 992px)
        {
            #indexNews .operationPellet
            {
                height: 175px;
                width: 175px;
            }
        }
        #indexNews .operation p
        {
            margin-top: 8px;
        }
        #indexNews .operation .bottom
        {
            width: 100%;
            position: absolute;
            padding-bottom: 0;
            bottom: 0;
        }
            #indexNews .operation .col1,
            #indexNews .operation .col2
            {
                width: 50%;
                padding-left: 4px;
                padding-bottom: 8px;
                float: left;
            }
            #indexNews .operation .col1 a,
            #indexNews .operation .col2 a
            {
                float: left;
                display: block;
                margin-right: 8px;
            }
            #indexNews .operation .col1 p:first-of-type,
            #indexNews .operation .col2 p:first-of-type
            {
                margin: 12px 0 0 0;
                font-family: 'FontFaceLight', Arial, Helvetica, sans-serif;
                font-size: 12px;
                line-height: 14px;
            }
            #indexNews .operation .col1 p:last-of-type,
            #indexNews .operation .col2 p:last-of-type
            {
                margin: 0;
                font-family: 'FontFace', Arial, Helvetica, sans-serif;
                font-size: 12px;
                line-height: 14px;
            }

/* Column 3 : RSS */    
#indexNews .col-3 ul
{
    margin-top: 10px;
    padding: 0 0 0 5px;
}
    #indexNews .col-3 ul li
    {
        list-style: none;
        font-size: 1.2em;
        line-height: 1.5em;
    }
    #indexNews .col-3 ul li .feedIcons a
    {
        vertical-align: text-top;
        line-height: 1.5em;
    }