.flex-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.multishop-green #blog-nav .popup ul.menu-v li:hover,.multishop-green #blog-nav .popup ul.menu-v li.selected{background-color:#8ed417}
.content{overflow:hidden}
div#post-stream{max-width:1024px;width:100%;margin:0 auto}
li#timeline{display:none}
div#blog-nav{text-align:center}
#blog-nav > ul > li.selected{margin:0;background:none}
#blog-nav > ul > li.selected > a{background:none;padding:5px 30px;border-bottom:2px solid #505471;border-left:none;border-top:none;border-right:none}
.my-nav a:hover i.th.calendar-bw{background-position:-48px -16px}
#blog-nav .popup{position:relative;top:-5px}
#blog-nav .popup ul.menu-v{padding:10px 0}
#blog-nav .popup ul.menu-v li{list-style:none;line-height:1.3em;width:190px;padding-left:20px}
#blog-nav .popup ul.menu-v li a{padding:8px 5px;color:#242424;position:relative;font-weight:bold}
#blog-nav .popup ul.menu-v li ul{padding-top:6px;font-size:.8em;margin-bottom:5px}
#blog-nav .popup ul.menu-v li ul li a{font-weight:normal}
#blog-nav .popup ul.menu-v li:hover,#blog-nav .popup ul.menu-v li.selected{background-color:#1dc5c4}
#blog-nav i.icon10{position:relative;top:2px}
#blog-nav .popup-wrap{position:relative}
#blog-nav .popup-wrap .popup{background:none repeat scroll 0 0 #FFFFFF;box-shadow:0 1px 4px #000000;display:none;left:-2px;margin-left:2px;padding:0 10px 10px;position:absolute;top:85%;z-index:50}
#blog-nav .popup-wrap:hover .popup{display:block}
#post-stream h1{margin-top:30px;text-align:center}
.no-boxshadow .popup-wrap .popup{border:2px solid #AAAAAA}
.blog-wrapper{max-width:1280px;width:100%;margin:0 auto}
div#post-stream .post{padding:40px 15px 15px}
.post{position:relative;padding:15px;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid;background:var(--bgLight);color:var(--font-color)}
.post h1{margin:0;padding:20px;text-align:center}
.post h3 a{text-decoration:none}
.post h3 a:hover{color:var(--green)}
.post p,.post ul{margin-bottom:15px}
.post img{width:100%!important;max-width:400px!important;height:auto!important;position:relative;border-radius:10px;box-shadow:0 0 2px 1px #cecece}
.post .text{width:100% !important;max-width:100% !important;padding: calc(0px + (30 - 0) * ((100vw - 320px) / (1920 - 320)));}
.post .text a{color:var(--green);border-bottom:1px dashed}
.post .text a:has(img){border:0}
.post textarea{width:100%;min-height:400px;margin-top:10px;height:450px;padding:10px}
.post .text_after{margin-top:10px}
.post figure{display:flex;justify-content:center}
ul.thumbs,div.thumbs{ display:grid;grid-template-columns:repeat(auto-fill, 50%);justify-content:space-between;max-width:1600px;margin:0 auto 20px;padding:0 }
@media(min-width:1500px){
.blog-wrapper ul.thumbs,.blog-wrapper div.thumbs{ grid-template-columns:repeat(auto-fill, 19.666%) }
}
.count_viewes{position:absolute;top:10px;right:10px}
.credentials{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:20px;padding-bottom:5px;line-height:1.3em}
.credentials a,.credentials span{display:inline-block;vertical-align:middle;padding-left:0!important}
.credentials .userpic{min-width:20px;display:block;float:left;margin-right:2px;padding:0}
.credentials .username{font-size:.9em;margin:0}
.credentials .username,.credentials .username a{color:#707070;font-style:italic;padding:0;display:inline}
.credentials a.username:hover{color:red}
.credentials .date{color:#707070}
.credentials .date:before{content:'|';color:#707070;margin-right:6px}
.credentials i.comment-bw{margin-top:3px}
.comment-form{margin-bottom:20px;padding:0 10px}
.comment-form h4{margin:0 0 20px;font-weight:normal}
.comment-form-fields p{margin:0 0 10px;display:flex;flex-direction:column}
.comment-form-fields p a{display:inline!important}
.comment-form-fields label{display:block;width:160px;margin-bottom:10px}
.comment-form-fields input{width:20em}
.comment-form textarea{width:100%;max-width:1280px;min-height:160px;border:2px solid var(--borderColor5);border-radius:5px;background:white;color:var(--colorTheme);font-size:14px;font-weight:700;height:120px;padding:10px}
.comment-form .comment-submit{padding:0}
.comment-form .userpic{width:20px;height:20px}
.comment-form ul.menu-h.auth-type li a img{float:left;margin-right:3px;position:relative;top:2px}
.comment-form ul.menu-h.auth-type{padding-bottom:20px}
.comments{padding:15px;margin:0 auto 30px;max-width:1024px;width:100%}
.comments h3{margin:0 0 20px}
.comments h4{margin:0 0 10px}
.comments .credentials .date{margin:0 5px}
.comments .credentials .userpic{margin-top:5px;margin-right:5px}
.comments .credentials .userpic.icon16{min-width:0;width:16px;height:16px;margin:7px 4px 0}
.count_comments{border-bottom:1px dashed}
.comments textarea{height:100px;min-height:100px;width:75%;margin-top:0}
.comments ul,.comments ul.menu-v li{padding:0;margin:0;list-style:none}
.comments ul li{margin:0 0 20px}
.comments ul li ul{margin:20px 0 0}
.comments ul li span.hint a{color:#aaa;text-decoration:underline}
.comments .text{margin:5px 0 5px 27px;text-align:justify}
.comments .actions{margin:0 0 5px 22px;font-size:.9em}
.comments ul li a.comment-delete{margin:0 0 0 5px;padding:0;color:#d99;text-decoration:underline}
.comments ul li a.comment-delete:hover{background:red;color:white}
.comments ul li ul{padding-left:25px}
.comments ul li .comment-form{padding:10px 30px}
.comments ul li .comment-form textarea{min-height:100px}
.comments ul.menu-h.auth-type{padding:0 0 40px;margin-left:-5px}
.comments ul.menu-h.auth-type li{padding-right:10px}
.comments ul.menu-h.auth-type li a{padding:5px 6px}
.comments ul.menu-h.auth-type li a img{top:0}
.comment-submit .button.theme{width:auto}
.unlogin{border-bottom:1px dashed;font-weight:500}
#main > div > div.content > div > div.comment-form.multishop-form > form > div.comment-submit > input.button.grey.border-light{border:2px solid #178810;width:300px;height:unset;padding:unset;border-radius:25px;background:#178810;color:#fff;box-shadow:inset 0 0 0 2px #fff;font-size:18px;line-height:2;transition:.3s;margin:0 10px}
#main > div > div.content > div > div.comment-form.multishop-form > form > div.comment-submit > input.button.grey.border-light:hover{border:2px solid #878cb5;background:#878cb5;box-shadow:inset 0 0 0 4px #fff}
.page-navigation{margin-bottom:10px}
.pageless-wrapper{margin:10px;font-style:italic;text-align:right}
.tags a{color:green}
.tags.cloud{text-align:center;font-size:.9em;border-top:1px solid #ccc;padding-top:20px}
ul.menu-v.categories{padding-left:10px;border-top:1px solid #ccc}
ul.menu-v.categories li{line-height:1.2em;font-size:.9em;margin:12px 0 0}
ul.menu-v.categories li.selected a{color:#000;text-decoration:none;font-weight:bold}
ul.menu-v.with-icons.comments a{margin-left:0;padding-left:0}