/**
 * Theme Name:  אשקלון
 * Description: ashkelon.info
 * Author:      פבל כץ
 * Version:     v2026
 */


















/* ----------------------------- вид постов ---------------------------- */
@media (max-width:867.9px){
#post_tmplt .blog_card {float:left; position:relative; width:calc(100% - 40px); padding:20px; background:white}
#post_tmplt .blog_card_link {position:absolute; top:0; left:0; bottom:0; right:0; z-index:99; width:100%; height:100%}
    #post_tmplt .blog_card_photo {float:left; width:125px; border-radius:4px; margin-right:10px; aspect-ratio:16/9}
    #post_tmplt .blog_card_inf {float:left; margin-top:-2px; position:relative; width:calc(100% - 135px); max-height:80px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:4}
        #post_tmplt .blog_card_ttl {float:left; width:100%; color:black; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:3; color:black}
        #post_tmplt .blog_card_dtls {float:left; width:100%; color:grey;}
            #post_tmplt .blog_card_dtls_date {float:left}
            #post_tmplt .blog_card_dtls_cat {float:left}
            #post_tmplt .blog_card_dtls_com {float:left}

#post_lst .blog_card {float:left; position:relative; width:calc(100% - 40px); padding:20px; background:white}
#post_lst .blog_card_link {position:absolute; top:0; left:0; bottom:0; left:0; z-index:99; width:100%; height:100%}
    #post_lst .blog_card_photo {float:left; width:100%; border-radius:17px; aspect-ratio:16/9; margin-bottom:5px}
    #post_lst .blog_card_inf {float:left; position:relative; width:100%}
        #post_lst .blog_card_ttl {float:left; position:relative; top:18px; width:100%; padding-bottom:20px; color:black;  color:black; font-size:20px; line-height:24px; font-weight:700}
        #post_lst .blog_card_dtls {float:left; position:absolute; top:0; width:100%; line-height:15px; color:#grey;}
            #post_lst .blog_card_dtls_date {float:left; font-size:11px;}
            #post_lst .blog_card_dtls_cat {float:left; font-size:11px;}
            #post_lst .blog_card_dtls_com {float:left; font-size:11px;}
}

@media (min-width:868px){
#post_tmplt .blog_card {float:left; position:relative; width:calc(100% - 40px); padding:20px; background:white}
#post_tmplt .blog_card_link {position:absolute; top:0; left:0; bottom:0; left:0; z-index:99; width:100%; height:100%}
    #post_tmplt .blog_card_photo {float:left; width:100%; border-radius:17px; aspect-ratio:16/9; margin-bottom:10px}
    #post_tmplt .blog_card_inf {float:left; position:relative; width:100%; height:75px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:4}
        #post_tmplt .blog_card_ttl {float:left; width:100%; color:black; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; color:black}
        #post_tmplt .blog_card_dtls {float:left; position:absolute; bottom:0; width:100%; line-height:15px; color:#3f3f3f;}
            #post_tmplt .blog_card_dtls_date {float:left; font-size:11px;}
            #post_tmplt .blog_card_dtls_cat {float:left; font-size:11px;}
            #post_tmplt .blog_card_dtls_com {float:left; font-size:11px;}

#post_lst .blog_card {float:left; position:relative; width:calc(100% - 40px); padding:20px; background:white}
#post_lst .blog_card_link {position:absolute; top:0; left:0; bottom:0; left:0; z-index:99; width:100%; height:100%}
    #post_lst .blog_card_photo {float:left; width:100%; border-radius:17px; aspect-ratio:16/9; margin-bottom:10px}
    #post_lst .blog_card_inf {float:left; position:relative; width:100%; height:75px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:4}
        #post_lst .blog_card_ttl {float:left; width:100%; color:black; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; color:black}
        #post_lst .blog_card_dtls {float:left; position:absolute; bottom:0; width:100%; line-height:15px; color:#3f3f3f;}
            #post_lst .blog_card_dtls_date {float:left; font-size:11px;}
            #post_lst .blog_card_dtls_cat {float:left; font-size:11px;}
            #post_lst .blog_card_dtls_com {float:left; font-size:11px;}
}



#archive_posts div.blog_card {float:left; position:relative; width:calc(100% - 40px); padding:20px; background:white}
#archive_posts div.blog_card_brdr {float:left; width:100%; height:20px; border-top:2px solid #d7fbfb}
#archive_posts .blog_card_link {position:absolute; top:0; left:0; bottom:0; left:0; z-index:99; width:100%; height:100%}
    #archive_posts div.blog_card_photo {float:left; width:125px; border-radius:4px; aspect-ratio:16/9; margin-bottom:0px!important; margin-right:10px;}
    #archive_posts div.blog_card_inf {float:left; position:relative; width:calc(100% - 135px); display:block;}
        #archive_posts div.blog_card_ttl {float:left; width:100%; color:black; display:block; color:black}
        #archive_posts div.blog_card_dtls {float:left; width:100%; line-height:15px; color:#3f3f3f;}
            #archive_posts div.blog_card_dtls_date {float:left; font-size:11px;}
            #archive_posts div.blog_card_dtls_cat {float:left; font-size:11px;}
            #archive_posts div.blog_card_dtls_com {float:left; font-size:11px;}