/*
Theme Name: NW3
Theme URI: https://bloger51.com
Author: Your Name
Author URI: https://bloger51.com
Description: Modernized theme for Bloger51
Version: 2.0.0
License: GPL v2 or later
Text Domain: nw3
*/

/* ==========================================================================
   Base Styles & Reset
   ========================================================================== */

   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
    color: #262626;
    font-size: 15px;
    line-height: 1.6;
    background: #ffffff;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 40px;
    line-height: 1.2;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

p {
    margin: 0 0 1em;
}

a {
    color: #318da8;
    text-decoration: underline;
    transition: color 0.2s ease;
}

a:hover {
    color: #1f6a89;
    text-decoration: none;
}

a:visited {
    color: #745cb8;
}

a:visited:hover {
    color: #543c98;
}

/* ==========================================================================
   Layout
   ========================================================================== */

.relative_width {
    width: 990px;
    margin: 0 auto;
    position: relative;
    padding: 0 5px;
}

.wrap {
    width: 100%;
    clear: both;
}

.main {
    width: 980px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.main .main-inner1 {
    margin: 0;
    padding: 20px 5px;
}

.column {
    overflow: hidden;
    float: left;
}

.main .inner {
    padding-left: 10px;
    padding-right: 10px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

.main_nav {
    height: 67px;
    position: relative;
    margin-top: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.logo {
    display: block;
    float: left;
    width: 207px;
    height: 64px;
    background-image: url('images/bloger51_logo.png');
    background-repeat: no-repeat;
    background-position: -270px 0;
    text-indent: -9999px;
}

.logo:hover {
    background-position: -520px 0;
}

.logo:active {
    background-position: -770px 0;
}

/* Social Icons */
#b51_rss,
#b51_twi {
    display: block;
    float: left;
    margin: 25px 1em 0 2px;
    text-indent: -9999px;
}

#b51_rss {
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVVJREFUeNqM0k8oRFEUx/H3JsvRs2ZKkpIlC0VTKFkxK5aSLBRKUjZsrGyMFaVISklRioU/aTaURIkFZaewUvJnQcT31rn1k6eZW5+ZM+feztx7zw2Ps20B4wkvuMEZ9nGAryDPSNh3hBSaMYpd3GIMyUIKxI1STOEaHYXsoBztmMG9rCnDJqbj/tAnnm3L2xixYj14sPnQ8ksW5z3CJ5ZRg3XJd9tO/hRwHbjCIppk3nWnC7OSG9Y78QXcTVejFznsoMrmvjGEDTnOnO/Of0dwj+MEaSnShzu52EEtUGyL5/FhuRJsyU7cccblTwbcbnyBVxyiH/XSxsjuxY8VmXMPry7uCOfI4N1+p+ViXXfWZG3GFajAHo5QaxOnWJCFnRLnJG50BSbRigZkZXJV4haJLyWuTNgb8ONN4guJUxI/ShwV8TFh3UhaHMjjCmPu6Ff+R4ABAL2gRIxz2ZgCAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

#b51_twi {
    width: 17px;
    height: 14px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNqU07FLgkEcxnGNsJYiiLbcRCqbpCUpoSlocnFsbKnGiAb/Bof6A9SGQG1rqcUh2yJqC1MaWwRRapBA7fuD38FxnK/2wOflOF+e917v3nD2thMi8+iHxmcFOeyihxKKWMVymJIogzIO0PUULOEZMWf+HXPYm+GygW086djNsadAso5fZKSkiRESeMUV4tbNyYDXlDe4lJJPVHQyglM0dLk32AwoqctlFjtY1KVFrBvWVFC+5CIrecOWUzBNZFs/TMkPjiZssS/3GJgSyR3y+P5HSd4MTMlQD9zClAVVvLglknNcoKWl4yK/n9gTdslAj/PDhIJ9tO1J2eI0snrYUnqU3cjKCjjzfRpS8qg7dKj/SUy/l7Y+uYZrs52+/AkwAKzxO0UpZtpIAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

#sluhcatch {
    display: block;
    float: left;
    width: auto;
    color: #e89279;
    padding: 12px 15px 18px 32px;
    margin-top: 4px;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.25em;
}

#sluhcatch:before {
    content: "";
    width: 10px;
    height: 17px;
    position: absolute;
    margin: 3px 0 0 -20px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAMAAAA8P6bpAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUxpceRyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUORyUHlvAkcAAAAQdFJOUwDvz4+fMCCAvxBwr0BQYN9fEc8bAAAAZklEQVQI1z2PCQ7EMAgDnTQXvXb+/9qFNK0lokEYo0hWgHzKZRlGgtu5k5u0k/z9UWNc6BI5UJXhPCYLvJJN7u45wrh0QvuajfKxxdar8Vx4EtjDOrMvjjldC1WNtEwM3rTNf1BMf4gDA7HRwo8aAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

a.telega {
    display: block;
    float: left;
    width: 210px;
    height: 52px;
    margin-top: 4px;
    margin-left: 16px;
    background: url("/wp-content/themes/nw3/banner/sidebar/tg@2x.png") 50% 50% / cover no-repeat;
}

/* Search Form */
.search_b {
    float: right;
    margin-top: 12px;
}

.search_b input[type="search"] {
    float: left;
    height: 30px;
    padding: 0 0.5em;
    margin-top: 6px;
    margin-right: 0.5em;
    border: 1px solid #539db3;
    border-bottom: 1px solid #64bed8;
    box-shadow: inset 0 2px 8px rgba(0,0,0,0.31);
}

.search_b input[type="submit"] {
    width: 4em;
    height: 32px;
    padding: 0;
    margin: 5px 0;
    border: 0;
    border-bottom: 2px solid #1b596b;
    border-radius: 3px 3px 5px 5px;
    background: #2885a0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqslM1qwlAQhW9D3YjgslIp4k/7KsXuS2uXBReC72B2LkV8j1KQtC76AiX6BP3DlbT2DbS9npETkZhJUurAx5A75x5xMhNjrTUJOOAS3IEZ+GW+B1esb/RJZqdgYuND6mdpDCvgi5emoAXKIMtam+eWulqcofwNn+IROAJd8A4utnR58ETdWO5phjcUfYACeOaz9G8Q0ub5QxINzfCRgibIgD7w2NMofYv6oWY4p+AkxRQIJepnB+tG7kZwmAFLkxwO+BGtowi+mQsmXRSDe5rhmPk8pWGd2dd6cs2evHLu4vqXoy72LXe2NsHjJc3sgTpfm8NOxHq9gFtwDORFFjlSb6x/gmrUpoTNetyApF0uR+1y2Mzl+SF7OuRXZsEszw3Wd742mtmf2atZYOjuy0wIVs/lYLrmn7ESYAAs2vEpirFTXwAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    color: white;
    text-indent: -9999px;
    font-size: 100%;
    cursor: pointer;
}

.search_b input[type="submit"]:hover {
    height: 31px;
    margin-top: 6px;
    background-color: #3cacb9;
    border-bottom: 1px solid #28737c;
}

.search_b input[type="submit"]:active {
    height: 30px;
    margin-top: 7px;
    background-position: 50% 55%;
    box-shadow: inset 0 3px 6px #1d5a79;
    border-bottom: 0;
}

/* Publication Date */
.publication {
    display: block;
    position: relative;
    left: 6px;
    top: -2px;
    font-size: 90%;
    color: #acacac;
}

/* Authors Section */
.authors_posts {
    display: table;
    width: 990px;
    margin: 0 auto;
    padding: 4px 0;
    border-top: 1px solid #ebe9e5;
    border-bottom: 1px solid #ebe9e5;
}

.authors_edit {
    display: table-cell;
    width: 150px;
    padding: 0 10px 7px 20px;
    vertical-align: middle;
}

.authors_edit a.all_authors {
    display: block;
    color: #1f6a89;
    font-size: 112.5%;
    line-height: 1em;
    text-decoration: none;
}

.authors_edit a.new_post {
    display: block;
    margin-top: 7px;
    color: #58a5b5;
    text-decoration: none;
}

.authors_edit a.new_post:before {
    content: '';
    display: block;
    float: left;
    width: 18px;
    height: 17px;
    margin-right: 4px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmFJREFUeNqU1FtPE0EUB/D/7MzuFth2TbEolyWQkhpiTEATgkaDgJH4ZOJnMX4Cw5PfwA/giy9GgmCs8Y3EB9AIEaEKClbobbulF7bdi7NbaoEg4nnZOTnZ38ycnVmSnruCswRxBVlORR+aHV+fuMQxD9eEswG0VVkfeaFsDD72nsShrf+FcKAtuDYyI+c6przcTrZPVReGZ2A3oVMRIiAU0sicFLLHvbxUsaEbNTiZ8Hht4eocLBY8FeGAqvYI82KbexNjiyif30a+UPtTN3613lqfHZi3TaqeiBCKsKoJcdZCRr28ojsoR5dAtaRfL5gmtvYK2EsHrn97E33OjgMCRSSkCa+ZTIZ8IOeilHa4DLDhFRjmPrY/B+G6LpjsZHpGfj46shKB4aLaS981gHL2ADgIvWhh58IyhK4diAFnN3YvMd4SKS2xQ0C3qtE4lXDJb2LGQYUjjcgVbCTT9Z7IgxvJ/vbspKxUV73cRwQRvWqPDwz4AJ/d20YTsDhg+WNRJFv9XdKExKqJ5gICCs4NxWYbQHH3KJA1jgCbHBiTGEkcbgNTr92PESV0GQEJxU8r2M83gUye9yBbBySRJDgwKTLy4/jHYERR7/oj9wZAvRf8bSKlW0jl6oAskdW+Th9InnQkeE/cKVh89r0qlO5REH5INtc+Iq3XgYBMljlwh1Gy+7eDKRjxl7eR55eSO7WajZQVRQF9DeADByZOA7ygBSM37ZoGwpFObG7pqJg1iG2RcotovdLC5QccyP7rkjK97OLps0Xry3fj/cTk2FtKaTwSrC5IyJiuTc70r/ktwAAUaffqTf+zwQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.authors_bloger {
    display: inline-block;
    width: 150px;
    height: auto;
    margin: 0 20px 20px -10px;
    padding: 10px 0 7px 10px;
    background-color: rgba(255,255,255,0.5);
    vertical-align: top;
}

.authors_bloger img {
    display: inline;
    width: 56px;
    height: 56px;
    border: 4px solid #fff;
    border-radius: 50%;
}

.authors_bloger .author {
    display: block;
    margin-bottom: 5px;
    color: #0e82a4;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 90%;
}

.authors_bloger .comments {
    display: inline-block;
    padding: 1px 4px;
    background-color: #FFC200;
    color: #000;
    text-decoration: none;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

#tz-mainbody {
    float: left;
    width: 623px;
}

.post-cat {
    position: relative;
    margin-bottom: 3.5em;
    padding-bottom: 0.45em;
    font: 15px/21px normal !important;
}

.post-cat h1 {
    margin-top: 0;
    padding-right: 70px;
    position: relative;
}

.post-cat h1 a {
    text-decoration: none;
}

.post-cat h1 a:hover {
    border-bottom: 1px solid rgba(49, 141, 168, 0.2);
}

.post-cat h3 {
    font-size: 1.1em;
    margin: 0.5em 0;
}

.post-cat h3 .date {
    font-size: 0.75em;
    font-weight: normal;
    padding-left: 1em;
}

.post-cat h3 .view {
    padding-left: 20px;
    font-size: 0.8em;
    font-weight: normal;
    color: #787878;
}

/* Entry Meta */
.entry-meta-top {
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #666;
}

.entry-meta-top span {
    margin-right: 15px;
}

/* Comments Link */
.comments-link {
    position: absolute;
    right: 0;
    top: 40px;
}

.comments-link a {
    position: absolute;
    right: 0;
    top: -27px;
    display: block;
    width: 43px;
    height: 36px;
    padding: 0;
    background: #eee url('images/comment-bubble_2.png') no-repeat 0 0;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

/* Latest View */
.latest-view {
    float: right;
    width: 140px;
    margin-right: 80px;
    padding-top: 0;
    text-align: right;
}

.latest-view span.view,
.latest-view span.like {
    color: #aeaeae;
    font-size: 11px;
}

.latest-view span.view {
    margin-right: 15px;
    padding: 5px 10px 5px 25px;
    position: relative;
}

.latest-view span.view:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    background: url('images/views.png') 50% 50% no-repeat;
}

.latest-view span.like span {
    position: relative;
    padding-left: 20px;
}

.latest-view span.like span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    background: url('images/b51_comments_ico.png') 50% 50% no-repeat;
}

/* Main Text */
.main-text-div {
    clear: both;
}

.main-text-div p img {
    width: 100%;
    height: auto;
}

/* Read More Link */
.amore a.more {
    display: inline-block;
    color: #318da8;
    text-decoration: none;
}

.amore a.more:hover {
    text-decoration: underline;
}

/* Print Link */
.toprint {
    float: right;
    margin-top: 0.35em;
}

.toprint a:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 21px;
    margin-right: 5px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVBAMAAACwDgOmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAAtUExURQAAAPb29vb29vb29unp6UOnvzGOouDg4L+/vwAAANvb29jY2Pb29tra2vfIfUB8pTgAAAAEdFJOUwCEe4ED28ZNAAAAVElEQVQI12NgYHABgUUMYABmrzFAYh9EsG/vRrBdXEBMVig7gDh2KAIgsZ+iiKchACp7JgyA2BUdINAOZpdDAIidBhUH64WKA9kMDFBxsPuh4gwMAPk/SswI3XDJAAAAAElFTkSuQmCC') 0 0 no-repeat;
    vertical-align: middle;
}

/* Blockquotes */
.post-cat blockquote {
    margin: 1em 0 !important;
    padding: 0.75em 1.25em 0.2em !important;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    overflow: hidden;
}

.post-cat blockquote p {
    margin: 20px 30px 10px;
    font: 143%/125% normal !important;
    text-align: left;
    font-weight: normal;
}

/* ==========================================================================
   Work/Jobs Styles
   ========================================================================== */

.work .salary-info {
    margin: 10px 0;
    font-weight: bold;
}

.work .contact-info {
    margin: 20px 0 20px 115px;
    position: relative;
}

.work .contact-info img {
    position: absolute;
    left: -115px;
    top: -3px;
}

/* ==========================================================================
   Forum/Community Styles
   ========================================================================== */

.forum-categories-container {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 0 5px;
}

.category-selector {
    float: left;
    width: 25%;
    margin-top: 42px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 48px;
    box-sizing: border-box;
}

.category-selector .category-item {
    display: flex;
    align-items: center;
}

.category-selector .icon {
    width: 48px;
    height: 48px;
    margin-right: 10px;
}

.category-selector ul {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-selector li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.category-selector a {
    color: #318da8;
    font-size: 16px;
    text-decoration: none;
}

.category-selector a:hover {
    text-decoration: underline;
}

.category-selector .count {
    margin-left: 5px;
    color: #999;
    font-size: 14px;
}

/* Forum Tabs */
.top-community.forum-tabs {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
    font: 15px/20px 'Arial', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.top-community.forum-tabs a {
    margin-right: 21px;
    color: #a59eb1;
    font-family: "PT Serif", Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.top-community.forum-tabs a:hover,
.top-community.forum-tabs a.active {
    color: #5b5564;
}

.top-community.forum-tabs a.new-topic-btn {
    float: right;
    margin-right: 0;
    color: #318da8;
    font-size: 12px;
}

/* Forum Topic Items */
.forum-topic {
    position: relative;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.forum-topic .topic-title {
    margin-bottom: 0;
    padding-right: 150px;
    font: italic 18px/21px Georgia, serif !important;
}

.forum-topic .topic-title a {
    color: #333;
    text-decoration: none;
}

.forum-topic .topic-title a:hover {
    color: #318da8;
}

.forum-topic .topic-meta {
    margin-top: 6px;
    color: #b3b3b3;
    font: 12px/15px Arial, sans-serif;
    clear: both;
}

.forum-topic .topic-meta span {
    display: inline-block;
    margin-right: 21px;
}

.forum-topic .topic-meta .author a {
    color: #318da8;
    text-decoration: none;
}

.forum-topic .topic-meta .reload-icon {
    float: right;
    margin-right: 0;
    padding-left: 18px;
    background: url('images/reload-12.png') no-repeat left 6px;
}

/* Forum Thread */
.forum-post {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.forum-post-author {
    float: left;
    width: 120px;
    text-align: center;
}

.forum-post-author img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.forum-post-author .author-info {
    margin-top: 10px;
}

.forum-post-author .author-title {
    display: block;
    font-size: 11px;
    color: #999;
}

.forum-post-content {
    margin-left: 140px;
}

.forum-post-content .post-meta {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
    color: #999;
    font-size: 10px;
}

/* ==========================================================================
   Related Posts (Ewe-box)
   ========================================================================== */

#ewe-box {
    position: relative;
    display: block;
    width: 100%;
    height: 27px;
    margin: 30px 0 20px;
    background: url('images/line3.png') repeat-x left top;
    clear: both;
}

#ewe-box span {
    position: absolute;
    top: 5px;
    left: 50%;
    padding: 0 20px;
    background: #ffffff;
    transform: translateX(-50%);
    color: #000;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    line-height: 19px;
    white-space: nowrap;
}

.related-posts-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ewe-post {
    float: left;
    width: calc(25% - 20px);
    margin: 0 10px 20px;
}

.ewe-post h3 {
    margin: 10px 0 5px;
    font-size: 14px;
    line-height: 1.4;
}

.ewe-post h3 a {
    color: #318da8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.ewe-img {
    height: 105px;
    overflow: hidden;
    background: #f5f5f5;
}

.ewe-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ewe-date {
    color: #636363;
    font-size: 12px;
    line-height: 16px;
}

/* ==========================================================================
   Comments
   ========================================================================== */

#comments {
    position: relative;
    clear: both;
    display: block;
}

.commenlist-div {
    position: relative;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
}

.commenlist-div:hover {
    background-color: rgba(255,255,255,0.5);
}

.avatar-div {
    margin-right: 20px;
}

.avatar-div cite {
    display: block;
    position: relative;
    top: -7px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.avatar-div cite span {
    color: #cddbe6;
    font-size: 11px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 1px;
}

.avatar-div cite span a {
    color: #cddbe6;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.avatar-div cite span em {
    margin: 0 7px;
    border-bottom: 1px solid #e3eaf1;
    font-style: normal;
}

img.avatar {
    float: left;
    margin: 0 10px 10px 0;
}

.text-div {
    margin: -7px 0 0;
    overflow: hidden;
}

.text-div p {
    min-height: 48px;
    margin: 0 65px 0 0;
    color: #292929;
    font-size: 14px;
    line-height: 18px;
}

.bottom-comments-div {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: 15px;
    margin-left: 160px;
    color: #b3b3b3;
    font: 12px/15px Arial, sans-serif;
}

span.comment-reply {
    position: absolute;
    right: 0;
    bottom: -5px;
    z-index: 5;
    display: block;
    padding-left: 22px;
    background: transparent url("images/reply.png") no-repeat 5px 6px;
    color: #17558a;
    line-height: 16px;
    letter-spacing: 1px;
}

span.comment-reply a {
    color: #17558a;
    font-size: 11px;
    text-decoration: none;
    border-bottom: 1px dashed #17558a;
}

/* Comment Form */
#respond {
    position: relative;
    margin: 20px 0;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}

#respond input[type="text"],
#respond textarea {
    background: #f2f2f2;
    border: 3px solid #e7e7e7;
    padding: 2px;
}

#respond textarea {
    width: 613px;
    margin: 0 0 9px;
}

#respond .form-submit input {
    width: auto;
    font-size: 14px;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.side_l {
    float: right;
    width: 300px;
}

/* Recent Comments */
.recentcomment {
    margin: 0 0 15px;
    color: #555;
    font-size: 13px;
    line-height: 18px;
}

.recentcomment h4 {
    margin-bottom: 5px;
}

.recentcomment p {
    margin-top: 5px;
}

.recentcomment hr {
    margin: 15px 0;
    border: none;
    border-top: 1px solid #eee;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#tz-botsl1 .main {
    background: #e0e0e0;
}

.tz-copyright {
    float: left;
    color: #969696;
}

.tz-copyright .name-site {
    margin-bottom: 10px;
}

.moduletable_address p {
    margin: 10px;
    color: #242424;
    font-size: 14px !important;
}

/* Back to Top */
.BackToTop a.k2Anchor {
    position: absolute;
    top: -10px;
    right: 449px;
    width: 100px;
    height: 30px;
    background: #969696;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    color: white;
    font-size: 100%;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

#top_arrow,
#bot_arrow {
    position: fixed;
    left: 50%;
    z-index: 999;
    width: 100px;
    height: 86px;
    margin-left: 110px;
    overflow: hidden;
    background: url('images/arrows.png') no-repeat;
}

#top_arrow {
    top: 0;
    background-position: 0 100%;
}

#bot_arrow {
    bottom: 0;
    background-position: 0 0;
}

#top_arrow a,
#bot_arrow a {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    text-indent: -9999px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.wp-pagenavi {
    padding-bottom: 2em;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    min-width: 18px;
    margin: 3px;
    text-align: center;
}

.wp-pagenavi span.current {
    background-color: #f7c21d;
    border-color: #f7c21d;
    border-radius: 20px;
    cursor: default;
}

.wp-pagenavi a:hover {
    background-color: #318da8;
    border-color: #318da8;
    color: white;
}

/* ==========================================================================
   User News Page (nicEdit)
   ========================================================================== */

.page-id-33564 .entry-content textarea {
    width: 100%;
    min-height: 300px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
}

.page-id-33564 .nicEdit-main {
    min-height: 300px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-id-33564 .nicEdit-panel {
    margin-bottom: 10px;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-id-33564 .nicEdit-button {
    margin: 0 2px;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

/* ==========================================================================
   Utilities
   ========================================================================== */

.bottomline {
    clear: both;
    height: 1px;
    line-height: 0;
    background-color: #e3e3e3;
    font-size: 0;
}

.now {
    border-bottom: 4px solid black;
}

.clr {
    display: block;
    float: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .relative_width,
    .main,
    .authors_posts,
    #tz-mainbody,
    .side_l {
        width: 100%;
    }
    
    .main_nav {
        height: auto;
        padding: 0 15px;
    }
    
    .logo {
        float: none;
        margin: 0 auto 15px;
    }
    
    #b51_rss,
    #b51_twi,
    #sluhcatch,
    a.telega,
    .search_b {
        float: none;
        margin: 10px 0;
    }
    
    .search_b {
        text-align: center;
    }
    
    .search_b input[type="search"] {
        float: none;
        width: 70%;
        margin-right: 0;
    }
    
    .post-cat h1 {
        padding-right: 0;
    }
    
    .comments-link {
        position: static;
        margin-top: 10px;
    }
    
    .comments-link a {
        position: static;
        display: inline-block;
    }
    
    .latest-view {
        float: none;
        width: auto;
        margin: 10px 0;
        text-align: left;
    }
    
    .category-selector {
        width: 50%;
        margin-top: 20px;
        line-height: normal;
    }
    
    .forum-topic .topic-title {
        padding-right: 0;
    }
    
    .forum-topic .latest-view {
        float: none;
        width: 100%;
        margin: 10px 0;
        text-align: left;
    }
    
    .forum-topic .topic-meta .reload-icon {
        float: none;
        display: block;
        margin-top: 5px;
    }
    
    .forum-post-author {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .forum-post-content {
        margin-left: 0;
    }
    
    .ewe-post {
        width: calc(50% - 20px);
    }
    
    #ewe-box span {
        padding: 0 10px;
        font-size: 13px;
        white-space: normal;
    }
    
    #respond textarea {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .category-selector {
        width: 100%;
    }
    
    .ewe-post {
        width: 100%;
        margin: 0 0 20px;
        float: none;
    }
    
    .authors_bloger {
        width: 100%;
        margin: 10px 0;
    }
    
    .authors_edit {
        display: block;
        width: 100%;
        text-align: center;
    }
}