/* SVN FILE: $Id: mainMenu.css 18 2015-04-29 13:57:55Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 18 $
 * @date                $Date: 2015-04-29 15:57:55 +0200 (mer., 29 avr. 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/raphael-fa/trunk/css/menus/mainMenu.css $
 */

/* XS */
body .mainMenu 
{
    margin: 20px 0;
}
body .mainMenu li a,
body .raphaelFamilyOffice
{
    font-size: 14px;
    line-height: 38px;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 1px;
    background-color: transparent;
    font-weight: 400;
}
#navbar {
    position: relative;
    padding-bottom: 10px;
}

body .raphaelFamilyOffice {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0;
}


body .mainMenu li a:hover,
body .mainMenu li a:focus,
body .mainMenu li a:active,
body .raphaelFamilyOffice:hover,
body .raphaelFamilyOffice:focus,
body .raphaelFamilyOffice:active
{
    background-color: transparent;
    border: none;
    text-decoration: none;
}

/* SM */
@media (min-width: 768px)
{
    body .mainMenu 
    {
        margin: 45px 0 0 0;
    }
    body .raphaelFamilyOffice {
        position: absolute;
        top: 16px;
        right: 55px;
    }
        body .mainMenu li:first-of-type a
        {
            margin-left: 0;
        }
        body .mainMenu li a,
        body .raphaelFamilyOffice
        {
            font-size: 11px;
            line-height: 11px;
            margin-left: 10px;
        }
}

/* MD */
@media (min-width: 992px)
{
    body .mainMenu 
    {
        margin: 49px 0 0 0;
    }
    body .raphaelFamilyOffice {
        top: 49px;
        right: 0;
    }
        body .mainMenu li a,
        body .raphaelFamilyOffice
        {
            font-size: 13px;
            line-height: 13px;
            margin-left: 16px;
        }
}

/* LG */
@media (min-width: 1200px)
{
    body .mainMenu 
    {
        margin: 56px 0 0 0;
    }
    body .raphaelFamilyOffice {
        top: 56px;
    }
        body .mainMenu li a,
        body .raphaelFamilyOffice
        {
            font-size: 14px;
            line-height: 14px;
            margin-left: 18px;
        }
}