/*--- hdep ---*/
/*------------*/
.hdep_list .wrap { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.hdep_list .wrap .head { background-color: #f5f5f5; }
.hdep_list .wrap .deta { border-bottom: dotted 1px #333; }
.hdep_list .wrap > div > div { padding: 10px; width: 20%; text-align: center; }
.hdep_list .wrap > div > div a { color: #dc143c; }
.hdep_list .wrap .head > div > div.fio { width: 25%; }
.hdep_list .wrap .head > div > div.more { width: 15%; }

.hdep_list .wrap .deta a .tit { font-size: 80%; padding: 10px 10px 10px 10px; }
.hdep_list .wrap .deta a .sub { padding: 0 10px 10px 10px; }
.hdep_list .wrap .deta a .sub span { font-size: 75%; font-family: 'text'; color: #555; }
.hdep_list .wrap .deta a .sub .auth { width: 50%; }
.hdep_list .wrap .deta a .sub .auth > .ava { 
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background-position: center;
    background-size: cover;
    margin: 0 5px 0 0; }
.hdep_list .wrap .deta a .sub .look { width: 50%; }
.hdep_list .wrap .deta a .sub .look img { width: 15px; margin: 0 5px 0 0; }



/*--- hdep_deta ---*/
/* body */
.hdep_deta img { border-radius: 5px; }
.hdep_deta .anno { padding: 10px 0; font-size: 95%; color: #999; line-height: 1.4; }
.hdep_deta .imgs { width: 100%; padding: 10px 0; border-radius: 5px; }
.hdep_deta .imgs img { width: 100%; }
.hdep_deta .imgs .phot_sour { font-size: 80%; color: #999; }
.hdep_deta .cont { padding: 10px 0; font-size: 100%; color: #000; line-height: 1.5; }
.hdep_deta .cont blockquote { 
    font-style: italic;
    padding: 0 20px;
    margin: 10px 0;
    border-left: solid 6px crimson; 
    color: #999;
    font-size: 100%;
}
.hdep_deta .cont blockquote p { font-size: inherit; color: inherit; }
.hdep_deta .cont a { border-bottom: solid 2px #2a74bc; color: #2a74bc; padding: 0 6px; font-weight: bold; transition: 0.5s; }
.hdep_deta .cont a:hover { background-color: #2a74bc; color: #fff; }

/* info */
.hdep_deta iframe { width: 100%; }
.hdep_deta .info > div { width: max-content; font-size: 80%; margin: 0 15px 0 0; } 
.hdep_deta .info .likies .like_butt { 
    cursor: pointer;
    color: #dc143c;
    filter: contrast(0);
    opacity: 0.5;
    width: max-content; }
.hdep_deta .info .likies .like_butt.isliked { filter: contrast(1); opacity: 1; }
.hdep_deta .info .likies .like_butt img { width: 20px; margin: 0 5px 0 0; }
.hdep_deta .info .likies .like_butt .likenum { color: inherit; font-size: 125%; font-family: 'bold'; }
.hdep_deta .info .looks {  color: #aaa; }
.hdep_deta .info .looks img { width: 20px; margin: 0 5px 0 0; }
.hdep_deta .info .looks .looknum { color: inherit; font-size: 125%; font-family: 'bold'; }

/* comments */
.hdep_deta .comments { padding: 15px; margin: 10px 0; border: solid 1px #eee; }
.hdep_deta .comments h4 { font-size: 100%; color: #555; border-bottom: solid 1px #eee; padding: 0 0 10px 0; }
.hdep_deta .comments .comment_item { padding: 5px 0; margin: 5px 0; }
.hdep_deta .comments .comment_item .name { font-family: "head"; }
.hdep_deta .comments .comment_item .text { font-size: 90%; }
.hdep_deta .comments .comment_item .text.unpubl { font-size: 90%; color: #999; font-style: italic; }
.hdep_deta .comments textarea { width: 100%; height: 60px; margin: 10px 0; border: solid 1px #ddd; }

.hdep_deta h3 { font-size: 175%; font-family: 'bold'; color: #2a74bc; padding: 0; margin: 0; }




@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    /*--- hdep_list ---*/
    .hdep_list .body { padding: 0; }
    /*--- hdep_deta ---*/
    /*--- crea_upda ---*/
    .crea_upda .body .buts > div { justify-content: flex-start; padding: 8px 0; }

}

@media only screen and (max-width: 500px) {}