/*
// -------------------------------------------------------------------
// IT-Intensivkurse - Navigation1
// -------------------------------------------------------------------
// https://stackoverflow.com/questions/4830624/target-first-level-lis-and-not-the-nested-lis
// -------------------------------------------------------------------
*/


/*
// -------------------------------------------------------------------
// menu container
// -------------------------------------------------------------------
*/
.menu-kurse-container {
	background-color: #fff;
	padding-top:30px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
}

/*
// -------------------------------------------------------------------
// Links - menu items
// -------------------------------------------------------------------
*/
.menu-kurse-container a,
.menu-kurse-container a:link,
.menu-kurse-container a:visited,
.menu-kurse-container a:hover,
.menu-kurse-container a:active {
	text-decoration: none;
	color: #000;
	font-size: 14px;
}


/*
// -------------------------------------------------------------------
// Links - menu items - hover
// -------------------------------------------------------------------
*/
.menu-kurse-container a:hover,
.menu-kurse-container a:active {
	xxxcolor: --ast-global-color-1;
	color: #df1722;
}


/*
// -------------------------------------------------------------------
// Links - Current menu item red
// -------------------------------------------------------------------
*/
.menu-kurse-container li.current-menu-item > a,
.menu-kurse-container li.current-menu-item > a:link,
.menu-kurse-container li.current-menu-item > a:visited,
.menu-kurse-container li.current-menu-item > a:hover,
.menu-kurse-container li.current-menu-item > a:active {
	color: #df1722;
	font-weight: bold;
}



/* DEBUG - STYLE THE LEVELS */
.menu-kurse-container li {
	xxxoutline: 1px dashed yellow;
}

/* STYLE THE LEVELS - REMOVE UL MARGINS TO THE LEFT */
.menu-kurse-container ul {
	margin-left:0;
}

/*
// -------------------------------------------------------------------
// Only the line-height for first and second level
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li {
	/* First level: Abstand border-bottom */
	line-height:1.5;
}
.menu-kurse-container>ul>li>ul>li {
	/* Second level: Recuced Abstand zwischen den Menuepunkten */
	line-height:1.25;
}


/*
// -------------------------------------------------------------------
// Only margin from first to second level
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li>a{
	margin-bottom: 7px;
}
.menu-kurse-container>ul>li>ul>li>a {
	margin-bottom: 0;
}



/*
// -------------------------------------------------------------------
// Only the border bottom for first and second level
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li>a {
	/* Make it full width, to be able to give it a full width border bottom */
	display: block;
	border-bottom: 1px solid black;
}
.menu-kurse-container>ul>li>ul>li>a {
	border-bottom: 0px none;
}


/*
// -------------------------------------------------------------------
// Only the font-weight for first and second level
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li>a {
	/* First level bold */
	font-weight: bold;
}
.menu-kurse-container>ul>li>ul>li>a {
	font-weight: normal;
}


/*
// -------------------------------------------------------------------
// Remove the bullets
// -------------------------------------------------------------------
*/
.menu-kurse-container ul li {
	/* ...this will affect both levels of li. */
	list-style-type: none;
}


/*
// -------------------------------------------------------------------
// Abstand der Firstlevel (Cloud, Security, ...) nach unten
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li {
	margin-bottom:20px;
}


/*
// -------------------------------------------------------------------
// Erster Menuepunkt Kursuebersicht ohne Unterstreichung
// -------------------------------------------------------------------
*/
.menu-kurse-container>ul>li:nth-child(1) > a {
	xxxoutline: 5px dashed hotpink;
	border-bottom: 0px none;
}


/*
// -------------------------------------------------------------------
// Chevron as bullet
// -------------------------------------------------------------------
*/
/* https://techforluddites.com/replacing-list-bullets-with-images-using-css/ */
/* ul.wmSvgbullets, */
.menu-kurse-container ul.sub-menu li {
	xxxbackground-color: yellow;
	padding-left: 0;
	/* Einrueckung Chevron und Text */
	margin-left: 12px;
}

/* ul.wmSvgbullets li, */
.menu-kurse-container ul.sub-menu li {
	list-style-type: none;
	background-image: url("/wp-content/themes/astra-child/customer/tickera/shortcode/navigation1/svg/chevron5-opt.svg");
	background-repeat: no-repeat;
	background-position: left 6px;
	/* Die Hoehe des Icons */
	/* SET IT IN THE SVG FILE, NOT HERE IN CSS */
	/* WHY? BECAUSE IT DOESN'T WORK            */
	/* Platz fuer das Icon */
	padding-left: 15px;
	padding-top: 0px;
	margin-bottom: 0.25rem;
}

/*
// -------------------------------------------------------------------
// Hide on mobile
// -------------------------------------------------------------------
*/
@media (max-width: 767px) {

	.menu-kurse-container {
		display:none;
	}


}