/*
 Theme Name:    sacha linnepe
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Site von sacha linnepe
 Author:         Sacha Linnepe
 Author URI:     https://www.linnepe.de
 Template:       Divi
 Version:        21.2.4
*/
 
 
/* Your custom CSS starts here */

/*show hamburger menu on desktop*/
/*
@media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
display: none;
}

.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
display: flex;
float: none;
margin: 0 6px;
align-items: center;
}
}

.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}*/
/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/*rotate the Divi Menu icon on click*/

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}


/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

.mfp-bottom-bar{
	display:none;
}


/*==============================sub menu bei Desktop einrücken=============================*/

/*.sub-menu{
	margin-right:80px;
}*/




/*=======================senkrechtes footermenu===========================*/

/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
	
}
/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 1px 0;
	
}
/* 
Masonry Gallery
*/
 
.cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
  column-count: 4; /* number of columns for desktop */
  column-gap: 4px; /* column spacing */
}
 
@media only screen and (max-width: 1200px) {
  .cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 2; /* number of columns for tablet devices */
  }
}
@media only screen and (max-width: 767px) {
  .cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 1; /* number of columns for mobile devices */
  }
}
 
.cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
  width: 100%;
  margin: 0px 0px 4px 0 !important; /* replace 10px to change row spacing */
  float: none !important;
}