/*style of dpsg-cherusker.de*/

/*  Blocking scroll when menue is opened
 *   *  This class get applied to the <body> tag via js in post=17434 */

.pf_block_scroll {
  overflow: hidden;
}

.logged-in #pf_login_button {
  display: none;
  overflow: hidden;
}

/* Beautyfying page load */
.fsmfe-wrapper .menu-overlay {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
}

.fsmfe-wrapper .menu-toggle:checked + .icon-bars {
  opacity: 1;
}

.menu-overlay .content-type-saved_page {
  width: 100vw;
}

nav.elementor-nav-menu--dropdown a {
  justify-content: flex-start;
}

.menu-item .highlighted .sub-arrow i {
  transform: rotate(180deg);
}

/*Basic Style*/
/*Überschriften Schwarz*/

.entry-header,
.main-header-container {
  display: none !important;
}

h1,
h2:not(:where(.dpsg_blogpost *)),
h6 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  padding: 0 70px 0 30px !important;
  z-index: 9;
}

h2:where(.dpsg_blogpost *) {
  padding-bottom: 30px !important;
}

@media only screen and (max-width: 1024px) {
  h2:where(.dpsg_blogpost *) {
    padding-left: 10px !important;
  }
}

h1:before,
h2:not(:where(.dpsg_blogpost *)):before,
h6:before {
  /*z-index: 3;*/
  position: absolute;
  content: "";
  background: #000;
  pointer-events: none;
  margin-left: -2px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
}

/* Nav */

nav {
  left: 0 !important;
}

.wppb-front-end-logout {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  #pf_header_logged_in {
    font-size: 12px !important;
  }
}

/*Startseite - Gemeinschaft*/
@media only screen and (min-width: 768px) {
  .emotionslider:before {
    z-index: 998;
    position: absolute;
    content: "";
    background: url("/wp-content/uploads/2018/12/emotion_slider_overlay_2.svg")
      no-repeat; /*partially transparent image*/
    background-size: contain;
    margin: -2px 0 0 -2px;
    width: 102%;
    height: 102%;
    pointer-events: none;
    bottom: 0;
  }

  #gemeinschaft {
    width: 40%;
  }

  #tag-lebenlernen {
    margin-top: -40px;
  }
}

@media only screen and (min-width: 1025px) {
  #gemeinschaftslider {
    margin-left: -6.2%;
  }
}

/*
 *  * ####
 *   * ####
 *    * ####
 *     * Tablet device*
 *      * ####
 *       * ####
 *        * ####
 *         *  */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .emotionslider {
    top: 20%;
  }

  #gemeinschaft {
    width: 33%;
  }
  #tag-lebenlernen {
    margin-top: 0px !important;
  }
}

/*
 *  * ####
 *   * ####
 *    * ####
 *     * Smartphone device*
 *      * ####
 *       * ####
 *        * ####
 *         *  */
@media only screen and (max-width: 768px) {
  h1,
  h2 {
    margin-left: -11px !important;
  }

  #tag-lebenlernen {
    margin-top: -70px;
  }
  #tag-lebenlernen span {
    z-index: 999;
  }

  /*elementor hack video on phone*/
  #bg-full-vid .elementor-hidden-phone {
    display: block !important;
  }
}

/*Elementor list*/

#form-field-breakline1-0,
#form-field-breakline2-0,
#form-field-breakline3-0,
#form-field-breakline4-0,
#form-field-breakline5-0,
#form-field-breakline6-0,
#form-field-breakline7-0 {
  opacity: 0 !important;
}

/*Event registration*/
.event-registration-form form.elementor-form div label {
  font-weight: bold;
}

.event-registration-form
  form.elementor-form
  div
  .elementor-field-subgroup
  label {
  font-weight: 400 !important;
}

.post-password-form {
  padding: 200px 100px;
  height: 40vh;
  background: lightgray;
}

/* Jurte in Blogpost */
.dpsg-img-jurte figure.dpsg-img-jurte-night {
  position: absolute!important;
  opacity: 0;
  transition: .5s;
}

.dpsg-img-jurte .dpsg-img-jurte-night:hover {
  opacity: 1;
}