@CHARSET "UTF-8";
.one-author .author-info {display: flex; margin-bottom: 20px;}
.one-author .author-info .photo { width: 200px; flex-shrink: 0; height: auto; position: relative}
.one-author .author-info .photo .admin-edit{display: block; position: absolute; top: 152px; left: calc(50% - 60px); width: 120px; height: 32px; border-radius: 16px; background-color: #ff876e; color: #fff; text-align: center; line-height: 32px; text-decoration: none;}
.one-author .author-info .photo .admin-edit:hover {background-color: #f76141;}
.one-author.cls .author-info .photo .elm { margin-right: 8px; margin-top: -3px; }
.one-author .author-desc {flex: 100% 1 1; padding: 8px 24px 0;}
.one-author .author-desc p {margin-bottom: 10px;}
.autor-btns {display: block; width: 220px; flex-shrink: 0;}
.author-poems { margin-bottom: 10px; }
.author-poems .best { font-weight: bold; }
.one-author .cats { text-align: right; }
.one-author .author-poems .sort .loader { position: absolute; top: 2px; left: 0; }
.one-author .cats a,
.one-author .cats span { cursor: pointer; background-color: #ffffff; color: #666; display: inline-block; font-size: 13px; height: 25px; line-height: 25px; margin: 0 4px 8px 0; padding: 2px 10px; text-decoration: none; }
.one-author .cats {background-color: #f1f1f1; padding: 16px 16px 8px; display: flex; justify-content: center; flex-wrap: wrap;}
.one-author .cats .active { background: #045398; color: #fff; cursor: default; }
.one-author .cats a:hover { background: #045398; color: #fff; }
.one-author .cats a:hover,
.one-author .cats a.active { border-color: #fff; }
.pcat-desc { margin-bottom: 20px; }
.hdr.sort {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.hdr.sort select {width: 160px;}
.column-wrap {display: flex; justify-content: space-between; padding: 24px; flex-wrap: wrap}
.author-poems .one-column { width: calc(50% - 10px);}
.one-column ol li {padding: 6px 0}
.one-column ol li a {text-decoration: none;}
.authors .author { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; text-decoration: none; }
.authors .author:hover { background: #f1f1f1; }
.details { color: #999; }
.author-photos .socials { text-align: center; }
.author-photos .other-authors-photos { margin-top: 60px; }
.a-photos-list .a-photo { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; position: relative; }
.a-photos-list .a-photo img { max-width: 100%; }
.a-photos-list .a-photo .photo-desc { height: 40px; color: #777; overflow: hidden; }
.a-photos-list .a-photo { text-decoration: none !important; }
.authors .author h3 { white-space: nowrap; overflow: hidden; }
.authors .author img { max-width: 100%; }
a.fav-author {display: flex; align-items: center; text-decoration: none; font-size: 16px; line-height: 1.25; color: #000; font-weight: 500; margin-bottom: 20px;}
a.fav-author img {width: 48px; flex-shrink: 0; margin-right: 14px; border-radius: 24px;}
.liked-author .wh-bl.author-poems {margin: 0; box-shadow: none}
.liked-author .column-wrap {padding: 0;}
.liked-author .one-column ol {list-style: none!important; padding: 0;}
.liked-author .one-column ol li {padding: 12px 40px 12px 12px; border: 1px solid #f1f1f1; margin-bottom: 5px; position: relative;}
.liked-author .one-column ol li .del-like {position: absolute; right: 15px; top: 13px;}

.shelf .liked-author { margin-top: 36px; padding-bottom: 30px; border-bottom:2px dashed #f1f1f1 }
.shelf .shelf-author { margin-bottom: 3px; }
.books-list .book { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; }
.books-list .book .name { white-space: nowrap; overflow: hidden; }
.one-author .books-list { margin-top: 50px; }
.one-author .similar-authors { margin-top: 30px; }
.authors-page .column { width: 49%; float: left; }
.authors-page .column:first-child { margin-right: 2%; }
.authors-little .author { padding: 20px; display: flex; align-items: center; text-decoration: none; border-bottom: solid 1px #f1f1f1; box-sizing: border-box;}
.authors-little .author.all {display: block; text-align: center; border-bottom: none; }
.authors-little.new .author { float: left; width: 50%; }
.authors-little.new .author.l { width: 48%; margin-right: 2%; }
.authors-little .author:hover { background: #fff3f1; }
.authors-little .author img { margin-right: 16px; border-radius: 50%; display: block; }
.online .author img { float: none; margin: 0; }
.online .author .imgw { float: left; position: relative; }
.online .author.onl .imgw:after,
.online .poem.onl .imgw:after { content: ''; position: absolute; background-color: #8ac176; border-radius: 50%; bottom: 2%; right: 2%; border: 2px solid #fff; height: 11px; width: 11px; }
.online .poem.onl .imgw:after,
.online .card .author.onl .imgw:after { height: 8px; width: 8px; right: -8%; bottom: 6%; }
.authors-little.online .author .imgw { margin-right: 16px; }
.authors-little .author .name { font-size: 20px; margin-bottom: 4px; }
.authors-little .author .amount { color: #999; }

.author-left {display: flex; flex-shrink: 0;}
.authors-little.mod2 .author {justify-content: space-between; }
.authors-little.mod2 .author .name {font-size: 16px; font-weight: bold;}
.authors-little.mod2 .author .amount {margin-left: 0}
.authors-little.mod2 .author .amount a {white-space: initial;}

#no-comment-anonim {display: none;}
label.comment-anonim-text {display: flex;}
label.comment-anonim-text span {display: inline-block;}
label.comment-anonim-text i {display: block; color: #a7a7a7}
label.comment-anonim-text:before {content: '';display: inline-block; width: 24px; height: 24px; border: 2px solid #f1f1f1; margin-right: 12px; border-radius: 8px; cursor: pointer; flex-shrink: 0}
label.comment-anonim-text:hover:before {border-color: #3b5998;}
#no-comment-anonim:checked ~ label.comment-anonim-text:before {background-image: url(/content/images/check-line.svg); background-size: 24px; background-repeat: no-repeat; background-position: center; border-color: #3b5998;}

ol.author-poem-list {display: flex; flex-wrap: wrap; counter-reset: num;}
ol.author-poem-list li {display: block; width: 50%; flex-shrink: 0; position: relative; padding-left: 40px; box-sizing: border-box}
ol.author-poem-list li:before {content: counter(num) '.'; counter-increment: num; text-align: right; display: block; min-width: 32px; position: absolute; left: 0px; top: 6px;}
ol.author-poem-list li a {display: inline-block; text-decoration: none; padding: 6px 0;}
.adv3{
	width: 100%;display: block;margin: 20px 0;
}

@media screen and (max-width: 780px) { .authors .author { width: 31%; }
	.a-photos-list .a-photo { width: 31%; }
	.books-list .book { width: 31%; }
	.authors-little.mod2 .author {flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
	.authors-little.mod2 .author .amount {margin-top: 8px}
}
@media screen and (max-width: 700px) {
	.authors-page .column { width: 100%; }
	.authors-little.new .author { width: 100% !important; }
	.author-poems .one-column { width: 100%;}
	.authors-little .author {padding: 10px}
	ol.author-poem-list li {width: 100%}
}

@media screen and (max-width: 530px) { .authors .author { width: 48%; }
	.a-photos-list .a-photo { width: 48%; }
	.books-list .book { width: 48%; }
	.one-author .author-info { text-align: center; }
	.one-author .author-info .photo { float: none; margin: 0 auto 16px auto; }
}
@media screen and (max-width: 460px) {
	.one-author .author-info .photo { width: 100%; box-sizing: border-box; }

	.one-author .author-info .photo img { max-width: 100%;
		width: auto; box-sizing: border-box; }
}
@media screen and (max-width: 300px) { .authors .author { width: 98%; }
	.a-photos-list .a-photo { width: 98%; }
	.books-list .book { width: 98%; }
}
