/*
 Theme Name:   UGEDI Child Theme
 Theme URI:    https://unternehmer-gehen-digital.de
 Description:  UGEDI Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://unternehmer-gehen-digital.de
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
body {
	// background-color: red !important;
}

.embed-responsive.embed-responsive-16by9 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.embed-responsive.embed-responsive-16by9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Diese Angabe macht HTML5 Videos responsive */
video {
    width: 100% !important;
    height: auto !important;
}

/*
Related Posts ohne Plugin anzeigen

Nachdem der Code in die functions.php kopiert wurde, muss in der single.php oder dem Template, dass die Loop der einzelnen Beiträge enthält, ein Tag eingefügt werden.

<?php evolution_related_posts(); ?>
*/
.related-posts {
    display: flex;
}
.related-posts .entry-title {
    font-size: 1rem;
}
.related-posts .cat {
    color: #ba9e30;
    font-size: 0.85rem;
}
.related-posts .entry-item {
    width: 31%;
    margin-right: 3.5%;
    position: relative;
    float: left;
}
.related-posts .entry-item.third {
    margin-right: 0;
}
.related-posts a img:hover {
    opacity: .85;
}
.entry-related {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}
.related-wrap {
    margin-bottom: 70px;
}

/* Nur einzelne Beitraege bekommen das Design */
.single p.opener {
    color: #165a72;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.5;
}

/* Einzelne Beitraege und Seiten werden designed */
.single p.opener, .page p.opener {
    color: #165a72;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.5;
}

/*Make the menu module display vertically*/
.vertical-menu nav ul li {
width: 100%;
display: block;
}

.UGEDI-Footer div.et_pb_blurb_content div.et_pb_blurb_container div.et_pb_blurb_description {
    margin-left: -15px; /* setzt den Abstand eines Divi Informationstextes zwischen Icon und Text. */
}

.UGEDI-blurb-distanz div.et_pb_blurb_content div.et_pb_blurb_container div.et_pb_blurb_description {
    margin-left: -15px; /* setzt den Abstand eines Divi Informationstextes zwischen Icon und Text. */
}

.UGEDI-center-vertical {
	height: 100%;
    display: flex;
    align-items: center; /* Zentriert vertikal */
}