/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Child Theme für Divi
Author: Developpeers
Template: Divi
Version: 1.0.0
*/


/* =========================================================
   GS TEAM
   Grid 3 + Grid 4 + Grid 5
   ========================================================= */


/* =========================================================
   GEMEINSAME BASIS
   ========================================================= */

/* Grauen Hover-Overlay deaktivieren */
.gs-grid-style-three .single-member-div .single-member:hover .gs_team_image__overlay,
.gs-grid-style-four .single-member-div .single-member:hover .gs_team_image__overlay,
.gs-grid-style-five .single-member-div .single-member:hover .gs_team_image__overlay {
    opacity: 0 !important;
}


/*
 * WICHTIG:
 * KEIN display:flex auf .single-member-div!
 *
 * Dieses Element wird vom GS-Team-Filter selbst ein- und
 * ausgeblendet. Ein display:flex !important würde das
 * Filtern stören.
 */


/* Keine reservierte Fläche für alte Hover-Infobox */
.gs-grid-style-three .single-member-div .single-member,
.gs-grid-style-four .single-member-div .single-member,
.gs-grid-style-five .single-member-div .single-member {
    padding-bottom: 0 !important;
}


/* Bild bei allen drei Varianten identisch */
.gs-grid-style-three .single-member-div .gs_team_image__wrapper,
.gs-grid-style-four .single-member-div .gs_team_image__wrapper,
.gs-grid-style-five .single-member-div .gs_team_image__wrapper {
    border-radius: 8px 8px 0 0 !important;
    width: 100% !important;
}


/* =========================================================
   KARTEN
   ========================================================= */

/*
 * Nur die INNERE Karte wird als Flex-Spalte aufgebaut.
 * Der äußere .single-member-div bleibt vollständig unter
 * Kontrolle des GS-Team-Filters.
 */
.gs-grid-style-three .single-member-div .single-member,
.gs-grid-style-four .single-member-div .single-member,
.gs-grid-style-five .single-member-div .single-member {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
}


/* Infobereich normal unter dem Bild */
.gs-grid-style-three .single-member-div .gs_member_info,
.gs-grid-style-four .single-member-div .gs_member_info,
.gs-grid-style-five .single-member-div .gs_member_info {
    position: relative !important;

    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    overflow: visible !important;

    padding: 22px 16px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border-radius: 0 0 8px 8px !important;

    box-shadow: none !important;

    text-align: center !important;
}


/* =========================================================
   NAMEN
   ========================================================= */

/* Lange Namen sauber umbrechen */
.gs-grid-style-three .single-member-div .gs_member_info .gs-member-name,
.gs-grid-style-four .single-member-div .gs_member_info .gs-member-name,
.gs-grid-style-five .single-member-div .gs_member_info .gs-member-name {
    white-space: normal !important;
    overflow: visible !important;

    word-break: normal;
    overflow-wrap: break-word;

    /*
     * Keine feste Höhe.
     * Damit bekommen spätere Reihen mit nur kurzen Namen
     * keinen unnötigen Leerraum.
     */
    min-height: 0 !important;

    display: block !important;
}


/* Namen kompakter - besonders für 4 Spalten */
.gs-grid-style-three .single-member-div .gs_member_info .gs-member-name,
.gs-grid-style-four .single-member-div .gs_member_info .gs-member-name,
.gs-grid-style-five .single-member-div .gs_member_info .gs-member-name {
    color: #030d1e !important;

    font-family: "Work Sans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    margin-top: 2px !important;
    margin-bottom: 0 !important;

    text-transform: uppercase !important;
}


/* =========================================================
   GRID 4
   Name + Beschreibung
   ========================================================= */

.gs-grid-style-four .single-member-div .gs-custom-member-description,
.gs-grid-style-four .single-member-div .gs-custom-member-description p {
    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    color: #666666 !important;

    line-height: 1.5 !important;
}


/* Abstand Name -> Beschreibung */
.gs-grid-style-four .single-member-div .gs-custom-member-description {
    margin-top: 6px !important;
}


/* WordPress Absatz-Abstand entfernen */
.gs-grid-style-four .single-member-div .gs-custom-member-description p {
    margin: 0 !important;
}


/* Links in Grid 4 */
.gs-grid-style-four .single-member-div .gs-custom-member-description a,
.gs-grid-style-four .single-member-div .gs-custom-member-description a:hover {
    color: #ee6a6b !important;

    text-decoration: none !important;
}


/* =========================================================
   GRID 5
   Name + Designation
   ========================================================= */

.gs-grid-style-five .single-member-div .gs_member_info .gs-member-desig {
    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    color: #666666 !important;

    line-height: 1.5 !important;

    margin-top: 6px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   GRID 3
   Name + Designation + Telefon + E-Mail
   ========================================================= */


/* Originalen Grid-3-Hintergrund überschreiben */
.gs_team_area.gs-grid-style-three .single-member-div .single-member {
    background: #ffffff !important;
}


.gs_team_area.gs-grid-style-three .single-member-div .gs_member_info {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* Originalen Grid-3 Share-Button entfernen */
.gs_team_area.gs-grid-style-three .single-member-div .share-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* Originale Grid-3 Socials entfernen */
.gs_team_area.gs-grid-style-three .single-member-div .gs-team-social {
    display: none !important;
}


/* Designation */
.gs-grid-style-three .single-member-div .gs_member_info .gs-member-desig {
    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    color: #666666 !important;

    line-height: 1.5 !important;

    margin-top: 6px !important;
    margin-bottom: 0 !important;
}


/* Telefon */
.gs-grid-style-three .single-member-div .gs-custom-member-phone {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #666666 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* E-Mail */
.gs-grid-style-three .single-member-div .gs-custom-member-email {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #666666 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Telefon + E-Mail Links */
.gs-grid-style-three .single-member-div .gs-custom-member-phone a,
.gs-grid-style-three .single-member-div .gs-custom-member-email a {
    display: inline !important;

    color: #ee6a6b !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}


/* Telefon + E-Mail Hover */
.gs-grid-style-three .single-member-div .gs-custom-member-phone a:hover,
.gs-grid-style-three .single-member-div .gs-custom-member-email a:hover {
    color: #ee6a6b !important;
    background: transparent !important;

    text-decoration: none !important;
}


/* =========================================================
   GRID-ABSTÄNDE
   ========================================================= */

.gs_team_area.gs-grid-style-three .single-member-div,
.gs_team_area.gs-grid-style-five .single-member-div {
    margin-bottom: 0 !important;

    padding-bottom: 32px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}


/* =========================================================
   SOCIALS
   Grid 4 / Grid 5, falls vom Template verwendet
   ========================================================= */

.gs-grid-style-four .single-member-div .single-mem-desc-social,
.gs-grid-style-five .single-member-div .single-mem-desc-social {
    margin-bottom: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;

    padding-top: 17px;
}


/* Beim Hover keine Bewegung */
.gs-grid-style-four .single-member-div .single-member:hover .single-mem-desc-social,
.gs-grid-style-five .single-member-div .single-member:hover .single-mem-desc-social {
    margin-bottom: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
}