/*
Theme Name: artVantage Config
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 wil be much easier then.
Version: 1.0
Author: Rocco Tirouche
Author URI: https://www.art-vantage.de/
Template: enfold
*/
/* =========================================
   1. Logo: 15px Weißraum über Padding auf #header_main
   Ausnahme: Smartphone hochkant
   ========================================= */
@media only screen and (min-width: 768px), only screen and (orientation: landscape) {
  #top #header_main {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #top #header {
    height: 100px;
  }
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 100px;
  }
}

/* =========================================
   2. Burger-Menü: Untermenü-Pfeile direkt
   neben den Menüpunkt, größer & deutlicher
   ========================================= */
#top #av-burger-menu-ul li.av-width-submenu > a {
  display: inline-block !important;
  vertical-align: top;
  position: relative;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
#top #av-burger-menu-ul li.av-width-submenu > a > .av-submenu-indicator {
  right: 0;
  font-size: 26px;
  opacity: 1;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
  margin-top: -10px;
}

/* =========================================
   4. Kachelhöhen angleichen, Buttons unten bündig
   (greift auf Grid-Rows mit Bild + Überschrift)
   ========================================= */
@media only screen and (min-width: 990px) {
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) {
    display: flex !important;
    height: auto !important;
  }
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) > .flex_cell {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
  }
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) > .flex_cell > .flex_cell_inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) .flex_column_table {
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
  }
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) .flex_column {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
  }
  #top .av-layout-grid-container:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) .flex_column > .avia-button-wrap {
    margin-top: auto;
  }
}

/* =========================================
   3. iPad Pro hochkant (990–1024px):
   Enfolds Tablet-Umbruch nachziehen, Kacheln 2-spaltig
   ========================================= */
@media only screen and (min-width: 990px) and (max-width: 1024px) and (orientation: portrait) {
  .responsive #top #wrap_all .av-layout-grid-container.av-break-at-tablet,
  .responsive #top #wrap_all .av-break-at-tablet-flextable {
    display: block;
  }
  .responsive #top #wrap_all .flex_column.av-break-at-tablet,
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    display: block;
    width: 100% !important;
    margin: 0 0 20px;
  }
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell.no_margin {
    margin-bottom: 0;
  }

  /* feste Zellhöhen aus dem Builder aufheben */
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    overflow: hidden;
    height: auto !important;
  }

  /* Reihenfolge aus den Grid-Einstellungen übernehmen */
  .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-individual {
    display: flex;
    flex-direction: column;
  }

  /* Kachel-Zeilen 2-spaltig statt 1-spaltig */
  .responsive #top #wrap_all .av-layout-grid-container.av-break-at-tablet:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) {
    display: flex !important;
    flex-wrap: wrap;
  }
  .responsive #top #wrap_all .av-layout-grid-container.av-break-at-tablet:has(> .flex_cell .flex_column > .avia-image-container + .av-special-heading) > .flex_cell {
    display: flex !important;
    width: 50% !important;
    margin: 0;
  }
}