/*---------------------------------------------------------------------------------

 Theme Name:   Küchenpsychologie
 Theme URI:    
 Description:  Divi Child Theme for a film
 Author:       martin@llorenzo.de
 Author URI:   http:llorenzo.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/*h1, h2, h3, h4, h5, h6 {*/
    /*padding-bottom: 10px;*/
    /*color: #72ff80;*/
    /*font-weight: 500;*/
    /*line-height: 1em;*/
/*}*/

/*.mobile_menu_bar:before {*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*font-size: 32px;*/
    /*content: "\61";*/
    /*cursor: pointer;*/
/*}*/

/* DIVI STYLES

ll-img-fit


/* ------------------------------ Page Appearence ------------------------------*/

body {
}


/*#main-header {
top: 410px !important;
}*/


/* ------------------------------ Page Appearence ------------------------------*/

/* ------------------------------ Mobile Nav ------------------------------*/

.mobile_nav .select_page {
	display: none !important;
}

.et_mobile_menu li a {
  font-size: 16px;
}
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}
div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
    font-size:50px !important;
}

.mobile_nav {
	background-color: rgba(0, 0, 0, 0) !important;
	margin-top: -30px !important;
    margin-bottom: 30px !important;
}
.et_mobile_menu {
	top: 60px !important;
	/*transition: all .2s !important;
	transform-origin: center;*/
}
.et_menu_container{
  width: 90%;
}


.et_header_style_centered #main-header .mobile_nav {
  display: block;
  padding: 5px 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: rgba(0,0,0,.05);
  /*text-align: left;*/
}
/* ------------------------------ Mobile Nav ------------------------------*/

/* Large screens (1405px upwards) */
@media only screen and (min-width: 1405px) { 

}

/* Laptops and desktops (1100-1405px) */
@media only screen and (min-width: 1100px) and (max-width: 1405px) { 

}

/* Tablets in landscape mode (981-1100px) */
@media only screen and (min-width: 981px) and (max-width: 1100px) { 

}

/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {

}

/* Smartphones in landscape mode (480-768px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width: 479px) {


}

#main-header, #main-header.et-fixed-header {
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
}

#footer-bottom .container {
  max-width: 800px;
}

/* ------------------------------ General Helpers ------------------------------*/

/* ==========================================================================
   BACKGROUND IMAGE GROW - PIVOTAL
   ========================================================================== */
.pivotal:before {
  content:"";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center !important;
  /*background-position: left bottom;*/
  background-size: cover !important;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
@media only screen and (min-width: 767px) {
  .pivotal {
    overflow: hidden;
  }
  .pivotal:hover:before {
      transform: scale(1.1);
      /*background-position: right top;*/
  }
}

/*PUT THIS IN THE :BEFORE CSS AREA OF THE SECTION {
  background: linear-gradient(
  rgba(78, 78, 86, 0.25),
  rgba(78, 78, 86, 0.25)
  ), url("http://divitest.llorenzo.de/wp-content/uploads/2019/06/testFoto-2880x1800.jpg");
}*/