/*
Theme Name:     Azbyka Child for Fiction
Theme URI:      http: //azbyka.ru/fiction
Description:    Дочерняя тема для темы Azbyka на сайте Православная художественная литература
Author:         VBog
Author URI:     http: //bogaiskov.ru
Template:       azbyka
Version:        0.6
*/

/* ============================
COMPONENT: ARTICLE POEM
============================ */
	.article-poem {
		padding: 0 0 10px;
		margin-bottom: 10px;
		min-height: 50px;
		border-bottom: 0;
	}
	
	.article-poem + .article:not(.article-poem){
		padding-top: 1em;
		border-top: 1px solid #ccc;
	}
.article-poem-title {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.3333rem;
    font-weight: bold;
    color: #90694a;
	padding-left: 60px;
}
	
	.related-posts-list .bg_bpub_book_author,
    .article-poem-title .avtor{
		display: block;
		font-size: 80%;
		font-weight: normal;
	}
  .article-poem-count {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: normal;
    color: #808080; }

.poetry-archive .article-poem{
	border: 0;
}

.article-poem-title img{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: absolute!important;
	left:0;
}

	a>h1{
		text-decoration:underline;
		text-underline-offset:2px;
		text-decoration-thickness:.5px;
		text-decoration-color:#ccc;
	}
/* ============================
COMPONENT: FULL LIST
============================ */
.full-list {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-size: 1.3333rem;
  list-style: none;
  counter-reset: list 0; }
  .full-list li {
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px; }
    .full-list li::before {
      content: counter(list) ". ";
      counter-increment: list; }
  .full-list li a {
    text-decoration: none;
    color: #90694a; }
    .full-list li a:hover, .full-list li a:visited:hover, .full-list li a:focus, .full-list li a:visited:focus, .full-list li a:active, .full-list li a:visited:active {
      text-decoration: underline;
      color: #90694a; }
    .full-list li a:visited {
      text-decoration: none;
      color: #90694a; }
  .full-list li .caption {
    font-size: 1.1667rem;
    font-style: italic; }
  .full-list li .caption a {
    text-decoration: none;
    color: #808080; }
    .full-list li .caption a:hover, .full-list li .caption a:visited:hover, .full-list li .caption a:focus, .full-list li .caption a:visited:focus, .full-list li .caption a:active, .full-list li .caption a:visited:active {
      text-decoration: underline;
      color: #808080; }
    .full-list li .caption a:visited {
      text-decoration: none;
      color: #808080; }

/* ============================
COMPONENT: CATEGORY
============================ */
.category {
  margin-bottom: 40px; }
  .category-desc {
    position: relative;
    margin-bottom: 20px;
    font-size: 1.1667rem;
    font-weight: normal;
    line-height: 1.4;
    text-align: inherit;
    color: #000; }
    .category-desc::before, .category-desc::after {
      content: '';
      display: table;
      clear: both; }
  .category-decor, .category-decor-mobile {
    display: block;
    width: 100%;
    height: 22px;
    margin: 0;
    background: transparent url("assets/images/decor.svg") 50% 50% no-repeat;
    background-size: contain; }
  .category-decor-mobile {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px; }
  .category-caption {
    margin-top: 40px;
    font-size: 1.6667rem;
    font-weight: bold;
    text-align: center;
    color: #90694a; }
	
.category-stixi .article-poem-title .avtor{
	font-style: italic;
}

@media screen and (max-width: 960px) {
    .category {
      margin-bottom: 15px; }
      .category-caption {
        margin-top: 15px; }
      .category-desc {
        margin-bottom: 15px; }
      .category-decor-mobile {
        display: block; } 
	
	/*
	.archive .bg-az-counter :where(.fa-star-o, .bg-az-counter-score){
		display:none!important;
	}
	*/
}

/* ============================
COMPONENT: LIB
============================ */
.lib {
  padding: 5px; }
  .lib-title {
    margin-bottom: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1667rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase; }
  .lib-caption {
    margin-bottom: 5px;
    font-size: 1.1667rem;
    font-weight: bold;
    color: #90694a; }
  
/* ============================
Укорачивание аудиоплеера
============================ */
audio:not([controls]) + .download_audio {
	display: none;
}
.audiojs { border-radius: 6px !important; width: 240px !important;  height: 20px !important;  }

.audiojs {
	width: 88px !important;
}
.audiojs .scrubber {
	display: none;
}
.stupeni2 .played, .duration {
	font-weight:bold;
	font-size:1.5em;
}
.played, .duration {
	font-weight:bold;
}

.audiojs .scrubber {
	margin: 8px 10px 10px 10px !important;
	width: 100px !important;
}
.audiojs .time {
    border-left: none  !important;
	/*margin: -5px 0 0 -6px;*/
}
.audiojs .time {
    border-left: none  !important;
	margin: -6px 0;
}
.audiojs .play {
    margin: -1px 0 0 0 !important;
}

/* ============================
Текст в книгах
============================ */

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.uline {
	text-decoration: underline;
}
/* ============================
Иконки
============================ */
.video {
  background: url("/fiction/wp-content/themes/azbyka-fiction/assets/images/videos.png") no-repeat scroll 0 0 transparent;
  padding-left: 24px;
  background-size: 20px;
  background-position-y: -1.7px; }
.audio {
  background: url("/fiction/wp-content/themes/azbyka-fiction/assets/images/audio.png") no-repeat scroll 0 0 transparent;
  padding-left: 24px;
  background-size: 20px;
  background-position-y: -1.7px; }
  
.oembed {
    width:100%;
	padding: 0px;
	margin:auto;
}
.wp-embedded-content {
    width: 100%;
}
.oembed p{
	margin-bottom:0;
}
@media (min-width:520px){
	.oembed{
		/*width: 300px;*/
		float: right;
		margin-left:10px;
	}
	.wp-embedded-content {
		width: 300px;
	}
}

.wp-embed-excerpt .wc-embed-price {
	display:none !important;
}

/*BZ fix audio-player color*/
.audiojs .time em{
	color:#666;
}
.audiojs .time{
	text-shadow: none;
	/*1px 1px 0px rgba(255, 255, 255, 0.5);*/
}

.loader{
	width:50px;height:40px;overflow:hidden;
	position:absolute;top:10px;left:50%;
	transform:translateX(-50%);
}
.loader__step{position:absolute;top:0;left:0;width:100%;height:100%;fill:#aaa}
.loader__step:first-child{top:100%}
.loader__step:nth-child(2){top:200%}
.loader__scroll-down{position:relative;height:100%;-webkit-animation:scroll-down .25s step-end infinite;animation:scroll-down .25s step-end infinite}

@keyframes scroll-down{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}33%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}66%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}

.found-bookmark{
	background-color:#c0c0c030;
}

/* Title для сносок на мобильных */
sup[title]{
	background-color:#FFCF33;
}
@media (pointer: coarse), (hover: none) {
  .main-area-content [title] {
    position: relative;
    /*display: inline-flex;
    justify-content: center;*/
  }
  .main-area-content [title]:focus::after {
    content: attr(title);
    position: absolute;
    top: 90%;
    color: #000;
    background-color: #fff;
    border: 1px solid;
    width: fit-content;
    padding: 3px;
    font-size: 10px;
  }
}

.disabled a{
	pointer-events:none!important;
	opacity:.6!important;
}

article summary {
	outline: none;
	background: #c0c0c030;
}

/* INLINE PLAYER */
.inline-player__wrap{
	margin-bottom:1rem;
}
.inline-player{
	margin-left: .5rem;
}

.nowrap{
	white-space:nowrap;
}

.archive .article-poem,
.archive .category-decor
{
	content-visibility: auto;
}

.scrolled.archive .article-poem,
.scrolled.archive .category-decor,
.bio p{
	content-visibility: visible;
}

.bio>p:first-child>img{
	float:left;
	margin:0 5px 5px 0;
}

.time-to-read{
	text-align:right;
    display: block;
	color:#666;
	font-size: 1rem;
}

:where(.home, .archive) .article{
	position:relative;
}

.single .article-single-info{
	position: static;
}

.time-to-read{
	position:absolute!important;
	top:0;
	right:0;
}

.comments{
	position: relative;
}

.comments .comments-heading{
	display: block;
    text-align: center;
	line-height: 1.5;
	font-weight:400;
	color:maroon;
	background:#F2F2F2;
    border: 1px solid #AFAFAF;
    padding: 0 5px 1px;
    border-radius: 5px;
    cursor: pointer;
	
	position: absolute;
	bottom:2px;
	left:0;
	right:0;
	z-index:2;
}
.comments .comments-heading:after {
    font-family: FontAwesome;
    content: ' \f0d7';
    margin-left: 5px;
    vertical-align: middle;
    font-size: 80%;
}

.beforeunload,
.beforeunload *{
	cursor: wait!important;
}

.bz-load-full-btn{
	display:none;
}

.main-page-content audio{
	width:100%;
}

.widget .avtors-link{
	display: block;
	margin: .5em auto;
	text-align: center;
}

.post-meta-wrap a{
	font-weight: bold;
	text-decoration: underline .1px #ccc;
}

.related-posts-item{
	display: grid;
	gap: .25em .5em;
	list-style: none;
	margin:0;
	padding:0;
}
.related-posts-item li{
	position: relative;
    min-height: 60px;
    padding-left: 50px;
}
.related-posts-item img{
	width: 40px;
	height: 60px;
	object-fit: cover;
	position: absolute!important;
    left: 0;
}

.article-single-info .avtor{
	white-space: nowrap;
	width: 100%;
    margin-top: -0.5em;
}

.article-categories>li.category+li.post_tag:before{
	content: "\f02c";
	font-family: FontAwesome;
	color: #ccc;
}

/* AVTOR */
.tax-avtor .article-poem{
	border-bottom: 0;
}

.avtor-nav{
	text-align: center;
	margin: auto;
}

.posts-loop#poetry:after,
.taxonomy-description:after{
	content:'* * *';
	display: block;
	text-align: center;
	margin: .5em auto 0;
}

.taxonomy-description img{
	border-radius: 5px;
}

.ftafp-mode #toc_controls>a:not(#btn_toc){
	display: none;
}

@media(min-width: 921px){
	.article-image img{
		height: auto;
	}
	.related-posts-item{
		grid-template-columns: 1fr 1fr;
	}
}