/*
 * (c)2014 1WorldSync GmbH, Cologne, Germany.
 *
 * http://www.1worldsync.com/
 *
 * Created on 03.06.2016 by szimmer.
 */



/**
 *
 */



/*-----------------------------------------------------------------*/
/* Style-Class for menu-entires.                                   */
/*-----------------------------------------------------------------*/

.pim-menu-entry:hover {
    background-color: #cce5ff;
}

.pim-menu-entry.selected {
    background-color: #abf9d5;
}

/*-----------------------------------------------------------------*/
/* End of menu-entires                                             */
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* StyleClasses used to style an custom navigation, such as used   */
/* by the propertyContainer editor                                 */
/*-----------------------------------------------------------------*/

.pim-modernmenu-outer {
    /* DO NOT DELETE THIS EMPTY CLASS. It is used for resetting media queries. */
}

.pim-modernmenu-inner {
    border:        solid 1px #e0e0e0;
    border-radius: 4px;
    padding:       1em;
}


.pim-modernmenu-inner:hover {
    border:           solid 1px #e0e0e0;
    border-radius:    4px;
    padding:          1em;
    background-color: #cce5ff;
}

.pim-modernmenu-inner-selected {
    background-color: #ebf9d5;
}


.pim-modernmenu-image {
    /* DO NOT DELETE THIS EMPTY CLASS. It is used for resetting media queries. */
}

.pim-modernmenu-text {
    /* DO NOT DELETE THIS EMPTY CLASS. It is used for resetting media queries. */
}



/*
 * Media-Query: more than 640 pixels.
 */
@media ( min-width : 640px ) {
    .pim-modernmenu-text {
    }
}



/*
 * Media-Query: less than 641 pixels.
 */
@media ( max-width : 640px ) {
    .pim-modernmenu-text {
        display: none;
    }
}



/*
 * Media-Query: less than 321 pixels.
 */
@media ( max-width : 320px ) {
    .pim-modernmenu-outer {
        float: left;
        width: 7em;
        padding-left: 0.2em;
        padding-right: 0.2em;
    }
    
    .pim-modernmenu-inner {
        border:        solid 1px #e0e0e0;
        border-radius: 4px;
        padding:       1em;
    }
    
    
    .pim-modernmenu-inner:hover {
        border:           solid 1px #e0e0e0;
        border-radius:    4px;
        padding:          1em;
        background-color: #cce5ff;
    }
    
    .pim-modernmenu-inner-selected {
        background-color: #ebf9d5;
    }

    
    .pim-modernmenu-image {
        display: block;
    
    }
    
    .pim-modernmenu-text {
    
    }
}

/*-----------------------------------------------------------------*/
/* End of navigation menu                                          */
/*-----------------------------------------------------------------*/