/*======================================
Theme Name: MeschenStaerken
Theme URI: https://divicake.com/
Description: Child Theme for Thorsten Sureck - MenschenStaerken
Version: 1.0
Author: Divi Cake
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* Eigenes CSS */

/** Header Einstellungen **/

@media only screen and (min-width: 981px){

	.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 100%;
    padding-right: 50px;
    padding-left: 50px;
	}	
	
	#logo {	
		vertical-align:bottom;
		padding-bottom:15px!important;
		max-height:100%;
		
	}
	
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 20px!important;
    padding-top: 60px;

	}}

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1110px) {
   
    #top-menu-nav {
display: none;
}
#et_mobile_nav_menu {
display: block
}
}


/** App Style header im Mobile Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

@media only screen and (max-width: 740px){
	.et_header_style_left #logo {
		max-height:60%;
		max-width:80%;
	}
}

@media only screen and (min-width: 741px) and (max-width:1024px){
	.et_header_style_left #logo {
		max-height:90%;
		max-width: 60%;
	}
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}
.mobile_menu_bar:before {
    top: 10px;
}
/** Divider Trennstriche zwischen Menu-Items **/
#top-menu .menu-item:before{
 content: '|';
 position: absolute;
 right: 7px; /* adjust this number as you see fit. This may depend on the spacing of your menu items */
 padding-bottom: 20px;
 padding-top: 60px;

}
 
#top-menu .menu-item:last-child:before{
 content:'';
}
 
#top-menu .menu-item-has-children .sub-menu .menu-item:before{
 content:'';
}


/*seite leistungen beratung mediation gesundheitscoaching anzeige der menuepunkte*/
@media only screen and (max-width: 740px){
.ipad.et_pb_row {
	display:none;
	}
.desk.et_pb_row  {
	display:none;
	}
}

@media only screen and (min-width: 741px) and (max-width:1024px){
.phone.et_pb_row {
	display:none;
	}
.desk.et_pb_row  {
	display:none;
	}
}

@media only screen and (min-width: 1025px){
.ipad.et_pb_row {
	display:none;
	}
.phone.et_pb_row  {
	display:none;
	}
}