/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* Show Accessibility Toolbar Icon */
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
    right: 180px !important;
    width: 40px !important;
}

/* Inline-Popup: sichtbarer Popup-Container + scrollbar */
.mfp-inline-holder .mfp-content {
  background: #fff;
  /*color: #000;*/
  padding: 30px;
  box-sizing: border-box;
  max-width: 900px;
  margin: 0 auto;
  max-height: 90vh;
  overflow: auto;
}

/* Enfold: typografische Normalisierung im Popup */
.mfp-inline-holder .mfp-content,
.mfp-inline-holder .mfp-content * {
  line-height: normal;
}

.mfp-inline-holder .mfp-content p {
  line-height: 1.5;
  margin: 0 0 1em 0;
}

/* Sehr weiche Einblendung – ruhig & elegant */
.mfp-inline-holder .mfp-content > div > * {
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.8s ease,
    transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.mfp-wrap.mfp-ready .mfp-inline-holder .mfp-content > div > * {
  opacity: 1;
  transform: none;
}

.mfp-wrap.mfp-removing .mfp-inline-holder .mfp-content > div > * {
  opacity: 0;
  transform: translateY(4px);
}


/* Enfold Builder-Elemente im Inline-Popup sichtbar/ruhig halten */
.mfp-inline-holder .mfp-content [class*="av-"],
.mfp-inline-holder .mfp-content [class*="avia-"] {
  visibility: visible !important;
  animation: none !important;
}

/* Close-Button */
.mfp-inline-holder .mfp-close {
  color: #000;
  opacity: 1;
}

/* Overlay-Fade (Hintergrund) */
.mfp-bg {
  transition: opacity 0.4s ease;
}

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

/* Fullscreen Overlay: Menü linksbündig */
#av-burger-menu-ul{
  text-align: left !important;
}

/* Links im Overlay links ausrichten + Einzug */
#av-burger-menu-ul > li > a{
  text-align: left !important;
  justify-content: flex-start !important; /* falls flex */
  padding-left: 40px !important;          /* Einzug nach Wunsch */
  padding-right: 40px !important;
}

/* Untermenüs ebenfalls links + etwas eingerückt */
#av-burger-menu-ul .sub-menu{
  text-align: left !important;
  padding-left: 60px !important;
}

/* Fullscreen Overlay: Menüblock horizontal nach rechts verschieben */
/* Desktop: Menüblock weiter rechts */
#av-burger-menu-ul{
  text-align: left !important;
  padding-left: 45vw !important;
}

/* Mobile: weniger Einzug */
@media (max-width: 767px){
  #av-burger-menu-ul{
    padding-left: 18vw !important; /* nach Geschmack: 10–25vw */
  }
}