/* =========================================================
   Related Content (replaces Divi Blog Extras module CSS)
   ========================================================= */

/* --- Plugin base: list layout --- */
.el-dbe-blog-extra { text-align: center; }

.et_pb_post_extra {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    word-wrap: break-word;
}
.et_pb_post_extra .post-content {
    order: 1;
    background: #fff;
}
.et_pb_post_extra .post-media {
    order: 0;
    position: relative;
    line-height: 0;
    overflow: hidden;
    backface-visibility: hidden;
    transition: .3s;
}
.et_pb_post_extra .post-media img {
    width: 100%;
    max-width: 100%;
    backface-visibility: hidden;
    transition: .3s;
}
.et_pb_post_extra .post-media img:hover { opacity: .9; }
.et_pb_post_extra.et_pb_post .entry-featured-image-url {
    display: block;
    margin-bottom: 0;
}
.et_pb_post_extra .entry-title { margin-top: 10px; margin-bottom: 10px; }
.el-read-more-btn { margin-top: 15px; }
.el-read-more-btn .et_pb_button { display: inline-block; }

.et_pb_post_extra.el_dbe_list .post-media {
    width: 30%;
    float: left;
    margin-right: 15px;
}
.et_pb_post_extra.el_dbe_list .post-content {
    width: 100%;
    float: left;
}
.et_pb_post_extra.el_dbe_list .post-media + .post-content {
    width: 60%;
}
.et_pb_post_extra.el_dbe_list .post-content .entry-title {
    margin-top: 0;
    padding-bottom: 0;
}

/* --- Module settings from the Theme Builder layout --- */
.et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra {
    padding-right: 30px !important;
    padding-bottom: 0 !important;
    padding-left: 30px !important;
    margin-top: 18px !important;
    margin-bottom: 0;
}
.et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra,
.et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content {
    background-color: rgba(255,255,255,0);
}
.et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .entry-title,
.et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .entry-title a {
    font-family: 'Saira', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #546677 !important;
    line-height: 1.3em !important;
}
.et_pb_blog_extras_0_tb_body .post-data { display: none; }

body #page-container .et_pb_section .et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn {
    margin-top: -6px !important;
}
body #page-container .et_pb_section .et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn .et_pb_button {
    color: #546677 !important;
    border-color: #84E350;
    border-radius: 2px;
    font-size: 14px;
    font-family: 'Saira', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    background-color: #84e350;
    padding: 0 8px !important;
    transition: background-color 300ms ease 0ms, border 300ms ease 0ms;
}
body #page-container .et_pb_section .et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn .et_pb_button:hover {
    border-color: #01778b !important;
    background-image: initial;
    background-color: #FFFFFF;
}
body #page-container .et_pb_section .et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn .et_pb_button:before,
body #page-container .et_pb_section .et_pb_blog_extras_0_tb_body .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn .et_pb_button:after {
    display: none !important;
}