@import '../../../skins/horizontal/css/styles.qu.css';

/**
 * @version 2026-04-13
 *
 * Skin "vertical"
 */

/** breadcrumbs **/
#breadcrumbs .ym-wrapper .ym-wbox {
    padding: 1em 0 0 0;
    border-top: 1px dotted gray;
}

html.touch-screen-mode #breadcrumbs .ym-wrapper .ym-wbox {
	border-top: 0;
	padding: 0 !important;
}

/** nav.articles-groups.vertical **/
nav.articles-groups.vertical {
    margin-bottom: 1em;
}

nav.articles-groups.vertical ul.navigation.articlesGroups {
    font-size: 0.9em;
    min-width: 180px;
}


/* the min witdh of the menu and all summenus */
nav.articles-groups.vertical ul.navigation.articlesGroups ul {
    min-width: 200px;
}

/* do not change the height of item on mouseover */
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-menu-item.ui-state-focus,
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-menu-item.ui-state-active {
    border-top: 1px solid #aaaaaa;
    margin-top: 0px;
}

/* the first menu item has already the border from ul, do not change it after mouseover too */
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-menu-item a {
    display: block;
    padding: 5px 10px;
}

/* ui theme maker css fix */
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-state-active a,
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-state-active a:link,
nav.articles-groups.vertical ul.navigation.articlesGroups .ui-state-active a:visited {
  color: #000;
}

/* customized icon */
nav.articles-groups.vertical li.ui-menu-item a i.fa {
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 4px;
    height: 16px;
}