/* head
----------------------------------------------- */

.logo {display: block;width: 166px;height: 32px;margin-right: auto;}
.header__btn-search {color: #060606;font-size: 18px;padding: 0px;background: none !important;}
.header__btn-search:hover{color: #ff0550;}
.search-block {width: 100%;position: relative;margin-bottom: 10px;}
.search-block__input[type="text"], .search-block__input[type="text"]:focus {border-radius: 12px;box-shadow: none;background-color: #f6f9fb;padding: 0px 50px 0px 20px;}
.search-block__btn {position: absolute;right: 3px;top: 3px;font-weight: 700;height: 34px;font-size: 12px !important;background: #dbe4e9;color: rgb(0 0 0);border-radius: 8px;padding: 0 15px;}

.cpage-bg {margin-bottom:15px;
    padding: 10px 20px;
}
.cpage-bg h1{font-size:20px;}
.page-bg {
    padding: 20px;
}
.upage-bg {
    padding: 20px 0;
}
h1.page__title {
    font-size:20px;font-weight:600;
}


/* short
----------------------------------------------- */
.short {background-color: #fff;border-radius: 12px;overflow: hidden;box-shadow: var(--bsh);} 
.topshort-metayz{padding:20px 20px 15px;display: flex;align-items: center;}     
.topshort-meta-left{align-items: baseline;display: flex;}
.topshort-metaurl-cat{margin-right: 1px;display: flex;align-items: center;font-weight: 400;}
.topshort-metaspan-left span{color: #a6a6a6;font-size: 12px;margin-left:5px;}
.top-meta-right {margin-left: auto;}

.post-img {display: block;position: relative;max-width: 100%;max-height: 100%;overflow: hidden;margin-bottom: 15px;}  
.post-img__img {position: relative;z-index: 1;display: block;margin: 0 auto;height: auto;max-width: 100%;max-height: 394px;}
.post-img__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: 50%;background-repeat: no-repeat;background-size: cover;filter: blur(20px);transform: scale(1.1);}



.content-body-yz{padding: 0 20px 0 20px;}
.short-text {line-height: 1.7;font-size: 14px;overflow-wrap: break-word;color: #303030;}

.short-text a{color:#127bff;text-decoration: underline;}.short-text a:hover{color:#0569e8;}
.short-text p {padding: 0 20px;}


 .short-text img.fr-dib{margin: 15px auto 0;border-radius: 6px;}


.content-footer-yz {font-size: 13px;padding: 10px 20px;display: flex;align-items: center;font-weight: 500;}
.f-like-yz {padding: 0 5px;}
.f-like-yz i, .f-dlike-yz i, .f-link-yz i {line-height: 30px;margin-right: 5px;font-weight: 700;}
.f-like-yz a:hover {color: #8ac858;}
.f-dlike-yz a:hover {color: #fe2c55;}
.f-link-yz, .f-dlike-yz {margin-left: 15px;padding: 0 5px;}
.f-link-yz:hover {color: #307df0;}
.f-info-yz span, .f-info-yz i {font-size: 13px;color: rgb(68, 68, 68);font-weight: 400;margin-left: 5px;}
.f-info-yz i {margin-right: 5px;}
.f-info-yz {display: flex;margin-left: auto;align-items: center;}
.f-info-bott-yz {background: #f1f1f1;padding: 7px 10px 7px 17px;margin-left: 15px;border-radius: 15px;}
.f-info-bott-yz:hover {background: #eaeaea;}

.scroll-top{border-top: 1px solid #dddddd;
    margin: 0 0 30px 0;}

/* full
----------------------------------------------- */
.full-text > ul li, .full-text > ol li, .short-text > ul li, .short-text > ol li  {padding-left: 35px;position: relative;}
.full-text > ul li::before, .short-text > ul li::before {content: "";width: 5px;height: 5px;border-radius: 50%;border: 3px solid var(--accent);position: absolute;top: 5px;left: 5px;}
.full-text > ol {counter-reset: num 0;}

.full-text > ol li::before, .short-text > ol li::before {
    content: counter(num);
    counter-increment: num 1;
    color: var(--accent);
    position: absolute;
    top: -2px;
    left: 0px;
    width: 25px;
    height: 25px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid var(--accent);
    }
.full-text > ul li + li, .full-text > ol li + li, .short-text > ul li + li, .short-text > ol li + li {margin-top: 12px;}
/* sidebar
----------------------------------------------- */
.side-body-yz{background: #fff;border-radius: 10px;box-shadow: var(--bsh);}
.side-title-yz{justify-content: flex-start;display: flex;padding: 15px;border-bottom: 1px solid #e9e9e9;margin-bottom: 10px;align-items: center;}
.side-title-yz i{display: flex;margin-right: 6px;font-size: 17px;}

.side-title-yz h4{font-size: 14px;}
.side-body{
    padding: 5px 15px;
    
}
.side-block-seo {
        padding: 0 15px;
}
.side-block-seo p {margin-bottom:15px;line-height: 20px;}
.side-rss{    margin-left: auto;
    display: flex;
    align-items: center;
    color: #94bd5f;}
/* hide Text
----------------------------------------------- */
.footer p{padding: 15px 0 0 0;}
.footer span{color: #6ab04c;}


/* hide Text
----------------------------------------------- */
.slice {overflow:hidden; position:relative; transition:height .2s;}
    .slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
    .slice-btn {margin:20px 0;  font-weight:700;}
    .slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#f0542e;}


/* top tags
----------------------------------------------- */
.tag_list > span {margin: 0 4px 8px 0;}
.tag_list > span, .tag_list > span > a {display: inline-block;}
.tag_list > span > a {font-size: 12px;padding: 3px 5px;border-radius: 3px;background-color: #f5f5f5;}
.tag_list > span > a:hover {background-color: #c8c8c8;color: #000000;position: relative;}
.tags_more { margin:5px 0 10px;font-size:12px;}
.tags_more a{color:#007df5;}
.tags_more a:hover{text-decoration:underline;}
.tags-page {padding: 20px;}
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; border-radius:6px; margin:0 3px 6px 0;}
.cloud-tags span a {display:block; padding:5px 7px; border:1px solid var(--ui-bdc);}
.cloud-tags span a:hover {background-color:var(--ui-bg-accent); box-shadow:0 0 10px 0 rgba(0,0,0,0.2); color:var(--ui-tt-on-accent);}


/* Push
----------------------------------------------- */
.DLEPush {z-index: 1000; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {
	0% {transform: translateY(100%); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.DLEPush-notification.wrapper {background: none;}
.DLEPush-notification.wrapper::before {display: none;}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative;
	display: grid; gap: 10px; margin-bottom: 10px; width: 400px; max-width: calc(100vw - 40px); 
	color: #333; background-color: hsl(var(--hue,174), 41%, 91%); box-shadow: 0 10px 15px rgb(0 0 0 / 15%); 
	border-radius: 6px; padding: 15px 30px 15px 60px; overflow: hidden;}
.DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; 
	color: #fff; background-color: hsl(var(--hue,174), 100%, 27%); width: 45px; height: 100%;}
.DLEPush-notification .DLEPush-icon svg {scale: 0.8;}
.DLEPush-notification .DLEPush-header {font-weight: bold; font-size: 1.1em;}
.DLEPush-notification .DLEPush-header:empty {display: none;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 10px; background: none;
	border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);}
.DLEPush-notification.wrapper.push-success {--hue: 174;}
.DLEPush-notification.wrapper.push-warning {--hue: 36;}
.DLEPush-notification.wrapper.push-error {--hue: 14;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}