/*
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 wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*/

/* ------------------------------------------------------------------
   Footer-Anpassungen (Clawdia, 2026-09-22 - angefordert von Andi)

   Enfold-Defaults zur Orientierung:
     #footer          { padding: 15px 0 30px 0; }
     #footer .widget  { padding: 0; margin: 30px 0 30px 0; }
   ------------------------------------------------------------------ */

/* 1) Trennlinie unter die Widget-Ueberschrift.
      Enfold setzt seine .seperator ans ENDE des Widgets - gewuenscht
      ist sie direkt unter der Ueberschrift (siehe Referenz-Screenshot). */
#top #footer .widgettitle {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

/* 2) Enfolds eigene Trennlinie am Widget-Ende ausblenden */
#top #footer .widget > .seperator.extralight-border {
    display: none;
}

/* 3) Oberer Spacer: mehr Luft zwischen Footer-Oberkante und Ueberschrift.
      Wirksamer Abstand = padding-top (60) + widget margin-top (30) = 90px */
#top #footer {
    padding-top: 60px;
    padding-bottom: 45px;
}


/* ------------------------------------------------------------------
   Header: Logo vertikal zentrieren (Clawdia, 2026-09-22)

   Ursache: Die Logodatei ist 931x65px, der Header ("slim") ist 88px hoch.
   Enfold setzt .logo a{height:100%} und das <img> auf display:block -
   das Bild klebt damit oben und laesst 23px Luft darunter.
   Loesung: Anchor auf Flex, Bild mittig ausrichten.
   ------------------------------------------------------------------ */
#top #header .logo a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#top #header .logo img,
#top #header .logo svg {
    margin-top: auto;
    margin-bottom: auto;
}