/*
Theme Name:		50ms Divi Child
Theme URI:      http://www.50millisekunden/
Description:    Divi Child Theme von 50 Millisekunden
Author:         Barbara Gölz | 50 Millisekunden
Author URI:     http://www.50millisekunden/
Template:       Divi
Version:        2.0
*/

/* Kategorie-Menü für Blog als Widget */
/* Kategorie-Widget: Listenformatierung entfernen */
.ms-category-menu {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.ms-category-menu #block-2 {
    margin: 0 0 7.5% 0;
}

.ms-category-menu .wp-block-categories {
    list-style: none;
    padding: 0;
    margin: 0;
	max-width: 400px;
}

.ms-category-menu .wp-block-categories li {
    margin-bottom: 10px;
	line-height: 1.2em;
}

/* Links stylen */
.ms-category-menu .wp-block-categories li a {
    display: block;
	width: 100%;
	margin: 5px 0;
	font-size: 17px;
    color: #5D3517;
    background: rgba(224, 201, 163, 0.71);
    padding: 14px 0 14px 40px;
    border: 2px solid rgba(224, 201, 163, 0.71);
    border-radius: 15px;
    text-decoration: none;
	text-indent: -30px;
    transition: all .4s ease-in-out;
}

/* Pfeil vor dem Linktext */
.ms-category-menu .wp-block-categories li a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 0px;
    color: #383d3e;
    font-size: 1.3em;
    transition: all .75s ease;
}
    
/* Hover-Effekt */
.ms-category-menu .wp-block-categories li a:hover {
    background: #e0c9a3;
    border-color: #e0c9a3;
    opacity: 1 !important;
	color: #5D3517;
	padding-left: 50px;
}

/* Kategorie-Menü für Blog als Navigation */
/**remove default 11px padding on each side of list items**/
.ms-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.ms-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 5px 0;
}

/*style the menu items*/
.ms-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 15px!important;
	background: rgba(224,201,163,0.71);
	border-radius: 15px;
	border: 2px solid rgba(224,201,163,0.71);
}

/*style the menu items on hover*/
.ms-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	/*color: #383d3e;*/
	background: #e0c9a3;
	border-color: #e0c9a3;
}


/*style the active menu item*/
.ms-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
 	color: #aa8a61;
	background: #e0c9a3;
	border-color: #e0c9a3;
}


/*style the arrow icon if there are submenus*/
.ms-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}


/*style the arrow icon if there are submenus to submenus*/
.ms-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}


/*make the submenu align directly to the right of the menu item instead of below*/
.ms-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}


/*align submenu to the right of menu link*/
.ms-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}


/*add an icon to the left of each menu item link*/
.ms-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #383d3e;
	font-size: 1.3em;
	transition: all .75s ease;
}

/*style the menu items icon*/
.ms-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: #383d3e!important;
	transition: all .75s ease;
}

/*style the active menu item icon*/
.ms-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #aa8a61!important;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .ms-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .ms-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}