/*
  Blog CSS
*/

/* BLOG ARCHIVE */
.et_pb_search .et_pb_searchsubmit {
    padding: 10px 25px !important;
}


#all-posts .et_pb_post {
    padding: 30px;
    position: relative;
}

/* -- Image */
.et_pb_blog_grid .et_audio_content,
.et_pb_blog_grid .et_main_video_container,
.et_pb_blog_grid .et_pb_post .et_pb_slider,
.et_pb_image_container {
    margin: -30px -30px 30px;
}

/* -- Title */
.et_pb_post .entry-title {
    padding-bottom: 10px;
}

/* -- Post Meta (Date & Category) */
.et_pb_post .post-meta {
    position: absolute;
    bottom: 11px;
    font-size: 0 !important;
}

.et_pb_post .post-meta .published,
.et_pb_post .post-meta a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.et_pb_post .post-meta .published:before,
.et_pb_post .post-meta a:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}

/* --- Date published */
.et_pb_post .post-meta .published {
    color: #a99c9c;
}

.et_pb_post .post-meta .published:before {
    content: "\f017";
}

/* Category */
.et_pb_post .post-meta a {
    margin-left: 25px;
    color: #a99c9c;
    transition: all 0.2s ease;
}

.et_pb_post .post-meta a:before {
    content: "\f07c";
}

.et_pb_post .post-meta a:hover {
    color: var( --brown );
}



/* -- Post Excerpt */
.et_pb_post .post-content .post-content-inner {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.8em;
}


/* -- Read More button in Archive */
.et_pb_post div.post-content a.more-link {
    text-align: center;
    display: block;
    letter-spacing: 1px;
    font-size: 20px;
    padding: 8px 10px;
    transition: all 0.2s ease;
    background: var( --dark );
    color: var( --white ) !important;
    font-family: 'Bebas Neue 400',Helvetica,Arial,Lucida,sans-serif;
}

.et_pb_post div.post-content a.more-link:hover {
    background: var( --dark-hover );
}


/* BLOG SINGLE POST */

/* -- Single Post Spacings */
.et_pb_post_content p+h1,
.et_pb_post_content p+h2,
.et_pb_post_content p+h3,
.et_pb_post_content p+h4,
.et_pb_post_content p+h5,
.et_pb_post_content p:not(.subhead-small)+p,
.et_pb_post_content ul+p,
.et_pb_post_content ol+p {
    margin-top: 2em;
}

.et_pb_post_content p+h1,
.et_pb_post_content p+h2,
.et_pb_post_content p+h3,
.et_pb_post_content p+h4,
.et_pb_post_content p+h5,
.et_pb_post_content p:not(.subhead-small)+p,
.et_pb_post_content ul+p,
.et_pb_post_content ol+p {
    margin-top: 0em;
}

.et_pb_post_content p {
    padding-bottom: 1.7em;
}

.et_pb_post_content h2 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.et_pb_post_content h4 {
    margin-top: 5px;
}

.et_pb_post_content img {
    border-radius: 4px;
}



/* --------- DESKTOP --------- */
@media only screen and (min-width: 981px){
    /*<editor-fold desc="Blog List">*/
    .blog-list .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 45%;
        margin-right: 4%;
    }
    .blog-list .et_pb_post .post-meta {
        margin-bottom: 0;
    }

    .blog-list .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 49%;
    }

    .blog-list .et_pb_post .post-content .post-content-inner {
        height: 7.7em;
    }

    .blog-list .et_pb_post div.post-content a.more-link {
        position: absolute;
        padding: 8px 32px;
    }
    /*</editor-fold>*/
}


/* --------- DESKTOP & TABLET --------- */
@media only screen and (min-width: 768px){

    /* -- Title anchor */
    .et_pb_post .entry-title a {
        text-overflow: ellipsis;
        overflow: hidden;
        height: 1.4em;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    /* -- Post Excerpt */
    .et_pb_post .post-content .post-content-inner {
        margin-bottom: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 7.5em;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;

    }
}


/* --------- MOBILE --------- */
@media only screen and (max-width: 768px){

    /* Space for Date & Category */
    .blog-list .et_pb_post .post-meta {
        margin-bottom: 0;
    }

    /* Blog Archive Categories */
    .all-categories {
        flex-direction: column;
    }

}