/*
Theme Name:  Divi Child hvd-zpv
Theme URL:   https://hvd-zpv.bludot.berlin
Description: Write here theme description.
Author:      bludot_pi
Author URL:  https://hvd-zpv.bludot.berlin
Template:    Divi
Version:     1.0.1
*/

/* CSS Änderungen Jan. */ 

.et-menu-nav > .nav {
	align-items: center !important;
}

.et-menu-nav > .nav > li.mega-menu {
	display: inline-block !important;
	width: 40px;
  	height: 40px;
	margin-right: 34px;
	padding: 0;
  	cursor: pointer;
}

.et-menu-nav > .nav > li.mega-menu > a {
	top:50%;
 	right: 85px;
  	width: 40px;
  	height: 5.5px;
  	background: #035292;
  	position: absolute;
	border-radius: 3px;
  	transition: 0.5s;
}

.et-menu-nav > .nav > li.mega-menu > a:before,
.et-menu-nav > .nav > li.mega-menu > a:after{
  	content: ' ' !important;
	display: block !important;
  	position:absolute;
	width: 40px;
  	height: 5.5px;
  	background:#035292;
	border-radius: 3px;
  	transition:0.5s;
}


.et-menu-nav > .nav > li.mega-menu > a:before {
	top: -13px;
}

.et-menu-nav > .nav > li.mega-menu > a:after {
	top: 16px !important;
}

.et-menu > .mega-menu > a img {
	display: none !important;
}


.et-menu-nav > .nav > li.mega-menu.visible > a {
	background:rgba(0,0,0,0);
}

.et-menu-nav > .nav > li.mega-menu.visible > a:before {
	top: 0 !important;
	transform:rotate(135deg);
}

.et-menu-nav > .nav > li.mega-menu.visible > a:after {
	top: 0 !important;
	transform:rotate(225deg);
}


/* Sicherstellen, dass nur das direkte a tag betroffen ist, menu items sollen nicht betroffen sein. */
.et-menu > .mega-menu > a:hover {
	opacity: 1;
}

/* Hover state der letzten mega menu column heading (blauer background) verhindern. */ 
.et-menu-nav li.mega-menu>ul>li.menu-head:last-child>a:hover {
	background-color: #009ed4!important;
}

/* Verhindert das automatische Öffnen des Mega Menüs per Hover */
.et-menu-nav > .nav > li.mega-menu:hover:not(.visible) > ul.sub-menu {
	opacity: 0 !important;
	visibility: hidden !important;
}

.et-menu-nav > .nav > li.mega-menu.visible > ul.sub-menu {
    opacity: 1;
	visibility: visible;
}