body {font-size:16px;}
hr {background-color: #333; }

/* .form-control {border-color: #6c757d;} */
.container { width: 1000px; }
/* header { width:100%; height:134px; border-bottom: 30px solid #0e509e; } */
.header-bg { background: #0e509e; }
.header { display: flex; justify-content: flex-start; align-items: center; }
.header form { width: 100%; }

.mainmenu ul { padding:6px 20px 5px 20px; margin:0px; }
.mainmenu ul li { display: inline; }
.mainmenu ul li a { color:#ffffff; background-color:transparent; font-size:12px; font-weight:bold; text-decoration:none; padding:7px 8px 5px 8px; }
.mainmenu ul li a:hover, .mainmenu ul li.active a { color: #0e509e; background-color: #ccc; text-decoration:none; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #333333; }
.mainmenu ul li a,.portlet-title, .portlet-content {font-size:16px;}

textarea.form-control {min-height: 200px;}

.breadcrumbs {font-size:16px;padding: 5px 20px;}
.breadcrumbs span { font-weight: bold; }

ul.pagination { font-size:11px; border:0; margin:0; padding:0; line-height:100%; display:inline; }
ul.pagination li { display:inline; margin:0 5px;}
ul.pagination a {border-radius: 5px;} 
ul.pagination a:link, 
ul.pagination a:visited { border:solid 1px #9aafe5; font-weight:bold; color:#0e509e; padding:1px 6px; text-decoration:none; }
ul.pagination .page span { padding:1px 6px; font-weight:bold; }
ul.pagination .page a { font-weight:normal; }
ul.pagination a:hover { border:solid 1px #0e509e; }
ul.pagination .selected a { background:#2e6ab1; color:#FFFFFF; font-weight:bold; }
ul.pagination .hidden a { border:solid 1px #DEDEDE; color:#888888; }
ul.pagination .first, ul.pagination .last { display:none; }
ul.pagination a:link, ul.pagination a:visited {font-size:13px;padding:2px 7px;}

.list-view .pager {margin-top: 35px;}
.list-view .summary {margin:15px 0 5px 0;font-size:14px;}
.footer_links li {list-style-type: none;display: inline-block;margin:0 5px;}
.footer_links li a {font-size:14px;color:#fff;}
.footer_links li a:hover {text-decoration:none;}
/* #mainmenu ul li a {font-size:12px;} */
.newsHeader {font-size:16px;color:#333;margin:0;margin-bottom:10px;}
.newsHeader span { color: green; }
.newsHeader a { font-weight: bold; }
.ontop { background-color: #EAEAEA; }
.ontop .newsHeader { color: red; }
.ontop span { color: #000; font-weight: bold; }
h3 {font-weight: bold;}
p.brend {margin: 0; text-indent: 20px;}
.newsHeader span {padding-right:10px;}
span.tag {display:inline-block; margin-right:5px;}
.items span.view{display:inline-block; margin-right:5px;}
.profile_avatar, .avatarCell, .avatarCell .ava{position:relative;overflow:hidden;margin:9px;}
.profile_avatar img, .avatarCell img {position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);}
.profile_avatar img {width:120px;height:120px;display:block;object-fit:cover;}
.avatarCell img {width:80px;height:80px;display:block;object-fit:cover;}
.messages{background: rgb(255, 253, 153); padding:.8em;margin:1em;border:2px solid #ddd;list-style-type: none;}
.messages .success{color: #6db12b;font-weight: bold;}
.messages .warning, .messages .error{color:#8a1f11;font-weight: bold;}
.news_pinned {background: rgb(229, 255, 193); color: #333; border: 2px solid #9c5; padding: 0.8em;margin-bottom: 20px;}
p.brend_news {margin: 0;}
p.brend_news a {margin-top: 10px;display: inline-block;}
p.p-visitors {text-align: center; margin: 0}
.authorCell {float: none;width:auto;height:auto;overflow: hidden;padding:0 0 20px 0;}
/* .authorCell img {width:80px;} */
.authorCell .ava {float:left;margin-right:20px;width:120px; height:120px; overflow: hidden;position: relative;}
.authorCell .ava img {position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);width:120px;height:120px;display:block;object-fit:cover; border-radius: 50%;}
.authorCell p {margin-bottom:5px;}
.stable td {border:1px #ddd solid; border-spacing: 0; border-collapse: collapse; padding: 10px;text-align: center;}
.stable {border-collapse: collapse;}
.stable thead th {background: #0e509e; color: white; padding: 10px 0;text-align: center;}
.poemGroup {overflow: hidden;}
.poemHeader {overflow: hidden;}
div.border_bottom {border-bottom: 2px #ddd solid;}
div.answer-form {float: right;}
div.comment-answers {margin: 10px 5px;}
div.reply_block {/*background: #ddd;*/ margin-left: 40px; margin-bottom: 10px; position: relative;}
div.comment_answer {position: relative; margin-left: 40px;}
span.unread {color:red; padding-left:5px;}
.block {margin-bottom:20px;}
.viewComment {margin:20px 0;padding:0;}
.comment_answer textarea{width:100%;height:80px;}
.replay_comment {margin-bottom:20px;}
.hide {display:none;}
img.image_detail {margin-bottom: 20px;}
.click-link {border-bottom: 1px dashed;color:#06c;cursor: pointer;}
.click-link:hover {border-bottom: none;}
.answer_comment_link {margin-bottom:20px;}
#commentForm {height: 250px;margin-bottom: 20px;}
.button.block {margin-bottom:20px;}
.button.red {background:red;border:1px solid red;}
.button.red:hover {background:#ca2d2d;}
.button.red a {color:#fff;}
.button.green {background:green;border:1px solid green;}
.button.green:hover {background:#2dca2d;}
.button.green a {color:#fff;}
.button button {background:none;border:none;color:#fff;cursor:pointer;}
a.button {text-decoration: none;border-radius:5px;padding:10px;display:inline-block;margin:3px;border:none !important;}
a.button {background:gray;color:#fff;}
a.button:hover {background:#999;}
a.button.red {background:red;color:#fff;}
a.button.red:hover {background:#ca2d2d;}
a.button.green {background:green;color:#fff;}
a.button.green:hover {background:#2dca2d;}
button {padding:10px;border-radius:5px;}
button.red {background:red;border:none;color:#fff;cursor:pointer;}
button.red:hover {background:#ca2d2d;}
button.green {background:green;border:none;color:#fff;cursor:pointer;}
button.green:hover {background:#2dca2d;}
.newsHeader.link {margin-bottom:20px;}
.dib {display:inline-block;}

.message_list {height: 500px; border: 2px #ddd solid; overflow-y:auto}
.message { margin: 10px; border-radius: 10px;}
.message.request {background-color: #9c5; margin-right: 200px;}
.message.answer {background-color: #ddd; margin-left: 200px;}
p.message {padding: 10px;}
/* block arrows */
a.icon_arrows {text-decoration: none;width:16px;height:16px;display:inline-block;background-size: 16px;cursor: pointer;}
a.icon_arrows.icon_down {background-image: url('../images/icon-arrow-down.png');}
a.icon_arrows.icon_down:hover {background-image: url('../images/icon_arrow_down_hover.png');}
a.icon_arrows.icon_up {background-image: url('../images/icon-arrow-up.png');}
a.icon_arrows.icon_up:hover {background-image: url('../images/icon_arrow_up_hover.png');}
.draft {color:red;font-weight: bold;}
/* change div class friendCell */
.friendCell {height: 20px; width: 350px; padding: 4px; padding-left: 10px; clear: both;}
/* block category */
.category {margin-bottom: 20px;clear:both;overflow: hidden;}
.category .category_image {width:100px;float:left;padding-right:10px;}
.category img.image_detail {margin-bottom: 0px; width:100%;}
.category p { margin: 0px; }
.category_data div { padding: 2px; display: inline-block; }
.category_data div:first-child { padding: 2px 0;}
.category_description {width: 500px;}
.category h5 {margin-bottom:10px;}
.category .poemHeader {margin-left:0;padding-left:20px;}
.category .poemHeader.last {padding-left:40px;}

.adverts_places li { margin-bottom: 20px; }
.adverts_places p { margin: 0px; }

ul.errorlist { color: #8a1f11; font-weight: bold; }

.form_field_input {padding:5px 10px;}
.form_button {padding:5px 10px;cursor: pointer;}
/* .form_button:disabled {background-color:#eee;} */
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }



footer { width:100%; background:#0e509e; padding: 10px 0; font-size: 0.8em; text-align: center; color:#ffffff; }
footer a { color: #C9E0ED; }
footer .copyright {font-size:14px;}

.portlet-title { font-weight: bold; padding: 0; margin: 0; color: #fff;} 
.portlet-decoration { padding: 3px 8px; border-radius: 10px 10px 0 0;background:#0e509e}
.portlet-content {margin: 0 0 15px 0; padding: 5px 8px;border-radius: 0px 0 10px 10px;min-height:10px; background: #EAEAEA;}
.portlet-content ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0; }
.portlet-content li { padding: 2px 0 4px 0px; }
.portlet-content li.active { font-weight: bold; }
.portlet-donate { background: #FCFFA4; font-size:0.9em; margin: 0 0 15px 0; padding: 5px 8px; }

.portlet-content .delim hr {margin:3px 0;background:#0e509e;}

.block ul li { list-style-type: circle; padding: 5px 0; }
.block ul li:first-child {padding-top: 0; }
.block ul li:last-child {padding-bottom: 0; }

.form-text ul li {margin:0;padding:0;}
ul.errorlist li {margin:0;padding:0;}


/* Гамбургер-меню */
.mainmenu {
    position: relative;
}

.hamburger {
    display: none;
    flex-direction: column;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 3px 0;
    transition: 0.3s;
    border-radius: 2px;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
}

/* Десктоп - меню отображается как обычно */
@media (min-width: 769px) {
    .mainmenu ul {
        display: block;
    }
}

/* Мобильные устройства - гамбургер меню */
@media (max-width: 768px) {
    .hamburger {
        display: flex;
    }
    .mainmenu {
        height: 45px;
    }

    .mainmenu ul {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #0e509e;
        padding: 10px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 999;
        margin: 0;
    }

    .mainmenu ul.active {
        display: flex;
    }

    .mainmenu ul li {
        display: block;
        width: 100%;
        text-align: left;
    }

    .mainmenu ul li a {
        display: block;
        padding: 12px 20px;
        width: 100%;
    }

    .mainmenu ul li a:hover,
    .mainmenu ul li.active a {
        background-color: #ccc;
        color: #0e509e;
    }
}

@media (max-width: 576px) {
    .container { width: 100%; }
}