/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to a commercial license from Alternetis
 * Use, copy, modification or distribution of this source file without written
 * license agreement from Alternetis is strictly forbidden.
 * In order to obtain a license, please contact us: contact@alternetis.fr
 *
 * @author    Alternetis <contact@alternetis.fr>
 * @copyright Copyright(c) 2009-2016 Alternetis - http://www.alternetis.fr
 * @license   Commercial license
 */
 
/* Global */
.sortable_menu ul {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
        -ms-flex-pack: start;
    margin: 0;

}

    .sortable_menu li.sortable-parent{
        position:relative;
    }    

    .sortable_menu a{
        padding: 11px 15px;
        font-size: 1.4rem;
        line-height: 1.2;
        display: block;
        background: #c4501f;
        color: #ffffff;
        position:relative
    }
    
    .sortable_menu a:before{
        content: "";
        position: absolute;
        width: 0;
        top: 0;
        left: 15px;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #ffffff transparent transparent transparent;
    }
    
    .sortable_menu a:hover{
        text-decoration:underline;
    }

    .sortable_menu span.mobile-toggle{
        float:right;
    }

        .sortable_menu span.mobile-toggle:before {
            content:"\f067";
            font:normal normal normal 1.3rem/1 'FontAwesome';
        }
        .sortable_menu li.sortable-parent.open span.mobile-toggle:before {
            content:"\f068";
        }

/* Position TOP */
.sortable_menu.top{
    margin-bottom: 20px;
}
.sortable_menu.top > ul{
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
        flex-direction:row;
}
    .sortable_menu.top li{
        padding:0 10px;
        width:33%;
        text-align:center;
    }
    
    .sortable_menu.top li:first-child{
        padding-left:0;
    }    
    .sortable_menu.top li:last-child{
        padding-right:0;
    }
    
    .sortable_menu.top li ul li{
        padding:0 10px;
        width:100%;
    }
    
    .sortable_menu.top li > ul,
    .sortable_menu.top li > ul > ul,
    .sortable_menu.top li > ul > ul > ul{
        -webkit-flex-direction:column;
            -ms-flex-direction:column;
                flex-direction:column;
        position:absolute;
        top:-9999px;
        opacity:0;
        background:rgba(255,255,255,0.8);
        border-top:1px solid #c7c7c7;
        -webkit-transition:opacity 0.3s ease-in-out;
                transition:opacity 0.3s ease-in-out;
    }
    
    .sortable_menu.top li.sortable-parent:hover > ul{
        top:44px;
        opacity:1;
    }    
    
    .sortable_menu.top li > ul > li.sortable-parent:hover > ul,
    .sortable_menu.top li > ul > ul > li.sortable-parent:hover > ul,
    .sortable_menu.top li > ul > ul > ul > li.sortable-parent:hover > ul{
        top:0;
        left:100%;
        opacity:1;
        border:none;
    }
    
    .sortable_menu.top .mobile-toggle {
        display:none;
    }


/* Position LEFT */
.sortable_menu.left ul{
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
}


/* Responsive */
@media (max-width:1200px){
}

@media (max-width:1024px){
    
}

@media (max-width:992px){
    
}

@media (max-width:768px){
    
}

@media (max-width:480px){
    
}