/**
 * Blog custom styles
 */

/*
 *
 * IMPORTANT: UTILIZING THE AUTOMATIC UPDATE FEATURE OF THIS CHILD THEME WILL OVERWRITE
 * ANY CUSTOM CODE PLACED WITHIN THIS FILE. IF YOU WISH TO AUTOMATICALLY UPDATE, PLEASE
 * PLACE YOUR CODE IN THEME OPTIONS >> CUSTOM CSS OTHERWISE YOU CAN MANUALLY UPDATE
 * THE THEME FILES
 *
 */

/* Header */

.blog-header {
    background-color : #2c2c45; /* You can change bg color here */
    background-image : linear-gradient(1deg, #2c2c45 0%, #3f3f64 100%) !important; /* You can change bg gradient here */
    padding          : 60px 0 250px;
    position         : relative;
}

.blog-divider {
    background-image  : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmNGY0ZjQiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiLz48L2c+PC9zdmc+);
    background-size   : 100% 250px;
    bottom            : -2px;
    height            : 250px;
    z-index           : 1;
    transform         : rotateY(180deg);
    display           : block;
    position          : absolute;
    width             : 100%;
    pointer-events    : none;
    background-repeat : no-repeat;
}

.blog-header h1,
.blog-header h2.entry-title {
    font-weight : 600;
    font-size   : 40px;
}

@media (max-width : 650px) {
    .blog-header h1,
    .blog-header h2.entry-title {
        font-size : 30px;
    }
}

.blog-header .container {
    z-index : 5;
    padding : 0 !important;
}

.blog-below-header {
    margin-top : -250px;
    position   : relative;
    z-index    : 5;
}

/* If page builder is active */

.single-post.et_pb_pagebuilder_layout.et_full_width_page .blog-below-header {
    margin-top : 0;
}

.single-post.et_pb_pagebuilder_layout.et_full_width_page .blog-header {
    padding : 60px 0 !important;
}

.single-post.et_pb_pagebuilder_layout.et_full_width_page .blog-divider {
    display : none;
}


/* Blog archive */

.search #left-area .et_pb_post,
.blog #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    font-size     : 14px;
    line-height   : 1.5;
    clear         : none;
    padding       : 30px;
    background    : #fff;
    box-shadow    : 0 2px 18px 0 rgba(0, 0, 0, 0.1);
    transition    : 0.5s ease-in-out;
    border-radius : 3px;
    position      : relative;
    overflow      : hidden;
}

.search #left-area .et_pb_post:hover,
.blog #left-area .et_pb_post:hover,
.archive #left-area .et_pb_post:hover {
    transform         : scale(1.05);
    -webkit-transform : scale(1.05);
    -moz-transform    : scale(1.05);
    -o-transform      : scale(1.05);
    z-index           : 10;
}

.search #left-area .et_pb_post .image-container,
.blog #left-area .et_pb_post .image-container,
.archive #left-area .et_pb_post .image-container,
.search #left-area .et_pb_post .et_main_video_container,
.blog #left-area .et_pb_post .et_main_video_container,
.archive #left-area .et_pb_post .et_main_video_container,
.search #left-area .et_pb_post .et_pb_slider,
.blog #left-area .et_pb_post .et_pb_slider,
.archive #left-area .et_pb_post .et_pb_slider {
    margin : 0 -30px 25px;
}

.search .et_pb_post h2.entry-title,
.blog .et_pb_post h2.entry-title,
.archive .et_pb_post h2.entry-title {
    line-height    : 1.15;
    font-size      : 21px;
    margin-top     : 0;
    padding-bottom : 5px;
    font-weight    : 600;
}

.search .et_pb_post .post-meta,
.blog .et_pb_post .post-meta,
.archive .et_pb_post .post-meta {
    margin-bottom  : 0;
    padding-bottom : 20px !important;
}

.search .et_pb_post .post-meta,
.search .et_pb_post .post-meta a,
.blog .et_pb_post .post-meta,
.blog .et_pb_post .post-meta a,
.archive .et_pb_post .post-meta,
.archive .et_pb_post .post-meta a {
    font-size      : 12px !important;
    text-transform : uppercase;
    line-height    : 1.5;
}

.search .et_pb_post .post-content p,
.blog .et_pb_post .post-content p,
.archive .et_pb_post .post-content p {
    font-size : 15px;
}

@media (min-width : 1051px) {
    .search.et_full_width_page #left-area .et_pb_post,
    .blog.et_full_width_page #left-area .et_pb_post,
    .archive.et_full_width_page #left-area .et_pb_post {
        width : 31.33%;
    }

    .search.et_full_width_page #left-area .et_pb_post:nth-child(3n),
    .blog.et_full_width_page #left-area .et_pb_post:nth-child(3n),
    .archive.et_full_width_page #left-area .et_pb_post:nth-child(3n) {
        margin-right : 0 !important;
    }
}

@media (min-width : 740px) and (max-width : 1050px) {
    .search.et_full_width_page #left-area .et_pb_post,
    .blog.et_full_width_page #left-area .et_pb_post,
    .archive.et_full_width_page #left-area .et_pb_post {
        width : 48.5%;
    }

    .search.et_full_width_page #left-area .et_pb_post:nth-child(2n),
    .blog.et_full_width_page #left-area .et_pb_post:nth-child(2n),
    .archive.et_full_width_page #left-area .et_pb_post:nth-child(2n) {
        margin-right : 0 !important;
    }
}

@media (min-width : 740px) {
    .search #left-area .et_pb_post,
    .blog #left-area .et_pb_post,
    .archive #left-area .et_pb_post {
        float          : left;
        margin         : 0 3% 30px 0;
        vertical-align : top;
    }

    .search.et_left_sidebar #left-area .et_pb_post,
    .blog.et_left_sidebar #left-area .et_pb_post,
    .archive.et_left_sidebar #left-area .et_pb_post,
    .search.et_right_sidebar #left-area .et_pb_post,
    .blog.et_right_sidebar #left-area .et_pb_post,
    .archive.et_right_sidebar #left-area .et_pb_post {
        width : 48.5%;
    }

    .search.et_left_sidebar #left-area .et_pb_post:nth-child(2n),
    .blog.et_left_sidebar #left-area .et_pb_post:nth-child(2n),
    .archive.et_left_sidebar #left-area .et_pb_post:nth-child(2n),
    .search.et_right_sidebar #left-area .et_pb_post:nth-child(2n),
    .blog.et_right_sidebar #left-area .et_pb_post:nth-child(2n),
    .archive.et_right_sidebar #left-area .et_pb_post:nth-child(2n) {
        margin-right : 0 !important;
    }
}

.et_pb_post .et_pb_gallery_post_type .et_pb_slide {
    min-height : 215px;
}

.search #left-area .et_pb_post.format-quote .et_quote_content,
.blog #left-area .et_pb_post.format-quote .et_quote_content,
.archive #left-area .et_pb_post.format-quote .et_quote_content,
.search #left-area .et_pb_post.format-link .et_link_content,
.blog #left-area .et_pb_post.format-link .et_link_content,
.archive #left-area .et_pb_post.format-link .et_link_content,
.search #left-area .et_pb_post.format-audio .et_audio_content,
.blog #left-area .et_pb_post.format-audio .et_audio_content,
.archive #left-area .et_pb_post.format-audio .et_audio_content {
    margin : -30px -30px 25px;
}

.et_audio_content h2, .et_link_content h2, .et_quote_content blockquote p {
    line-height   : 1.4;
    font-size     : 20px;
    margin-bottom : 0;
}

.et_pb_post.format-quote .et_quote_content,
.et_pb_post.format-audio .et_audio_content,
.et_pb_post.format-link .et_link_content {
    position : relative;
    overflow : hidden;
    z-index  : 1;
}

.et_pb_post.format-quote .et_quote_content:before,
.et_pb_post.format-audio .et_audio_content:before,
.et_pb_post.format-link .et_link_content:before {
    font-family : ETmodules;
    line-height : 1;
    font-weight : bold;
    color       : rgba(0, 0, 0, 0.1);
    position    : absolute;
    top         : 50%;
    left        : 50%;
    transform   : translate(-50%, -50%);
    z-index     : -1 !important;
}

.et_pb_post.format-quote .et_quote_content:before {
    content   : '\7b';
    font-size : 150px;
}

.et_pb_post.format-link .et_link_content:before {
    content   : '\e02b';
    font-size : 100px;
}

.et_pb_post.format-audio .et_audio_content:before {
    content   : '\e08e';
    font-size : 100px;
}

/*  Single post page */

.single-post .et_pb_post {
    font-size     : 14px;
    line-height   : 1.5;
    background    : #fff;
    box-shadow    : 0 2px 18px 0 rgba(0, 0, 0, 0.1);
    transition    : 0.5s ease-in-out;
    border-radius : 3px;
    overflow      : hidden;
}

.single-post .pb_disabled .et_pb_post {
    padding : 50px 35px !important;
}

.single-post .dap_post_top .et_main_thumbnail_container,
.single-post .dap_post_top .et_post_gallery,
.single-post .dap_post_top .et_main_video_container,
.single-post .dap_post_top .et_audio_content,
.single-post .dap_post_top .et_quote_content,
.single-post .dap_post_top .et_link_content {
    margin : -50px -35px 35px;
}

.single-post .et_pb_post .entry-content {
    padding-top : 0 !important;
}

.single-post .post-meta a {
    color : inherit;
}

.single-post.et_full_width_page .pb_disabled .et_pb_post {
    max-width    : 900px;
    margin-left  : auto;
    margin-right : auto;
}

.single-post.et_pb_pagebuilder_layout .post {
    padding-bottom : 0 !important;
}

/* Comments */

@media (min-width : 500px) {
    .single-post.et_full_width_page #comment-wrap {
        width        : 90%;
        margin-right : auto;
        margin-left  : auto;
    }
}

#comment-wrap {
    padding-top : 50px;
}

#commentform {
    padding-bottom : 30px;
    position       : relative;
    overflow       : hidden;
}

h1#comments,
h3#reply-title {
    font-weight    : 600;
    font-size      : 20px;
    padding-bottom : 0;
    position       : relative;
}

h1#comments {
    margin-bottom : 30px;
}

h3#reply-title {
    margin-bottom : 5px;
}

h3#reply-title a#cancel-comment-reply-link {
    font-size : 14px;
}

.single .comment_area .comment-reply-link {
    padding-top    : 3px !important;
    padding-bottom : 3px !important;
    font-weight    : 600;
    font-size      : 13px;
    line-height    : 1.5 !important;
    position       : relative;
    display        : inline-block;
    margin-top     : 5px;
    margin-bottom  : 8px;
}

.comment #respond {
    margin  : 0 auto 30px !important;
    padding : 0 !important;
}

.form-submit .et_pb_button {
    font-weight : 700;
    font-size   : 15px;
    line-height : 1.5 !important;
    padding     : 10px 25px !important;
}

.form-submit .et_pb_button:hover {
    padding : 10px 25px !important;
}

#commentform input[type=email],
#commentform input[type=text],
#commentform input[type=url],
#commentform textarea {
    font-size     : 14px;
    line-height   : 1.5;
    border-bottom : 1px solid rgba(0, 0, 0, 0.15);
    padding       : 12px 15px;
    background    : transparent !important;
    transition    : all 0.3s, ease-in-out;
}

.comment span.fn, .comment span.fn a {
    font-size : 14px;
}

.comment .comment-body {
    margin-bottom : 15px;
    padding       : 10px 10px 10px 70px;
    position      : relative;
    overflow      : hidden;
    display       : block;
    border-radius : 3px;
    min-height    : 75px;
}

.comment .children .comment-body {
    margin-bottom : 10px;
}

.comment .comment_avatar {
    left : 12px;
}

.comment .comment_avatar img {
    width         : 45px !important;
    height        : 45px !important;
    object-fit    : cover;
    border-radius : 50%;
    max-width     : 100% !important;
}

.comment .comment_area {
    font-size   : 14px;
    line-height : 1.4;
}

.comment_postinfo {
    line-height : 1.2 !important;
}

.comment.bypostauthor > article {
    background  : rgba(0, 0, 0, 0.03);
    border-left : 4px solid #257DF5;
}

@media (min-width : 700px) {
    p.comment-form-author,
    p.comment-form-email,
    p.comment-form-url {
        width : 32%;
        float : left;
    }

    p.comment-form-author,
    p.comment-form-email {
        margin-right : 2%;
    }

    p.comment-form-author input,
    p.comment-form-email input,
    p.comment-form-url input {
        width   : 100% !important;
        display : block;
    }
}

@media (max-width : 700px) {
    .comment .comment-body {
        padding : 10px 15px !important;
    }

    .comment .comment_avatar {
        display : none;
    }
}

/* Page builder fix */

.single-post.et_pb_pagebuilder_layout.et_full_width_page #comment-wrap,
.single-post.et_pb_pagebuilder_layout.et_full_width_page .post_title_wrapper {
    max-width    : 1080px;
    width        : 90%;
    margin-left  : auto;
    margin-right : auto;
}

/* Sidebar */

#sidebar .et_pb_widget {
    padding       : 0 20px 20px;
    background    : #fff;
    box-shadow    : 0 2px 18px 0 rgba(0, 0, 0, 0.1);
    transition    : 0.5s ease-in-out;
    border-radius : 3px;
    overflow      : hidden;
}

#sidebar .et_pb_widget h4.widgettitle {
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
    margin        : 0 -20px 10px;
    padding       : 15px 20px 10px;
    font-weight   : 600;
    font-size     : 16px;
    line-height   : 1.3;
    display       : block;
    border-left   : 4px solid #257DF5;
}

#sidebar .widget_recent_comments ul,
#sidebar .widget_archive ul,
#sidebar .widget_categories ul,
#sidebar .widget_recent_entries ul,
#sidebar .widget_meta ul {
    padding       : 0;
    margin-bottom : 0;
}

#sidebar .widget_recent_comments ul li,
#sidebar .widget_archive ul li,
#sidebar .widget_categories ul li,
#sidebar .widget_recent_entries ul li,
#sidebar .widget_meta ul li {
    border-top    : 1px solid rgba(0, 0, 0, 0.05);
    padding       : 10px 0;
    margin-bottom : 0;
    line-height   : 1.2;
    font-weight   : normal;
    font-size     : 15px;
}

#sidebar .widget_recent_comments ul li:first-child,
#sidebar .widget_archive ul li:first-child,
#sidebar .widget_categories ul li:first-child,
#sidebar .widget_recent_entries ul li:first-child,
#sidebar .widget_meta ul li:first-child {
    border : none;
}

#sidebar .widget_recent_comments ul li,
#sidebar .widget_archive ul li,
#sidebar .widget_categories ul li,
#sidebar .widget_recent_entries ul li,
#sidebar .widget_meta ul li {
    padding-left : 15px;
    position     : relative;
}

#sidebar .widget_recent_comments ul li:before,
#sidebar .widget_archive ul li:before,
#sidebar .widget_categories ul li:before,
#sidebar .widget_recent_entries ul li:before,
#sidebar .widget_meta ul li:before {
    content       : '';
    position      : absolute;
    top           : 50%;
    left          : -3px;
    width         : 4px;
    height        : 4px;
    border-radius : 4px;
    margin-top    : -3px;
    border        : 1px solid #257DF5;
}

#sidebar .widget_recent_comments ul li:hover:before,
#sidebar .widget_archive ul li:hover:before,
#sidebar .widget_categories ul li:hover:before,
#sidebar .widget_recent_entries ul li:hover:before,
#sidebar .widget_meta ul li:hover:before {
    background : #257DF5;
}