/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#ht_related_posts .related_post, #ht_related_post_slider .mobile_related_post{margin-bottom:2rem}
#ht_related_posts .related_post .post-thumbnail, #ht_related_post_slider .mobile_related_post .post-thumbnail{margin-bottom:1rem}
#ht_related_posts .related_post .ht-related-post-title, #ht_related_post_slider .mobile_related_post .ht-related-post-title{text-align:center}
#ht_related_posts_mobile{display:none}
#ht_related_posts_mobile #ht_related_post_slider .slick-dots{left:-17px}
#ht_related_posts_mobile #ht_related_post_slider .slick-dots li button:before{font-size:15px}

@media only screen and (max-width: 1019px){
    #ht_related_posts{display:none}
    #ht_related_posts_mobile{display:block}
}