/*Цитата*/
blockquote:before { content: '“'; font-size: 130px; line-height: 40px; color: var(--main-color); position: absolute; top: 25px; left: 10px; }
blockquote { padding: 10px 20px; margin-top: 25px; position: relative; font-size: 18px; font-style: italic; border: 1px solid #e1e1e1; }
blockquote p {text-indent: 60px;line-height: 30px !important;}

/*Таблицы*/
.content-post table {font-size: 14px;border: 1px solid var(--main-color);position: relative; width: 100%;}
.content-post table tr:first-child {color: white;background-color: var(--main-color);font-size: 16px;}
.content-post table tr:nth-child(2n) {line-height: 40px;background-color: #f6f6f6;border-bottom: 1px solid #dbdbdb;}
.content-post table td {padding: 5px 10px;line-height: 22px;}

/*Списки*/
.content-post li {border-left: 2px solid var(--main-color); display: block;padding: 2px 10px;margin-bottom: 4px;background-color: #fcfcfc;}
.content-post ul {display: table;padding: 0px;}

/*Заголовки статей*/
.content-post h2,.content-post h3 { font-weight: bold;padding: 10px 20px;background-color: #fcfcfc; color: var(--main-color);border: 1px solid rgb(231, 231, 231);border-left: 4px solid var(--main-color);}

/*Статья*/
.single-post .content-post p {text-align: justify;font-size: 17px; line-height: 1.47;}
.single-post .content-post iframe {max-width: 100%;}
.single-post iframe[src*="youtube"] {border-radius: 0px;min-height: 480px; width: 100%;}
.content-post .wp-caption-text { text-align: center !important;}
.single-post .thumbnail-has{background-size: cover;    background-position: 50% 50%;}
.single-post .thumbnail-has:before{z-index: -1; content: "";position: absolute;top: 0; left: 0;background: linear-gradient(130deg,rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.22));width: 100%;height: 100%;}
.single-post .thumbnail-has {position: relative;z-index: 1;}
.single-post .thumbnail-has h1,.single-post .thumbnail-has #breadcrumbs a {color: white !important;}
.thumbnail-has #breadcrumbs .breadcrumb_last {display: none;}

/*Просмотры на статьях*/
.post .views {background-color: rgba(255, 255, 255, 0.25);border-radius: 20px;}
.post .views a {border-radius: 20px;}

/*Комикс*/
.button-download { background-color:var(--main-color);}
.button-download span{color:#ffffff;padding:0px 30px; font-size:22px;line-height:44px; text-shadow:none;}
#modal-comics .modal-dialog, #modal-comics .modal-dialog div, #modal-comics iframe {height: 100%; margin: 0px auto;width: 1000px;max-width: 99%;}

/*Рейтинг*/
.vote-block {position: relative;display: inline-block;}
.rating-one { margin-top: 10px; }
.vote-block .rating-info {position: absolute; bottom: -20px;left: 42px; font-size: 14px;font-weight: bold; color: #a9a9a9; text-transform: uppercase;}
span.rating-text { position: absolute;top: 5px;right: -20px;}
.vote-block .rating-info { position: absolute;bottom: -20px;left: 42px;font-size: 14px;font-weight: bold;color: #a9a9a9;text-transform: uppercase;}
.vote-block .rating:hover li {background-image: url("img/star2x.png");}
.rating-block {font-size: 12px;line-height: 40px;display: inline-block;height: 40px;vertical-align: super;margin-right: 10px;}
.vote-block .rating li {display: block;width: 29px;height: 27px;float: right;text-indent: -9999px;cursor: pointer;margin-bottom: 0px !important;}
.vote-block .rating li:hover,.vote-block .rating li:hover ~ li { background-position: 0 -27px;}
.vote-block.disabled .rating li.current {display: block;z-index: 10;}
.vote-block .rating li.active,
.vote-block .rating li.active ~ li {background-position: 0 -45px;}
.vote-block li.current { display: none;}
.vote-block ol.rating.show-current {padding: 0px; }
.vote-block ol.show-current li {cursor: default;z-index: 2;position: relative; border: none; background-color: unset;}
.vote-block ol.show-current li.current {position: absolute;top: 0;left: 0;display: block;width: 100%;z-index: 1;background-position: 0 0;background-repeat: repeat-x;background-image: url("img/star2x.png"); padding: unset;}
.vote-block ol.show-current li.current span {display: block;height: 27px;width: 0;background: inherit;background-position: 0 -54px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 .vote-block ol.show-current li.current { background-image: url("img/star2x.png");}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 .vote-block .rating:hover li { background-image: url("img/star2x.png");}
}

/*! Кнопки репостов в конце статьи */
.autor img { border-radius: 80px;}
.autor .name {display: inline-block;vertical-align: middle;}
.autor .name span:first-child {font-size: 22px;display: inline-block;vertical-align: middle;}
.autor .name span:last-child { font-size: 16px; color: grey; display: block;}
.autor .fix {position: absolute;right: -0px;background-color: var(--main-color3);top: 25px;padding: 2px 5px;color: #ffffff;font-size: 15px;line-height: 30px;border-radius: 5px 0px 0px 5px;}
.autor .fix.date {top: 55px;background-color: transparent;color: grey;}
	.autor {clear: both;}


/*Релапио*/
.relap-default__top-container {max-width: unset !important;}
.relap-default__items-container {margin: 0 !important;}
.relap-default__item { max-width: unset !important;}
.relap-default__item-inner { padding: 1px !important;border-radius: 0px !important;}
a.js-relap__item-link {min-height: unset !important;position: relative;}
.js-relap__item-title { position: absolute; bottom: 0px; padding: 20px 5% 20px; color: #ffffff !important; background: linear-gradient(180deg,transparent,rgba(1, 1, 2, 0.79) 76%); width: 90%; margin: 0 !important; font-size: 19px !important; font-weight: 900 !important; font-family: 'Roboto', sans-serif !important; }
.relap-default__item:nth-child(1) .relap-default__item-inner,.relap-default__item:nth-child(3) .relap-default__item-inner{padding-left: 0 !important; }
.relap-default__item:nth-child(2) .relap-default__item-inner,.relap-default__item:nth-child(4) .relap-default__item-inner{padding-right: 0 !important; }
.relap-default__item-thumbnail img {width: 100% !important;}
.relap-default__item__label { position: absolute; bottom: 4px; right: 10px; color: #636363; background-color: #ffffff; padding: 5px; font-size: 9px; }
@media screen and (max-width: 768px){
	.relap-default__item, .relap-default__fake-item {width: 100% !important;}
}


/*Всплываха на ссылках*/
.content-post a {color:var(--main-color-1); border-bottom: 1px dotted gray; }
.content-post a .hrefcontent:after { content: ''; position: absolute; width: 0; height: 0; border: 10px solid; border-color: #ffffff transparent transparent transparent; top: 100%; left: 20%; margin-left: -10px; }
.content-post a .hrefcontent {opacity: 0; transition: all 0.5s 0s;}
.content-post a {position: relative;display: inline-block;}
.content-post a:hover .hrefcontent {transition: all 0.5s 0s; opacity: 1; display: flex !important;  position: absolute !important; bottom: 100%; left: 10% !important; min-width: 400px; z-index: 999; }

/*Адаптивность*/
@media screen and (max-width: 768px){
	 .content-post img { width: 100%; height: auto;}

	 /*Статья*/
	.content-post .wp-caption.aligncenter img  {width: calc(100% + 1rem) !important;max-width: calc(100% + 1rem) !important;margin: 0 -1rem !important;}
	.single-post .content-post iframe {max-width: 100%;}
	.single-post .thumbnail-has {min-height: 60vh; padding-top: 20px !important; }
	.single-post .thumbnail-has h1{font-size: 30px !important; text-align: center; padding-top: 50%}
	.single-post .thumbnail-has #actions{text-align: center !important;padding-bottom: 100px; margin: auto;}

	 /*Таблицы*/
	table {font-size: 12px;overflow-x: scroll;display: block;}
	table td {padding: 2px 5px;}

	/*Автор и реросты*/
	.autor {text-align: center;}
	.autor .fix { position: initial;padding: 5px 10px; width: 100%;display: block;border-radius: 0px;}
	.ya-share2__icon { height: 35px !important;width: 35px !important;}
	.ya-share2__counter { display:none !important; }
	.razrab { text-align:center !important; }
	#footer.ya-share2.ya-share2_inited { text-align: center;}
	aside h4 {text-align: center;font-size: 20px;}
}

/*Комментарии*/
#reply-title { margin: 0;}
.comment ul.children {list-style: none;padding-left: 0px;}
.comments-list .comment.depth-1:nth-child(2n) {background-color: #fafafa;}
.comment ul.children li > div { padding: 10px 0px 10px 40px !important; }
.comment div {position: relative;}
.comment .tituls {text-align: right;}
.vk-comments{overflow: hidden;}
.vk-comments>div{margin-top: -40px;}
#cancel-comment-reply-link {font-size: 14px;padding: 5px 20px;background-color: whitesmoke;}
.nav-tabs button.nav-link:not(.collapsed) {border: 1px solid #e1e1e1; background-color: #fff;border-bottom: solid 1px white;}
input#author, input#email { border-bottom: 1px solid #e5e5e5 !important;}


.show-comment-wrap { background: linear-gradient(0deg, white, transparent); padding: 30px 0 0 0; margin-top: -40px;}
.show-comment-wrap:before { content: ""; position: absolute; bottom: 13px; width: 100%; background-color: #d8d8d8; height: 1px; left: 0; z-index: 1; }
.show-comment{z-index: 2;position: relative;}

@media screen and (min-width: 1024px){
	.comment .tituls {position: absolute;right: 10px; top: 10px;}
	.comment > div .comment_button,.comment > div time,.comment > div .description-text,.comment > div .comment-action {opacity: 0; transition: all 0.2s 0s;}
	.comment > div:hover .comment_button,.comment > div:hover time,.comment > div:hover .description-text,.comment > div:hover .comment-action {opacity: 1; transition: all 0.2s 0s;}
}

@media screen and (max-width: 768px){
	.comment-action {display: block;float: unset !important;}
	.comment time {display: block;}
}
textarea#comment {min-height: 30px;transition: min-height 0.5s 0s;}
textarea#comment:focus {min-height: 100px !important;transition: min-height 0.5s 0s;}