/*
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
*/

/* --- Futura PT Einbindung für we-e-academy.de --- */

/* Fließtext */
body {
    font-family: 'futura-pt', sans-serif;
    font-weight: 400; /* Regular Gewicht */
}

/* Überschriften H1–H6 */
h1, h2, h3, h4, h5, h6, h1.av-special-heading-tag {
    font-family: 'futura-pt', sans-serif;
    text-transform: none !important;
}


/* === Schriftgrößen für Tablet (max-width: 990px) === */
@media only screen and (max-width: 990px) {
    body {
        font-size: 15px;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }
}

/* === Schriftgrößen für Smartphone (max-width: 767px) === */
@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }
}

/* Links allgemein */
a {
    font-family: 'futura-pt', sans-serif !important;
    font-weight: 400 !important;
}

/* Hauptnavigation */
#top #header .av-main-nav > li > a {
    font-family: 'futura-pt', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}
/* Buttons */
.avia-button, input[type="submit"], button {
    font-family: 'futura-pt', sans-serif;
    font-weight: 500; /* Medium für Buttons */
}

/* === Button Pop Effekt === */
.avia-button, 
input[type="submit"], 
button {
    transition: all 0.3s ease; /* sanfter Übergang */
}

/* Hover-Effekt */
.avia-button:hover, 
input[type="submit"]:hover, 
button:hover {
    transform: scale(1.05); /* 5% größer beim Hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* sanfter Schatten */
}

/* Formularfelder */
input[type="text"], input[type="email"], textarea {
    font-family: 'futura-pt', sans-serif;
    font-weight: 400;
}

/* Basisstil für die Iconboxen */
.iconbox {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0); /* Anfang: kein Schatten */
}

/* Hover-Effekt */
.iconbox:hover:not(.no-hover) {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* sanfter Schatten */
    transform: translateY(-5px); /* leichtes Anheben */
}

.iconbox {
    padding: 30px;
}

.iconbox_content h3 {
    margin-top: 15px; /* Abstand Icon → Titel */
    min-height: 40px; /* fixiert die Höhe der Überschrift */
}

.iconbox_content p {
    margin-top: 10px; /* Abstand Titel → Text */
    font-size: 16px;
    line-height: 1.5;
}

/* Spalten flexen */
.flex_column.av_one_third {
    display: flex;
    flex-direction: column;
}

/* Symbolboxen strecken */
.iconbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 30px;
}

/* Inhalt innerhalb der Iconbox */
.iconbox_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Pfeil einfügen */
.toggle_icon::after {
    content: "▾"; /* Unicode-Pfeil nach unten */
    display: inline-block;
    font-size: 18px;
    color: #333333; /* Farbe anpassen */
    margin-right: 12px;
	
    transition: transform 0.3s ease; /* weiche Animation */
    transform: rotate(0deg);
}

/* Beim geöffneten Toggle den Pfeil drehen */
.activeTitle .toggle_icon::after {
    transform: rotate(180deg);
}

/* === Sticky Footer Layout === */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#wrap_all {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

#main {
    flex: 1 0 auto;
}

#socket {
    flex-shrink: 0;
}

/* Legeende im Registrierung ausblenden */
body .gform_required_legend {
    display: none !important;
}


/* LearnDash Grid: CLOSED Badge ausblenden */
body #ribbon.price,
body #ribbon.price_€,
body .ld-course-status .ld-status-ribbon,
body .ld-status-ribbon {
    display: none !important;
}