/*
This file contains colors, graphics, and text effects.

Colors used:
  #3C78A7 fonts
  #C8DBEA main border, header background
  #EDF5FA background #1
  #E7F2F9 background #2
*/

/*** PAGER *******************************************************************/

.forum-pager .pager a:link,
.forum-pager .pager a:visited,
#forum-comments .pager a:link,
#forum-comments .pager a:visited {
    /*
      border: 1px solid #C8DBEA;
      background: #EDF5FA;
      background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
      background: -moz-linear-gradient(top, #CBE2F1, #EDF5FA);
      color: #3C78A7;
    */
}

.forum-pager .pager-current,
.forum-pager .pager a:hover,
#forum-comments .pager-current,
#forum-comments .pager a:hover {
    background: #3C78A7;
    color: #FFFFFF !important;
}

.forum-pager .pager a.active,
#forum-comments .pager a.active {
    color: #333333;
}


/*** FORUM & TOPIC LIST ******************************************************/

/* General */
.forum-table {
    border: 1px solid #C8DBEA !important;
    color: #494949;
    border-collapse: separate;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    background-color: white;
}

/* Main header on forum list */
.forum-table-wrap .forum-table-superheader {
    /* Background instead of background-color to reset from Silver Bells */
    /*background: #01799E;
    */
    background: url("../images/bg_header.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #01799E;
    text-shadow: 1px 1px 3px #011723;
}

/* Table header on forum list and topic list*/
.forum-table thead tr {
    border-top: 1px solid #FFFFFF;
    background: #EDF5FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
    background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
    border: 1px solid #01799e;
    color: #3C78A7;
    line-height: 1.5em;
    padding: 2px 5px;
}

.forum-table thead tr a,
.forum-table thead tr a:visited,
.forum-table thead tr a:link {
    color: #3C78A7;
}

/* Rows, both tables */
.forum-table tr.odd {
    background: #EDF5FA;
}

.forum-table tr.even {
    background: #E7F2F9;
}

/* Active column on both tables - reset to prevent bleed thru from theme
.forum-table tr.even td.active,
.forum-table tr.odd td.active{
  background-color: transparent;
}
*/
/* Individual cells on both tables */
.forum-table td {
    /* Structure here because this is unique to this style
    line-height: 1.5em;*/
    padding: 4px;
    border: none;
}

/* Placeholder when there are no topics in the list */
.view-advanced-forum-topic-list .view-empty {
    border: 3px solid #C8DBEA;
}

/*** Sticky topics ***/
.forum-table tr.forum-last-sticky {
    border-bottom: 10px solid #C8DBEA;
}

.forum-table .sticky-label {
    font-weight: bold;
}

/*** FORUM STATISTICS *********************************************************/
#forum-statistics {
    border: 1px solid #C8DBEA;
}

#forum-statistics-header {
    border-top: 1px solid #FFFFFF;
    background: #EDF5FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
    background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
}

.forum-statistics-sub-header {
    background-color: #E7F2F9;
    color: #3C78A7;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

.forum-statistics-sub-body {
    background-color: #EDF5FA;
    color: #494949;
}

/*** FORUM TOPICS **********************************************************/

div.forum-post {
    border: 1px solid #ccc !important;
}

/* Header at the top of each post */
.forum-post-info,
.forum-post-wrapper,
.forum-post-footer {
    border: 2px solid white;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);
}

.forum-post-info {
    background-color: #CCCCCC;
    color: #3C78A7;
    margin-bottom: 0;
    border-bottom: none;
    font-size: 14px;

    font-weight: bold;


    margin-bottom: 3px;
}

.forum-post-number a {
    color: #3C78A7 !important;
}

/* Wrapper around AP and content */
.forum-post-wrapper {
    background-color: #E7F2F9;
    border-bottom: 2px solid white;
    word-wrap: break-word;
}

/* Author information pane */
.forum-post-panel-sub {
    /*color: #3C78A7;*/
}

/* Author information pane */
.forum-post-panel-sub .author-pane .picture img {
    border: 1px solid #C8DBEA;
    padding: 5px;
    background-color: #FFFFFF;
}

/* Post text area */
.forum-post-panel-main {
    border: none;
    background-color: white;
}

.forum-post-title {
    border-bottom: none;
    border-left: 2px solid white;
    background-color: #EDF5FA;
    line-height: 225%;
    padding-bottom: 2px;
    color: #3C78A7;
}

/* Post footer */
.forum-post-footer {
    background-color: #EDF5FA;
    color: #3C78A7;
}

.forum-jump-links {
    border-right: none;
}

/* Box under top post before first reply */
.forum-top-post-footer {
    border: 1px solid #C8DBEA;
    background: #EDF5FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
    background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
    color: #3C78A7;
}

/* Topic navigation */
.forum-topic-navigation {
    border: 1px solid #C8DBEA;
    background: #EDF5FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
    background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
    color: #3C78A7;
}

/**************************/
#forum .forum-header,
.forum-post-wrapper .forum-header {
    font-size: 12px;
}

#forum-comments .avatar-user,
.forum-post-wrapper .avatar-user {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
}

#forum-comments .username,
.forum-post-wrapper .username {
    font-size : 16px;
}

#forum-comments .user-picture img,
.forum-post-wrapper .user-picture img {
    border: 1px solid #CCCCCC;
    padding: 5px;
}

#forum-comments .author-online,
.forum-post-wrapper .author-online {
    background: url("../images/forum/user-online.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 100px;
}
#forum-comments .author-offline,
.forum-post-wrapper .author-offline {
    background: url("../images/forum/user-offline.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 100px;
}

.author-signature img {
    max-height: 200px;
}

#forum .forum-table-superheader,
#forum .forum-table-superheader a {
    color: #fff;
}

#forum .forum-table-name {
    font-weight: bold;
}


/* FORUM LIST ICONS *********************************************************/
td.forum-list-icon {
    vertical-align: middle;
    text-align: center;
    width: 70px;
}

.forum-list-icon-wrapper span {
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    display: block;
}

.forum-list-icon-default .forum-list-icon-wrapper span,
.forum-list-icon-default .forum-list-icon-wrapper span {
    background: transparent url(../images/forum/forum_list_default.png) no-repeat center center;
}

.forum-list-icon-new-posts .forum-list-icon-wrapper span,
.forum-list-icon-new-posts .forum-list-icon-wrapper span {
    background: transparent url(../images/forum/forum_list_new_posts.png) no-repeat center center;
}

/* FORUM LIST ICON LEGEND ***************************************************/
.forum-list-icon-legend .forum-list-icon-default {
    background: transparent url(../images/forum/forum_list_default.png) no-repeat center center;
}

.forum-list-icon-legend .forum-list-icon-new-posts {
    background: transparent url(../images/forum/forum_list_new_posts.png) no-repeat center center;
}

/* TOPIC LIST ICONS *********************************************************/
span.topic-icon {
    width: 24px;
    height: 24px;
    text-indent: -9999px;
}

.topic-icon-default {
    background: transparent url(../images/forum/topic_list_default.png) no-repeat center center;
}

.topic-icon-new {
    background: transparent url(../images/forum/topic_list_new.png) no-repeat center center;
}

.topic-icon-hot {
    background: transparent url(../images/forum/topic_list_hot.png) no-repeat center center;
}

.topic-icon-hot-new {
    background: transparent url(../images/forum/topic_list_hot_new.png) no-repeat center center;
}

.topic-icon-sticky {
    background: transparent url(../images/forum/topic_list_sticky.png) no-repeat center center;
}

.topic-icon-closed {
    background: transparent url(../images/forum/topic_list_closed.png) no-repeat center center;
}

/* TOPIC LIST ICON LEGEND ***************************************************/
.topic-icon-default {
    background: transparent url(../images/forum/topic_list_default.png) no-repeat top left;
}

.topic-icon-new {
    background: transparent url(../images/forum/topic_list_new.png) no-repeat top left;
}

.topic-icon-hot {
    background: transparent url(../images/forum/topic_list_hot.png) no-repeat top left;
}

.topic-icon-hot-new {
    background: transparent url(../images/forum/topic_list_hot_new.png) no-repeat top left;
}

.topic-icon-sticky {
    background: transparent url(../images/forum/topic_list_sticky.png) no-repeat top left;
}

.topic-icon-closed {
    background: transparent url(../images/forum/topic_list_closed.png) no-repeat top left;
}

span.forum-collapsible {
    width: 9px;
    height: 100%;
    text-indent: -9999px;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    background: transparent url(../images/forum/container_collapse.png) no-repeat center center;

}

span.container-collapsed {
    background: transparent url(../images/forum/container_expand.png) no-repeat center center;
}


/*
This document contains structural markup such as widths, margins, padding, and
floats.
*/

/*** PAGER ******************************************************************/
/* This is the pager on the topics in the list */
.topic-pager {
    font-size: 90%;
    font-style: italic;
}

/* Other pagers in the forum */
#forum-comments .pager {
    text-align: right;
}

#forum-comments .pager li {
    padding: 3px;
    margin: 0;
}


.forum-pager .pager,
.forum-comment-wrapper .pager {
    text-align: right;
    float: right;
    clear: none;
    width: 30%;
}

#forum-pager-top .pager{
    padding: 14px 0 0 0;
}

#forum-pager-bottom .pager{
    padding: 0 0 10px 0;
}

/* The rest of the pager styles are invisible on naked but will show up
   for substyles that set a background and/or border. */
.forum-pager .pager a,
.forum-comment-wrapper .pager a {
    padding: 1px 3px;
    margin: 0pt;
}

.forum-pager .pager li,
.forum-comment-wrapper .pager li {
    padding:0pt;
    margin: 0pt;
}

.forum-pager.pager li.pager-current,
.forum-comment-wrapper .pager li.pager-current {
    padding: 2px 3px 2px 3px;
}

/*** FORUM LINK LISTS *******************************************************/

/* Applies to all forum links */
ul.forum-links li {
    display: inline;
}

/*** FORUM NODE CREATION ****************************************************/

.forum-node-create-links {
    width: 30%;
    float: left;
}

.forum-node-create-links-top {
    clear: both;
    padding-top: 20px; /* Lines up horizontally with pager. */
}

.forum-node-create-links .forum-add-node {
    float: left;
    margin-right: 10px;
}

/*** FORUM & TOPIC LIST TABLES **********************************************/

.forum-table {
    margin: 0;
}

.forum-table-wrap,
.forum-table-topics {
    margin-bottom: 15px;
    clear: both;
}

.forum-table-superheader {
    padding-left: 10px;
}

.forum-table-superheader .forum-table-name {
    margin: 5px 0 3px 5px;
    width: 90%;
    display: inline;
    font-size: 1.2em;
}

.forum-table-superheader .forum-table-description {
    margin: 0 0 3px 5px;
    width: 90%;
}

/* Header, both tables */
.forum-table th {
    text-align: left;
}

/* Forum listing */
th.forum-name {
    text-align: left;
}

th.forum-icon {
    width: 5%;
}

td.forum-details {

}

td.forum-details .forum-description {
    margin: 0;
    font-size: 0.9em;
}

td.forum-details .forum-subforums,
td.forum-details .forum-subcontainers {
    margin-left: 10px;
}

th.forum-topics,
th.forum-posts {
    width: 10%;
    text-align: center;
}

td.forum-number-topics,
td.forum-number-posts {
    text-align: center;
}

th.forum-last-post {
    width: 20%;
}

td.forum-last-reply {
}
/**** Topic listing ****/

.view-advanced-forum-topic-list .view-empty {
    clear: both;
    margin: 20px 0 20px 0;
    padding: 10px;
}

/* Set column widths */
.forum-table-topics td.views-field-topic-icon {
    width: 26px;
}

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
    width: 10%;
}

.forum-table-topics td.views-field-last-updated {
    width: 30%;
}

/* Set alignments & spacing */
.forum-table-topics .views-field-title {
    text-align: left;
}

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
    text-align: center;
    white-space: nowrap;
}

.forum-table-topics td.views-field-last-updated {
    line-height: 140%;
    white-space: normal !important;
}

/* Topic icon */
.forum-table-topics span.topic-icon {
    display: block;
}

/*** FORUM SORT *************************************************************/
#advanced-forum-forum-topic-list-sort-form,
#advanced-forum-forum-topic-list-sort-form input,
#advanced-forum-forum-topic-list-sort-form .form-item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: center;
}

#forum-sort {
    clear: both;
    float: left;
}

/*** FORUM TOOLS ***********************************************************/

.forum-tools{
    float: right;
    margin-top: 10px;
}

/*** FORUM STATISTICS *******************************************************/

#forum-statistics-header,
.forum-statistics-sub-header {
    padding: 0.3em 0.5em;
}

.forum-statistics-sub-body {
    padding: 0.3em 0.5em 0 2em;
}


/*** ICONS LEGEND ***********************************************************/

.forum-list-icon-legend {
    margin-bottom: 30px;
}

.forum-list-icon-legend div {
    float: left;
    margin-right: 30px;
}

.forum-topic-legend div {
    clear: both;
    float: left;
    padding: 5px 0 5px 25px;
    margin-right: 7px;
}


/*** FORUM TOPICS **********************************************************/

/* Header at the top of each topic/thread */
.forum-topic-header {
    margin: 10px 0 2px 0;
}

.forum-topic-header .search-topic {
    float: right;
}

.forum-topic-header .topic-post-count {
    clear: right;
    float: right;
    margin: 7px 7px 0 0;
}

.forum-topic-header .topic-reply-link,
.forum-topic-header .topic-new-post-link,
.forum-topic-header .last-post-link {
    float: left;
    margin: 0 7px 7px 0;
}


.forum-topic-header .reply-count {
    float: right;
    margin: 10px 0 2px 0;
}

/* Individual forum post */
div.forum-post {
    margin: 0 0 5px 0;
    padding: 0;
}

.forum-post-wrapper {
    clear: both;
    height: 100%;
}

/* Header at the top of each post */
.forum-post-info {
    height:100%;
    clear: both;
}

.forum-posted-on {
    padding: 0 5px;
    float: left;
    font-size: .8em;
}

.forum-post .new {
    float: none;
}

.forum-post-number {
    float: right;
    margin-right: 5px;
}

.forum-post-title {
    padding: 1px 1px 1px 10px;
}

/* Author information pane */
.forum-post-panel-sub {
    float: left;
    line-height: 100%;
    width: 150px;
}

.forum-post-panel-sub .author-pane {
    margin: 10px;
}

.forum-post-panel-sub .author-pane .author-name {
    font-size: 120%;
}

.forum-post-panel-sub .author-pane .picture {
    float: none;
    padding-left: 0px;
    margin: 2px 0 10px 0;
}

.forum-post-panel-sub .author-pane .picture img {
    padding: 5px;
}

.forum-post-panel-sub .author-pane .author-pane-section {
    margin-bottom: 10px;
}

.forum-post-panel-sub .author-pane .author-pane-line {
    margin-bottom: 7px;
}

/* Post text area */
.forum-post-panel-main {
    margin-left: 150px; /*Set left margin to LeftColumnWidth*/

    /* These heights keep the AP items from jumping out of the bottom. Depending
       on how many items you display, there, this number may need to be adjusted
       to avoid having unnecessary white space in your posts.
      min-height: 230px;
      height: auto !important;
      height: 230px;   */
}

/* Post text area */
.forum-post-panel-main-mobile {
    margin-left: 0px; /*Set left margin to LeftColumnWidth*/
}

.forum-post-panel-main .forum-post-content {
    padding-top: 2px;
}

.forum-post-panel-main .post-title,
.forum-post-panel-main .forum-post-content {
    margin-left: 0;
    padding-left: 10px;
}

.forum-post-panel-main p {
    margin-right: 10px;
}

/* Signature */
.author-signature {
    font-size: 12px;
    margin: 10px 0 5px 10px;
}

/* Edited */
.post-edited {
    margin: 10px;
}

/* Post footer */
.forum-post-footer {
    margin-top: 0;
    clear: both;
}

.forum-jump-links {
    float: left;
    line-height: 2em;
    margin: 5px;
}

.forum-post-links {
    float: right;
    line-height: 2em;
    text-align: right;
    margin: 10px 0 5px 5px;
}

.forum-post-links ul.links li {
    display: block;
    float: left;
}

.forum-top-post-footer {
    margin: 10px 0 10px 0;
    padding: 5px;
}

/* Defeat garland */
#comments.forum-comment-wrapper {
    margin-top: 0;
}

.forum-comment-wrapper .box {
    clear: both;
}

/*** SEARCH ****************************************************************/

#search-all-forums {
    float: right;
}

#search-single-forum {
    float: left;
}

#advanced-forum-search-forum,
.forum-topic-header #advanced-forum-search-topic {
    margin: 0;
    padding: 14px 0 0 0;
}

#advanced-forum-search-forum input,
.forum-topic-header #advanced-forum-search-topic input {
    margin: 0;
    padding: 0;
}

.forum-topic-header #advanced-forum-search-topic {
    margin-bottom: 10px;
}

.view-avf-search .views-row,
.view-avf-search-topic .views-row {
    margin-bottom: 2em;
}

.forum-search-result {
    margin-bottom: 10px;
}

/*** PREVIEW MODE ****************************************************************/
/* override inline-block */
.preview {
    display: block;
}

.forum-topic-page .user-picture img {
    width: 100px;
}

/* Автор в шапке — только мобилка (на десктопе в левой колонке) */
.forum-post .forum-post-author-mobile {
    display: none;
}

/* Мобилка: убираем пустую колонку 150px, автор — в .forum-post-info */
@media (max-width: 767px) {
    .forum-post .forum-post-panel-sub {
        display: none !important;
    }

    .forum-post .forum-post-panel-main {
        margin-left: 0 !important;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .forum-post .forum-post-author-mobile {
        display: inline-block;
        margin-left: 8px;
        font-weight: 600;
        font-size: 0.9em;
        color: #3c78a7;
        vertical-align: baseline;
        overflow-wrap: anywhere;
        max-width: 100%;
    }

    .forum-post .forum-post-author-mobile a {
        color: #3c78a7;
        text-decoration: none;
    }

    .forum-post .forum-post-author-mobile a:hover {
        text-decoration: underline;
    }

    /* Вложенные ответы: меньше отступ по дереву + потолок по глубине (переменная --forum-depth в шаблоне) */
    #forum-comments .indented {
        margin-left: 8px;
    }

    #forum-comments .forum-post[class*="comment-depth-"] {
        margin-left: calc(min(var(--forum-depth, 0), 5) * 10px) !important;
    }
}

/* Встроенные в текст поста картинки/видео не шире колонки (редакторы часто задают width в px) */
.forum-post-content img,
.forum-post-content video,
.author-signature img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

.forum-post-content iframe {
    max-width: 100%;
}

/* Список форумов (/forum): на мобильном скрываем первую колонку (иконка) */
@media (max-width: 767px) {
    .forum-table.forum-table-forums th.forum-icon,
    .forum-table.forum-table-forums td.forum-list-icon {
        display: none;
    }
}