/* Template created by tcse-cms.com | Author: Vitaly V. Chuyakov | URL: http://tcse-cms.com */
/* Адаптирован и доработан DLETM.RU */

/* Выравнивание блоков по 3 в ряд */
#dle-content .short-news:nth-of-type(3n+1) { clear: both; }
.wp-caption {max-width: 100%;}
.full-content img {
max-width: 100%;
display: inherit;
}

.header-logo {
padding: 10px 0;
}

/* Подвал */
.bg-grey {
color: #eaeaeb;
}
.bg-grey a {
color: #fff;
text-decoration: none;
}
.bg-grey a:hover {
color: #eaeaeb;
text-decoration: underline;
}
.ratebox2 {
float: right;
}

.ratebox3 {
float: right;
}

.ratebox ul, .ratebox ul li {
float: left;
list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
float: left;
list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
float: left;
list-style-type: none;
}
/* Правки для разной ширины экрана */
@media (max-width:640px) {
.header-logo {
text-align: center;
}
.full-content img {
max-width: 100%;
display: block;
}
}

@media (min-width: 1200px) {

.short-news .panel {
border: 0px solid transparent; 
}

}

.instagram-media, .twitter-tweet {display: inline-block !important;}

/* Рейтинг краткой новости */
.rate_like-dislike {float: right;}
.rpluse {color: #57a957;}
.rminus {padding-left: 5px; color:#e40000;}
.rate_like-dislike a {text-decoration:none !important;}

/* Рейтинг полной новости */
.rate_like-dislike_full {
float: right;
padding-right: 15px;
margin-top: 12px;
}
.rate_like-dislike_full a {text-decoration:none !important;}

/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
color: #a0a1a7;
font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
color: #e45649;
}

.hljs-literal {
color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
color: #4078f2;
}

.hljs-emphasis {
font-style: italic;
}

.hljs-strong {
font-weight: bold;
}

.hljs-link {
text-decoration: underline;
}

figure {
margin: 0;
}

figure.align-left {
float: left;
}

figure.align-right {
float: right;
}

figure.image.align-center {
display: table;
margin-left: auto;
margin-right: auto;
}

figure.image figcaption {
padding: 1rem;
background-color: #fafafa;
font-size: .8rem;
caption-side: bottom;
word-break: break-word;
text-align: center;
}

figure.image.align-center figcaption {
display: table-caption;
}

.comments-image-gallery {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}

.comments-image-gallery li{
list-style: none;
margin: 0;
padding: 0;
}

.comments-image-gallery li img{
float: left;
margin-right: 5px;
border: 5px solid #fff;
width: 100px;
height: 100px;
transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
border: 1px solid #dbdada;
margin: 0 0 .7rem 0;
}

.mce-toc h2 {
margin: 4px;
}

.mce-toc ul {
padding-left: 20px;
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-block-start: 1em;
margin-block-end: 1em;
}

.mce-toc ul ul {
padding-left: 20px;
margin-block-start: 0;
margin-block-end: 0;
}

.mce-toc li {
list-style-type: none;
}

.image-bordered {
border: 1px solid #ddd;
}

.image-shadows {
box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
padding: 0.5rem;
}

.comments-user-profile {
font-weight: bold;
cursor: pointer;
color: #3394e6;
}

.title_spoiler svg{
vertical-align: middle;
margin-top: -4px;
margin-right: 7px;
height: 16px;
width: 16px;
}

.mce-accordion summary {
cursor: pointer;
}

.self_delete_link {
border: 0 none;
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding: 12px 27px;
border-radius: 10px;
outline: none;
background-color: #f44336;
color: #fff;
text-shadow: 0 1px #333;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
box-sizing: border-box;
transition: all ease .1s; transition: all ease .1s;
}

.DLEPush {
z-index: 2001;
position: fixed;
right: 20px;
top: 20px
}

@keyframes DLEPush-show {
0% {
transform: translateY(100%);
opacity: 0;
}

100% {
transform: translateY(0);
opacity: 1;
}
}

.DLEPush-notification.wrapper {
animation-name: DLEPush-show;
animation-duration: 1s;
position: relative;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
color: #333;
margin-bottom: 10px;
width: 100%;
max-width: 400px;
box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
background-color: #fff;
border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
grid-column: 1;
grid-row: 1 / span 2;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 45px;
height: 100%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
scale: .8;
}

.DLEPush-notification .DLEPush-header {
font-weight: 500;
grid-column: 2;
grid-row: 1;
font-size: 1rem;
margin-left: 1rem;
margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
grid-column: 2;
grid-row: 2;
font-size: .875rem;
margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
list-style-type: none;
padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
position: absolute;
top: 8px;
right: 10px;
font-weight: 300;
background: none;
border: 0;
font-size: 1.15rem;
cursor: pointer;
line-height: 1;
padding: 0;
color: inherit;
outline: 0;
opacity: 0.75;
}

@media only screen and (min-width: 601px) {
.DLEPush-notification.wrapper {
min-width: 400px;
}
}

.DLEPush-notification .DLEPush-close:hover {
opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
background-color: #FF5722;
}

input[type="text"].comments_author_field {
width: 100%;
margin-bottom: 10px;
}